@media only screen and (max-width : 1024px) {
   
    .sml-device-chit-container .chits-container{
        height: 40vh;
    }
    .hero-text{
        padding: 80px 0;
    }
}

/* For Tablet devices */
@media (max-width:1023px) {
    .sml-device-text-container{
        text-align: center;
    } 
    .note-wrapper{
        padding: 10px;
    }
    .note-info-wrapper{
        padding:  0;
    }
    .note-secondary-details{
        padding: 10px 0;
    }
    .note-actions li:first-child{
        padding-left: 0;
    }
}
/*Media queries for mobile device*/
@media (max-width: 576px) {
    body{
        padding-bottom: 100px; /* because mobile has bottom menu */
        font-size: 1.2rem;
    }
    /* Set font sizes in small devices  start*/
    .note-card-title{
        font-size: 1.4rem;
    }
    .note-card-bottom .author-info,
    .createGroup .info-text, .create-bucket .info-text,
    .group-name{
        font-size: 14px;
    }
    .nc-xxs-text{
        font-size: 12px;
    }
    .nc-xs-text{
        font-size: 16px;
    }
    .groupCard .card-body{
        min-height: 72px;
    }
    .groupCard{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    /* Set font sizes in small devices  end*/
    /* general modal full size */
    .smd-modal .modal-content{
        background-clip: unset;
        border-radius: 0;
        min-height: 100vh;
    }
    .smd-modal .modal-dialog{
        margin: 0;
    }

    /*Genral show in mobile hide in web*/
    .smd-show{
        display: block;
    }
    .lgd-show,
    .lgd-show-flex{
        display: none;
    }
   
    /* login/signup popup responsive styles */
    .smdModal .modal-dialog,
    .loginModal .modal-dialog-centered{
        width: 100%;
        height: 100%;
        margin: 0;
    }
    .smdModal .modal-content,
    .loginModal .modal-content{
        height: 100%;
        border-radius: 0;
    }

    /* Add note style */
    .nc-upload .dropzone{
        min-height: 150px;
        margin-bottom: 20px;
    }
    .nc-save-btn{
        width: 100%;
        padding: 12px 40px;
    }


    .navbar-toggler{
        position: absolute;
        top: 0;
        right: 0;
    }
    .navbar-nav{
        flex-direction: unset;
    }
    .nc-top-searchbar{
        width: 100%;
        margin:10px 0;
    }
    .hero-bg-image{
        display: none;
    }
    /* .sml-device-chit-container .chits-container {
        height: 60vh;
        overflow: hidden;
        margin: 0;
        width: 100%;
        max-width: unset;
    } */
    .hero-text{
       height: auto; 
       padding: 20px;
        text-align: left;
        font-size: 35px;
   } 
    
    .nc-tab-navbar ul li{
        padding: 10px 0px;
        margin: 0 2px;
    }
    .note-wrapper{
        box-shadow: none;
        padding: 0;
        border: none;
    }
    .note-info-wrapper{
        padding: 10px 0;
        margin-top: 10px;
    }
    .note-secondary-details li{
        padding: 0 6px;
        border: none;
    }
    .note-secondary-details li.author-info{
        width: 100%;
        margin-bottom: 10px;
    }
    .note-secondary-details{
        /* margin: 10px 0; */
    }
    .note-actions {
        margin-top: 10px;
    }
    .note-actions .nc-black-btn{
        /* padding: 5px 10px; */
    }
    .aboutus-wrapper .px-5{
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
    .aboutus-wrapper .p-5{
        padding: 2rem!important;
    }
    .cat-checkbox-wrapper label{
        width: 130px;
        height: 130px;
    }
    .page-top-margin{
        margin-top: 30px;
    }
    .paper-bg, .add-chit-wrapper{
        border: none;
        box-shadow: none;
    }
    .add-chit-title {
        background: #fff;
        text-align: left;
    }
    .download-btn{
        background: #464545;
        color: #fff;
        font-size: 12px;
        padding: 5px;
        border-radius: 5px;
        margin: 10px 0;
    }
    .profile-password-tab{
        margin-top:30px;
    }
    /* profile styles */
    .nc-profile-tabs-wrapper{
        max-width: 100%;
        overflow: auto;
    }
    .nc-profile-tabs-wrapper::-webkit-scrollbar{
        display: none;
      }
    .nc-profile-tabs{
        width: max-content;
    }
    .groupCard.createGroup{
        height: 120px;
    }

    /* section list styles */
    .bucket-list li{
        min-height: auto;
        width: calc(100% - 20px);
        padding: 20px;
    }
    .bucket-list{
        /* text-align: center; */
        width: 100%;
    }
    /* single note styles */
    .single-note-card{
        padding: 0;
    }
    .note-card-wrapper{
        padding: 0;
        border-radius: 0;
        overflow: hidden;
        margin-bottom: 20px;
        max-width: none;
    
    }
    .mbl-sub-menu:focus,
    .mbl-sub-menu{
        background: #fff;
        display: block;
        width: 100%;
        padding: 10px 20px 10px 0;
        text-align: left;
        border: none;
        border-bottom: 1px solid #eee;
        margin: 10px 0;
        font-size: 18px;
        font-weight: 600;
        outline: none;
    }
    /* Mobile bottom menu styles  */
    .smd-nav-wrapper{
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #464545;
        z-index: 99;
    }
    .smd-nav-item{
        text-align: center;
        font-size: 20px;
        padding: 0;
    }
    .smd-nav-item a{
        color: #fff;
        padding: 20px 10px;
        display: block;
        width: 100%;
    }
    .nav-default{
        font-size: 14px;
        color: #fff;
    }
    
    .smd-searchbox-wrapper{
        position:fixed ;
        top: 0;
        height: 100vh;
        z-index: 90;
        width: 100%;
        background: #fff;
        display: none;
    }
    .nc-top-searchbar-wrapper{
        width: calc(100% - 32px);
        position: relative;
    }
    .nc-top-searchbar-wrapper input:focus
    .nc-top-searchbar-wrapper input{
        border: 1px solid #eee;
        margin: 16px;
        padding: 10px;
       
    }
    .smd-sticky-bottom-btn{
        position: fixed;
        width: 100%;
        bottom: 0;
        background: #fff;
        height: 100px;
        z-index: 9999;
        left: 0;
    }
    .smd-sticky-bottom-btn button{
        width: calc(100% - 32px);
        margin: 40px 16px;
        padding: 12px 20px;
        font-size: 16px;

    }
    .smd-sticky-bottom-btn .note-saved-to{
        position: fixed;
        width: 100%;
        bottom: 0;
        background: #f8f9fa;
        height: 75px;
        z-index: 9999;
        left: 0;
        text-align: left;
        padding: 16px !important;
    }
    .jsClassProfielTab{
        position: fixed;
        top: 0;
        background: #fff;
        height: 100vh;
        padding-top: 20px;
        width: 100%;
        overflow-y: scroll;
        padding-bottom: 100px;
    }
    .inner-navigation-back{
        display: block;
        padding-bottom: 20px;

    }
    .add-note-sticky-btn{
        bottom: 60px;
    }
    .smd-img{
        width: 100px;
    }
    .group-actions,.section-actions{
        display: inline-block;
    }
    .group-actions i,.section-actions i{
        padding: 8px;
    }
    .carousel-indicators li{
        width: 5px;
        height: 5px;
    }
    .nc-attachment-slider{
        position: relative;
        top: unset;
    }
    
  

 }