@media (max-width: 1024px){
    .small-width{
        width: 100% !important;
    }
    html{
        font-size: 14px;
    }
    h1, .h1{
        font-size: 30px;
    }
    h2, .h2{
        font-size: 25px;
    }
    h3, .h3{
        font-size: 22px;
    }
    h4, .h4{
        font-size: 20px;
    }
    h5, .h5{
        font-size: 18px;
    }
    h6, .h6{
        font-size: 16px;
    }
    .ml-sm-0{
        margin-left: 0 !important;
    }
    .ml-sm-10{
        margin-left: 10 !important;
    }
    .mb-sm-10{
        margin-bottom: 10px !important; 
    }
    .mb-sm-15{
        margin-bottom: 15px !important; 
    }
    .mb-sm-20{
        margin-bottom: 20px !important; 
    }
    .mr-sm-15{
       margin-right: 15px !important; 
    }
    .pb-sm-10{
        padding-bottom: 10px !important; 
    }
    .w-sm-100{
        width: 100% !important;
        flex-basis: 100%;
    }
    .w-sm-50{
        width: 50% !important;
    }
    .w-sm-33{
        width: 33.333% !important;   
    }
    .text-sm-center{
        text-align: center !important;
    }
    .text-sm-center{
        text-align: center !important;
    }
    .justify-sm-center{
        justify-content: center !important;
    }
    .scrtabs-tab-scroll-arrow{
        width: 15px;
    }
    .path-tabs li a{
        font-size: 16px;
        padding: 5px 10px;
    }
    
    .sliderbar-new{
        width: 45px;
    }
    .sliderbar-new ul li a.icon-img{
        padding: 5px;
    }
    #header {
        width: calc(100% - 45px);
    }
    .content{
        width: calc(100% - 45px);
        padding: 20px 15px;
    }
    .sidebar-open-new{
        width: 280px;
        right: -280px;
    }
    .small-width .sliderbar-new {
        right: 280px;
    }
    .path-header{
       padding: 10px 15px;
    }
    .path-tab .right-panel ul li{
        padding: 0 8px;
        margin-bottom: 15px;
    }
    #sidebar-open .ui-datepicker td span, 
    #sidebar-open .ui-datepicker td a{
        padding: 0.5rem 0.3125rem;
    }
    .project-menu-tab{
        width: calc(100% - 80px) !important;
    }
    .admin-item-list ul li ul li{
        width: 50%;
    }
}


@media (max-width: 767px){
    .mb-xs-10{
        margin-bottom: 10px !important; 
    }
    .mb-xs-15{
        margin-bottom: 15px !important; 
    }
    .mb-xs-20{
        margin-bottom: 20px !important; 
    }
    .mb-xs-25{
        margin-bottom: 25px !important; 
    }
    .mt-xs-10{
        margin-top: 10px !important;
    }
    .mt-xs-20{
        margin-top: 20px !important;
    }
    .p-xs-15{
        padding: 15px !important;
    }
    .w-xs-100{
        width: 100% !important;
    }
    
    .text-xs-center{
        text-align: center !important;
    }
    .justify-xs-center{
        justify-content: center !important;
    }
    .box{
       padding: 1rem;
    }
    .favourite-row p{
        width: 100%;
    }
    .favourite-row p:not(:last-child){
        margin-bottom: 15px !important;
    }
    .admin-item-list ul li ul li{
        width: 100%;
    }
}