@media only screen and (max-width: 1399px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1180px;
    }
     
    .filter-container { 
        padding: 15px 40px; 
        gap: 5px; 
    }
     
    .filter-container .filter-btn {
        padding: 13px 26px;
        
    }

   
    
}

@media screen and (max-width: 1280px) and (max-height: 800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1150px;
    } 
    .filter-container .filter-btn {
        padding: 13px 20px;
    }
     
   

     
}

@media (max-width: 1024px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
    }
     
     


}

@media (max-width: 991px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 950px;
    }
    .type-touis {
        /* width: 43% !important; */
    }

 
  }

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1270px;
    }
     
}
@media (min-width: 1700px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1350px;
    }
    .navigation.sticky-header {
        padding: 0;
    }
    .wpo-about-section .about-left-image { 
        max-width: 820px; 
    }
    .type-touis {
        /* width: 70% !important; */
    }


}


@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1480px;
    }
    .trend-padding {
        padding-top: 20rem;
    }
    .type-touis {
        /* width: 43% !important; */
    }



}

@media (max-width: 767px) {
    .type-touis {
        width: 100% !important;
    }
}