@media screen and (max-width: 1400px) {
    #archive-product ul.products li.product{
        width: 23.3% !important;
    }
}
@media screen and (min-width: 1200px){
    .container{
        padding: 0 12px;
    }
    footer svg#tea {
        left: 170px;
    }
    .modal .content{
        width: 500px;
    }
}
@media screen and (max-width: 1200px){
    .container{
        padding: 0 12px;
    }
    footer svg#tea {
        left: 170px;
    }
    .modal .content{
        width: 500px;
    }
    #archive-product ul.products li.product{
        width: 23% !important;
    }
    .modal-btn-comment {
         font-size: 12px !important;
     }
    .an-price {
        flex-direction: column !important;
        gap: 1rem;
        align-items: center !important;
    }

}


@media screen and (max-width: 992px){
    .search {
        margin-top: 40px;
    }
    .special-offer .spof {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .special-offer .right {
        width: 100%;
        height: auto;
    }
    .special-offer .left {
        justify-content: center;
    }
    footer {
        margin-top: 152px;
    }
    #archive-product ul.products li.product{
        width: 31% !important;
    }
    #archive-product ul.products {
        justify-content: space-between;
    }
    section.footer {
        flex-direction: column;
        gap: 4rem;
    }
    section.footer .intro {
        width: 100%;
    }
    .footer .menu {
        width: 100%;
    }
    .an_cart {
        flex-direction: column;
    }
    .an_cart form {
        width: 100%;
    }
    .an_cart .cart-collaterals {
        width: 100%;
        z-index: 999;
    }
    .an_cart .cart-collaterals .wc-proceed-to-checkout a{
        margin-bottom: 1rem;
    }
    .an-checkout form {
        flex-direction: column;
    }
    .an-checkout form #customer_details {
        width: 100%;
    }
    .an-checkout form #order_review {
        width: 100%;
        margin-top: 2rem;
        z-index: 999;
    }
}

@media screen and (max-width: 768px){
    .special-offer figure {
        height: 300px;
    }
    footer svg#tea {
        left: 100px;
        top: -90px;
        width: 60px;
        height: 60px;
    }
    .search form {
        width: 90%;
    }
    .content-ajax-search {
        width: 90%;
        right: 5%;
    }
    .loader-ajax-search {
        width: 90%;
        right: 5%;
        z-index: 9;
    }
    .modal .content{
        width: 400px;
    }
    #archive-product ul.products li.product{
        width: 48% !important;
    }
    #archive-product ul.products {
        gap: 1.3rem;
    }
    .woocommerce-message a.button.wc-forward {
        margin-top: 1rem;
    }
    .main-header .intro h5 {
        display: none;
    }
    .an-menu-bar{
        display: block;
    }
    .right-th{
        width: 60%;
        justify-content: space-between;
    }
    .top-header .an-btn-menu-bar {
        display: block !important;
    }
    .an-menu-bar {
        position: fixed;
        width: 300px;
        height: 100vh;
        top: 0;
        right: -600px;;
        z-index: 9999;
        backdrop-filter: blur(1rem);
        background-color: rgb(22 22 22 / 90%);
        padding-left: 1rem;
        transition: right 0.3s ease;
        overflow-y: scroll;
    }
    .top-header nav.navbar > ul.menu {
        margin-top: 4rem;
    }
    .an-menu-bar-overlay {
        display: block !important;
        position: fixed;
        right: -768px;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(125 125 125 / 50%);
        backdrop-filter: blur(5px);
        z-index: 999;
    }
    .an-menu-bar-overlay.active{
        right: 0;
    }
    .an-btn-menu-close {
        display: block !important;
        position: absolute;
        right: 200px;
        top: 0;
        align-items: center;
        margin: 1rem 1rem 0 0;
        padding: .25rem .5rem;
        color: #E0E0E0;
        border: 1px solid;
        border-radius: .5rem;
    }
    nav.navbar > ul > li{
        overflow: hidden;

    }
    nav.navbar > ul > li > ul {
        visibility: visible !important;
        opacity: 1;
        position: relative;
        max-height: 0;
        overflow: hidden;
        top: 0;
    }
    nav.navbar > ul > li > ul.active{
        max-height: auto;
    }
    .an-menu-bar.active {
        right: 0;
    }
    .top-header nav.navbar ul {
        flex-direction: column;
    }
    .top-header nav.navbar ul li.menu-item-has-children:before{
        left: 0;
    }
    .single-header h1{
        font-size: 2.5rem !important;
    }
    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
        margin-top: 1rem;
    }
    .single-header .bread-title .title h1 {
        font-size: 2rem !important;
    }
    .woocommerce .products ul, .woocommerce ul.products {
        display: flex;
        flex-direction: column;
        gap: 2rem
    }
    .woocommerce .products ul, .woocommerce ul.products li{
        width: 100% !important;
    }
}

@media screen and (max-width: 576px){
    .special-offer .right .details {
        flex-direction: column;
        gap: 12px;
    }
    .special-offer .right .buy {
        flex-direction: column-reverse;
        align-items: center;
        gap: 12px;
        margin-top: 40px;
    }
    footer svg#tea {
        left: 80px;
        top: -80px;
        width: 50px;
        height: 50px;
    }
    .modal .content{
        width: 80%;
    }
    #archive-product ul.products li.product{
        width: 100% !important;
    }
    .single-header .bread-title .title h1 {
        font-size: 2rem !important;
    }
    .single-product .content .meta {
        flex-direction: column;
    }
    .woocommerce div.product div.summary .product_meta {
        width: 100%;
    }
    .an-info{
        gap: 1rem;
    }
    .an-contact .btn-ct {
        flex-direction: column;
    }
    .single-product .content .meta .item {
        width: 100%;
    }
    .woocommerce div.product div.summary .product_meta {
        display: flex;
        flex-direction: column;
        align-items: start;
        gap: .5rem;
    }
    .an-not-stock{
        font-size: 12px;
    }
    #wpadminbar {
        display: none;
    }
    .top-header .logo {
        display: none;
    }
    .an-menu-bar {
        width: 100%;
    }
    .an-btn-menu-close{
        left: 30px;
        right: unset;
    }
    .an-single .meta {
        flex-direction: column;
        gap: .5rem !important;
    }
    .widget_shopping_cart_content {
        width: 100% !important;
    }
    .account nav.woocommerce-MyAccount-navigation {
        width: 100% !important;
    }
    .woocommerce .woocommerce-result-count {
        display: none;
    }
    .woocommerce .woocommerce-ordering {
        width: 100% !important;
        display: flex;
        justify-content: center;
    }
    .an-price p.in-stock {
        display: none;
    }
}