@media only screen and (max-width: 1799px) {
 .new-feature-area .ul .feature-box .service-item p{
        width: 200px;
    }
}
@media only screen and (max-width: 1599px) {
    /* about us start */

    .customer-review .reivew-slider .owl-nav .owl-prev{
        left: -65px;
    }
    .customer-review .reivew-slider .owl-nav .owl-next{
        right: -65px;
    }
    .customer-review .reivew-slider .owl-nav button{
        top: 40%;
    }
    .postion-abosut-class{
        top: 54px;
    }
    .contact-box .postion-abosut-class {
        top: 12px !important;
    }
    
    
    /* about us end */
}


@media only screen and (max-width: 1499px) {
    .dasboard-wrp .dashboard-header-top .dash-header .dash-left{
        gap: 25px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-left .link-list, .dasboard-wrp .dashboard-header-top .dash-header .dash-right{
        gap: 20px;
    }
    .new-feature-area .ul .li {
        width: 17%;
    }
    .new-feature-area .ul .li .feature-box{
        padding: 15px;
    }
    .new-feature-area .ul .li .feature-box .heading h2{
        font-size: 18px;
    }
    .new-feature-area .ul .li .feature-box .box {
        width: 40px;
        height: 40px;
    }
    .new-feature-area .ul .li .feature-box .box p {
        font-size: 22px;
    }
    .new-feature-area .ul .feature-box .box-contain p{
        font-size: 20px;
        padding-top: 15px;
    }
    .new-feature-area .ul .feature-box .radio-box{
        margin-top: 15px;
    }
    .new-feature-area .ul .feature-box .radio-box .plan-prize-box .frist-part h3{
        font-size: 16px;
    }
    .new-feature-area .ul .feature-box .radio-box .plan-prize-box .frist-part p {
        font-size: 22px;
    }
    .new-feature-area .ul .link-btn a{
        padding-top: 10px;
    }
    .new-feature-area .ul .box-ft span{
        font-size: 18px;
        margin-top: 15px;
    }
    .main-bread-camp{
        height: 400px;
    }
    .contact-box .postion-abosut-class {
        top: 13px !important;
    }
}


@media only screen and (max-width: 1399px) {
    .highlight-line p{
        font-size: 16px;
    }
    .main-header .header-logo img {
        width: 150px;
    }
    .sub-plan-box .detail-box .main-box ul li.text-danger{
        font-size: 14px;
    }
    .main-header .profile-info .user-desc .name{
        font-size: 14px;
    }
    .main-header .profile-info .user-img{
        width: 40px;
        height: 40px;
    }
    .main-header .navbar-collapse .navbar-nav{
        gap: 20px;
    }

    .pb-110 {
        padding-bottom: 60px;
    }
    .pt-110 {
        padding-top: 60px;
    }
    .main-small-title {
        font-size: 14px;
    }
    .main-small-title::before {
        top: 7px;
        height: 2px;
    }
    .pt-40 {
        padding-top: 20px;
    }
    .main-heading {
        font-size: 32px;
        margin: 0;
    }
    .blog-listing-page .blog-categ-box ul li a{
        font-size: 14px;
        padding: 5px;
    }
    .blog-listing-page .blog-categ-box ul, .blog-listing-page .latest-blog-box ul {
        margin-top: 15px;
    }
    .blog-listing-page .blog-categ-box, .blog-listing-page .latest-blog-box {
        padding: 15px;
    }
    .blog-listing-page .blog-categ-box .title-here, .blog-listing-page .latest-blog-box .title-here {
        font-size: 18px;

    }

    .blog-listing-page .latest-blog-box ul li .contian .date, .blog-listing-page .latest-blog-box ul li .contian a{
        font-size: 15px;
    }
    .blog-listing-page .latest-blog-box ul li .img-box {
        height: 55px;
        width: 55px;
        flex-shrink: 0;
    }
    .blog-listing-page .latest-blog-box ul li .contian h4{
        margin-bottom: 0px;
    }
    .blog-detail-wapper .blog-contain-warp p {

        padding-bottom: 15px;
    }
    /*  contact-us start */

    .contact-us .contact-info {
        width: 480px;
    }
    .contact-us ul li .title-check {
        font-size: 15px;
        line-height: 20px;
    }
    .contact-us ul li .impo {
        font-size: 15px;
        line-height: 20px;
    }
    /* .contact-us .main-contain p {
        width: 72%;
    } */
    .contact-us .contact-box {
        width: 480px;
    }
    .contact-us .contact-box .main-title {
        font-size: 34px;
    }
    .contact-us .contact-box button {
        font-size: 16px;
        width: 200px;
        height: 50px;
    }

    /*  contact-us end */

    /* footer start */

    footer .main-footer .ft-big-title {
        font-size: 20px;
        margin-bottom: 25px;
    }
    footer .main-footer p {
        font-size: 15px;
    }
    footer .main-footer .social {
        margin-top: 35px;
    }
    footer .main-footer .inqury-f .call-num i {
        font-size: 26px;
    }
    footer .main-footer .inqury-f .call-num a {
        font-size: 18px;
    }
    /* footer end */

    /* about us start */

    .about-page-us .about-img-box .about-main-img {
        width: 450px;
        height: 450px;
    }

    .about-page-us .about-img-box .about-wave-img {
        width: 115px;
        height: 60px;
        object-fit: contain;
    }

   
    .intro-coating-about .counter-detail .count-box h2 {
        font-size: 44px;
    }

    .intro-coating-about .counter-detail .count-box p {
        font-size: 16px;
    }
    .intro-coating-about {
        padding: 40px;
    }
    .intro-coating-about .about-main-img{
        height: 250px;
    }
    .our-work-about .box h2 {
        font-size: 28px;
    }
    .why-main-box-part .why-box p{
        width: 450px;
    }
    .pay-box .contain-area{
        padding: 25px;
    }
    .pay-box .contain-area .main-heading{
        margin-bottom: 20px;
        font-size: 32px;
    }
    .main-bread-camp{
        height: 350px;
    }
    .about-contain .about-main-img.box{
        width: 100%;
        height: 260px;
    }
    .our-work-about .heading-title{
        font-size: 34px;
    }
    /* about us end */

    /* price listing start */

    .price-tab-detail-area .price-box .main-part h2{
        font-size: 18px;        
    }

    .price-tab-detail-area .price-box .main-part .prize{
        font-size: 30px;
    }

    .price-tab-detail-area .price-box .main-part .min-year{
        font-size: 16px;
    }

    .price-tab-detail-area .price-box .main-part .book-btn{
        font-size: 15px;
        padding: 14px 40px 14px 40px;
    }

    .price-tab-detail-area .price-box ul li svg{
        width: 20px;
    }

    .price-tab-detail-area .price-box ul li p{
        font-size: 15px;
    }

    .price-tab-detail-area .price-box .main-box-class{
        gap: 35px;
    }

    .price-list-section .note-part h2{
        font-size: 20px;
    }

    .price-list-section .note-part p{
        font-size: 15px;
    }

    .price-list-section .note-part ul li svg{
        width: 20px;
    }

    .price-list-section .note-part ul li p{
        font-size: 15px;
    }

    .work-step .step-box .count-box{
        width: 100px;
        height: 100px;
    }

    .work-step .step-box .count-box .number-count{
        font-size: 18px;
        width: 30px;
        height: 30px;
    }

    .work-step .step-box .count-box::before{
        width: 40px;
        height: 40px;
    }

    .price-how-it-work .work-step .step-box .contain h2{
        font-size: 20px;
    }

    .price-how-it-work .work-step .step-box .only-image-box i{
        font-size: 44px;
    }
    /* price listing end */

    /* home page start */

    .home-banner .item .iteam-detail .small-heading{
        font-size: 14px;
    }

    .home-banner .item .iteam-detail .main-heading{
        font-size: 34px;
        line-height: 44px;
    }

    

    .intro-coating .intro-coating-box{
        padding: 30px 25px;
    }

    .get-btn{
        padding: 15px 30px;
        bottom: -43%;
    }

    .intro-coating .intro-coating-box .inner-detail .dis-frist-font{
        font-size: 18px;
    }

    .about-us .about-contain{
        padding-left: 30px;
    }

    .about-feature ul li p i{
        font-size: 18px;
        margin-right: 10px;
    }
    .about-feature ul li p{
        font-size: 16px;
    }

    .about-us .about-feature .about-satis-box span{
        font-size: 32px;
    }
    .about-us .about-feature .about-satis-box p{
        font-size: 16px;
    }

    .about-us .about-detailing-box{
        gap: 20px;
        width: 320px;
    }

    .about-us .about-detailing-box img{
        width: 70px;
        height: 70px;
        object-fit: contain;
    }

    .about-us .about-detailing-box .dis-frist-font{
        font-size: 20px;
    }

    .intro-coating .counter-detail{
        top: 120px;
    }

    .intro-coating .counter-detail .count-box h2{
        font-size: 44px;
    }

    .intro-coating .counter-detail .count-box p{
        margin: 20px 0 0;
        font-size: 18px;
    }

    .pt-270{
        padding-top: 180px;
    }

    .learn-about-us .main-heading{
        width: 290px;
        font-size: 36px;
    }
    
    .main-btn{
        font-size: 16px;
        padding: 15px 40px;
    }

    .learn-about-us .learn-tab .tab-detail .content-part p{
        font-size: 16px;
    }

    .learn-about-us .learn-tab .tab-detail .content-part ul li p{
        font-size: 16px;
    }

    .book-app-now .book-app-box .frist-part img{
        width: 50px;
        height: 50px;
    }

    .book-app-now .book-app-box .frist-part h2{
        font-size: 28px;
    }

    .book-app-now .book-app-box .frist-part p{
        font-size: 16px;
    }

    .book-app-now .book-app-box .main-btn{
        font-size: 14px;
        padding: 15px 30px;
    }

    .pt-210{
        padding-top: 180px;
    }

    .work-step .step-box .count-box{
        width: 80px;
        height: 80px;
    }

    .work-step .step-box .count-box img{
        width: 50px;
        height: 50px;
    }

    .work-step .step-box .contain h2{
        font-size: 20px;
    }

    .work-step .step-box .contain p{
        font-size: 15px;
        padding-top: 10px;
    }

    .service-part .service-tab ul .nav-link{
        font-size: 16px;
    }

    .service-part .service-tab-detail{
        margin-top: 40px;
    }

    .service-part .service-tab-detail .item img{
        height: 400px;
    }

    .request-call-section .left-side h2{
        font-size: 28px;
    }

    .request-call-section .left-side p{
        font-size: 16px;
    }

    .request-call-section .left-side ul .list-area i{
        font-size: 32px;
    }

    .request-call-section .left-side ul .list-area label{
        font-size: 18px;
    }

    .request-call-section .left-side ul .list-area p{
        font-size: 18px;
    }

    .request-call-section .right-side label{
        font-size: 16px;
    }
    /* home page end */


    .price-tab-detail-area .sub-plan-box .plan-name h2{
        font-size: 22px;
        padding: 15px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box{
        padding: 30px;
    }
    .sub-plan-box .detail-box .main-box ul .paymnet-type{
        font-size: 18px;
    }
    .sub-plan-box .detail-box .main-box ul li:first-child{
        width: 200px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box h3{
        font-size: 20px !important;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-faclity ul li p{
        font-size: 16px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-faclity ul li svg{
        width: 20px;
    }
    .sub-plan-box .detail-box .main-box ul{
        gap: 50px;
    }
    /* afterloginprofile-page css start */

    .profile-page .image-upload .image-box{
        width: 100px;
        height: 100px;
    }

    .profile-page .upload-btn{
        font-size: 16px;
    }

    .save-btn{
        font-size: 16px;
        width: 175px;
    }
    /* afterloginprofile-page css end */

    .dasboard-wrp .h2{
        font-size: 22px;
        margin-bottom: 20px;
    }

    /* login page css start */
    .page-warp .img-box .detail-warp{
        padding: 20px;
    }
    .page-warp .img-box{
        height: 550px;
    }
    .page-warp .form-warp-box {
        padding-left: 10px;
        padding-right: 20px;
    }
    .page-warp .form-warp-box .main-heading{
        font-size: 42px;
    }
    .page-warp .form-warp-box .form-control{
        height: 50px;
    }
    /* login page css end */

    /* dashboard header css start */

    .dasboard-wrp .dashboard-header-top .dash-header .dash-left{
        gap: 30px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-left .log-wrp img{
        width: 100px;
        height: auto;
    }   
    .dasboard-wrp .dashboard-header-top .dash-header .dash-left .link-list{
        gap: 25px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-left .link-list .head-link{
        font-size: 12px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .wp-num svg{
        width: 25px;
        height: 25px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .wp-num a{
        font-size: 14px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .profile-info .user-img a{
        width: 40px;
        height: 40px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .profile-info .name a{
        font-size: 14px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .profile-info .name.sign{
        font-size: 14px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .notify-btn{
        width: 50px;
        height: 50px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .notify-btn svg{
        width: 30px;
        height: 30px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .notify-btn .notify-alret{
        width: 7px;
        height: 8px;
        top: 16px;
        right: 15px;
    }
    .dashboard-main-content .content-wrp .cnt-left, .dashboard-main-content .content-wrp .notification-bar{
        padding: 20px;
    }
    /* dashboard header css end */
    .feature .feature-box .radio-box .plan-prize-box .frist-part h3{
        font-size: 18px;
    }
    .feature .feature-box .radio-box .plan-prize-box .frist-part p{
        font-size: 28px;
    }
    .feature .feature-box{
        padding: 20px;
    }
    .product-book .book-time ul li{
        width: 47.5%;
    }
    .about-page-us .about-detailing-box {
        width: 200px;
    }
    .term-page h1{
        font-size: 36px;
    }
    .term-page p {
        font-size: 16px;
    }
    .profile-info .dropdown-menu{
        transform: translate(0px, 65px) !important; 
    }
    .main-header .profile-info .dropdown-menu {
        transform: translate(-10px, 65px) !important;
        border: none;
    }
    .blog-listing .blog-box .img-box {
        width: 100%;
        height: 210px;
    }
    .blog-listing .blog-box .contain h3, .blog-listing .blog-box .contain .blog-dis{
        margin-bottom: 10px;
    }
    .postion-abosut-class{
        top: 51px;
    }
    .form-warp-box .postion-abosut-class {
        top: 46px;
    }
}

@media only screen and (max-width: 1299px) {
    .new-feature-area .ul{
        flex-wrap: wrap;
        justify-content: center;
       
    }
    .new-feature-area .ul .li {
        width: 17%;
    }
    .page-warp .form-warp-box .form-data-value {
    margin-bottom: 15px;
}
.user-register-form .form-warp-box .postion-abosut-class {
    top: 55px;
}
}

@media only screen and (max-width: 1199px) {

    .price-tab-detail-area .sub-plan-box .detail-box h3{
        font-size: 18px !important;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-faclity ul li p{
        font-size: 14px;
    }
    .checkout-page .lefrt-side-area .postion-abosut-class {
        top: 45px !important;
    }
    .plan-sub-btn{
        font-size: 14px;
        width: 175px;
    }
    .box-ft span{
        font-size: 16px;
    }
    /*  contact-us start */

    .contact-us .contact-info {
        width: 100%;
    }
    .contact-us .contact-box {
        width: 100%;
    }
    .contact-us .contact-box .main-title {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .new-feature-area .ul .feature-box .service-item p{
        width: 160px;
    }
    /*  contact-us end */

    /* about us start */

    .about-us .about-contain{
        padding: 0;
    }

    .about-us .about-contain .main-contain p{
        font-size: 14px;
    }

    .about-page-us .about-img-box .about-main-img {
        width: 400px;
        height: 400px;
    }

    .about-page-us .about-detailing-box{
        padding: 25px;
    }

    .about-page-us .about-detailing-box{
        gap: 20px;
        width: 175px;
        bottom: 50px;
    }

    .about-page-us .about-detailing-box img{
        width: 60px;
    }

    .about-us .about-detailing-box .dis-frist-font{
        font-size: 20px;
    }

    .about-page-us .about-img-box .about-wave-img{
        width: 95px;
        right: -25px;
    }

    .our-work-about .box h2{
        padding-bottom: 15px;
    }

    .customer-review .reivew-slider .item{
        padding: 30px;
        height: 280px;
    }

    .customer-review .reivew-slider .item h3{
        font-size: 16px;
        line-height: 22px;
    }

    .customer-review .reivew-slider .item p{
        font-size: 16px;
    }

    .customer-review .reivew-slider .item i{
        right: 40px;
        bottom: 25px;
    }
    .main-heading {
        font-size: 30px;
        margin: 0;
        line-height: 37px;
    }
    .about-contain .quality-box {
        gap: 20px;
        margin-top: 30px;
    }
    .about-contain .quality-box p {
        font-size: 20px;
    }
    .about-contain .quality-box img{
        width: 40px;
        height: auto;
    }
    .about-contain .about-main-img.box {
        width: 100%;
        height: 260px;
        position: relative;
        margin-bottom: 0;
        margin-top: 30px;
    }
    .intro-coating-about .counter-detail{
        justify-content: center;
    }
    .why-main-box-part .why-box p {
        width: 100%;
    }
    .why-main-box-part{
        justify-content: space-between;
    }
    .why-main-box-part .why-box{
        width: 48%;
    }
    .pay-box .img-box{
        width: 450px;
        height: 450px;
        flex-shrink: 0;
    }
    .pay-box .img-box img{
        width: 100%;
        height: 100%;
    }
    .our-work-about .responsive-frist-time .image-box .frist-img{
        width: 300px;
        height: 250px;
    }
    .our-work-about .responsive-frist-time .second-img {
        width: 290px;
        height: 230px;
    }
    .our-work-about .responsive-second-time .image-box .frist-img{
        width: 300px;
        height: 250px;
    }
    .our-work-about .responsive-second-time .second-img {
        width: 290px;
        height: 230px;
    }
    /* about us end */

    /* home page start */

    .dis-frist-font{
        font-size: 16px;
    }

    .feature-box .plan-heding{
        padding: 15px;
    }
    .feature-box .first-part .content-box{
        padding: 15px;
        padding-top: 0;
    }
    .feature-box .first-part .view-more{
        padding: 15px 20px;
        padding-top: 0;
    }
    .home-banner .item{
        padding: 160px 0px 260px;
    }

    .about-us .about-contain{
        padding-left: 0px;
    }

    .intro-coating .intro-coating-box .inner-detail{
        gap: 20px;
    }

    .intro-coating .intro-coating-box .inner-detail .dis-frist-font{
        font-size: 14px;
        line-height: 22px;
    }
    
    .intro-coating .intro-coating-box .inner-detail img{
         width: 50px;
         height: 50px;
    }

    .get-btn{
        font-size: 14px;
        bottom: -45%;
    }

    .book-app-now .book-app-box .frist-part img{
        width: 40px;
        height: 40px;
    }

    .book-app-now .book-app-box .frist-part h2{
        font-size: 22px;
    }

    .book-app-now .book-app-box .frist-part p{
        font-size: 14px;
    }

    .service-part .service-tab-detail .item img{
        height: 350px;
    }

    .service-part .service-tab-detail .item .in-detail{
        top: 40px;
        left: 40px;
    }
    /* home page end */

    .price-tab-detail-area .sub-plan-box .plan-name h2{
        font-size: 22px;
        padding: 10px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box{
        padding: 20px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-prize-box{
        padding: 10px;
        width: 130px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .frist-part h3 {
        font-size: 24px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .frist-part p{
        font-size: 16px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .second-part p{
        font-size: 18px;
    }
    .plan-sub-btn{
        margin-top: 30px;
    }
    /* .price-tab-detail-area .sub-plan-box .detail-box .plan-faclity {
        padding-top: 30px;
    } */
    .page-warp .form-warp-box .main-btn{
        width: 160px;
    }
    .page-warp .form-warp-box .forgot-password-link{
        font-size: 16px;
    }

    /* dashboard header css start */

    .dasboard-wrp .dashboard-header-top{
        padding: 30px 20px 0px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-left{
        gap: 20px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-left .log-wrp img{
        width: 85px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-left .link-list{
        gap: 15px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right{
        gap: 20px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .wp-num{
        gap: 5px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .wp-num svg{
        width: 20px;
        height: 20px;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .profile-info .user-desc .name{
        margin: 0 !important;
    }
    /* dashboard header css end */

    .dashboard-main-content{
        padding: 20px;
    }
    .main-header .header-logo img{
        width: 120px;
    }
    .new-feature-area .ul .li .feature-box .heading h2 {
        font-size: 15px;
    }
    .new-feature-area .ul .feature-box .service-item p {
        font-size: 15px;
        margin-top: 10px;
    }
    .new-feature-area .ul .li .feature-box .box {
        width: 30px;
        height: 30px;
    }
    .new-feature-area .ul .feature-box .box-contain p {
        font-size: 17px;
        padding-top: 10px;
    }
    .new-feature-area .ul .box-ft span {
        font-size: 15px;
        margin-top: 15px;
    }
    .new-feature-area .ul .link-btn a {
        padding-top: 10px;
        font-size: 15px;
    }
    .product-book{
        padding: 25px;
    }
    .checkout-page .trnaster-box .frist-box, .checkout-page .trnaster-box .second-box {
        padding: 20px 10px 20px 10px;
        border-bottom-color: #e0e0e0;
        background-color: #ecedf5;
    }
    .checkout-page form label {
        font-size: 16px;
    }
    .frist-box .frist-box-flex {
        gap: 10px;
    }
    .checkout-page .frist-box-flex .form-check{
        padding: 0px 7px;
    }
}

@media only screen and (min-width: 991px) {
    .main-header .navbar-collapse .close-btn {
        display: none;
    }
}

@media only screen and (max-width: 991px) {
    .plan-name h2 span{
        font-size: 16px;
        display: flex;
    justify-content: space-between;
    flex-basis: wa;
    flex-wrap: wrap;
    }
    .pay-box .contain-area .main-heading{
        font-size: 28px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-prize-box{
        width: 100%;
    }
    .main-header .navbar-collapse .navbar-nav {
        align-items: start;
    }
    .main-header .profile-info .dropdown-menu {
        transform: translate(-25px, 65px) !important;
        border: none;
    }
    .term-page h1 {
        font-size: 28px;
    }
    
    .pb-110 {
        padding-bottom: 60px;
    }
    .pt-110 {
        padding-top: 60px;
    }
    /* header start */

    .main-header .header-logo img {
        width: 150px;
        height: 60px;
    }
    .main-header .navbar-toggler {
        margin-left: 15px;
        background-color: var(--maincolor);
    }
    .main-header .navbar-toggler:focus {
        box-shadow: none;
    }
    .main-header .navbar-collapse {
        position: fixed;
        right: -300px;
        top: 0px;
        padding: 60px 15px 20px 15px;
        background-color: #ffffff;
        box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
        width: 300px;
        transition: 0.5s linear;
        height: 100vh;
        z-index: 1111;
        overflow-y: scroll;
    }
    .main-header .navbar-collapse.show {
        right: 0;
    }
    .main-header .navbar-toggler i {
        color: #ffffff;
    }
    .main-header .navbar-collapse .navbar-nav {
        flex-direction: column;
       gap: 0;
    }
    .main-header .navbar-collapse .navbar-nav .nav-item{
        width: 100%;
        border-bottom: 1px solid var(--maincolor);
        padding: 10px 0px;
    }
    .profile-info .dropdown-toggle, .main-header .profile-info{
        width: 100%;
        position: relative;
    }
    .profile-info.hover-effect::before{
        position: absolute;
        content: '\f078';
        font-family: "font awesome 5 pro";
        top: 10px;
        right: 10px;
    }
    .main-header .profile-info{
        display: block;
    }
    .main-header .navbar-collapse .navbar-nav .nav-item .nav-link {
        color: #000000;
        padding: 0;
        width: fit-content;
    }
    .main-header .navbar-collapse .close-btn {
        position: absolute;
        top: 20px;
        right: 20px;
        background-color: transparent;
        border: none;
    }
    .main-header .navbar-collapse .close-btn i {
        font-size: 22px;
    }
    .main-header .dropdown-menu.show{
        position: relative !important;
    }
    /* header end */

    .main-heading {
        font-size: 30px;
        line-height: 34px;
    }

    /*  contact-us start */

    .contact-us .contact-info {
        margin-bottom: 40px;
    }
    .contact-us .main-contain p {
        width: 100%;
    }
    .contact-us ul {
        margin-top: 35px;
    }
    .location-map {
        height: 500px;
    }
    /*  contact-us end */

    /* footer start */

    footer .main-footer .ft-big-title {
        font-size: 16px;
        margin-bottom: 25px;
    }
    footer .main-footer .inqury-f .imqure-head {
        font-size: 14px;
    }

    /* footer end */

    /* about us start */

    .about-page-us .about-img-box .about-main-img{
        width: 300px;
    }

 
    .intro-coating-about .counter-detail .count-box{
        gap: 10px;
    }

    .intro-coating-about .counter-detail .count-box h2{
        font-size: 36px;
    }

    .intro-coating-about .counter-detail .count-box p{
        font-size: 14px;
        line-height: 18px;
    }

    .customer-review .reivew-slider .owl-carousel .owl-nav{
        opacity: 1;
    }

    .customer-review .reivew-slider .owl-nav .owl-prev{
        left: -27px;
    }

    .customer-review .reivew-slider .owl-nav .owl-next{
        right: -27px;
    }

    .customer-review .reivew-slider .owl-nav button{
        background-color: #000000;
        width: 40px;
        height: 40px;
        top: 37%;
    }

    .customer-review .reivew-slider .owl-nav button i{
        color: #ffffff;
    }
    .responsive-frist-time{
        order: -1;

    }
    .our-work-about .box .inner-box .image-box{
        margin-bottom: 20px;
    }
    .padding-left-40 {
        padding-left: 0px;
    }
    .pt-100{
        padding-top: 50px;
    }
    .why-main-box-part .why-box {
        width: 100%;
    }
    .our-work-about .responsive-frist-time, .our-work-about .responsive-second-time{
        justify-content: center;
    }
    .our-work-about .responsive-frist-time .image-box .frist-img{
        margin-top: 100px;
    }
    /* about us end */

    /* price listing start */

    .price-tab-detail-area .price-box .main-box-class{
        flex-wrap: wrap;
        align-items: start;
        gap: 35px 20px;
        /* padding: 0 40px; */
    }

    .main-box-class .inner-box:first-child{
        width: 100%;
    }
    .why-main-box-part .why-box{
        padding: 20px 0px !important;
        border-bottom: 1px solid #D9D9D9 !important;
    }

    .work-step .step-box .count-box{
        width: 75px;
        height: 75px;
    }

    .work-step .step-box .count-box img{
        width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .price-how-it-work .work-step .step-box .contain h2{
        font-size: 16px;
        width: fit-content;
    }

    .work-step{
        gap: 25px;
    }

    .price-how-it-work .work-step .step-box .only-image-box i{
        font-size: 38px;
    }

    .price-how-it-work{
        padding: 90px 0px 70px !important;
    }

    .work-step .step-box .count-box .number-count{
        font-size: 14px;
    }
    .payment-method .pay-box{
        border-radius: 17px;
        background: #FFF;
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
        padding: 20px;
        margin-bottom: 20px;
    }
    .pay-box .img-box {
        width: 320px;
        height: 450px;
        flex-shrink: 0;
    }
    .pay-box .contain-area {
        border-radius: 0px;
        background: #FFF;
        box-shadow: none;
        padding: 15px 20px;  
    }
    .payment-method .pay-box:last-child {
        padding: 15px 20px;
    }
    .why-main-box-part .why-box:last-child{
        border-bottom: 0px !important;
    }
    /* price listing end */

    /* home page start */

    .feature{
        margin: 0;
        padding: 40px 0 0;
    }

    .home-banner .item{
        padding: 160px 0;   
    }

    .about-us .about-img-box .about-main-img {
        height: 240px;
    }
    .about-contain .quality-box p {
        font-size: 18px;
    }
    .about-us .about-detailing-box{
        padding: 20px;
        width: 250px;
    }

    .about-us .about-detailing-box img{
        width: 55px;
        height: 55px;
    }

    .about-us .about-detailing-box .dis-frist-font{
        font-size: 16px;
    }

    .get-btn{
        position: unset;
        transform: translate(100%,0);
    }

    .intro-coating .counter-detail{
        top: 80px;
    }

    .intro-coating .counter-detail .count-box h2{
        font-size: 36px;
    }

    .intro-coating .counter-detail .count-box p{
        margin: 10px 0 0;
    }

    .learn-about-us .main-heading{
        width: 100%;
        line-height: 50px;
    }

    .pt-270{
        padding-top: 140px;
    }

    .book-app-now .book-app-box{
        padding: 40px 25px;
    }

    .book-app-now .book-app-box .main-btn{
        font-size: 12px;
        padding: 15px 20px;
    }

    .how-it-work .sub-title-contain{
        font-size: 16px;
        width: 500px;
    }

    .work-step .step-box .only-image-box{
        width: 65px;
        height: auto;
    }

    .work-step .step-box .only-image-box img{
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .work-step .step-box .contain h2{
        font-size: 16px;
    }

    .faq-part .faq-detail-part p{
        font-size: 16px;
    }

    .faq-part .faq-detail-part .accordion .accordion-item .accordion-body p{
        font-size: 15px;
        line-height: 22px;
    }

    .faq-part .faq-detail-part .accordion .accordion-item .accordion-button{
        font-size: 16px;
    }

    .request-call-section .left-side{
        padding: 25px;
    }

    .request-call-section .left-side h2 {
        font-size: 22px;
    }

    .request-call-section .left-side p {
        font-size: 14px;
    }

    .request-call-section .left-side ul .list-area i {
        font-size: 26px;
    }
    .request-call-section .left-side ul .list-area label {
        font-size: 16px;
    }
    .request-call-section .left-side ul .list-area p {
        font-size: 16px;
    }
    .request-call-section .right-side{
        padding: 0 20px;
    }
    /* home page end */

    .review-box .tab-content .write-review-part .main-heading{
        font-size: 18px;
    }
    .related-product .related-product-box{
        padding: 20px;
    }
    .product-list-table .total-table table tr th{
        width: auto;
    }
    .checkout-page .main-heading{
        margin-bottom: 10px;
    }
    .gallery-pro .gallery-tab .masonry{
        column-count: 3;
    }
    .img-box.responsive-img-box{
        display: none !important;
    }  


    .price-tab-detail-area .sub-plan-box .detail-box .plan-faclity ul li{
        width: 48%;
    }
    .plan-prize-box{
        margin-bottom: 10px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .frist-part h3 {
        font-size: 18px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .second-part p {
        font-size: 16px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-faclity {
        padding-top: 15px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-faclity ul li p {
        font-size: 16px;
    }
    .plan-sub-btn{
        width: 160px;
        padding: 10px 0px;
    }


    .price-tab-detail-area.price-list-page .sub-plan-box .detail-box .plan-faclity ul li{
        width: 48%;
    }
    .price-tab-detail-area.price-list-page  .sub-plan-box .detail-box .plan-faclity{
        padding: 0;
        margin-top: 0;
    }

    /*  */

    .dasboard-wrp .dashboard-header-top .dash-header .dash-left .link-list{
        display: none;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .wp-num{
        display: none;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .mobile-btn{
        padding: 0;
        display: block;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .mobile-btn svg path{
        stroke: #ffffff;
    }
    .signup-warp .form-warp-box{
        padding: 30px;
    }
    .dashboard-main-content .content-wrp .main-d-flx-class{
        flex-direction: column;
    }
    .dashboard-main-content .content-wrp .cnt-left, 
    .dashboard-main-content .content-wrp .notification-bar, 
    .profile-page .content-wrp2{
        width: 100%;
    }
    .dashboard-main-content .content-wrp .cnt-left{
        border-right: 0;
    }
    .dashboard-main-content .content-wrp .notification-bar{
        border-radius: 0px 0px 10px 10px;
    }
    .dasboard-wrp .h3{
        font-size: 14px;
    }
    .notification-panel{
        padding: 10px 20px;
    }
    /*  */

    .price-tab-detail-area .sub-plan-box .detail-box .plan-faclity{
        padding-left: 0;
        padding-top: 15px;
        margin-top: 15px;
        height: auto;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-faclity::before{
        border-left: 0;
        border-top: 1px solid #D2D2D2;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-faclity ul li{
        width: 100%;
    }
    .purchase-box{
        padding: 15px;
    }
    .purchase-box .label{
        font-size: 14px;
        min-width: 65px;
    }
    .about-page-us .about-detailing-box {
        width: 150px;
    }
    .new-feature-area .ul .li {
        width: 30%;
    }
    .profile-info.hover-effect:hover .dropdown-menu{
        display: none;
        
    }
    .profile-info .dropdown-menu.show{
        display: block !important;
        position: relative !important;
        transform: translate(0px, 0px) !important;
    }
    .main-header .profile-info .dropdown-menu {
        transform: translate(0px, 10px) !important;
        border: none;
        width: 100%;
        box-shadow: none;    
    }
    .profile-info.frist-blog.hover-effect .dropdown-menu.show {
        transform: translate(0px, 0px) !important;
    }
    .profile-info.hover-effect .dropdown-menu.show {
        transform: translate(0px, 0px) !important;
    }
    .profile-info .dropdown-menu ul li a{
        padding-left: 10px;
    }




    /* dashboard navmenu */
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .profile-info{
        display: block;
        padding: 7px 10px;
        height: auto;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .profile-info .dropdown-menu.show{
        position: absolute !important;
        transform: translate(-45px, 60px) !important;
    }
    .dasboard-wrp .dashboard-header-top .dash-header .dash-right .profile-info .dropdown-menu ul li a {
        padding-left: 10px;
    }
    .dasboard-wrp .offcanvas .link-list li {
        border-bottom: 1px solid var(--maincolor);
        width: 100%;
    }
     .offcanvas-body .profile-info .dropdown-menu{
        width: 100%;
        box-shadow: none;
        
    }
    .offcanvas-body .dropdown{
        position: relative;
    }
    .offcanvas-body .dropdown::before{
        position: absolute;
        content: '\f078';
        font-family: "font awesome 5 pro";
        top: 10px;
        right: 10px;
    }
    .offcanvas-body .dropdown .dropdown-menu a{
        font-size: 16px !important;
        color: var(--maincolor) !important;
        font-weight: 400 !important;
    }
    .offcanvas-body .dropdown .dropdown-menu a:hover{
        color: #fff !important; 
    }
    .dasboard-wrp .offcanvas .link-list li a{
        padding: 10px;
    }
    .withoutlogin .profile-info.user-profile-btn .dropdown-menu.show{
         position: absolute !important;
         top: 45px !important;
         width: 210px;
    }
    .product-book .book-time ul li {
        width: 100%;
        font-size: 16px;
    }
    .frist-box .frist-box-flex{
        flex-wrap: wrap;
    }
    .checkout-page .frist-box-flex .form-check{
        width: 30%;
    }
    .checkout-page .frist-box-flex .form-check:last-child{
        width: 100%;
    }
    .checkout-page .frist-box-flex .form-check .form-check-input{
        width: 100%;
        height: 100%;
        margin-right: 0;
        left: 0;
    }
}

@media only screen and (max-width: 767px) {
    .highlight-line p{
        font-size: 14px;
    }
    .blog-part .main-contain{
        flex-direction: column;
        gap: 30px;
        justify-content: center;
        text-align: center;
    }
    .pay-box .contain-area .main-heading{
        font-size: 23px;
    }
    .postion-abosut-class {
        top: 41px;
    }
    .contact-box .postion-abosut-class {
        top: 14px !important;
    }
    .main-header .action-btn .btn {
        height: 35px;
        font-size: 14px;
    }
    .main-header .action-btn .register-btn {
        width: 70px;
    }
    .main-header .action-btn .login-btn {
        width: 95px;
    }

    /* footer start */

    footer .main-footer {
        padding: 50px 0;
    }
    footer .main-footer .ft-big-title {
        margin-bottom: 15px;
    }
    footer .main-footer .social {
        margin-top: 20px;
    }

    /* footer end */

    /* about us start */

    .about-page-us .about-img-box .about-main-img{
        width: 100%;
    }

    .about-page-us .about-detailing-box{
        flex-direction: row;
        right: 50%;
        transform: translate(50%,0);
        align-items: center;
        width: 250px;
        bottom: -35px;
    }
    .about-page-us{
    padding-bottom: 80px !important;
    }

    .intro-coating-about .counter-detail{
        flex-direction: row;
        padding-left: 0;
    }
    .intro-coating-about .counter-detail .count-box{
        padding: 10px 20px;
    }
    .payment-method .pay-box{
        flex-direction: column;
    }
    .pay-box .img-box {
        width: 320px;
        height: 270px;
        flex-shrink: 0;
    }
    .payment-method .pay-box:last-child .img-box{
        order: -1;
    }
    .our-work-about .box .inner-box{
        flex-direction: column;
    }
    .about-us .intro-coating-about .counter-detail{
        flex-direction: row !important;
    }
    .our-work-about .box .inner-box .image-box{
        width: 100%;
    }

    .customer-review .reivew-slider .owl-nav button{
        width: 40px;
        height: 40px;
    }

    .customer-review .reivew-slider .item h3{
        font-size: 14px;
        line-height: 18px;
    }

    .customer-review .reivew-slider .item i{
        font-size: 32px;
        bottom: 31px;
    }

    .customer-review .main-heading{
        width: 66%;
    }

    .customer-review .reivew-slider .owl-theme .owl-dots{
        margin-top: 35px;
    }
    .about-page-us .right-area-contain{
        padding-left: 0;
    }
    .about-us .right-area-contain p{
        padding-top: 20px;
    }
    .about-page-us {
        padding-bottom: 60px !important;
    }
    /* about us end */

    /* home page start */

    .home-banner .item .iteam-detail .main-heading{
        font-size: 28px;
        line-height: 38px;
    }

    .home-banner .item .iteam-detail .normal-title , .home-banner .item .iteam-detail .highlight-title {
        font-size: 16px;
    }

    .get-btn{
        transform: translate(0,0);
        padding: 10px 20px;
    }

    .intro-coating .intro-coating-box .inner-detail{
        justify-content: space-between;
    }

    .how-it-work .work-step{
        flex-direction: column;
    }

    .work-step .step-box .only-image-box{
        width: 45px;
        transform: rotate(100deg);
    }

    .how-it-work .sub-title-contain{
        width: 100%;
    }

    .pt-210{
        padding-top: 100px;
    }

    .how-it-work{
        margin-top: 40px;
    }

    .request-call-section .left-side{
        min-height: unset;
        border-radius: 0;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .request-call-section .right-side{
        margin: 30px 0;
    }
    /* home page end */

    /* login page css start */

    .page-warp .img-box {
        display: none;
    }
    .page-warp .img-box .detail-warp .contain-warp{
        font-size: 16px;
    }

     .page-warp .form-warp-box{
        padding: 30px;
    }
    .page-warp .form-warp-box .main-heading {
        font-size: 36px;
    }
    /* login page css end */
    .related-product .related-product-box{
        margin-bottom: 20px;
    }
    .cart-part .popup-box{
        flex-wrap: wrap;
        gap: 20px;
        align-items: center;
        justify-content: center;
    }
    .checkout-page .main-heading{
        margin-bottom: 20px;
    }
    .right-side-area .main-heading{
        margin-top: 30px;
        margin-bottom: 15px;
    }
    .checkout-page .box-contain-area .yellow-bg-class{
        font-size: 16px;
    }
    .checkout-page .box-contain-area p {
        font-size: 16px;
        margin: 20px 0px;
    }
    .product-detail .product-detail-side .main-heading{
        margin-top: 20px;
    }
    .dasboard-wrp .h3{
        font-size: 16px;
    }

    /*  */

    .price-tab-detail-area .sub-plan-box .plan-name h2{
        font-size: 16px;
    }
    .sub-plan-box .detail-box .main-box ul .headnig{
        font-size: 16px;
    }
    .sub-plan-box .detail-box .main-box ul{
        gap: 30px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-prize-box{
        width: 110px;
        height: 45px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box h3 {
        font-size: 14px !important;
    }
    .sub-plan-box .detail-box .main-box ul li:first-child {
        width: 180px;
    }
    .sub-plan-box .detail-box .main-box ul .paymnet-type {
        font-size: 15px;
    }
    .price-tab-detail-area.price-list-page  .sub-plan-box .detail-box .plan-faclity{
        margin-top: 30px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .radio-box .plan-prize-box{
        width: 100%;
        height: 90px;
    }
    .dasboard-wrp .h2{
        font-size: 20px;
    }
    .new-feature-area .ul .li {
        width: 45%;
    }
    .checkout-page .trnaster-box .frist-box, .checkout-page .trnaster-box .second-box{
        padding: 10px;
    }
    .checkout-page .frist-box-flex .form-check {
        width: 31%;
    }
    .frist-box-flex label{
        font-size: 15px !important;
    }
    .checkout-page .frist-box-flex .form-check{
        padding: 0px 5px;
    }
    .main-bread-camp {
        height: 300px;
    }
    .product-book .book-time ul li {
        width: 48%;
        font-size: 16px;
    }
    .service-part .service-tab-detail {
        margin-top: 15px;
    }
    .service-tab-detail .owl-dots{
        display: none;
    }
    .service-tab-detail  .owl-nav{
        display: block;
    }
    afterpay-placement{
        margin: 0;
    }
    .afterpay-modal-overlay{
        top: 100px;
    }
}

@media only screen and (max-width: 575px) {
    .thank-you-page h2{
        font-size: 32px;
    }
    .contact-box .postion-abosut-class {
        top: 8px !important;
    }
    .sub-plan-box .detail-box .main-box ul li {
        width: 20%;
    }
    .thank-you-page p{
        font-size: 16px;
    }
    
    .schedule-modal .book-time ul li{
        width: 48%;
    }
    .padding-left-40 {
        padding-left: 10px;
    }
    .main-btn{
        padding: 10px 40px;
    }
    .request-call-section .right-side .form-control, .request-call-section .right-side .form-select{
        height: 40px;
    }
    .request-call-section .left-side{
        border-radius: 0;
        padding: 25px 40px;
    }
    .request-call-section .content-box{
        margin-top: 0;
        border-radius: 0;
    }
    .request-call-section .up-bg-part{
        display: none;
    }
    .pt-210{
        padding-top: 40px;
    }
    .pt-110 {
        padding-top: 40px;
    }
    .pb-110 {
        padding-bottom: 40px;
    }

    .main-heading {
        font-size: 24px;
        line-height: 28px;
    }

    /* header start */

    .main-header .header-logo img {
        width: 120px;
        height: 50px;
    }
    .main-header .action-btn .btn {
        font-size: 12px;
        height: 32px;
    }
    .main-header .action-btn .login-btn {
        width: 75px;
        padding-right: 20px;
    }
    .main-header .action-btn .register-btn {
        width: 60px;
    }
    .main-header .navbar-toggler {
        padding: 5px 10px;
    }
    .main-header .navbar-toggler i {
        font-size: 16px;
    }

    /* header end */

    /* footer start */

    .copy-right {
        font-size: 14px;
    }

    footer .main-footer {
        padding: 20px 0 20px;
    }
    /* footer end */

    /* contact us start */

    .contact-us .main-contain p {
        padding-top: 20px;
    }
    .contact-us ul li {
        gap: 15px;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
    .contact-us .contact-box {
        padding: 30px;
    }
    .contact-us .contact-box .main-title {
        font-size: 22px;
    }
    .contact-us .contact-box .form-group .form-control {
        height: 40px;
    }
    .contact-us .contact-box .form-group textarea {
        height: 100px !important;
    }
    .contact-us .contact-box button {
        font-size: 14px;
        width: 160px;
        height: 40px;
        margin-top: 25px;
    }
    .location-map {
        height: 350px;
    }
    /* contact us end */

    /* about us start */

    .about-page-us .about-contain .main-contain p{
        padding-top: 20px;
    }

    .about-page-us .about-img-box .about-wave-img{
        display: none;
    }

    .intro-coating-about{
        padding: 0 15px;
    }

    .our-work-about .box h2{
        margin: 0;
        font-size: 24px;
    }

    .our-work-about .box .inner-box .text ul li svg{
        width: 20px;
    }

    .our-work-about .box .inner-box .text ul{
        margin-top: 20px;
    }

    .customer-review .reivew-slider{
        padding: 0 20px;
        margin-top: 35px;
    }

    .customer-review .reivew-slider .item{
        min-height: 200px;
        height: auto;
    }
    .pay-box .contain-area{
        padding: 10px 0px;
    }
    .pay-box .img-box {
        width: 100%;
    }
    .customer-review .main-heading {
        width: 100%;
    }
    .why-main-box-part {
        margin-top: 20px;
    }
    .about-page-us {
        padding-bottom: 40px !important;
    }
    .our-work-about .heading-title {

        padding-bottom: 15px;

    }
    .main-bread-camp {
        height: 250px;
    }
    .main-bread-camp .about-brad-camp .title {
        font-size: 32px;
    }
    .about-contain .quality-box {
        margin-top: 20px;
    }
   
    .our-work-about .responsive-frist-time .image-box .frist-img {
        width: 280px;
        height: 220px;
    }
    .our-work-about .responsive-frist-time .second-img {
        width: 240px;
        height: 190px;
        left: 30px;
        top: 20px;
    }
    .our-work-about .responsive-second-time .image-box .frist-img {
        width: 280px;
        height: 220px;
    }
    .our-work-about .responsive-second-time .second-img {
        width: 240px;
        height: 190px;
        right: 30px;
        top: 20px;
    }
    .intro-coating-about .counter-detail {
        flex-direction: column;
        padding-left: 0;
    }
    .intro-coating-about .counter-detail .count-box{
        border: none;
        padding: 0;
        text-align: center;
        margin-bottom: 25px;
    }
    /* about us end */

    /* price listing start */

    .price-list-section .note-part ul li p{
        font-size: 13px;
    }

    .price-tab-detail-area .price-box ul li p{
        font-size: 13px;
    }

    .price-tab-detail-area .price-box .main-part .prize{
        font-size: 24px;
    }

    .price-how-it-work .work-step{
        flex-direction: column;
        gap: 20px;
    }

    .price-how-it-work .work-step .step-box .only-image-box i{
        transform: rotate(90deg);
    }

    .price-tab-detail-area .price-box .main-part{
        margin-bottom: 30px;
    }
    .price-tab-detail-area .price-box .main-box-class{
        gap: 0px 35px;
    }

    .price-how-it-work .work-step .step-box .contain h2{
        margin-bottom: 0;
    }
    /* price listing end */

    /* home page start */

    .home-banner .item{
        padding: 130px 0;
    }

    .home-banner .item .iteam-detail .main-heading{
        font-size: 18px;
        line-height: 22px;
        width: fit-content;
    }

    .home-banner .item .iteam-detail .normal-title , .home-banner .item .iteam-detail .highlight-title{
        font-size: 14px;
    }

    .about-us .about-feature{
        flex-direction: column;
        align-items: start;
    }

    .about-us .about-feature .about-satis-box{
        width: 100%;
    }

    .about-us .about-contain .main-contain p{
        padding-top: 20px;
    }

    .intro-coating .intro-coating-box .inner-detail{
        flex-direction: column;
    }

    .intro-coating .intro-coating-box .inner-detail .dis-frist-font{
        border: none;
        padding: 0;
        text-align: center;
    }

    .intro-coating .counter-detail{
        border-radius: 0;
        top: 0;
        margin: 40px 0;
    }

    .pt-270{
        padding-top: 40px;
    }

    .learn-about-us .main-heading{
        font-size: 22px;
        line-height: 32px;
    }

    .learn-about-us .learn-tab .nav-pills .nav-link{
        font-size: 16px;
    }

    .learn-about-us .learn-tab .nav-pills .nav-link i{
        font-size: 18px;
        margin-right: 10px;
    }

    .book-app-now{
        margin-bottom: 0;
    }

    .service-part .service-tab ul{
        gap: 0;
    }

    .service-part .service-tab ul .nav-link{
        padding: 7px 12px;
    }
    .gallery-pro .gallery-tab .nav{
        gap: 5px;
    }
    .register-page-design .main-box{
        margin: 0px 15px;
    }
    .register-page-design .col-md-6.m-auto{
        padding-right: 0;
    }
    .price-tab-list-part .nav-pills .nav-item .nav-link{
        width: 160px;
    }
    /* home page end */
    .review-box .tab-content .write-review-part .review-form .item{
        flex-direction: column;
        gap: 5px;
    }
    .product-detail .product-detail-side .main-heading {
        font-size: 20px;
    }
    .checkout-page .main-heading {
        font-size: 26px;
    }
    .gallery-pro .gallery-tab .masonry {
        column-count: 2;
    }
    .gallery-pro .gallery-tab .nav .nav-item .nav-link{
        font-size: 18px;
        padding: 5px 10px;
    }
    .gallery-pro .gallery-tab{
        margin-top: 30px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-faclity ul li {
        width: 100%;
    }
    .page-warp .main-second-box{
        margin-top: 30px;
        flex-wrap: wrap;
        gap: 20px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-prize-box{
        width: 110px;
    }
    .sub-plan-box .detail-box .main-box ul {
        gap: 20px;
    }
    .notification-box .box{
        flex-direction: column;
    align-items: start;
    gap: 10px;
    padding: 15px;
    }
    .custom-main-pay-area {
        gap: 10px;
        flex-wrap: wrap;
    }
    .frist-box-flex {
        flex-wrap: wrap;
    }
    .checkout-page .frist-box-flex .form-check {
        padding: 10px;
        width: 100%;
        height: auto;
    }
    .sub-plan-box .detail-box .main-box ul li:first-child {
        width: 155px;
    }
    .sub-plan-box .detail-box .main-box ul li {
        width: 30%;
    }
    .price-tab-detail-area .sub-plan-box .plan-name h2{
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
        
}
@media only screen and (max-width: 475px) {
    .schedule-modal .book-time ul li{
        width: 96%;
    }
    .sub-plan-box .detail-box .main-box ul li:first-child {
        width: 115px;
    }
    .forgot-password.page-warp .form-warp-box .main-heading {
        font-size: 28px;
    }
    .checkout-page .trnaster-box .second-box p{
        font-size: 16px;
    }
    .price-tab-detail-area.price-list-page .sub-plan-box .detail-box .plan-faclity ul li {
        width: 100%;
    }
    .product-book .book-time ul li {
        width:100%;
    }
    .new-feature-area .ul .li {
        width: 90%;
    }
    .custom-main-pay-area .pay-box{
        width: 100%;
    }
    .custom-main-pay-area{
        gap: 0;
    }
    .new-feature-area .ul .feature-box .service-item p {
    width: 250px;
    }   
}

@media only screen and (max-width: 420px) {
    .price-tab-detail-area .sub-plan-box .detail-box .plan-prize-box{
        width: 95px;
        padding: 0;
    }
    .sub-plan-box .detail-box .main-box ul li:first-child {
        width: 99px;
    }
    .sub-plan-box .detail-box .main-box ul li {
        width: 30%;
    }
    .price-tab-detail-area .sub-plan-box .detail-box {
        padding: 15px;
    }
    .sub-plan-box .detail-box .main-box ul {
        gap: 10px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-faclity ul li p {
        font-size: 14px;
    }
    .box-ft span{
        margin: 10px;
        display: flex;
    }
    .plan-sub-btn{
        display: block;
    }
    .main-header .header-logo img {
        width: 100px;
        height: 50px;
    }
    .profile-info .dropdown-toggle {
        gap: 10px;
    }
    .main-header .profile-info .user-img {
        width: 35px;
        height: 35px;
    }
    .main-header .profile-info .user-desc a{
        display: none;
    }
}   

@media only screen and (max-width: 360px) {
    .main-header .header-logo img {
        width: 110px;
    }
    .main-header .action-btn .login-btn {
        width: 65px;
        padding-right: 10px;
        padding-left: 0;
    }
    .main-header .action-btn .register-btn {
        width: 55px;
    }
    .sub-plan-box .detail-box .main-box ul li:first-child {
        width: 85px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box {
        padding: 10px;
    }
    .sub-plan-box .detail-box .main-box ul .paymnet-type {
        font-size: 13px;
    }
    .price-tab-detail-area .sub-plan-box .detail-box .plan-prize-box{
        width: 90px;
    }
}