@media (max-width: 767.98px) { .footer-padding { padding-top: 5px; padding-bottom: 20px; } .footer-link ul { padding-left: 0px; } .footer-purchase-btn { margin-bottom: 25px; } .custom-wash-tabs li { width: auto; margin-bottom: 5px; display: inline-block; } .custom-price-card { min-width: 96%; max-width: 96%; margin-bottom: 20px; margin-right: 0px; } .how-we-work-single { position: relative; flex: 100%; max-width: 100%; width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; } .w-50 { width: 96% !important; } .how-we-work-list li::before { display: none; } .navbar #pageMenu .nav-link { font-size: 16px; font-weight: 900; display: inline-block; } .banner .call-to-action .big { font-size: 35px; } .banner .call-to-action p { font-size: 35px; font-weight: 900; margin: 0; } .banner .call-to-action .highlight { margin-bottom: 15px; } .banner .call-to-action .btn-cta { font-size: 18px; } .banner .call-to-action h2 { margin-bottom: 30px; line-height: 40px; } .banner .call-to-action { margin-top: 0px; } .about-us .about .big { font-size: 18px; padding: 10px 0px 10px 0px; } .about-us .about .text { font-size: 16px; font-weight: 600; } .about-us .download h3 { font-size: 25px; } .about-us .download p { font-size: 25px; } .download-app h2 { font-size: 30px; font-weight: 900; line-height: 35px; margin-bottom: 38px !important; } .download-app .btn-cta { font-size: 18px; } .we-work-title { color: var(--cyan); font-weight: 800; font-size: 30px; } .how-we-work-list { padding-left: 0px; } .process h2 { font-weight: 900; font-size: 30px; color: var(--pink); margin-bottom: 32px; } .testimonial-head { font-size: 30px; } .price-list-card .circle-head { color: var(--dark); font-size: 25px; font-weight: 700; } .price-list-card .circle-price { font-size: 35px; font-weight: 900; } .contact-title { font-size: 35px; } .custom-card-testimonial .card-text, .custom-card-testimonial .card-title { text-align: center; } .custom-card-testimonial { padding-bottom: 15px; padding-top: 40px; } .news-subcribe-btn { position: absolute; top: 5px; z-index: 1; right: 4px; padding: 7px 20px; font-size: 16px; background-color: var(--cyan); } .newslater-form input { padding-right: 180px !important; } .custom-tab li { font-size: 15px !important; font-weight: 800 !important; } .custom-wash-tabs { justify-content: center; } .main-header .navbar-brand { margin: 0px; } .btn-cta { margin-top: 50px; } .process-cycle .card { height: 328px; width: 100%; margin-top: 60px; margin-bottom: 50px; padding: 30px; } .banner .call-to-action .big { font-weight: 800; } .call-to-action span { margin-bottom: 10px; } .custom-tab button { font-size: 15px !important; font-weight: 600 !important; } /* New Changes Css Start */ .banner { height: 180px; min-height: 230px; } .call-to-action { padding: 7px 10px 10px 10px; } .banner img { position: absolute; left: 0px; right: 0px; height: 180px; } .navbar .navbar-brand img { display: inline-block; height: 45px; max-width: 150px; } .banner .call-to-action h3 .highlight { background-color: transparent; padding: 0px !important; font-size: 15px; max-width: 200px; color: var(--cyan) !important; line-height: 13px; margin-bottom: 0px; } .banner .call-to-action h3 { max-width: 200px; margin-bottom: 0px; } .banner .call-to-action h1 { font-size: 25px; margin: 10px 0px; max-width: 250px; margin-bottom: 0px; margin-top: 5px; line-height: 25px; display: inline-block; } .banner .call-to-action .btn-cta { font-size: 12px; padding: 6px 15px; font-weight: 600; margin-top: 10px; } .banner { min-height: 190px; } .about-us .about h2 { font-size: 24px; font-weight: 900; color: var(--dark); } .about { max-width: 265px; padding-left: 20px; } .about-us .download h3, .about-us .download p { text-align: left; } .about-us .download h3 { font-size: 16px; } .custom-card-testimonial { padding-bottom: 15px; padding-top: 40px; border-radius: 30px; } .about-us .download p { font-size: 14px; font-weight: 600; color: var(--pink); } .about-us .download { margin-top: 9px; padding-left: 20px; } .about-us { max-height: 500px; background: transparent url(../imgs/about-us.jpg) center center no-repeat; background-size: cover; padding: 30px 0px 67px 0px; } .custom-card-testimonial .owl-nav { text-align: center; margin-left: 55px; } .we-work-title { color: var(--cyan); font-weight: 800; font-size: 25px; } .how-we-work { padding-top: 65px; } .download-app h2 { font-size: 22px; font-weight: 800; line-height: 25px; margin-bottom: 25px !important; } .download-app { padding: 29px 0; min-height: auto; background: transparent url(../imgs/download-mobile.png) center center no-repeat; background-size: cover; } .download-app .btn-cta { font-size: 14px; padding: 12px 20px; font-weight: 600; } .download-app { padding: 30px 0px 67px 10px; } .how-we-work-single { position: relative; flex: 50%; max-width: 50%; width: 50%; display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; } .how-we-work-icon { position: relative; height: 120px; width: 120px; } .how-we-work-count { height: 55px; width: 55px; font-size: 30px; } .how-we-work-title { font-size: 16px !important; } .custom-badge { background-color: var(--pink) !important; max-width: 155px; } .process h2 { font-weight: 900; font-size: 24px; color: var(--pink); margin-bottom: 32px; } .how-we-work-single-box { margin-top: 55px; position: relative; } .process .sub-head { font-size: 14px; } .process-cycle .card { height: 240px; width: 100%; margin-top: 0px; margin-bottom: 20px; padding: 5px !important; max-width: 225px; min-height: 165px; } .footer-copy-right p { font-size: 12px !important; color: var(--dark) !important; border-top: 1px solid #dee2e6 !important; } .footer-title h4 { font-weight: 900 !important; font-size: 16px !important; } .footer-title ul li a { font-weight: 600; font-size: 14px !important; line-height: 30px; } .call-btn { border: 3px solid var(--cyan); font-weight: 800; padding: 10px 96px; font-size: 16px; } .footer-title ul { margin-bottom: 0px; } .single-footer-caption-right { text-align: right; } .price-list-card .circle-head { color: var(--dark); font-size: 18px; font-weight: 700; } .price-list-card .circle-price { font-size: 24px; font-weight: 900; } .price-list-card .circle-per-pound { font-size: 16px; font-style: italic; font-weight: 600; } .price-list-card .circle-content { padding-bottom: 25px; } .price-list-card .circle-content .circle-content-inner { width: 160px; height: 160px; } .package-head { font-size: 24px; font-weight: 900; color: var(--dark); } .service-each .service-text h3 { font-size: 16px; } .service-description { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .our-packages { background-color: var(--light-cyan); padding: 50px 0px 35px 0px; } .contact-us .flex-row-reverse { display: none; } .contact-title { font-size: 24px; margin-bottom: 20px !important; margin-top: 20px; } .custom-tab li .nav-link { font-size: 14px !important; font-weight: 700 !important; border: 1px solid var(--pink); } .view-faq-btn { font-size: 16px !important; padding: 12px 30px !important; font-weight: 600 !important; } .faq-section h2 { color: var(--dark); margin-bottom: 20px; margin-top: 20px; font-size: 24px; } .custom-accrodian button { font-size: 16px; } .newslater-form input { padding-right: 180px !important; font-size: 18px !important; } .news-subcribe h2 { font-size: 20px; } .footer-logo { text-align: center; margin-bottom: 5px !important; } .footer-logo img { display: inline-block; height: auto; max-width: 155px; } .social-media-links { text-align: center; display: flex; justify-content: center; margin-bottom: 25px; border-bottom: 1px solid #dee2e6 !important; } .social-media-links ul li a { margin-right: 18px; } .social-media-links ul li:last-child a { margin-right: 0px; } .service-each { min-height: 270px; } .social-media-links ul li { margin-right: 0px; } .offer-card img { width: 100% !important; height: 265px !important; text-align: center; margin: 0px; } .footer-link ul li { font-size: 16px !important; } .custom-card-testimonial .card-text { padding-right: 0px; font-size: 18px; } .contact-us { padding-top: 30px; padding-bottom: 55px; background-image: url(../imgs/contact-bg-mobile.png) !important; background-size: cover; background-repeat: no-repeat; background-attachment: unset; background-position: right; } .contact-us .card { background-color: transparent !important; box-shadow: none !important; } .footer-link ul li { padding-left: 30px; } .footer-link ul li { border-bottom: 1px solid #dee2e6 !important; padding-bottom: 15px; } .footer-link ul li:last-child { border-bottom: none !important; } .mobile-view-packages { display: block; } .best-service h2{ font-size: 24px; } .our-packages-desktop{ display: none; } .best-service { padding: 60px 0; min-height: auto; } .footer-link{ border-bottom: 1px solid #dee2e6!important; } } /* Why choose Changes Css start */ .why-choose-us-desktop{ display: none; } /*Why chooseChanges Css End */ @media (min-width: 768px) and (max-width: 991.98px) { .banner .call-to-action h1 { font-size: 35px; margin: 20px 0px; } .banner img { position: absolute; left: 0px; right: 0px; height: 420px; width: 100%; } .custom-tab button { font-size: 15px !important; font-weight: 600 !important; } .banner .call-to-action { margin-top: 40px; } .process-cycle .card { height: 240px; width: 100%; margin-top: 45px; margin-bottom: 50px; padding: 30px; } .download-app h2 { margin-bottom: 38px !important; } .main-header .navbar-brand { margin: 0px; } .navbar #pageMenu .nav-link { display: inline-block; } .custom-wash-tabs { justify-content: center; } .custom-wash-tabs li { width: auto; margin-bottom: 5px; display: inline-block; } .custom-price-card { min-width: 323px; max-width: 323px; } .banner .call-to-action .big { font-size: 40px; font-weight: 800; } .custom-price-card { margin-bottom: 15px; } .banner .call-to-action .highlight { margin-bottom: 20px; margin-top: 0px; } .banner .call-to-action h2 { font-size: 40px; font-weight: 900; margin-bottom: 30px; } .about-us .about .big { font-size: 35px; line-height: 1; } .how-we-work-single { flex: 50%; max-width: 50%; width: 100%; } .how-we-work-list { padding-left: 0px; } .how-we-work-list li::before { display: none; } .custom-card-testimonial .card-text { font-size: 18px; } .custom-card-testimonial { box-shadow: 0px 15px 80px 0px rgb(12 46 81 / 7%); border-radius: 20px; padding-bottom: 0px; padding-top: 35px; } /* New Changes Css Start */ .best-service { padding: 60px 0; min-height: auto; } .banner .call-to-action h1 { font-size: 65px; margin: 20px 0px; } .banner .call-to-action h3 { margin-bottom: 40px; } .banner img { position: absolute; left: 0px; right: 0px; height: 350px; width: 100%; } .banner .call-to-action { margin-top: 0px; } .footer-logo { margin-bottom: 30px !important; } .custom-card-testimonial .card-text { padding-right: 0px; } .banner { background-color: var(--light); height: 360px; min-height: 290px; } .about-us .download { margin-top: 50px; } .download-app { padding: 60px 0; min-height: auto; background: transparent url(../imgs/download-mobile.png) center center no-repeat; background-size: cover; } .about-us { background: transparent url(../imgs/about-us.jpg) center center no-repeat; background-size: cover; padding: 60px 0; } .contact-us { padding-top: 40px; padding-bottom: 55px; background-image: url(../imgs/contact-bg-mobile.png) !important; background-size: contain; background-repeat: no-repeat !important; background-attachment: unset; background-position: right !important; background: #f3f3f3; } .contact-us .flex-row-reverse { display: none; } .contact-us .card { background-color: transparent !important; box-shadow: none !important; } .footer-link ul li { border-bottom: 1px solid #dee2e6 !important; padding-bottom: 15px; } .footer-link ul li:last-child { border-bottom: none !important; } } /* New Changes Css End */ .why_choose_us_item { background: #fff; text-align: center; padding: 30px 25px; -webkit-box-shadow:0 0px 25px rgba(0, 0, 0, 0.07); box-shadow:0 0px 25px rgba(0, 0, 0, 0.07); border-radius: 20px; /* border:5px solid rgba(0, 0, 0, 0.07); */ margin-bottom: 10px; -webkit-transition: all .5s ease 0; transition: all .5s ease 0; transition: all 0.5s ease 0s; max-height: 400px; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .why_choose_us_item p{ font-size:15px; line-height:26px; max-height: 100px; }  @media (min-width: 992px) and (max-width: 1200px) { .main-header .navbar-brand img{ height: 40px;}.main-header .navbar-brand { padding: 0px 0px 0px 0px !important;}}