@media only screen and (max-width:1300px) and (min-width:990px) {
    .product_action_btn.in-box{
        font-size:.6rem;
    }
    .product-box .add_cart{
        font-size:.6rem;
    }
}
@media only screen and (max-width:1150px){
    #nav .search input{
        width: 220px;
    }    
}
@media only screen and (max-width:967px){
    .progress{
        height:128px;
    }
    #nav .container{
        justify-content: center;
        gap: 20px;
    }
    #nav .container.text-start{
        justify-content: flex-start;
        gap: 20px;
    }
    #sidebar.active{
        width: 35vw;
    }
    #address_bar.active{
        width: 35vw;
    }
    .location-mob{
        background-color: var(--primary-hover);
    }
    .m-h{
        height: initial !important;
    }
    .all_details{
        padding: 15px;
    }
    body{
        padding-bottom: 100px;
    }
    #products.product-page{
        margin-top: 2rem;
    }
}
@media only screen and (max-width:775px){
    .product-imgs{
        height: 67vh !important;
    }
    .nav-middle {
        display: none !important;
    }
    .mobile_search{
        background-color: #eefffe;
        padding: 0 6px;
        display: initial;
    }
    #nav {
        height: 100px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap:5px;
    }
    .mobile_search .search{
        border-radius: 8px !important;
        padding: 6px 15px 6px 18px !important;
        justify-content: space-between;
    }
    .mobile_search .search input {
        flex: 1 !important;
        width: initial !important;
        max-width:initial !important;
    }
    #nav .container-fluid{
        height:auto;
    }
}

@media only screen and (max-width:667px){
    #banners{
        aspect-ratio:18/6;
    }
    #banners.p-3{
        padding:.6rem !important;
    }
    .home-category .img{
        margin:0 auto 5px auto;
    }
    #sidebar.active{
        width: 85vw;
    }
    #address_bar.active{
        width: 85vw;
    }
    .product-imgs .swiper .swiper-slide{
        padding:8px;
    }
    
    .product_slider .swiper-button-next,.product_slider .swiper-button-prev{
        display: flex;
    }
    
    #nav .search input{
        width: 100px;
    }
    #banners .swiper-horizontal>.swiper-pagination-bullets,#banners .swiper-pagination-bullets.swiper-pagination-horizontal,#banners .swiper-pagination-custom,#banners .swiper-pagination-fraction{
        display: none !important;
    }
    .product-imgs{
        height: 50vh !important;
    }
    .brand img{
        width:110px;
    }
    #home-category .tranding{
        width:107px !important;
    }
}

@media only screen and (max-width:400px){
    #bottom-nav .nav-items{
        font-size: 12px;
    }
    .product-imgs{
        height: 40vh !important;
    }
    #nav .container{
        gap: initial;
    }
    #nav .search input{
        width: 80px;
    }
    .brand img{
        width:90px;
    }
    .nav-right .login-btn{
        font-size:.8rem;
    }
    .nav-right .reg-btn{
        font-size:.8rem;
    }
    .product-box .btns{
        flex-direction:column;
        align-items:initial !important;
        justify-content:initial !important;
    }
    .product-box .add_cart{
        justify-content:center !important;
        gap:.5rem
    }
}