
/* 992px media query start here  */
@media(max-width: 992px){
    .shopcategory{}
    .shopcategory .shopcatbox{flex: 0 0 48%;}
    .newarrivals,
    .shopbycategory{padding: 25px 0;}
    header{border-bottom: 1px solid #eee;}
    .mobbottomcart{display: none;width: 95%;position: fixed;z-index: 9;background: green;bottom: 5px;left: 50%;transform: translateX(-50%);border-radius: 5px;padding: 10px;}
    .sale-offer-timer-widget,
    .offerbanner-widget,
    .sliderwidget{padding: 0;}
    .offerbanner-widget{padding: 15px;}
    .homecategory-widget{padding: 0 15px; margin: 0 0 20px;}
    .testimonials-widget{padding: 0 10px;}
    .blogswidget{padding: 15px 0;}
    .offerbanner-widget .offerbanner-box{border-radius: 5px;}
    .sale-offer-timer{justify-content: center;}
    .trust-badges{}
    .sale-leftbox{margin: 0 0 20px;}
    .sale-offer-timer-widget{padding: 20px 0; margin: 0;}
    .salebanner,
    .sale-offer-timer{flex-basis: 50%;}
    .timer-widget{gap: 30px;}
    .mobheader{padding: 5px 10px;}

    .breadcrumb-page{padding: 0;}
    .breadcrumbbox ul li{font-size: 12px;}
    .padd768{padding: 0;}
    .productswidget{padding: 20px 0;}

    .productpage{padding: 15px 0;}
    .cart-container{padding: 20px 0;}



    /* 992px media query end here  */
}




/* 768px media query start here  */
@media(max-width: 768px){
    
    .shopcategory .shopcatbox{
        flex: 0 0 20%;
    }
    .shopcategory .shopcatbox p{font-size: 12px;}
    .maintitle h2:after, .maintitle h2:before{width: 10%;}
    .bannersection-two .bannersec-content span{
    font-size: 24px;
}
    .bannersection-two .bannersec-content h2{
    font-size: 40px;
}
    .homecategory-widget .newbox{width: 96%;margin: 8px;}
    .newarrivals #discoverslide .newbox{width: 94%;margin: 10px;}
    .newarrivals{padding: 15px;}
    .homecategory-widget .homecatrow{padding: 20px 10px;}
    .homecategory-widget{padding: 0 10px;}
    .salebanner{display: none;}
    .sale-offer-timer{flex-basis: 100%;}
    .sale-offer-timer h3 span{white-space: nowrap;}
    .sale-offer-timer:before{display: none;}
    .trust-badges{flex-wrap: wrap; gap: 15px;}
    .shopbycategory .shopbycat-menu{padding: 0 0 15px;}
    .shopbycategory .shopbycat-menu ul{width: 100%; gap: 10px; overflow: auto; justify-content: start; padding: 10px 0;}
    .sale-offer-timer-widget{padding-bottom: 0;}
    .shopbycategory .shopbycat-menu ul::-webkit-scrollbar{height: 0px;}
    .shopbycategory .shopbycat-menu ul li{}
    .shopbycategory .shopbycat-menu ul li a{white-space: nowrap;}
    .shopcategory .shopcatbox p{letter-spacing: 1px; white-space: nowrap;}
    .maintitle h2{font-size: 20px; font-weight: 500;}
    .maintitle p{font-size: 12px;}
    .maintitle a{font-size: 13px; padding: 5px 10px; top: 30%; right: 5px;}
    .offerbanner-widget{padding: 15px 0;}
    .offerbanner-widget .offerbanner-box img{}
    .testimonials-widget .reviewbox{padding: 0 ; margin: 0; background: transparent;}
    .testimonials-widget .reviewbox p{background: transparent; font-weight: 400;}
    .testimonials-widget{padding: 20px 0 ;}
    .blogswidget .maintitle{margin: 0 0 15px;}
    .blogswidget .blogbox{margin: 0 0 20px;}
    footer .footerbox h3{font-weight: 500;}
    .breadcrumb-page{padding: 0;}
    
    .breadcrumbbox{padding: 7px 10px;}
    .breadcrumbbox ul li{font-size: 12px;}
    .productleft{padding: 0; height: auto;}
    .productright{padding: 15px 0 0;}
    .productright .actionsbtns{flex-wrap: wrap;}
    .productright .actionsbtns .qty{}
    .productright h3{font-size: 16px;}
    .productright .actionsbtns .actbtn{display: none;}
    .productright .productactionbtn{display: flex;}
    .productright .productactionbtn .actbtn{flex: 2;white-space: nowrap;text-align: center;}
    .productright .productactionbtn .actbtn.wishlist{
        width: 100px;
        height: 50px;
        background: var(--dark-green);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        color: #fff;
    }
    /*.productright .productactionbtn .actbtn.addcart{background: var(--light-orange);width: stretch;display: flex;align-items: center;justify-content: center;color: #fff;}*/
    .productright .productactionbtn{position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;box-shadow: 0 0px 3px 1px #eee;z-index: 9;display: flex;align-items: center;justify-content: space-between;padding: 15px 15px 20px;gap: 10px;}
    .product-filter{position: fixed; top: 0; left: 0; background: #fff; z-index: 99; height: 100%; border-radius: 0; width: 60%; left: -100%; transition: .3s linear;}
    .product-filter.active{left: 0;box-shadow: 0 10px 10px 0 rgb(0 0 0 / 20%);}
    .product-filter .mobclosefilter{display: block;}
    .checkout_page_header{align-items: center;}
    .msgbox .alertdiv{top: 10px; left: 50%; right: initial; transform: translateX(-50%); width: 95%;}
    .msgbox .alertdiv{font-size: 16px; font-weight: 500;}
    .productswidget .mobfilterhead{display: block;}
    .productleft > img{width: 100%; height: auto;}
    .productleft .extm{display: none;}
    .wishlist_wrapper{padding: 15px 0;}
    .wishlist_wrapper .newbox{width: 100%; }
    .shopcategory .shopcatbox img{width: 75%;}
    
/* 768px media query end here  */
}




/* 576px media query start here  */
@media(max-width: 576px){
    .productright .productratings{padding: 0;}
    .arrivalrows::-webkit-scrollbar{height: 0;}
    .maintitle{margin: 0 0 5px;}
    header{padding: 0;box-shadow: none;}
    .mobheader{padding: 10px;flex-wrap: wrap;}
    .sliderwidget{}
    .shopbycategory{padding: 25px 0 0;}
    .shopcategory{overflow: auto;padding: 0;flex-wrap: wrap;gap: 10px; align-items: start; justify-content: start;}
    .shopcategory .shopcatbox{margin-bottom: 5px;flex: 0 0 48%;}
    .maintitle h2{}
    .maintitle p{}
    .maintitle h2:before{border-color: #999;bottom: initial;right: -35px;left: initial;width: 30px;top: 50%;transform: translateY(-50%);margin: 0;}
    .shopcategory .shopcatbox:hover{transform: initial;}
    .shortbanner{padding: 15px 10px 5px;}
    .shortbanner .row{flex-wrap: nowrap;overflow: auto;}
    .shortbanner .row::-webkit-scrollbar{height: 0;}
    .shortbanner .row .gridbox{white-space: nowrap;width: 80%;padding: 0;padding-right: 15px;}
    .newarrivals{padding: 25px 0 0;}
    .arrivalrows .newbox{flex: 0 0 25%;padding: 8px;border-color: #e9e9e9;border-radius: 8px;}
    .arrivalrows .newbox figure{text-align: center;margin: 0 0 10px;background: #d1d1d142;border-radius: 5px;}
    .arrivalrows .newbox figure img{width: 80%;}
    .arrivalrows .newbox .title{font-size: 12px; height: 32px;}
    .arrivalrows .newbox .amount{line-height: 1; flex-direction: column; gap: 0;}
    .arrivalrows .newbox button{font-size: 13px; padding: 3px 10px;}
    .arrivalrows .actionbtn{padding: 5px 0 0;}
    .shortbannerbox .overlay{}
    .login-wrapper .login-innerwrapper .otp-modal{padding: 10px 0;}
    .login-wrapper .login-innerwrapper .otp-box{
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
    .shortbannerbox > img{width: 100%;}
    .shortbannerbox .overlay span{font-size: 14px; font-weight: 400;}
    .shortbannerbox .overlay h3{font-size: 15px;}
    .shortbannerbox .overlay a{font-size: 12px;}
    .shortbannerbox .overlay a img{width: 9px;}
    footer{padding: 15px 0 0;}
    footer .footerbox h3{font-size: 16px;margin: 0 0 5px;}
    footer .footerbox h3:before{display: none;}
    footer .footercategory{
    padding: 15px 0;
    flex-direction: column;
}
    footer .footerbox ul{}
    footer .footerbox ul li{padding: 0;line-height: 1.4;}
    .continfo a{margin: 0 0 15px;}
    footer .copyright{padding: 0 10px 15px; flex-direction: column;}
    footer .copyright p{text-align: center; order: 2;}
    footer .copyright .social{order: 1; padding: 0 0 10px;}
    .arrivalrows .newbox .discount{font-size: 10px;background: var(--secondary-color);border-radius: 3px;top: 0;right: 0;color: #fff;}
    .login-wrapper{width: 95%;display: flex;flex-direction: column;justify-content: end;padding: 15px 10px;}
    @keyframes moveBg {
        from {
            background-position: 0 0;
        }
        to {
            background-position: 100% 0;
        }
    }
    .loginclose{}
    .loginclose:hover{}
    .loginlogo{}
    .loginlogo img{}
    .login-wrapper h3{
    font-size: 16px;
}
    .logintitle{
    font-size: 13px;
    letter-spacing: normal;
}
    .login-wrapper form{
    width: 100%;
    margin: 10px 0;
}
    .login-wrapper form .fields{}
    .login-wrapper form .fields input{}
    .login-wrapper form .fields input::placeholder{}
    .login-wrapper form .fields-btn{text-align: center;}
    .login-wrapper form .fields-btn button{}
    .loginterms{
    display: inline-block;
    text-align: center;
}
    .loginterms a{
    display: inline-block;
}
    .loginterms a:hover{}
    .searchwrapper{
    padding: 35% 15px 10px;
}

    .msgbox{width: 95%;}
    .msgbox.active{bottom: 5px;}

    .sidecart{width: 100%;}

    .mobbottomcart{width: 75%; bottom: 60px;}
    .arrivalrows .newbox .unit{font-size: 10px;}
    .sidecart-header h3{font-size: 15px;}
    .sidecart .sidecart-close{top: 15px;}

    .productswidget{padding: 20px 0 30px;}
    .productpage{padding: 15px 0 0;}
    .productleft{}
    .productleft .imgs{}
    .productright .probrands{padding: 0 0 10px}
    .productright h3{}
    .productright .quantity{}
    .productright .quantity p{font-size: 11px;font-weight: 500;}
    .productright .quantity .pricebox{margin: 0;}
    .product_colors_and_sizes .product_sizes{padding: 0;}
    .productright .actionsbtns{padding: 15px  0 0; display: none;}
    .product_page_shortdesc{padding: 15px 0 0;}
    .product_need_helping_for_buying h4,
    .product_page_shortdesc h4{font-size: 16px;padding: 10px 0;margin: 0 0 8px;}
    .product_need_helping_for_buying .call_for_need{padding: 0 0 0 35px;}
    .product_need_helping_for_buying .call_for_need p{font-size: 15px;}
    .product_need_helping_for_buying .call_for_need span{font-size: 12px;}
    .prodesc-widget{padding: 0;}
    .prodescbox{padding: 50px 0 20px;}
    .product_need_helping_for_buying .call_for_need i{font-size: 25px;}
    .product_page_shortdesc ul li{padding: 0 0 5px;}
    .product_need_helping_for_buying{padding: 10px 0 0;}
    .productright .quantity .pricebox .price{font-size: 18px;display: block;line-height: 1;}
    .productright .selectunit .unitsbox{padding: 3px 0 0;}
    .productright .selectunit .unitsbox a p{font-size: 12px;}
    .productright .selectunit .unitsbox a p:nth-child(2){gap: 5px;}
    .productright .selectunit h4{font-size: 12px;}
    
    .productright .quantity .include{position: relative;bottom: initial;display: block;font-size: 9px;}
    .productright .quantity .addcart{font-size: 12px;
        padding: 6px 10px;
        border-radius: 3px;
        right: 15px;
        top: 50%;
        bottom: initial;
        transform: translateY(-50%);
    }

.product-related{padding: 20px 0 0px;}
.productright .keyfeatures h3{font-size: 13px;}
.productright .keyfeatures ul{padding: 0 0 5px;}
.productright .keyfeatures ul li{font-size: 12px;}
.productdetails{}
.productdetails h3{
    font-size: 13px;
    padding: 0 0 2px;
}
.productdetails .productdescription ul{}
.productdetails .productdescription ul li{
    font-size: 12px;
}
.productdetails .productdescription ul li strong{
    font-size: 12px;
}
.categoriesproduct{flex-wrap: wrap;}
.categoriesproduct.arrivalrows .newbox{flex: 1 0 47%;}
.accountwidget{padding: 0;}
    .userinfo{display: flex;align-items: center;justify-content: start;gap: 15px;margin: 0  0 15px 0;padding: 15px;border-radius: 4px;}
    .userinfo .icon{margin: 0;width: 40px;}
    .userinfo .icon img{
    width: 30px;
}
    .userinfo .info{
    text-align: start;
}
    .userinfo .info h3{
    font-size: 15px;
}
    .userinfo .info p{
    font-size: 13px;
}
.accountleft{padding: 50px 0 0;position: relative;z-index: 1;}
.usermenu{position: absolute;top: 0;left: 0;width: 100%; padding: 0; box-shadow: none;}
.usermenu ul{
    display: flex;
    overflow: auto;
    /* background: #eee; */
    
    padding: 10px;
}
    .usermenu ul li:not(:last-child){margin: 0;}
    .usermenu ul::-webkit-scrollbar{height: 0;}
    .usermenu ul li{}
    .usermenu ul li a{
    background: none;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px;
    margin: 0;
    border: none;
}
    .usermenu ul li:first-child a{padding-left: 0;}
    .usermenu ul li a i{}
    .usermenu ul li a.active i,
    .usermenu ul li a:hover i,
    .usermenu ul li a.active, .usermenu ul li a:hover{
        background: none;
        color: var(--primary-color);
    }
    .accounttab-header h3{
    font-size: 15px;
}
    .accounttab-body{padding: 5px 0 0;}
    .accounttab-body h4{
    font-size: 13px;
}
.accounttab-body form .fields.gender-label label{font-size: 12px;padding: 5px 10px;}
    .accounttab-body form .fields-btn button{font-size: 13px;}
    .ordertbl-head span{
    font-size: 12px;
}
    .ordertbl-head span:nth-child(1){
    width: 75%;
}
    .ordertbl-head span:nth-child(2){
    width: 22%;
}
.addnewadd a{font-size: 12px;}
    .sidesubcategory{display: flex;margin: 0 0 20px;height: auto;gap: 5px;overflow: auto;}
    .sidesubcategory .sidesubcat-link:nth-child(1){
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .searchproducts{
        flex-wrap: wrap;
    }
    .arrivalrows.searchproducts .newbox{
        
    }
    .bannersection-two{padding: 5% 0;}
    .bannersection-two .bannersec-content{
        padding: 30px 0;
    }
    .bannersection-two .bannersec-content span{
        font-size: 18px;
        letter-spacing: 0;
    }
    .bannersection-two .bannersec-content h2{
        font-size: 26px;
        letter-spacing: 0;
        padding: 0;
    }
    .homeaboutus,
    .bestselling{padding: 25px 0 ;}
    .homeaboutus-left{padding: 0 0 20px;}
    .homeaboutus-left p{text-align: justify; padding: 0 0 8px;}
    footer .footerbox figure img{width: 100px;}
    footer .footerbox{padding: 0 0 15px;}
    .login-innerwrapper{flex-wrap: wrap;}
    .login-innerwrapper .registerwrapper,
    .login-innerwrapper .loginwrapper{flex-basis: 100%;}
    .login-wrapper:before{
        width: 90%;
        height: 1px;

    }
    .login-innerwrapper .loginwrapper{
        padding: 0 0 40px;
    }
    .cartbox-header span{color: #666; font-size: 15px;}
    .cartbox-body .product img{width: 60px;}
    .cartbox-body .content h3{font-size: 13px;}
    .cartbox-body .content .price{margin: 0 0 5px; display: block;}
    .coupon-n-total{margin: 30px 0 0;}
    .couponbox{margin: 0 0 15px;}
    .checkout-widget{height: auto;padding: 20px 0;}
    .checkout-widget:before{display: none;}
    .checkoutright{padding: 30px 0 0;}
    .checkoutproduct .content h4{font-size: 15px;}
    .checkoutlogin h3{font-size: 16px;}
    .checkout_page_logo img{width: 80px;}
    .prodesc-tab.desc p{font-size: 14px; text-align: justify;}
    .prodesc-tab.desc ul{}
    .prodesc-tab.desc ul li{
        font-size: 14px;
    }
    .prodesc-tab.review .putratings label{display: block;}
    .prodesc-tab.review .putratings label i{font-size: 14px;}
    .prodescbox-header .prodesc-link{font-size: 13px;}
    .product_desc_tabs{padding: 0 ;}
    .reviews_show_ratings h5{font-size: 30px;}
    .reviews_show_ratings{padding-left: 52px;}
    .prodesc-tab.review h4{font-size: 14px; font-weight: 400;}
    .customer_reviews{padding: 20px 0 0;}
    .prodesc-tab.review .putratings label:before{display: none;}
    .customer_reviews_box{padding: 10px 0;}
    .aboutwidget{padding: 15px 0}
    .leftaboutwidget{padding: 20px 0 0;width: 90%;margin: 20px auto 0;}
    .rightaboutwidget h3{font-size: 18px; margin: 0 0 10px;}
    .rightaboutwidget h3:after{margin: 10px 0 0;}
    .rightaboutwidget p{text-align: justify;}
    .contact-widget{padding: 10px 0 0;}
    .maparea{padding: 0 0 20px;}
    .contright{padding: 0 0 20px;}
    .search_page{padding: 10px 0 20px;}
    .ratingsubmit_frm_wrapper .inner_wrapper{width: 90%;}

    .contright h5{font-size: 12px;}
    .contright form .fields{margin: 0 0 10px;}
    .checkoutformbox{padding: 15px 0;}
    .checkoutlogin{flex-direction: column;align-items: start;margin: 0 0 0;}
    .order_place_thanks .thankyou-card{width: 95%; padding: 25px 10px;}
    .order_place_thanks .thankyou-card .success-icon{width: 40px; height: 40px;}
    .order_place_thanks .thankyou-card .success-icon i{font-size: 25px;}
    .order_place_thanks .thankyou-card .placed_title{margin: 20px 0 0;}
    .order_place_thanks .thankyou-card .placed_subtitle{font-size: 15px; margin: 10px 0 0;}
    .order_place_thanks .thankyou-card .order-box .order-content h4{font-size: 16px; margin: 0 0 5px;}
    .order_place_thanks .thankyou-card .note,
    .order_place_thanks .thankyou-card .order-box .order-content p{font-size: 14px;}
    .order_place_thanks .thankyou-card .placed_btn{flex-direction: column;}
    .order_place_thanks .thankyou-card .placed_btn a{width: 100%;}
    .checkout-widget .checkoutleft:before{display: none;}
    .newbox figure{height: 150px;}
    .newbox .amount .oldprice, .newbox .amount .discount{font-size: 13px;}
    .newbox .amount .price{font-size: 16px;}
    .newarrivals .slick-arrow.slick-next{right: 10px;}
    .newarrivals .slick-arrow.slick-prev{left: 10px;}
    .productright .quantity .pricebox .price{font-size: 18px;}
    .productright .quantity .oldprice,
    .productright .quantity .discount{font-size: 14px;}
    .actionbtns{flex-wrap: wrap;}
    .actionbtns a{padding: 6px 5px;font-size: 12px;width: 100%;}
    .newbox .amount .oldprice, .newbox .amount .discount{font-size: 12px;}
    .testimonials-widget .row.testimonial-rows{padding: 20px 0 15px;}
    .testimonials-widget .reviewbox p{font-size: 13px;}
    .newarrivals .row{padding: 0 10px;}
    .newarrivals .row{gap: 10px}
    .newarrivals .row .col-6{padding: 0; width: 48%;}
    .newarrivals .row .col-6 .newbox{width: 100%;}
    .newbox figure .wishlisticon{bottom: -5px; right: 0px;}
    .checkoutformbox .checkoutcontinue-wrapper p{width: 100%;}
    .checkoutformbox .checkoutcontinue-wrapper a{position: static; top: initial; right: initial; transform: initial; display: inline-block; margin: 10px 0 0;}
    .checkoutright{padding: 0;}
    .checkouttotal{padding: 20px 0;}
    .rightaboutwidget{padding-right: 0;}
    .blogbox .content p{text-align: justify;}
    .ordertbl-head1-info-btn{top: 70%;}
    .cancelform-wrapper{width: 95%;}
    /* 576px media query end here  */
}



/* 420px media query start here  */
@media(max-width: 420px){
    .mobheader-left .moblogo img{width: 100px;}
    .mobheader-left .mobgetlocation{}
    .mobheader-left .mobgetlocation p{}
    .mobheader-left .mobgetlocation a{}
    .mobheader-left .mobgetlocation a img{width: 13px;}
    .mobheader-right{}
    .shopcategory .shopcatbox p{
        /* font-size: 11px;
        position: relative;
        display: -webkit-box;
        -webkit-line-clamp: 1;   
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        z-index: 1;
        width: 100%;
        overflow: hidden;
        word-break: break-word;
        line-height: 1.2; */
    }

    .shortbannerbox{}
    .shortbannerbox .overlay span{}
    .shortbannerbox .overlay h3{
    padding: 0px 0 10px;
}
    .shortbannerbox .overlay a{padding: 5px;font-size: 11px; position: relative;}
    .shortbannerbox .overlay a img{}
    .arrivalrows {}
    .arrivalrows .newbox{
    flex: 0 0 35%;
}


    /* 420px media query end here  */
}




/* 360px media query start here  */
@media(max-width: 360px){   
    /* 360px media query end here  */
}