/* 992px media query start here  */
@media(max-width: 1092px){
.sliderwidget .overlaywidget {
    padding: 50px 0;
}
}

/* 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{
    overflow: hidden;
    height: 90vh;
}
    .sliderwidget .leftwidget{
    padding: 0;
}
    .sliderwidget .leftwidget h3{
        line-height: 1;
        margin: 0 0 15px;
        font-size: 22px;
    }
    .sliderwidget .leftwidget h1{
        font-size: 20px;
        line-height: 1;
        margin: 0 0 15px;
    }
    .sliderwidget .leftwidget p{
        font-size: 15px;
        line-height: 1.3;
        padding-right: unset;
    }
    .sliderwidget .leftwidget a{

    }
    .sliderwidget .rightwidget{
}
    .sliderwidget .overlaywidget {
    padding: 100px 0 0;
    /* left: 5%; */
}
.rightwidget .outercircle img{width: 45px;}
.rightaboutwidget p{text-align: justify;}

.rightwidget .outercircle {
    width: 70%;
    aspect-ratio: 1/1;
}
    
    /* 992px media query end here  */
}




/* 768px media query start here  */
@media(max-width: 768px){
    .rightwidget .outercircle img{width: 35px;}
    .sliderwidget{
}
    .sliderwidget > img{
    width: 112%;
}
.futureholdbox{margin: 0 0 40px;}
.sliderwidget .leftwidget a{margin: 20px 0 0;}
.sliderwidget .leftwidget h1{font-size: 34px;}
    .sliderwidget .overlaywidget{padding: 80px 0 30px;}
    .productswidget, .reviewwidget, .blogswidget,
    .servicewidget{padding: 30px 0;}
    .rightwidget .outercircle{width: 80%;}
    
    .probox figure .actionbtns{bottom: 0;}
    .probox figure .actionbtns .addwishlist{aspect-ratio: auto; padding: 9px;}
    .blogbox{margin: 0 10px 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;}
    
    /* 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{overflow: visible;height: auto;background-position: center;}
    .sliderwidget > img{width: 290%;}
    .sliderwidget .rightwidget,
    .sliderwidget .leftwidget{}
    .sliderwidget .leftwidget a{}
    .sliderwidget .rightwidget{text-align: center;}
    .sliderwidget .rightwidget img{width: 20%;}
    .serviceswidget .serviceright p,
    .rightaboutwidget p{font-weight: 300;text-align: justify;}
    .rightaboutwidget h3{margin: 0 0 10px;}
    .rightaboutwidget h3:after{margin: 10px 0 0;}
    .rightaboutwidget{padding: 45px 0 0px;}
    .aboutcontinfo{margin: 20px 0 0;width: 100%;}
    .aboutwidget{padding: 40px 0 20px; overflow: hidden;}
    .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;}
    .serviceswidget .serviceright h3{font-size: 24px; padding: 10px 0;}
    .contleft .continfo .infobox .content span:nth-child(2){word-break: break-all;}
    .contactus-widget .maintitle{text-align: left;}
    .breadcrumbbox h3{text-align: center;}

    .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;}
    .sliderwidget .overlaywidget {
    position: relative;
}
    .rightwidget .outercircle {
    position: relative;
    width: 70%;
}
    .rightwidget .outercircle img {width: 40px;}
    .booksession-left .innerbox {width: 100%;text-align: center;}
    .booksession-right{padding: 0;}
    .booksession,
    .asknow{padding: 50px 0 0;}
    .asknow-right{text-align: center;}
    .asknow-right img{width: 80%; margin: auto;}
    footer .footerlogo .flogolink img{width: 250px;}
    .moblogo img{width: 150px;}
    
    .contactus-widget .maintitle h2{font-size: 20px;}
    .contleft{padding: 20px;}
    .contleft .continfo .infobox .icon{width: 30px;}
    .contleft .continfo .infobox .icon i{font-size: 18px;}
    .contleft .title h2{font-size: 22px;}
    .contleft .continfo{gap: 20px;}
    .contright{padding: 20px 0 0;}
    
    

    /* 576px media query end here  */
}



/* 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;}
    
    .sliderwidget .rightwidget{padding: 50px 0 0;}
    .rightwidget .outercircle{width: 80%;}
    .rightwidget .outercircle .innercircle{width: 60%;}
    .sliderwidget .leftwidget p{text-align: justify;}
    .aboutimages .imgbox{width: 90%;}
    
    .breadcrumbbox{padding: 30% 0 20px; gap: 0;}



    /* 420px media query end here  */
}




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

    
    
    /* 360px media query end here  */
}