/* 992px media query start here  */
@media(max-width: 992px){
    .pagebtn{height: 40px;padding: 0 10px;font-size: 14px;}
    .pagebtn:after, .pagebtn:before{
    border-top: 20px solid #ff000000;
    border-bottom: 20px solid #ff000000;
}
    .sliderwidget{}
    .sliderwidget .leftwidget{}
    .sliderwidget .leftwidget h3{
        line-height: 1;
        margin: 0 0 15px;
    }
    .sliderwidget .leftwidget h1{
        font-size: 30px;
        line-height: 1;
        margin: 0 0 15px;
    }
    .sliderwidget .leftwidget p{
        font-size: 15px;
        line-height: 1.3;
    }
    .sliderwidget .leftwidget a{
        margin-left: 15px;
    }
    .sliderwidget .rightwidget{}

    .mainheader .mainmenu {
        display: none;
    }    
    a.mobiletooglebtn {
        display: block;
    }
    
    .categories .catslider .catbox {
        width: 32%;
    }
    
    .categories {
        padding: 30px 0px 0;
    }
    
    .categories .catslider {
        gap: 10px;
        justify-content: space-between;
    }
    
    .categories .catslider .catbox .overlay h3 {
        font-size: 14px;
        text-transform: capitalize;
        font-weight: 400;
    }
    
    .rule-the-court {padding: 10px 0;overflow: hidden;}
    
    .homecatalogue .maintitle h2 {
        text-align: center;
        font-size: 24px;
        padding: 0;
    }
    
    .homecatalogue {
        padding: 30px 0;
    }
    
    .instafollow {
        padding: 20px 0;
    }
    
    .instafollow .maintitle {
        padding: 0 0 20px;
    }
    
    footer .footerbox ul {
        margin: 20px 0 0;
    }
    
    .continfo {
        margin: 20px 0 0;
    }
    
    footer .copyright {
        flex-direction: column;
        gap: 10px;
    }
    
    .mainheader .mainmenu {
    display: block;
    background: var(--primary-color);
    width: 100%;
    height: 0;
    visibility: hidden;
    opacity: 0;
    position: relative;
    transition: all .3s ease;
}

.mainheader .mainmenu ul.menubox {
    flex-direction: column;
    gap: 0;
    padding: 10px 0 10px;
}

.mainheader {
    padding: 0;
    position: relative;
}

.mainheader .mainmenu ul.menubox li a {
    padding: 0px 0 0;
    color: #fff!important;
}

.mainhead-center .menubox .menulist {
    border-bottom: 1px solid #fff;
    width: 100%;
    text-align: center;
    padding: 10px 0 10px;
}

.mainhead-center .menubox .menulist:last-child {
    border: unset;
}

.mainheader .mainmenu.show {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: auto;
}

.categories .catslider .catbox .overlay {
    padding: 60px 5px 10px;
}

.categories.productpage .catslider .catbox {
    width: 48%;
}

.categories.productpage .catslider {
    justify-content: start;
}
.homecatalogue .maintitle{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
}
.categories .catbox.firstchild h3{width: 70%;}



    
    /* 992px media query end here  */
}




/* 768px media query start here  */
@media(max-width: 768px){
    .productswidget, .reviewwidget, .blogswidget,
    .servicewidget{padding: 30px 0;}
    
    .probox figure .actionbtns{bottom: 0;}
    .probox figure .actionbtns .addwishlist{aspect-ratio: auto; padding: 9px;}
    .blogbox{margin: 0 0 40px;}
    .reviewwidget .slick-dots{bottom: -40px;}
    footer .newsletter .maintitle{flex-basis: 100%; margin: 0;}
    footer .newsletter .newsletter-input{flex-basis: 95%; margin: 20px auto;}
    footer .footerlogo .flogolink img{width: 140px;}
    footer .footerlogo .social{padding: 0 0 30px;}
    footer .footerlogo{text-align: center;}
    footer .footerlogo .social{justify-content: center;}
    footer .footerbox{margin: 0 0 30px;}

    
    .contactus-widget{padding: 30px 0;}
    .contright form{position: relative;}
    .contleft{margin: 0 0 40px;}
    .contmap iframe{height: 500px;}

    .cartbox-header span{display: none;}
    .cartbox-header span:nth-child(1){display: block;}
    .mobcartbody{position: relative; z-index: 1;}
    .mobcartbody div:nth-child(1){
        align-items: start;
    }
    .mobcartbody div:nth-child(2){
        position: absolute;
        left: 96px;
        top: 40px;
    }
    .mobcartbody div:nth-child(3){
        position: absolute;
        right: 10px;
        top: 10px;
    }
    .mobcartbody div:nth-child(4){
        display: none;
    }
    .mobcartbody div:nth-child(5){
        position: absolute;
        right: 10px;
        top: 60px;
    }   
    .couponbox{flex-basis: 60%; order: 1;}
    .coupon-n-total .total{flex-basis: 40%; order: 2;}
    
    .rulebox{margin: 0 0 30px;}.homecatalogue .maintitle{justify-content: center; padding: 0 0 30px;}
    
    
    
    
    /* 768px media query end here  */
}




/* 576px media query start here  */
@media(max-width: 576px){
    .msgbox{width: 90%;}
    .sliderwidget .leftwidget{padding: 30px 0 0;}
    .sidecart{width: calc(100% - 20px);}
    .sliderwidget{}
    .sliderwidget .rightwidget,
    .sliderwidget .leftwidget{flex-basis: 100%;}
    .sliderwidget .leftwidget a{margin: 15px 0 0 15px;}
    .sliderwidget .rightwidget{text-align: center;}
    .sliderwidget .rightwidget img{width: 90%;}
    .rightaboutwidget p{font-weight: 200; text-align: justify;}
    .rightaboutwidget h3{margin: 0 0 10px;}
    .rightaboutwidget h3:after{margin: 10px 0 0;}
    .rightaboutwidget{padding: 15px 0 0;}
    .aboutcontinfo{margin: 20px 0 0;width: 100%;}
    .aboutwidget{padding: 40px 0 20px;}
    .maintitle{margin: 0 0 20px;}
    .maintitle h2{font-size: 26px;margin: 0 0;}
    .maintitle h2:before{bottom: 10px;}
    .maintitle p{ width: 100%; }
    .leftaboutwidget{margin: 0 !important;}
    .leftaboutwidget .slick-list{height: 400px !important;}
    .mobheader{padding: 10px 15px;}

    .couponbox{order: 2; flex-basis: 100%;}
    .coupon-n-total .total{order: 1; flex-basis: 100%; margin: 0 0 40px;}
    .checkoutformbox form .fields.gender-label label{width: 100%; margin: 15px 0 0;}
    .checkoutformbox form .fields-changebillingadd h4{margin: 0;}
    .checkoutformbox form .fields-btn .backtocart{margin: 10px 0 20px -15px;}
    .checkout-widget{padding: 30px 0 ;}
    .shipping-wrapper .payment-method .field-btn{margin: 0 0 20px;}
    .login-widget{padding: 30px 0;}
    .productleft{margin: 0 0 20px;}
    .calculator-frm .calcbox{width: 100%;}
    .calculator-frm{padding: 30px 10px;}
    .calculatortxt .txtbox > ul li,
    .calculatortxt .txtbox p{text-align: justify;}
    .mobmenu.active{overflow: auto;}
    .calculator-frm .calcbox{padding: 20px;}

    /* 576px media query end here  */

    
    .homecatalogue .homecataloguebox {
    }
    .homecatalogue .maintitle{margin: 0;}
    .categories .catbox.firstchild h3{font-size: 20px;width: auto;}
    .categories{padding: 20px 0 0;}
    .homecatalogue .maintitle{padding: 0 0 10px;}
    .instafollow .maintitle h2,
    .homecatalogue .maintitle h2{font-size: 20px;}
    .categories .catbox{margin: 0 0 10px;}
    
}



/* 420px media query start here  */
@media(max-width: 420px){
    .reviewbox{margin: 0 0 0 20px;}
    .continfo a{margin: 0 0 15px;}
    footer .footerbox ul li{padding: 0 0 5px;}
    .bookcall{padding: 30px 0 15px;}
    .bookcallbox{margin: 0 0 30px;}
    .consultleft h3{font-size: 26px;}
    .consultleft .aboutinfo{gap: 20px;}
    .consultright{padding: 30px 0 0;}
    .bookcall .maintitle p{text-align: justify; width: 100%;}
    .callpoints{flex-wrap: wrap;justify-content: start;padding: 15px;gap: 15px;}
    .namegenerator{padding: 30px 0 0;}
    .generatorleft p{text-align: justify;}
    .generatorright{margin: 20px 0 0;}
    .generatorright iframe{width: 100%;}
    .generatorbox{padding: 15px;}
    .couponbox form .fields{flex-basis: 100%;}
    .couponbox form .fields input{width: 100%;}
    .couponbox form button{flex-basis: 100%;}
    .couponbox form .fields-btn{padding: 15px 0 0 15px;}
    .cart-action{text-align: end; padding: 10px 15px 0 0;}
    .sliderwidget .leftwidget p{padding: 0;}
    .productimage{flex-wrap: wrap;}
    .productimage .main-img{order: 1;}
    .productimage .imgs{order: 2;}
    .productimage .mutliimg .slick-arrow.slick-next{left: 96%;}
    .productimage .mutliimg .slick-arrow.slick-prev{left: -3%;}
    .productimage .imgs .slick-list{height: 80px;}

    /* 420px media query end here  */
}




/* 360px media query start here  */
@media(max-width: 360px){

    
    
    /* 360px media query end here  */
}