/* Responsive Design */ @media (min-width: 2560px) { .services-container .faq-wrapper { width: 25%; font-family: var(--fonts); margin-right: 27rem; } .quantity-controls { display: flex; align-items: center; gap: 5px; margin-right: 10px; margin-left: -9rem; } .service-info-section .description-content { padding-left: 0px; font-size: 22px; } .custom-title { font-size: 25px; } .counter-wrapper a { font-size: 18px; } .offer-title { font-size: 1.3rem; } .offer-description { font-size: 1.1rem; } .faq-question { font-size: 19px; } .faq-answer { font-size: 19px; } .servicescontent ul li { margin: 7px 0px 7px 0px; font-size: 19px; } .servicescontent h2 { font-size: 25px; } .servicescontent h1 { font-size: 34px; } .servicescontent p { font-size: 18px; } .attribute-price { font-size: 21px; } } @media (min-width: 1800px) and (max-width: 1920px) { /* Styles for large monitors */ .best-choice .container, .reasons .container{ margin-left: 25rem; } } @media (min-width: 1600px) and (max-width: 1799px) { /* Styles for large monitors */ .best-choice .container, .reasons .container{ margin-left: 17rem; } } @media (max-width: 768px) { .custom-nav { display: flex !important; } .video-section { background-image: url('../images/white-background.jpg'); background-color: white; } .navbar .col-md-3 { flex: 0 0 100% !important; max-width: 100% !important; } .sidenav-menu li a.active, .user-menu li a.active { background-color: rgba(250, 192, 0, 0.85); height: 40px; padding: 5px; border-radius: 5px; width: 100%; } .sidenav-menu li a, .user-menu li a { color: #fff; text-decoration: none; font-size: 1rem; display: block; width: 100%; } .sidenav-menu, .user-menu { list-style-type: none; padding-left: 0; width: 100%; /* Make the menu take the full width of the container */ } .sidenav-menu li, .user-menu li { width: 100%; /* Full width for each item */ padding: 10px 15px; /* Spacing around the items */ margin-left: 0px; } .sidenav-menu li a, .user-menu li a { color: #fff; text-decoration: none; font-size: 1rem; display: block; width: 115%; } .sidenav-menu li a.active, .user-menu li a.active { background-color: rgba(250, 192, 0, 0.85); /* Opacity set to 85% */ height: 40px; padding: 5px; border-radius: 5px; } #main-nav .cart-link i { color: #fac000 !important; } #main-nav .cart-link span { color: #fff !important; } .nav-item .dropdown-menu-2 { display: none; position: absolute; top: 100%; left: 0; /* background-color: #070707; */ background: rgba(0, 0, 0, .8); padding: 10px 0; z-index: 1000; border: none; border-radius: 0px; } .nav-item:hover .dropdown-menu-2 { width: 552px; padding: 1px 129px 7px 35px; margin: 0; border-radius: 0.3rem 2rem; margin-left: -53px; top: 55px; } .mega-section-subtitle { color: #fff; font-weight: bold; margin-top: 15px; } .dropdown-item { color: #fff; } .cart-section { margin-top: auto; padding: 15px; width: 100%; text-align: center; } .mobile-nav-open-icon { margin-top: 25px; display: block; /* margin-left: 41rem; */ /* float: right; */ } .menu-section { display: none; justify-content: center; } .sticky-header .logoonone { width: 24%; margin-left: -11px; margin-top: 14px; } .logoo { width: 24%; margin-left: -11px; margin-top: 18px; } .logoonone { width: 24% !important; margin-left: -9px !important; margin-top: 1rem; } ul.dropdown-menu-2.megamenu-panel { width: 490px; left: -118px; } .sidenav-container .closebtn { font-size: 2.5rem; font-weight: 200; color: #fff; padding-right: 1rem; margin-left: 12px; margin-top: -16px; } .nav-item:hover .dropdown-menu-2 { padding: 1px 129px 7px 35px; margin: 0; border-radius: 0.3rem 2rem; margin-left: -53px; top: 55px; width: 552px; } /* .show-sidebar-cart #sidebar-cart { right: 177px; } */ /* .login-btnnn { background-color: #fac000 !important; color: black !important; padding: 3px 26px !important; border-radius: 20px 4px !important; transition: 0.1s ease; } */ .login-btn-ul { margin-right: 1.5rem !important; width: 20% !important; } /* .sticky-header .logoonone { display: block; width: 40%; margin-left: -180px; transition: 0.2s linear; } */ #mySidenav .bag-count { top: 505px; right: 421px; } .sticky-service-section { width: 100% !important; margin: auto; display: block; } .sticky-service-section .col-md-7 { width: 100%; max-width: 100%; flex: 100%; } .col-md-5.sticky-div { width: 100% !important; max-width: 100% !important; flex: 100%; } .mixmatch { display: grid; grid-template-columns: repeat(3, 1fr); } .servicescontent { width: 70%; max-width: 88%; margin: auto; margin-right: auto; } .service-info-section button { margin-left: -1rem; } .add-btn-service { width: 23%; } .services-container .faq-wrapper { width: 56%; font-family: var(--fonts); margin-right: 18rem; margin: auto; } .servicectabtn { padding: 0px; } .ctabooknowwhatsapp { width: 27% !important; } .hero-section { width: 73%; margin: auto; display: block; margin-left: 1rem; } .sticky-service-section { margin-left: 1rem; } .description-content { font-size: 14px; } .service-info-section button { margin-left: -0.1rem; font-size: 13px; } } @media (max-width: 726px) { /* .mobile-nav-open-icon { margin-left: 40rem !important; } */ } @media (max-width: 704px) { /* .mobile-nav-open-icon { margin-left: 38rem !important; } */ } @media (max-width: 673px) { /* .mobile-nav-open-icon { margin-left: 36rem !important; } */ } @media (max-width: 637px) { /* .mobile-nav-open-icon { margin-left: 35rem !important; } */ } @media (max-width: 618px) { .logoo { width: 17%; margin-left: -4px; margin-top: 0px; } .sticky-header .logoonone { width: 20% !important; margin-left: -15px; margin-top: 9px; } .navbar { height: 60px; } } @media (max-width: 1024px) { .navbar { padding: 10px 20px; } } @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } @media screen and (max-width: 1024px) { #carousel-vp{ width: 900px; } .diaa::before{ left: -160px; top: 115px; transform: scale(0.2); } .diaa::after{ right: -187px; top: 115px; transform: scale(0.2); } .cCarousel-item .infos .diwali-offer{ height: 60px; } .cCarousel-item .infos h3{ font-size: 15px; } .cCarousel-item .infos p{ font-size: 13px; } .cCarousel-item .infos{ justify-content: unset; } .cCarousel-item img{ height: 200px; } .cta-button{ width: 32.8%; } .left-content h1{ font-size: 28px; } .left-content p{ font-size: 20px; } .shape-divider::after{ left: 8%; } } /* boss screen */ @media (min-width: 1451px) and (max-width: 1570px) { .servicescontent { max-width: 74%; margin: auto; } .testimonials-container { grid-template-columns: repeat(2, 1fr); } .sough-after { width: 95% !important; } .sough-after .top-service-video-div { width: 260px; left: 15px; } .instructions-content h2 { font-size: 24px; font-weight: bold; margin-top: 18px; margin-bottom: 5px; } .instructions-content { color: #000; } .side-panel { width: 54%; height: 100%; } .instructions-content ul { list-style: none; padding: 1px; padding-bottom: 58px; } .service-icon-blue { width: 60px; height: 60px; } .gsap-wrapper { margin-top:-8rem !important; margin-bottom:-7rem !important; } .gsap-container section { width: 100vw; padding: 9vw 0vw !important; } .add-btn-service { width: 23%; margin-right: 0rem; } #offerContainer { width: 83% !important; margin-left: 7rem; } .diwaliofferinputinnerdiv { position: absolute; z-index: 1111111111; margin-top: 23rem; margin-left: 7rem; color: white; width: 23%; } .message { font-size: 1.0rem !important; } .video-section-header::before { left: 610px!important; } .kk001 { margin-top: -21rem!important; } .bag-count { top: -6px !important; right: -16px !important; } .cart-section { margin: 0px 0px 0px 0px; } .trustedbycustomertext { margin-left: -5rem !important; text-decoration: overline; } .offer-title { font-size: 0.8rem; font-weight: 600; margin-top: 11px !important; margin: 0; } .offer-description { font-size: 0.7rem; color: #777; } .resposnviesetservice { margin: 0; } .header-bg-img-home img { width: 65%; } .service-card { margin: 4px; width: 280px; padding: 13px; } .custom-clean-btn{ width: 28.8%!important; } .demo-btn { padding: 20px; border-radius: 0.5rem; text-align: center; width: 23%; } /*Service Screen*/ .services-container .faq-wrapper { margin-right: 1rem; } .servicectabtn { padding: 47px; } .top-service-p { font-size: 1.8vh; } .top-service-paragraph { width: 90%; color: black; text-align: left; } .top-service-video-div { width: 250px; height: 250px; } .diaa .swiper-container { width: 80%; margin-right: 9.5rem; } .cCarousel-item { width: 390px; margin-right: 10px; height: 14rem; } .cCarousel-item .infos .diwali-offer { height: 80px; } .cart-section a { margin: 15px -10px 0px 0px; } .resposnvivesetmegamenu { width: 615px; left: -220px; } .diaa::before , .diaa::after { transform: scale(0.3); top: -34px; } .diaa::before { /* left: -230px; */ left: -170px; } .diaa::after { right: -167px; } .filter-buttons button { font-size: 13px; padding: 0px 47.5px 2px 47.5px; } .cta-button { width: 26.8%; } .video-cards { flex-wrap: nowrap; gap: 50px; } .video-card { width: 388px; height: 274px!important; margin-right: 0px; } .video-overlay img { height: 100%; } .video-overlay { bottom: 0px; left: 0px; height: 100%; } .social-links { line-height: 24.5px; } .left-content h1 { font-size: 43px; } .left-content p { font-size: 16px; } .appointment-heading h2 { font-size: 1.5rem; } .footer-container { padding: 0px 30px; } .footer-bottom p { font-weight: 300; } .logo-section { top: -20px; } .best-choice-text::before { left: 507px; width: 40%; } .form-container { margin: 50px auto; } .carousel-video { border-radius: 0.7rem; } #videoCarousel { margin: 23px; } /* .service-image-section { margin-right: 4rem!important; } .service-info-section .description-content { padding-left: 5rem; } .service-info-section button { margin-left: 5rem; } */ /* .cartdiv { margin-bottom: 5rem; } */ .service-heading { margin-top: 0rem; } .resposnvivesetmegamenu { width: 650px!important; left: -283px!important; } /*Customize Quote Page*/ .customize-quote .col-md-7 > div:first-of-type { margin-left: 11.8rem !important; } .customize-quote img { width: 123px; } .our-customize-p { font-size: 22px; } .hero-section p { font-size: 14px; } .hero-section h1 { font-size: 2.0rem; } .drag-container h4 { font-size: 1.1rem; } .drag-container { width: 78%; height: 58%; margin-top: 15.5rem; margin-left: 5rem; } .customize-quoteee .faq-wrapper { width: 62%; margin-left: 50px; margin-top: 4rem; } .faq-question { font-size: 14px; padding: 15px 80px 15px 20px; } .faq-question::after { font-size: 27px; } .faq-answer { font-size: 13px; } .customize-quoteee { width: 91%; margin-left: 7rem; margin-top: -4rem; } .customize-quoteee .video-card-body { margin-top: 13rem; } .quote-video-cards h2 { font-size: 27px; margin-left: -1rem; } .reqmodal .form-group input, .reqmodal .form-group select, .reqmodal .form-group textarea { border: 1px solid #0581c6; padding: 17px; border-radius: 42px; } .quote-modal-h5 { font-size: 16px; } .quote-modal-service-heading { font-size: 24px; } .card-item { padding: 10px; } .card-selection { margin-top: 0px; } #selectedServices { font-size: 12px; } .video-card-body:hover { width: 388px !important; } .callback-section .container-fluid { align-items: center; } .contact-button { font-size: 15px; } .sidebanner-services-right , .sidebanner-services-left { width: 127%; max-width: 127%!important; } .sidebanner-services-left { margin-left: -37px; } .header-bg-img-home { padding-top: 13vh; padding-bottom: 7vh; } .footer-about p { font-size: 13px; } .footer-contact p , .footer-subscribe p , .footer-bottom p { font-size: 14px; } .footer-subscribe button { padding: 8px 23px 8px 23px; } } @media (min-width: 1530px) and (max-width: 1571px) { .bag-count { top: 0px !important; right: 74px !important; } } @media (min-width: 425px) { #cCarousel { overflow: hidden; } } /* main screen */ @media (min-width: 1150px) and (max-width: 1640px) { .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 50%); } } @media (min-width: 1010px) and (max-width: 1381px) { .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 40%); } } @media (min-width: 900px) and (max-width: 1010px) { .swiper-button-next, .swiper-button-prev { position: absolute; top: var(--swiper-navigation-top-offset, 35%); } } @media (min-width: 320px) and (max-width: 900px) { .swiper-button-next, .swiper-button-prev { display: none; /* No need for other properties */ } } /* Dia Section */ /* Styles for Larger Screens (Above 650px) */ @media (min-width: 651px) { .diaa .swiper-wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; } .diaa .swiper-wrapper .swiper-slide { flex: 0 0 30%; /* Three containers in a row */ margin-bottom: 20px; } } /* Styles for Mid-Large Screens (Above 1571px) */ @media (min-width: 1571px) and (max-width: 1800px) { .service-card { margin: 4px; width: 300px; padding: 13px; } .sidebanner-services-right, .sidebanner-services-left { width: 113%; max-width: 127%; } .sidebanner-services-left { margin-left: -12px; } .custom-clean-btn { width: 37.8%; } .demo-btn { padding: 20px; border-radius: 0.5rem; text-align: center; width: 24%; } } /* Styles for Screen Ranges from 1290px to 1450px */ @media (min-width: 1290px) and (max-width: 1450px) { .service-card { margin: 4px; width: 260px; padding: 6px; } .sidebanner-services-right, .sidebanner-services-left { width: 123%!important; max-width: 127%!important; } .sidebanner-services-left { margin-left: -26px; } .custom-clean-btn { width: 44.8%; } .demo-btn { padding: 20px; border-radius: 0.5rem; text-align: center; width: 29%; } .diaa .swiper-container { width: 80%; margin-right: 9.0rem; } .diaa::before, .diaa::after { transform: scale(0.3); top: -40px; } .diwali-h5 { font-family: 'Fjalla One'; font-size: 19px; text-align: center; margin-top: 0.5rem; font-weight: 700; margin-bottom: 0px; } .diwali-p { text-align: center; font-family: 'Inder'; font-size: 13px; } } /* Styles for Screen Range from 1060px to 1450px */ @media (min-width: 1060px) and (max-width: 1450px) { .diaa::before, .diaa::after { transform: scale(0.3); top: -61px; } .diaa::before { left: -170px; } .diaa::after { right: -176px; } } /* Styles for Mid-Large Screens from 1390px to 1450px */ @media (min-width: 1390px) and (max-width: 1450px) { .service-card { margin: 4px; width: 270px; padding: 13px; } .sidebanner-services-right, .sidebanner-services-left { width: 123% !important; max-width: 127% !important; } .sidebanner-services-left { margin-left: -26px; } .custom-clean-btn { width: 42.8%; } .demo-btn { width: 27%; } } @media (min-width: 1290px) and (max-width: 1350px){ .service-card { margin: 4px; width: 250px; padding: 5px; } .sidebanner-services-right, .sidebanner-services-left { width: 123% !important; max-width: 127% !important; } .sidebanner-services-left { margin-left: -19px; } .custom-clean-btn { width: 45.8%; } .demo-btn { width: 30%; } } @media (min-width: 1200px) and (max-width: 1290px){ .service-card { margin: 4px; width: 231px; padding: 3px; } .sidebanner-services-right, .sidebanner-services-left { width: 131% !important; max-width: 134% !important; } .sidebanner-services-left { margin-left: -29px; } .sidebanner-services-right { margin-left: -7px; } .custom-clean-btn { width: 48.8%; } .demo-btn { width: 34%; /* padding: 12px; */ } } @media (min-width: 1330px) and (max-width: 1375px) { .diaa .swiper-container { width: 77%; margin-right: 9.8rem; } /* .swiper-container .img-fluid{ object-fit: contain; } */ .diaa::before , .diaa::after { transform: scale(0.3); top: -40px; } .diwali-h5 { font-family: 'Fjalla One'; font-size: 19px; text-align: center; margin-top: 0.5rem; font-weight: 700; margin-bottom: 0px; } .diwali-p { text-align: center; font-family: 'Inder'; font-size: 13px; } } @media (min-width: 1300px) and (max-width: 1330px) { .diaa .swiper-container { width: 75%; margin-right: 10.3rem; } /* .swiper-container .img-fluid{ object-fit: contain; } */ .diaa::before , .diaa::after { transform: scale(0.3); top: -40px; } .diwali-h5 { font-family: 'Fjalla One'; font-size: 19px; text-align: center; margin-top: 0.5rem; font-weight: 700; margin-bottom: 0px; } .diwali-p { text-align: center; font-family: 'Inder'; font-size: 13px; } } @media (min-width: 1210px) and (max-width: 1300px) { .diaa .swiper-container { width: 75%; margin-right: 9.7rem; } /* .swiper-container .img-fluid{ object-fit: contain; } */ .diaa::before , .diaa::after { transform: scale(0.3); top: -40px; } .diwali-h5 { font-family: 'Fjalla One'; font-size: 19px; text-align: center; margin-top: 0.5rem; font-weight: 700; margin-bottom: 0px; } .diwali-p { text-align: center; font-family: 'Inder'; font-size: 13px; } } @media (min-width: 1111px) and (max-width: 1210px) { .diaa .swiper-container { width: 75%; margin-right: 8.8rem; } .diaa::before , .diaa::after { transform: scale(0.25); top: -40px; } /* .swiper-container .img-fluid{ object-fit: contain; } */ .diwali-h5 { font-family: 'Fjalla One'; font-size: 17px; text-align: center; margin-top: 0.5rem; font-weight: 700; margin-bottom: 0px; } .diwali-p { text-align: center; font-family: 'Inder'; font-size: 12px; } } @media (min-width: 990px) and (max-width: 1111px) { .diaa .swiper-container { width: 75%; margin-right: 8.0rem; } .swiper-container .img-fluid{ object-fit: contain; } .diwali-offer-banner{ margin-bottom: -40px; } .diwali-h5 { font-family: 'Fjalla One'; font-size: 14px; text-align: center; margin-top: -1rem; font-weight: 700; margin-bottom: 0px; } .diwali-p { text-align: center; font-family: 'Inder'; font-size: 10px; } .diaa::before , .diaa::after { transform: scale(0.25); top: -77px; } .diaa::before { /* left: -230px; */ left: -180px; } .diaa::after { right: -185px; } } @media (min-width: 960px) and (max-width: 990px) { .diaa .swiper-container { width: 75%; margin-right: 7.7rem; } .swiper-container .img-fluid{ object-fit: contain; } .diwali-offer-banner{ margin-bottom: -40px; } .diwali-h5 { font-family: 'Fjalla One'; font-size: 14px; text-align: center; margin-top: -1.5rem; font-weight: 700; margin-bottom: 0px; } .diwali-p { text-align: center; font-family: 'Inder'; font-size: 10px; } .diaa::before , .diaa::after { transform: scale(0.2); top: -77px; } .diaa::before { /* left: -230px; */ left: -180px; } .diaa::after { right: -185px; } } @media (min-width: 930px) and (max-width: 960px) { .diaa .swiper-container { width: 75%; margin-right: 7.3rem; } .swiper-container .img-fluid{ object-fit: contain; } .diwali-offer-banner{ margin-bottom: -40px; } .diwali-h5 { font-family: 'Fjalla One'; font-size: 14px; text-align: center; margin-top: -1.5rem; font-weight: 700; margin-bottom: 0px; } .diwali-p { text-align: center; font-family: 'Inder'; font-size: 10px; } .diaa::before , .diaa::after { transform: scale(0.2); top: -77px; } .diaa::before { /* left: -230px; */ left: -180px; } .diaa::after { right: -185px; } } @media (min-width: 900px) and (max-width: 930px) { .diaa .swiper-container { width: 75%; margin-right: 7.2rem; } .swiper-container .img-fluid{ object-fit: contain; } .diwali-offer-banner{ margin-bottom: -40px; } .diwali-h5 { font-family: 'Fjalla One'; font-size: 14px; text-align: center; margin-top: -1.5rem; font-weight: 700; margin-bottom: 0px; } .diwali-p { text-align: center; font-family: 'Inder'; font-size: 10px; } .diaa::before , .diaa::after { transform: scale(0.2); top: -77px; } .diaa::before { /* left: -230px; */ left: -180px; } .diaa::after { right: -185px; } } @media (min-width: 860px) and (max-width: 900px) { .diaa .swiper-container { width: 90%; margin-right: 2.6rem; } .swiper-container .img-fluid{ object-fit: contain; } .diwali-offer-banner{ margin-bottom: -35px; } .diwali-h5 { font-family: 'Fjalla One'; font-size: 15px; text-align: center; margin-top: -1rem; font-weight: 700; margin-bottom: 0px; } .diwali-p { text-align: center; font-family: 'Inder'; font-size: 11px; } .diaa::before , .diaa::after { transform: scale(0.15); top: -77px; } /* Remove decorative elements */ .diaa::before, .diaa::after { display: none; /* Hides the decoratives */ } } @media (min-width: 750px) and (max-width: 860px) { .diaa .swiper-container { width: 95%; margin-right: 1rem; } .swiper-container .img-fluid { object-fit: contain; width: 100%; /* Ensure the images take up full width within the container */ height: auto; /* Maintain aspect ratio */ } .diwali-offer-banner { margin-bottom: -38px; } .diwali-h5 { font-family: 'Fjalla One'; font-size: 15px; /* Slightly increase font size */ text-align: center; margin-top: -1rem; font-weight: 700; margin-bottom: 0px; } .diwali-p { text-align: center; font-family: 'Inder'; font-size: 11px; /* Slightly increase font size */ } /* Remove decorative elements */ .diaa::before, .diaa::after { display: none; /* Hides the decoratives */ } } @media (min-width: 651px) and (max-width: 750px) { .diaa .swiper-container { width: 95%; margin-right: 1rem; } .swiper-container .img-fluid { object-fit: contain; width: 100%; /* Ensure the images take up full width within the container */ height: auto; /* Maintain aspect ratio */ } .diwali-offer-banner { margin-bottom: -39px; } .diwali-h5 { font-family: 'Fjalla One'; font-size: 12px; /* Slightly increase font size */ text-align: center; margin-top: -2rem; font-weight: 700; margin-bottom: 0px; } .diwali-p { text-align: center; font-family: 'Inder'; font-size: 9px; /* Slightly increase font size */ } /* Remove decorative elements */ .diaa::before, .diaa::after { display: none; /* Hides the decoratives */ } } /* Styles for Medium Screens (600px to 650px) */ @media (min-width: 600px) and (max-width: 650px) { .diaa .swiper-container { width: 95%; margin-right: 1rem; } /* Applying grid layout to the swiper-wrapper */ .diaa .swiper-wrapper { display: grid; grid-template-columns: 49% 49%; /* Two columns, 49% width each */ grid-gap: 2%; /* Gap between the columns */ justify-content: space-between; } /* The third container takes full width */ .diaa .swiper-wrapper .swiper-slide:nth-child(3) { grid-column: span 2; /* Make the third item span across two columns */ } .diaa .diwali-h5 { font-size: 16px; margin-top: 0.5rem; } .diaa .diwali-p { font-size: 13px; } .diaa::before, .diaa::after { display: none; /* Hides the decoratives */ } } /* Styles for Small Screens (Below 600px) */ @media (max-width: 599px) { .diaa .swiper-wrapper { display: grid; grid-template-columns: 100%; /* Single column layout */ grid-gap: 20px; } .diaa .swiper-wrapper .swiper-slide { width: 100%; /* Each slide takes full width */ } .diaa .diwali-h5 { font-size: 16px; } .diaa .diwali-p { font-size: 13px; } .diaa::before, .diaa::after { display: none; /* Hides the decoratives */ } } /* Services Screen */ @media (min-width: 1451px) and (max-width: 1570px) { aside .service-sidebar { width: 333px !important; margin-left: -2rem !important; } .main-single-blog .row{ width: 96%; } .offerssection .swiper-button-next { top: unset !important; right: unset !important; left: unset !important; height: 160px; margin-left: 1.2rem; margin-top: -27.3rem; opacity: 0.8 !important; } .offerssection .swiper-button-prev { top: unset !important; margin-top: -16.3rem; height: 164px; left: 1.2rem; opacity: 0.5 !important; } .rating { font-size: 1.2rem; color: #008fc9; margin-left: 3rem; margin-top: 21px; } .login-btnnn { margin-top: 18px; } .mission .about-us-button { margin-top: 5rem; margin-left: 5rem; margin-bottom: 2rem; } .clickformoreservices { margin-right: 50%; margin-left: 42%; margin-top: -7rem; width: 15%; } .Our-Clients { margin-top: 4rem; } .diwaliofferslider { margin-top: 31px; } .box-mission h1 { font-size: 2.0rem; } .box-mission p { font-size: 15px; } .box-mission i { font-size: 30px; } /* About Page For Boss Screen*/ .Our-Clients::before { width: 38%; margin-left: 44%; } .proven-services::before { width: 38%; margin-left: 650px; } .career-p { margin-top: -2rem; margin-left: 7rem; font-size: 14px; font-weight: 400; } .career-heading { font-size: 1.6rem; } .accordion li { font-size: 14px; } .career-text { font-size: 12px; } .form-container { width: 43%; max-width: 50%; margin-top: 52px !important; } } @media (min-width: 1484px) and (max-width: 1570px) { /* About Page For Boss Screen*/ /* .Our-Clients::before { bottom: -375px; left: 560px; width: 31%; background-size: contain; } */ /* .proven-services::before { bottom: 199px; left: 653px; width: 41%; } */ } @media (min-width: 1281px) and (max-width: 1450px) { .sough-after { width: 100% !important; } .sough-after .top-service-video-div { width: 252px; height: 255px; left: -23px; margin-left: -1rem; } .sough-after .card-content { left: -38px; width: 252px; height: 255px; } .fordivcircle { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 20px; } .sough-after .top-service-paragraph { font-size: 12px !important; } .sough-after p { font-size: 16px !important; margin-left: 1rem; } .sough-after h1 { font-size: 41px !important; margin-left: 1rem; } .sough-after .row { margin-right: 0px; margin-left: 0px; } /* Customize Quotee */ .customize-quoteee .row{ margin-right: 0px; margin-left: 0px; } .quote-video-card .video-overlay img { width: 100%; height: 198px; } /*Single Blog*/ .service-sidebar { width: 300px !important; margin-left: -4rem !important; } .service-image-blog { width: 80px !important; height: 80px !important; } .main-single-blog img { height: 500px; width: 690px !important; object-fit: cover; } .blog-content { font-size: 14px; line-height: 1.6; width: 85% !important; color: #333; } .side-img-container { width: 80px !important; height: 85px !important; } .latest-blog-sticky-sidebar{ width: 239px !important; margin-left: -5rem !important; } /*Why Klean Kare*/ .best-choice .container, .reasons .container { margin-left: 217px; } .best-choice .container .col-md-4, .reasons .container .col-md-4 { margin-right: -22px; } .reasons .section-title { margin-left: -119px; } .best-choice-text { font-size: 38px !important; } .best-choice-text::before { width: 35%; top: 68px; left: 568px; background-size: contain; } .reasons .feature-box img { width: 43%; } .lead { font-size: 1.2rem; font-weight: 300; } .section-title { color: #04b4fe; font-size: 2.2rem; } .diwaliofferinputinnerdiv { position: absolute; z-index: 1111111111; margin-top: 20rem; margin-left: 5rem; color: white; width: 27%; } .login-signup-drop { width: 150% !important; } .Our-Clients::before { width: 36%; background-size: contain; margin-top: 2.3rem; } .promotional-div { width: 100%; } /*Customize Quote Page*/ .customize-quote .col-md-7 > div:first-of-type { margin-left: 11.8rem !important; } .customize-quote img { width: 118px; } .our-customize-p { font-size: 22px; } .hero-section p { font-size: 14px; } .hero-section h1 { font-size: 2.0rem; } .drag-container h4 { font-size: 1rem; } .drag-container { width: 78%; height: 56%; margin-top: 15.5rem; margin-left: 5rem; } .faq-question { font-size: 12px; padding: 15px 80px 15px 20px; } .faq-question::after { font-size: 27px; } .faq-answer { font-size: 13px; } .customize-quoteee { width: 91%; margin-left: 7rem; margin-top: -4rem; } .customize-quoteee .video-card-body { margin-top: 12.2rem; } .quote-video-cards h2 { font-size: 27px; margin-left: -1rem; } .reqmodal .form-group input, .reqmodal .form-group select, .reqmodal .form-group textarea { border: 1px solid #0581c6; padding: 17px; border-radius: 42px; } .quote-modal-h5 { font-size: 16px; } .quote-modal-service-heading { font-size: 24px; } .card-item { padding: 10px; } .card-selection { margin-top: 0px; } #selectedServices { font-size: 12px; } /*Home Page*/ .gsap-container section { width: 100vw; padding: 12vw 0vw !important; } /* .promotional-div h1 { margin-top: -12rem; } */ .kk001 { overflow: hidden; margin-top: -18rem !important; } .message { font-size: 1.0rem !important; width: 50vw; } .clickformoreservices { margin-right: 50%; margin-left: 42%; font-size: 14px !important; width: 18%; margin-top: -16rem; } .swiper-button-next:after, .swiper-button-prev:after { margin-bottom: -30px; display: none; } .reviewsssection .swiper-button-next, .reviewsssection .swiper-button-prev { top: unset !important; margin-top: -14rem !important; } .bag-count { right: -4px; } .video-card { width: 358px; height: 270px; left: 15px; } .video-card-body { margin-top: 12.5rem; } .video-overlay { height: 75% !important; } .top-service-video-div { width: 250px; height: 250px; } .top-services .col-md-3 { left: -3px; } .top-service-h1 { font-size: 2rem; } .top-service-h1 span::before { width: 453px; height: 87px; margin-top: -20px; margin-left: -201px; background-size: contain; } .top-service-paragraph { /* text-align: justify; */ font-size: 1.5vh; } .appointment-form-container { width: 51%; max-width: 700px; margin-left: 110px !important; margin: 50px auto; background-color: rgba(0, 0, 0, 0.4); border-radius: 2rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-size: cover; background-position: center; } .appointment-heading h2 { font-size: 1.5rem; } .left-content h3 { font-size: 12px; } .shape-divider::after { left: 6.6%; } .left-content h1 { font-size: 35px; } .left-content p { font-size: 17px; } .contact-button { font-size: 12px; } /*Career Page*/ .career-p { margin-top: -1rem; margin-left: 7rem; font-size: 15px; font-weight: 400; } .career-heading { font-size: 1.6rem; } .accordion li { font-size: 14px; } .career-text { font-size: 12px; } .form-container { width: 43%; max-width: 50%; margin-top: 52px !important; } .form-group input, .form-group select { padding: 6px !important; } .form-group button { padding: 8px !important; font-size: 14px !important; } /* About Page*/ /* .Our-Clients::before { bottom: -315px; left: 470px; width: 31%; background-size: contain; } */ /* .proven-services::before { bottom: 199px; left: 653px; width: 41%; } */ .about-us-p { margin-top: 3rem; margin-left: 3rem; font-size: 14px; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0.95rem !important; } .carousel img { width: 60px !important; max-height: 60px !important; } .card-text { font-size: 0.8rem; } .card-title { margin-bottom: -0.25rem !important; font-size: 0.9rem; } .text-secondary { color: #6c757d !important; font-size: 12px; } .card-body div { padding-top: 0.5rem !important; } /* General Container adjustments */ .hero-section { padding: 2rem 0rem; /* Adjust padding for better spacing */ } /* Text Adjustments */ .hero-section h1 { font-size: 1.55rem; line-height: 1.4; /* Improve readability */ } .hero-section p { font-size: 0.89rem; /* Slightly larger paragraph text */ line-height: 1.6; } .header-area { align-items: center; padding: 13px 0; width: 118%; } /* Button Adjustments */ .getstartservice { padding: 0.8rem 2rem; /* Adjust button padding */ font-size: 1rem; /* Adjust button font size */ } /* Trusted customers section (images) */ .trusted-customers img { width: 40px; height: 40px; margin-left: 1px; } /* Rating Section */ .rating { margin-left: 36px; /* Adjust margin between images and rating */ margin-top: 11px; } .rating i { font-size: 1.2rem; /* Adjust star size */ } .rating-info { color: #f4b400; font-size: 0.89rem; } .header-link { color: #6c757d; font-size: 0.7em; float: right; } /* Trusted by Customers Text */ .trustedbycustomertext { margin-left: -7rem !important; text-decoration: overline; font-size: 9px !important; } /* For better alignment */ .col-lg-5 { padding-left: 3rem; /* Adjust left padding to align the text block */ } /* Ensure proper spacing for the content */ .hero-section .row { margin-top: 2rem; /* Add margin to the top of the row */ } .services-head-img img { width: 70%; } .service-item { padding: 10px; border-radius: 10px; background-color: rgba(255, 255, 255, 0.5); /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */ margin-bottom: 5px; border: 1px solid #f5f5f5; position: relative; } .servicess-images-set .service-item img { width: 45px; } .service-title { font-size: 0.8rem; font-weight: 400; margin: -6px; display: inline-block; vertical-align: middle; } .carousel-control-next-icon, .carousel-control-prev-icon { margin-bottom: 40px; } #videoCarousel .carousel-inner .carousel-item { height: 224px; } .offer-card { border: 1px solid #e0e0e0; border-radius: 10px; padding: 8px; width: 285px; background-color: #fff; margin-bottom: 10px; opacity: 1; transition: opacity 0.5s ease, height 0.5s ease; } .offer-title { font-size: 0.8rem; font-weight: 600; margin-top: 5px !important; margin: 0px; } .offer-description { font-size: 0.7rem; color: #777; } .mainheading { color: var(--lightcolor); font-size: 30px; } /* .service-thumbnail { width: 170px; max-width: 300px; border-radius: 50%; margin-top: 41px; } .service-info-section .description-content { padding-left: 5rem; } .description-content { font-size: 11px; } .service-info-section button { margin-left: 5rem; } */ .view-toggle { margin-left: 20px; } .add-btn-service { width: 23%; margin-right: 0rem; } .service-attributes, .service-footer { width: 104%; } #offerContainer { width: 78% !important; } .mixmatch { display: grid; grid-template-columns: repeat(3, 1fr); } .services-container .faq-wrapper { margin-right: 15rem; } .servicectabtn { padding: 28px; } .footer-about p { font-size: 13px; } .footer-contact p, .footer-subscribe p, .footer-bottom p { font-size: 13px; } .footer-subscribe button { padding: 8px 23px 8px 23px; } .footer-container { padding: 0px 30px; } .footer-container h4 { font-size: 18px; } .footer-bottom p { font-weight: 300; } .footer-social a { width: 30px; height: 30px; } .footer-subscribe input { padding: 7px; } } @media (min-width: 1360px) and (max-width: 1430px) { .trustedbycustomertext { margin-left: -8rem !important; text-decoration: overline; font-size: 9px !important; } .best-choice .container, .reasons .container { margin-left: 191px; } } @media (min-width: 1025px) and (max-width: 1280px){ .sough-after { width: 100% !important; } .sough-after .top-service-video-div { width: 200px; height: 214px; left: -23px; margin-left: -1rem; } .sough-after .card-content { left: -40px; width: 199px; height: 222px; } .fordivcircle { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 20px; } .sough-after .top-service-paragraph { font-size: 10px !important; } .sough-after p { font-size: 14px !important; margin-left: 1rem; } .sough-after h1 { font-size: 34px !important; margin-left: 1rem; } .sough-after .row { margin-right: 0px; margin-left: 0px; } /*Customize Quotee*/ .quote-video-card .video-overlay img { width: 100%; height: 194px; } .customize-quoteee .faq-question { font-size: 16px; font-weight: 500; padding: 9px 41px 15px 18px; position: relative; display: flex; align-items: center; cursor: pointer; } /*Single Blog*/ .service-sidebar { width: 300px !important; margin-left: 1rem !important; } .service-image-blog { width: 80px !important; height: 80px !important; } .main-single-blog img { height: 500px; width: 690px !important; object-fit: cover; } .blog-content { font-size: 14px; line-height: 1.6; width: 85% !important; color: #333; } .side-img-container { width: 80px !important; height: 85px !important; } .latest-blog-sticky-sidebar{ width: 239px !important; margin-left: -5rem !important; display: none; } .main-single-blog{ margin-left: -21rem; } /*Blog Page*/ .custom-container{ width: 80% !important; } .custom-container .col-md-6 { flex: 0 0 100%; max-width: 100%; } .featured-post img { width: 100% !important; } .button-carousel { display: flex; gap: 0px !important; } .small-post { margin-top: 2rem; } .blog-card img { width: 470px; height: 220px; } /*Customize Quote Page*/ .customize-quote .col-md-7 > div:first-of-type { margin-left: 9.8rem !important; } .customize-quote img { width: 90px; } .our-customize-p { font-size: 22px; } .hero-section p { font-size: 13px; line-height: 1.3; } .hero-section h1 { font-size: 2.0rem; } .drag-container h4 { font-size: 0.78rem; } .drag-container { width: 82%; height: 56%; margin-top: 13.5rem; margin-left: 3rem; } .request-quote-btn { font-size: 10px; } .faq-question { font-size: 13px; padding: 15px 80px 15px 20px; } .video-overlay img { width: 100%; height: 157px; margin-top: 0rem; } .faq-question::after { font-size: 27px; } .faq-answer { font-size: 13px; } .customize-quoteee { margin-left: 7rem; margin-top: -4rem; margin-bottom: 4rem; } .customize-quoteee .video-card-body { margin-top: 11.8rem; width: 319px; height: 73px; } .quote-video-cards h2 { font-size: 27px; margin-left: -1rem; } .reqmodal .form-group input, .reqmodal .form-group select, .reqmodal .form-group textarea { border: 1px solid #0581c6; padding: 17px; border-radius: 42px; } .quote-modal-h5 { font-size: 16px; } .quote-modal-service-heading { font-size: 24px; } .card-item { padding: 10px; } .card-selection { margin-top: 0px; } #selectedServices { font-size: 12px; } .video-card-body:hover { width: 280px !important; } /*All Services*/ .services-card-grid-container { grid-template-columns: repeat(4, 1fr); } .services-text-box p { font-size: 10px; } .services-container .faq-wrapper { width: 34%; font-family: var(--fonts); margin-right: 4rem; } .mixmatch { display: grid; grid-template-columns: repeat(3, 1fr); } .servicectabtn { padding: 13px; } /*Why Klean Kare*/ .cert-card p { font-size: 12px !important; } .cert-card img { width: 90px; margin-bottom: 20px; } .logoonone { display: block; width: 62% !important; margin-left: 3px !important; } .reasons .container { margin-left: 85px; } .best-choice .container { margin-left: 70px; } .best-choice .container .col-md-4, .reasons .container .col-md-4 { margin-right: -22px; } .reasons .section-title { margin-left: -119px; } .reasons .feature-text { font-size: 10px; } .best-choice-text { font-size: 29px !important; } .best-choice-text::before { width: 35%; top: 61px; left: 449px; background-size: contain; } .reasons .feature-box img { width: 43%; } .lead { font-size: 16px !important; font-weight: 300; } .section-title { color: #04b4fe; font-size: 2.2rem; } .reasons .feature-box { padding: 19px; } .diwaliofferinputinnerdiv { margin-top: 17rem; margin-left: 2rem; width: 30%; } .Our-Clients::before { width: 43%; background-size: contain; margin-top: 3.3rem; } .card-custom { height: 475px; } .card-custom ul { list-style-image: url(style.css); font-size: 14px; } .card ul { list-style-image: url(style.css); font-size: 13px; } .card-custom h2 { font-size: 27px; } .card h2 { font-size: 27px; } /* Header section */ .menu-section ul li a { font-size: 15px; } .menu-section ul { margin-left: -61px; } .logoo { width: 58%; margin-left: 0px; } .sticky-header .logoonone { width: 58%; margin-left: -3px; } ul.dropdown-menu-2.megamenu-panel { width: 750px; left: -220px; top: 34px; } .nav-item .dropdown-menu-2 { display: none; position: absolute; top: 125%; } /*Home Page*/ .gsap-container section { width: 100vw; padding: 15vw 0vw !important; } /* .promotional-div h1{ margin-top: -16rem; } */ .message { font-size: 0.9rem !important; width: 32vw; margin-top: -0.5rem; margin-bottom: 0rem; } .kk001 { overflow: hidden; margin-top: -16rem !important; } .clickformoreservices { margin-right: 50%; margin-left: 41%; font-size: 14px !important; width: 20%; margin-top: -13rem; } .swiper-button-next:after, .swiper-button-prev:after { margin-bottom: -200px; display: none; } .reviewsssection .swiper-button-next, .reviewsssection .swiper-button-prev { top: unset !important; margin-top: -12rem !important; } .bag-count { right: -2px; } .video-card { width: 280px; height: 220px; margin-bottom: -67px; left: 15px; } .video-card-body { margin-top: 9.8rem; height: 27%; font-size: 13px; } .video-overlay { height: 71% !important; } .top-service-video-div { width: 220px; height: 220px; } .top-services .col-md-3 { left: -3px; } .top-service-h1 { font-size: 2rem; } .top-service-h1 span::before { width: 453px; height: 87px; margin-top: -20px; margin-left: -201px; background-size: contain; } .top-service-paragraph { /* text-align: justify; */ font-size: 1.5vh; } .top-service-heading { font-size: 21px; } .appointment-form-container { width: 51%; max-width: 700px; margin-left: 110px !important; margin: 50px auto; background-color: rgba(0, 0, 0, 0.4); border-radius: 2rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-size: cover; background-position: center; } .appointment-heading h2 { font-size: 1.3rem; } .left-content h3 { font-size: 12px; } .shape-divider::after { left: 8.3%; } .left-content h1 { font-size: 31px; } .left-content p { font-size: 13px; } .contact-button { font-size: 12px; } .form-control { height: 34px !important; } .diwaliofferinputinnerdiv button { height: 34px; } /*Career Page*/ .career-p { margin-top: -1rem; margin-left: 7rem; font-size: 14px; font-weight: 400; } .career-heading { font-size: 1.6rem; } .accordion li { font-size: 14px; } .career-text { font-size: 13px; } .form-container { width: 43%; max-width: 50%; margin-top: 52px !important; } .form-group label { font-size: 12px; } .form-group input, .form-group select { padding: 5px !important; } .form-group button { margin-top: 15px !important; padding: 6px !important; font-size: 15px !important; } /* .Our-Clients::before { bottom: -290px; left: 470px; width: 31%; background-size: contain; } */ /* .proven-services::before { bottom: 199px; left: 653px; width: 41%; } */ .about-us-p { margin-top: 3rem; margin-left: 3rem; font-size: 13px; } .card-body { -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0.95rem !important; } .carousel img { width: 60px !important; max-height: 60px !important; } .card-text { font-size: 0.8rem; } .card-title { margin-bottom: -0.25rem !important; font-size: 0.9rem; } .text-secondary { color: #6c757d !important; font-size: 12px; } .card-body div { padding-top: 0.5rem !important; } .proven-services { text-align: center; font: var(--fonts); font-size: 26px; font-weight: 600; } .Our-Clients { text-align: center; font: var(--fonts); font-size: 41px; font-weight: 600; } /* General Container adjustments */ .hero-section { margin-left: 4rem; padding: 2rem 1.5rem; /* Adjust padding for better spacing */ } .servicescontent { margin: auto; margin-right: 1rem; max-width: 52%; } #videoCarousel { border: none; width: 90%; } /* Text Adjustments */ .hero-section h1 { font-size: 1.4rem; line-height: 1.4; } .hero-section p { font-size: 11px; line-height: 1.3; } .header-area { align-items: center; padding: 13px 0; width: 131%; } /* Button Adjustments */ .getstartservice { margin-top: -13px; padding: 0.3rem 1rem !important; font-size: 0.8rem !important; } /* Trusted customers section (images) */ .trusted-customers img { width: 35px; height: 35px; margin-left: 5px; } /* Rating Section */ .rating { margin-left: 36px; /* Adjust margin between images and rating */ margin-top: 11px; } .rating i { font-size: 1.2rem; /* Adjust star size */ } .rating-info { color: #f4b400; font-size: 0.8rem; } .header-link { color: #6c757d; font-size: 0.7em; float: right; } /* Trusted by Customers Text */ .trustedbycustomertext { margin-left: -6rem !important; text-decoration: overline; font-size: 10px !important; } /* For better alignment */ .col-lg-5 { padding-left: 3rem; /* Adjust left padding to align the text block */ } /* Ensure proper spacing for the content */ .hero-section .row { margin-top: 2rem; /* Add margin to the top of the row */ } .services-head-img img { width: 77%; } .service-item { padding: 4px; border-radius: 10px; background-color: rgba(255, 255, 255, 0.5); margin-bottom: 5px; border: 1px solid #f5f5f5; position: relative; } .service-title { font-size: 0.8rem; font-weight: 400; margin: -2px; display: inline-block; vertical-align: middle; } .servicess-images-set .service-item img { width: 42px; } .header-area h3 { margin: 0; font-weight: bold; font-size: 1.2rem; } .carousel-control-next-icon, .carousel-control-prev-icon { margin-bottom: 75px; } #videoCarousel .carousel-inner .carousel-item { height: 192px; } .offer-card { border: 1px solid #e0e0e0; border-radius: 10px; padding: 8px; width: 280px; margin-left: -30px; background-color: #fff; margin-bottom: 10px; opacity: 1; transition: opacity 0.5s ease, height 0.5s ease; } .offer-title { font-size: 0.8rem; font-weight: 600; margin-top: 5px !important; margin: 0px; } .offer-description { font-size: 0.7rem; color: #777; } .mainheading { color: var(--lightcolor); font-size: 24px; } /* .service-thumbnail { width: 190px; max-width: 300px; border-radius: 50%; margin-top: 41px; margin-left: -36px; } .service-heading { margin-right: 54px; margin-top: 0rem; } .service-info-section .description-content { padding-left: 4rem; font-size: 10px; } */ /* .cartdiv { left: -1px; } */ .fa-shopping-cart:before { content: "\f07a"; font-size: 14px; } .rating-stars { color: orange; margin-top: -1.0rem; font-size: 1rem; margin-right: 3rem; } .description-content { font-size: 14px; } .service-info-section button { margin-left: -0.8rem; height: 33px; width: 87px; font-size: 13px; } .view-toggle { color: purple; font-weight: 600; cursor: pointer; margin: auto; display: block; font-size: 13px; margin-left: 7px; text-align: center; } .footer-links ul li { margin-bottom: 10px; font-size: 10px; } .footer-about p { font-size: 10px; } .footer-contact p, .footer-subscribe p, .footer-bottom p { font-size: 11px; } .footer-subscribe button { padding: 8px 23px 8px 23px; } .footer-container { padding: 0px 55px; } .footer-container h4 { font-size: 13px; } .footer-bottom p { font-weight: 300; } .footer-social a { width: 25px; height: 24px; font-size: 11px; } .footer-subscribe input { padding: 7px; } .counter-wrapper { display: flex; align-items: center; justify-content: center; width: 85px; font-size: 12px; padding: 4px; border-radius: 15px; background-color: rgba(19, 134, 230, 0.05); } .footer-2 .services .service { font-size: 10px; } .footer-2 .footer-container { padding: 0px 20px; } .footer-2 .footer-title { color: black; font-size: 20px; } .quantity-controls { display: flex; align-items: center; gap: 5px; margin-right: -5px; margin-left: -8rem; } } @media (min-width: 1120px){ /* .kk001 { overflow: hidden; margin-top: -18rem !important; } .clickformoreservices { margin-right: 50%; margin-left: 42%; font-size: 14px !important; width: 18%; margin-top: -16rem; } .swiper-button-next:after, .swiper-button-prev:after { margin-bottom: 200px; } */ } @media (min-width: 1165px) and (max-width: 1280px){ .pricing-container { margin-top: 0rem !important; } .best-choice .container { margin-left: 125px; } .reasons .container { margin-left: 120px; } .trustedbycustomertext { margin-left: -7rem !important; text-decoration: overline; font-size: 10px !important; } #offerContainer { width: 73% !important; } .offer-card { border: 1px solid #e0e0e0; border-radius: 10px; padding: 8px; width: 280px; margin-left: 12px; } .sticky-service-section{ width: 90% !important; } .hero-section p { font-size: 17px; line-height: 1.3; } .hero-section h1 { font-size: 2.1rem; line-height: 1.4; } .add-btn-service { width: 19%; margin-right: 0rem; } } @media (min-width: 1025px) and (max-width: 1165px){ .trustedbycustomertext { margin-left: 0rem !important; text-decoration: overline; font-size: 10px !important; } .service-image-section { text-align: center; margin-right: 4.9rem; } .service-thumbnail { width: 190px; max-width: 300px; border-radius: 50%; margin-top: 41px; margin-left: -42px; } .offer-card { border: 1px solid #e0e0e0; border-radius: 10px; padding: 8px; width: 280px; margin-left: -14px; background-color: #fff; margin-bottom: 10px; opacity: 1; transition: opacity 0.5s ease, height 0.5s ease; } #offerContainer { margin-left: 6rem; overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 610px !important; } .sticky-service { margin-left: 3rem; } .sticky-service-section{ width: 100% !important; } .main-section-service { width: 100%; margin-left: 3rem; } .instruction-container { width: 117% !important; } .add-btn-service { width: 24%; } .service-image { max-width: 31px; width: 25px; height: 25px; margin-left: 0rem; margin-right: 5px; /* mix-blend-mode: multiply; */ border-radius: 50%; } .attribute-category-button { margin-inline-end: 12px; margin-bottom: 12px; padding: 0.5rem 2rem !important; } } /* Media Query for screens between 992px and 1024px */ @media (min-width: 992px) and (max-width: 1024px) { .sough-after { width: 100% !important; } .sough-after .top-service-video-div { width: 190px; height: 199px; left: -23px; margin-left: -1rem; } .sough-after .card-content { left: -40px; width: 190px; height: 199px; } .fordivcircle { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 20px; } .sough-after .top-service-paragraph { font-size: 10px !important; } .sough-after p { font-size: 13px !important; margin-left: 0rem; } .sough-after h1 { font-size: 34px !important; margin-left: 0rem; } .sough-after .row { margin-right: 0px; margin-left: 0px; } /*Customize Quote Page*/ .customize-quote .col-md-7 > div:first-of-type { margin-left: 9.8rem !important; } .customize-quote img { width: 90px; } .our-customize-p { font-size: 22px; } .hero-section p { font-size: 13px; line-height: 1.3; } .hero-section h1 { font-size: 2.0rem; } .drag-container h4 { font-size: 0.78rem; } .drag-container { width: 82%; height: 56%; margin-top: 13.5rem; margin-left: 3rem; } .request-quote-btn { font-size: 10px; } .faq-question { font-size: 13px; padding: 15px 80px 15px 20px; } .video-overlay img { width: 100%; height: 158px; margin-top: 0rem; } .faq-question::after { font-size: 27px; } .faq-answer { font-size: 13px; } .customize-quoteee { margin-left: 7rem; margin-top: -4rem; margin-bottom: 4rem; } .customize-quoteee .video-card-body { margin-top: 11.8rem; width: 319px; height: 73px; } .quote-video-cards h2 { font-size: 27px; margin-left: -1rem; } .reqmodal .form-group input, .reqmodal .form-group select, .reqmodal .form-group textarea { border: 1px solid #0581c6; padding: 17px; border-radius: 42px; } .quote-modal-h5 { font-size: 16px; } .quote-modal-service-heading { font-size: 24px; } .card-item { padding: 10px; } .card-selection { margin-top: 0px; } #selectedServices { font-size: 12px; } .video-card { width: 329px; height: 197px; left: 15px; margin-bottom: 32px !important; } /*Single Blog*/ .service-sidebar { width: 300px !important; margin-left: 1rem !important; } .service-image-blog { width: 80px !important; height: 80px !important; } .main-single-blog img { height: 500px; width: 690px !important; object-fit: cover; } .blog-content { font-size: 14px; line-height: 1.6; width: 85% !important; color: #333; } .side-img-container { width: 80px !important; height: 85px !important; } .latest-blog-sticky-sidebar{ width: 239px !important; margin-left: -5rem !important; display: none; } .main-single-blog{ margin-left: -21rem; } /*Blog Page*/ .custom-container{ width: 80% !important; } .custom-container .col-md-6 { flex: 0 0 100%; max-width: 100%; } .featured-post img { width: 782px !important; } .button-carousel { display: flex; gap: 0px !important; } .small-post { margin-top: 2rem; } .blog-card img { width: 470px; height: 220px; } #offerContainer { margin-left: 6rem; overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 610px !important; } .sticky-service { margin-left: 3rem; } .sticky-service-section{ width: 100% !important; } .main-section-service { width: 100%; margin-left: 3rem; } .instruction-container { width: 117% !important; } .add-btn-service { width: 24%; } #videoCarousel { margin: 50px; border: none; width: 100%; } .services-container .faq-wrapper { width: 40%; font-family: var(--fonts); margin-right: 4rem; } .faq-question { font-size: 13px; } .faq-answer { font-size: 13px; } .servicectabtn { padding: 14px; } .service-image { max-width: 31px; width: 25px; height: 25px; margin-left: -1rem; margin-right: 16px; /* mix-blend-mode: multiply; */ border-radius: 50%; } .attribute-category-button { margin-inline-end: 12px; margin-bottom: 12px; padding: 0.5rem 2rem !important; } .mixmatch { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; width: 100%; } /*Why Klean Kare*/ .cert-card p { font-size: 12px !important; } .cert-card img { width: 90px; margin-bottom: 20px; } .logoonone { display: block; width: 62% !important; margin-left: 3px !important; } .reasons .container { margin-left: 85px; } .best-choice .container { margin-left: 70px; } .best-choice .container .col-md-4, .reasons .container .col-md-4 { margin-right: -22px; } .reasons .section-title { margin-left: -119px; } .reasons .feature-text { font-size: 10px; } .best-choice-text { font-size: 29px !important; } .best-choice-text::before { width: 35%; top: 61px; left: 449px; background-size: contain; } .reasons .feature-box img { width: 43%; } .lead { font-size: 16px !important; font-weight: 300; } .section-title { color: #04b4fe; font-size: 2.2rem; } .reasons .feature-box { padding: 19px; } .diwaliofferinputinnerdiv { margin-top: 16.3rem; margin-left: 2rem; width: 30%; } .message { margin-top: -0.7rem; font-size: 14px; } .Our-Clients::before { width: 43%; background-size: contain; margin-top: 3.3rem; } .card-custom { height: 475px; } .card-custom ul { list-style-image: url(style.css); font-size: 14px; } .card ul { list-style-image: url(style.css); font-size: 13px; } .card-custom h2 { font-size: 27px; } .card h2 { font-size: 27px; } /* Header section */ .menu-section ul li a { font-size: 14px; } .menu-section ul { margin-left: -61px; } .logoo { width: 58%; margin-left: 0px; } .sticky-header .logoonone { width: 58%; margin-left: -3px; } ul.dropdown-menu-2.megamenu-panel { width: 750px; left: -220px; top: 34px; } /*Home Page*/ .services-text-box p { width: 85%; } .services-card-grid-container { grid-template-columns: repeat(3, 1fr); } .kk001 { overflow: hidden; margin-top: -16rem !important; } .clickformoreservices { margin-right: 50%; margin-left: 41%; font-size: 14px !important; width: 20%; margin-top: -13rem; } .reviewsssection .swiper-button-next, .reviewsssection .swiper-button-prev { top: unset !important; margin-top: -11rem !important; } .bag-count { right: -7px; } .video-card { width: 280px; height: 220px; margin-bottom: -67px; left: 15px; } .video-card-body { margin-top: 9.8rem; height: 27%; font-size: 13px; } .video-overlay { height: 71% !important; } .top-service-video-div { width: 220px; height: 220px; } .top-services .col-md-3 { left: -3px; } .top-service-h1 { font-size: 2rem; } .top-service-h1 span::before { width: 453px; height: 87px; margin-top: -20px; margin-left: -201px; background-size: contain; } .top-service-paragraph { /* text-align: justify; */ font-size: 1.5vh; } .top-service-heading { font-size: 21px; } .appointment-form-container { width: 51%; max-width: 700px; margin-left: 110px !important; margin: 50px auto; background-color: rgba(0, 0, 0, 0.4); border-radius: 2rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-size: cover; background-position: center; } .appointment-heading h2 { font-size: 1.3rem; } .left-content h3 { font-size: 12px; } .shape-divider::after { left: 8.3%; } .left-content h1 { font-size: 31px; } .left-content p { font-size: 13px; } .contact-button { font-size: 12px; } /*Career Page*/ .career-p { margin-top: -1rem; margin-left: 1rem; font-size: 14px; font-weight: 400; } .career img { margin-left: -96px; } .career-heading { font-size: 1.6rem; } .accordion li { font-size: 14px; } .career-text { font-size: 12px; } .form-container { width: 56% !important; max-width: 56% !important; margin-top: 52px !important; } .form-group input, .form-group select { padding: 6px !important; } .form-group button { padding: 8px !important; font-size: 14px !important; } .form-group label { font-size: 13px; } /* General Container adjustments */ .hero-section { padding: 1.5rem 1rem; /* Adjust padding for smaller screens */ margin-left: 3rem; } /* Text Adjustments */ .hero-section h1 { font-size: 2rem; line-height: 1.3; } .hero-section p { font-size: 15px; line-height: 1.3; } .header-area { align-items: center; padding: 10px 0; width: 128%; } /* Button Adjustments */ .getstartservice { margin-top: -10px; padding: 0.4rem 1rem !important; font-size: 0.75rem !important; } /* Trusted customers section (images) */ .trusted-customers img { width: 24px; height: 24px; margin-left: 13px; } /* Rating Section */ .rating { margin-left: 36px; margin-top: 3px; } .rating i { font-size: 1rem; } .rating-info { color: #f4b400; font-size: 0.7rem; } .header-link { color: #6c757d; font-size: 0.65rem; float: right; } /* Trusted by Customers Text */ .trustedbycustomertext { margin-left: -3.5rem !important; text-decoration: overline; font-size: 10px !important; } .trusted-customers{ margin-left: -13px; } /* For better alignment */ .col-lg-5 { padding-left: 2rem; } /* Ensure proper spacing for the content */ .hero-section .row { margin-top: 1.5rem; } .services-head-img img { width: 70%; } .service-item { padding: 5px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.5); margin-bottom: 5px; border: 1px solid #f5f5f5; } .service-title { font-size: 0.65rem; font-weight: 400; margin: -10px; display: inline-block; vertical-align: middle; } .servicess-images-set .service-item img { width: 29px; } .header-area h3 { margin: 0; font-weight: bold; font-size: 1rem; } .carousel-control-next-icon, .carousel-control-prev-icon { margin-bottom: 65px; } #videoCarousel .carousel-inner .carousel-item { height: 180px; } .counter-wrapper { display: flex; align-items: center; justify-content: center; width: 72px; font-size: 11px; border-radius: 15px; padding: 4px; background-color: rgba(19, 134, 230, 0.05); } .quantity-controls { display: flex; align-items: center; gap: 0px; margin-right: -1px; margin-left: -7.8rem; } .offer-card { border: 1px solid #e0e0e0; border-radius: 10px; padding: 8px; width: 270px; margin-left: -14px; background-color: #fff; margin-bottom: 10px; opacity: 1; transition: opacity 0.5s ease, height 0.5s ease; } .offer-title { font-size: 0.75rem; font-weight: 600; margin-top: 5px !important; margin: 0px; } .offer-description { font-size: 0.67rem; color: #777; } .mainheading { color: var(--lightcolor); font-size: 22px; } /* .service-thumbnail { width: 190px; max-width: 300px; border-radius: 50%; margin-top: 41px; margin-left: -36px; } .service-heading { margin-right: 54px; margin-top: 0rem; } .service-info-section .description-content { padding-left: 3.39rem; margin-left: 0.8rem; font-size: 10px; } .service-image-section { text-align: center; margin-right: 4.9rem; } */ /* .cartdiv { left: -1px; } */ .fa-shopping-cart:before { content: "\f07a"; font-size: 14px; } .rating-stars { color: orange; margin-top: -1.0rem; font-size: 1rem; margin-right: 3.7rem; } .description-content { font-size: 10px; } .service-info-section button { margin-left: -1rem; height: 33px; width: 87px; font-size: 11px; } .view-toggle { color: purple; font-weight: 600; cursor: pointer; margin: auto; display: block; font-size: 12px; margin-left: 5px; text-align: center; } .footer-links ul li { margin-bottom: 10px; font-size: 10px; } .footer-about p { font-size: 10px; } .footer-contact p, .footer-subscribe p, .footer-bottom p { font-size: 11px; } .footer-subscribe button { padding: 8px 23px 8px 23px; } .footer-container { padding: 0px 55px; } .footer-container h4 { font-size: 13px; } .footer-bottom p { font-weight: 300; } .footer-social a { width: 25px; height: 24px; font-size: 11px; } .footer-subscribe input { padding: 7px; } .footer-2 .services .service { font-size: 10px; } } @media (min-width: 993px) and (max-width: 1003px) { .video-card { width: 280px; height: 220px; margin-bottom: 9px; left: 15px; } .social-links { margin: 6px 0px 10px 0px; } } @media (min-width: 775px) and (max-width: 835px) { .top-services .col-md-3 { left: 50px !important; max-width: 100%; } .promotional-div h1 { font-size: 32px; margin-top: -1rem; } .promotional-div h1 span::before { width: 196px; height: 38px; margin-left: -29px; margin-top: 6px; background-size: contain; } .services-card-grid-container { grid-template-columns: repeat(3, 1fr); } .services-text-box p { width: 90%; } .services-text-box h1 { font-size: 33px; } } /* Media Query for screens between 768px and 992px */ @media (min-width: 769px) and (max-width: 992px) { .sough-after { width: 100% !important; } .sough-after .col-md-7 { flex: 0 0 100%; max-width: 100%; text-align: center !important; } .sough-after .col-md-5 { flex: 0 0 70.666667%; max-width: 70.666667%; margin: auto; } .sough-after .top-service-video-div { width: 237px; height: 215px; left: 0px; margin-left: 0rem; } .sough-after .card-content { left: 0px; width: 237px; height: 215px; } .fordivcircle { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 20px; } .sough-after .top-service-paragraph { font-size: 11px !important; } .sough-after p { font-size: 16px !important; margin-left: 0rem; } .sough-after h1 { font-size: 34px !important; margin-left: 0rem; margin-top: 2rem; } .sough-after .row { margin-right: 0px; margin-left: 0px; } .services-card-grid-container { display: grid; grid-template-columns: repeat(3, 1fr); } .services-text-box p { font-size: 15px; width: 80%; } /*Customize Quote Page*/ .customize-quote .col-md-7 > div:first-of-type { margin-left: 9.8rem !important; } .customize-quote img { width: 128px; } .our-customize-p { font-size: 22px; } .hero-section p { font-size: 13px; line-height: 1.3; } .hero-section h1 { font-size: 2.0rem; } .drag-container h4 { font-size: 1.4rem; } .drag-container { width: 82%; height: 484px; margin-top: 3.5rem; margin-left: 6rem; margin-bottom: -2rem; } .bucket-container { display: flex; flex-direction: column; align-items: center; gap: 13px; width: 100%; margin: auto; margin-left: 7px; margin-top: 2rem; } .request-quote-btn { font-size: 15px; } .faq-question { font-size: 13px; padding: 15px 80px 15px 20px; } .video-overlay img { width: 100%; height: 157px; margin-top: 0rem; } .faq-question::after { font-size: 27px; } .faq-answer { font-size: 13px; } .customize-quoteee { margin-left: 7rem; margin-top: -4rem; margin-bottom: 4rem; } .customize-quoteee .video-card-body { margin-top: 11.8rem; width: 319px; height: 73px; } .quote-video-cards h2 { font-size: 27px; margin-left: -1rem; } .reqmodal .form-group input, .reqmodal .form-group select, .reqmodal .form-group textarea { border: 1px solid #0581c6; padding: 17px; border-radius: 42px; } .quote-modal-h5 { font-size: 16px; } .quote-modal-service-heading { font-size: 24px; } .card-item { padding: 10px; } .card-selection { margin-top: 0px; } #selectedServices { font-size: 12px; } .customize-quoteee .faq-question { font-size: 13px; font-weight: 500; padding: 17px 75px 17px 20px; } .customize-quoteee .faq-answer { padding: 0 20px 20px; line-height: 1.5rem; font-size: 13px; } .customize-quoteee .faq-wrapper { width: 90%; } /*Blog Page*/ .custom-container{ width: 80% !important; } .custom-container .col-md-6 { flex: 0 0 100%; max-width: 100%; } .featured-post img { width: 782px !important; } .button-carousel { display: flex; gap: 0px !important; } .small-post { margin-top: 2rem; } .blog-card img { width: 470px; height: 220px; } #offerContainer { margin-left: 6rem; overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 610px !important; } .sticky-service { margin-left: 3rem; } .sticky-service-section{ width: 100% !important; } .main-section-service { width: 100%; margin-left: 3rem; } /* .instruction-container { width: 117% !important; } */ .add-btn-service { width: 24%; } #videoCarousel { margin: 50px; border: none; width: 100%; } .services-container .faq-wrapper { width: 40%; font-family: var(--fonts); margin-right: 4rem; } .faq-question { font-size: 13px; } .faq-answer { font-size: 13px; } .servicectabtn { padding: 14px; } .service-image { max-width: 31px; width: 25px; height: 25px; margin-left: -1rem; margin-right: 16px; /* mix-blend-mode: multiply; */ border-radius: 50%; } .attribute-category-button { margin-inline-end: 12px; margin-bottom: 12px; padding: 0.5rem 2rem !important; } .mixmatch { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; width: 100%; } /*Why Klean Kare*/ .cert-card p { font-size: 12px !important; } .cert-card img { width: 90px; margin-bottom: 20px; } .logoonone { display: block; width: 62% !important; margin-left: 3px !important; } .reasons .container { margin-left: 135px; } .best-choice .container { margin-left: 139px; } .reasons .container .col-md-4 { margin-right: 0px; } .best-choice .container .row { justify-content: center; /* Center the columns */ } .best-choice .container .col-md-4 { margin-top: 20px; /* Add top margin */ } /* Add margin between the first two columns */ .best-choice .container .col-md-4:nth-child(1), .best-choice .container .col-md-4:nth-child(2) { margin-right: 120px !important; /* Space between the first two containers */ } /* Ensure the third container is centered */ .best-choice .container .col-md-4:nth-child(3) { margin-left: 11rem !important; margin-right: auto; margin-top: 20px; } .reasons .section-title { margin-left: 15px; font-size: 22px; } .reasons .feature-text { font-size: 10px; } .best-choice-text { font-size: 29px !important; } .best-choice-text::before { width: 35%; top: 61px; left: 449px; background-size: contain; } .reasons .feature-box img { width: 43%; } .lead { font-size: 12px !important; font-weight: 300; } .section-title { color: #04b4fe; font-size: 2.2rem; } .reasons .feature-box { padding: 19px; width: 100%; } .diwaliofferinputinnerdiv { margin-top: 16.3rem; margin-left: 2rem; width: 30%; } .message { margin-top: -0.7rem; font-size: 14px; } .Our-Clients::before { width: 43%; background-size: contain; margin-top: 3.3rem; } .card-custom { height: 479px; width: 363px; margin-left: -74px; } .card { width: 358px; height: 479px; margin-left: -13px; } .card-custom ul { list-style-image: url(style.css); font-size: 14px; } .card ul { list-style-image: url(style.css); font-size: 13px; } .card-custom h2 { font-size: 27px; } .card h2 { font-size: 27px; } .cert-card { width: 322px; } /* Header section */ .menu-section ul li a { font-size: 12px; } .menu-section ul { margin-left: -61px; } .logoo { width: 58%; margin-left: 0px; } .logoonone { /* display: none; */ width: 75%; margin-left: -15px; transition: 0.2s linear; } .sticky-header .logoonone { width: 58%; margin-left: -3px; } ul.dropdown-menu-2.megamenu-panel { width: 750px; left: -220px; top: 34px; } .nav-item .dropdown-menu-2 { display: none; position: absolute; top: 125%; } /*Home Page*/ .kk001 { overflow: hidden; margin-top: -11rem !important; } .clickformoreservices { margin-right: 50%; margin-left: 40%; font-size: 12px !important; width: 21%; margin-top: -10rem; } .swiper-button-next:after, .swiper-button-prev:after { margin-bottom: 600px; display: none; } .reviewsssection .swiper-button-next, .reviewsssection .swiper-button-prev { top: unset !important; margin-top: -12rem !important; } .bag-count { right: -3px; top: -7px; } .video-card { width: 329px; height: 197px; left: 15px; margin-bottom: 0px; } .social-links { margin: 10px 0px 10px 0px; } .video-card-body { margin-top: 9.5rem; height: 31%; font-size: 13px; } .video-overlay { height: 71% !important; } .video-overlay img { width: 100%; height: 193px; margin-top: 4rem; } .top-service-video-div { width: 320px; height: 320px; } .top-services .col-md-3 { margin-left: auto; max-width: 100%; } .top-service-h1 { font-size: 2rem; } .top-service-h1 span::before { width: 453px; height: 87px; margin-top: -20px; margin-left: -201px; background-size: contain; } .top-service-video-badge-car, .top-service-video-badge-carpet, .top-service-video-badge-mattress, .top-service-video-badge-curtain { width: 29%; top: -3%; left: 18%; } .Our-Clients::before { width: 48%; background-size: contain; margin-top: 35px; } .Our-Clients { font-size: 33px; } .top-service-paragraph { /* text-align: justify; */ font-size: 1.5vh; } .top-service-heading { font-size: 21px; } .appointment-form-container { width: 100%; max-width: 700px; margin-left: 110px !important; margin: 50px auto; background-color: rgba(0, 0, 0, 0.4); border-radius: 2rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-size: cover; background-position: center; } .appointment-heading h2 { font-size: 1.1rem; margin-left: -35px; } .left-content h3 { font-size: 12px; } .shape-divider::after { left: 11.3%; } .left-content h1 { font-size: 20px; margin-top: 10px; } .left-content p { font-size: 13px; text-align: left; } .contact-button { font-size: 12px; } /*Career Page*/ .career-p { margin-top: -1rem; margin-left: 1rem; font-size: 14px; font-weight: 400; } .career img { margin-left: -96px; } .career-heading { font-size: 1.6rem; } .accordion li { font-size: 13px; } .career-text { font-size: 12px; z-index: 1; } .form-container { width: 56% !important; max-width: 56% !important; margin-top: 52px !important; } .form-group input, .form-group select { padding: 6px !important; } .form-group button { padding: 8px !important; font-size: 14px !important; } .form-group label { font-size: 13px; } .innerlist { line-height: 1.7; } /* General Container adjustments */ .hero-section { padding: 1.5rem 1rem; } /* Flexbox for text and image alignment */ .hero-section .row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } /* Column for text */ .col-lg-5 { width: 50% !important; padding-left: 1.5rem !important; } /* Column for image */ .col-lg-7 { width: 50% !important; padding-left: 1rem !important; } /* Image adjustments */ .hero-section img { width: 100%; height: auto; } /* Text Adjustments */ .hero-section h1 { font-size: 1.2rem; line-height: 1.3; } /* Button Adjustments */ .getstartservice { margin-top: -10px; padding: 0.4rem 1rem !important; font-size: 0.75rem !important; } /* Trusted customers section (images) */ .trusted-customers img { width: 24px; height: 24px; margin-left: 13px; } /* Rating Section */ .rating { margin-left: 36px; margin-top: 3px; } .rating i { font-size: 1rem; } .rating-info { color: #f4b400; font-size: 0.7rem; } .header-link { color: #6c757d; font-size: 0.6rem; margin-top: 9px; float: right; } /* Trusted by Customers Text */ .trustedbycustomertext { margin-left: -6rem !important; text-decoration: overline; font-size: 10px !important; } /* Ensure proper spacing for the content */ .hero-section .row { margin-top: 1.5rem; } .services-head-img img { width: 88%; } /* Service Items Adjustments */ .service-item { padding: 3px; margin-bottom: 5px; } .service-title { font-size: 0.65rem; font-weight: 400; margin: -10px; display: inline-block; vertical-align: middle; } .servicess-images-set .service-item img { width: 30px; } .header-area h3 { margin: 0; font-weight: bold; font-size: 0.99rem; } .carousel-control-next-icon, .carousel-control-prev-icon { margin-bottom: 65px; } #videoCarousel .carousel-inner .carousel-item { height: 180px; } .counter-wrapper { display: flex; align-items: center; justify-content: center; width: 80px; font-size: 13px; border: 2px solid rgba(19, 134, 230, 0.5); border-radius: 15px; padding: 4px; background-color: rgba(19, 134, 230, 0.05); } .offer-card { margin-left: -14px; } .offer-title { font-size: 0.6rem; font-weight: 600; margin-top: 5px !important; margin: 0px; } .offer-description { font-size: 0.6rem; color: #777; } .mainheading { color: var(--lightcolor); font-size: 19px; } .maintext { font-size: 15px; } .header-area { align-items: center; padding: 10px 0; width: 147%; } /* .service-thumbnail { width: 171px; max-width: 300px; border-radius: 50%; margin-top: 41px; margin-left: -55px; } .service-heading { margin-right: 54px; margin-top: 0rem; } .service-info-section .description-content { padding-left: 3.39rem; margin-left: 0.6rem; font-size: 10px; } .service-image-section { text-align: center; margin-right: 4.9rem; } */ /* .cartdiv { left: -1px; } */ .fa-shopping-cart:before { content: "\f07a"; font-size: 14px; } .rating-stars { color: orange; margin-top: -1.0rem; font-size: 1rem; margin-right: 3.7rem; } .description-content { font-size: 10px; } .service-info-section button { margin-left: 4rem; height: 33px; width: 87px; font-size: 11px; } .view-toggle { color: purple; font-weight: 600; cursor: pointer; margin: auto; display: block; font-size: 10px; margin-left: -12px; text-align: center; } .footer-links ul li { margin-bottom: 10px; font-size: 12px; } .footer-about p { font-size: 10px; } .footer-contact p, .footer-subscribe p { font-size: 11px; } .footer-bottom p { font-size: 8px; } .footer-subscribe button { padding: 8px 18px 8px 18px; font-size: 11px; } .footer-container { padding: 0px 55px; } .footer-container h4 { font-size: 13px; } .footer-bottom p { font-weight: 300; } .footer-social a { width: 19px; height: 19px; font-size: 9px; } .footer-subscribe input { padding: 5px; } .footer-subscribe input::placeholder { font-size: 12px; } .fa-shopping-cart:before { font-size: 11px; } } @media (min-width: 835px) and (max-width: 961px) { .customize-quote .col-md-7 > div:first-of-type { margin-left: 3.8rem !important; } .customize-quote .col-md-7 { max-width: 100%; flex: 100%; } .customize-quote .col-md-5{ max-width: 100%; flex: 100%; } .hero-section { padding: 1.5rem 1rem; margin-left: 3rem; } } @media (max-width: 870px) { .customize-quote .col-md-7 { max-width: 100%; flex: 100%; } .customize-quote .col-md-5{ max-width: 100%; flex: 100%; } .form-container { width: 68% !important; max-width: 68% !important; margin-top: 52px !important; } .footer-about p { font-size: 12px; text-align: center; } .footer-container { padding: 0px 15px; } .footer-links ul li { margin-bottom: 10px; font-size: 12px; } .footer-social { text-align: center; } .footer-2 .services .service { font-size: 10px; } .footer-2 .services { flex-wrap: wrap; margin: 0 -11px; } } @media (min-width: 768px) and (max-width: 869px) { .form-containercareer { width: 70% !important; } .footer-2 .services { flex-wrap: wrap; margin: 0 -16px; } .attribute-price { display: flex; align-items: center; flex-direction: column; cursor: default; } .body-text.light { color: rgba(0, 0, 0, 0.38); text-decoration: line-through; margin-top: -1.2rem; } #offerContainer { /* margin-left: 2rem; */ overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 610px !important; width: 96% !important; } .offer-card { border: 1px solid #e0e0e0; border-radius: 10px; padding: 7px; } .sticky-div { position: sticky; top: 25px; bottom: 60px; /* background-color: #fff; */ /* border: 1px solid rgba(0, 0, 0, 0.08); */ /* border-radius: 12px 12px 0 0; */ margin: -42px 0 0; max-width: 107%; padding: 20px 11px 13px; position: sticky; width: 107%; z-index: 3; top: 70px; margin-bottom: 35px; } .hero-section { width: 73%; margin: auto; display: block; margin-left: 1.5rem; } .sticky-service { margin-left: 3rem; } .sticky-service-section{ width: 100% !important; } .main-section-service { width: 113%; margin-left: 1rem; } .quantity-controls { display: flex; align-items: center; gap: 0px; margin-right: -10px; margin-left: -7rem; } .add-btn-service { width: 28%; } #videoCarousel { margin: 50px; border: none; width: 100%; } .services-container .faq-wrapper { width: 36%; margin-right: 4rem; } .faq-question { font-size: 13px; padding: 12px 73px 12px 15px; } .faq-question::after { font-size: 1.7rem; } .faq-answer { font-size: 13px; } .servicectabtn { padding: 0px; } .ctabooknowwhatsapp { width: 28% !important; } .counter-wrapper { display: flex; align-items: center; justify-content: center; width: 80px; border: none; } .description-content { font-size: 13px; } .service-info-section button { margin-left: -0.5rem; height: 33px; width: 87px; font-size: 13px; } .hero-section p { font-size: 17px; line-height: 1.3; } .hero-section h1 { font-size: 2.2rem; line-height: 1.3; } /* .sticky-service-section .col-md-7 { width: 100%; max-width: 100%; flex: 100%; } */ .col-md-5.sticky-div { flex: 0 0 35.666667%; max-width: 35.666667%; } .cert-card { margin-top: 28px !important; width: 328px !important; } .reasons .container .col-md-4 { margin-right: 0px; } .best-choice .container .row { justify-content: center; /* Center the columns */ } .best-choice .container .col-md-4 { margin-top: 20px; /* Add top margin */ } /* Add margin between the first two columns */ .best-choice .container .col-md-4:nth-child(1), .best-choice .container .col-md-4:nth-child(2) { margin-right: 120px !important; /* Space between the first two containers */ } /* Ensure the third container is centered */ .best-choice .container .col-md-4:nth-child(3) { margin-left: 13rem !important; margin-right: auto; margin-top: 20px; } .reasons .section-title { margin-left: 15px !important; font-size: 22px !important; } .reasons .feature-text { font-size: 10px; } .best-choice-text { font-size: 29px !important; } .best-choice-text::before { width: 35%; top: 61px; left: 449px; background-size: contain; } .reasons .feature-box img { width: 43%; } .lead { font-size: 12px !important; font-weight: 300; } .section-title { color: #04b4fe; font-size: 2.2rem; } .reasons .feature-box { padding: 19px; width: 100%; } .card-custom { height: 428px; width: 346px; margin-left: -39px; } .card { width: 335px; height: 446px; margin-left: -30px; } .best-choice .container { margin-left: 72px; } .best-choice .best-choice-text { font-size: 29px !important; margin-bottom: -63px; } .card-custom ul { list-style-image: url(style.css); font-size: 12px; } .card ul { list-style-image: url(style.css); font-size: 12px; } .card-custom h2 { font-size: 27px; } .card h2 { font-size: 27px; } .reasons .container { margin-left: 32px !important; } .best-choice .container { margin-left: 27px !important; } .best-choice-text::before { width: 35%; top: 55px; left: 393px; background-size: contain; } } @media (min-width: 769px) and (max-width: 846px) { .trustedbycustomertext { margin-left: -3rem !important; text-decoration: overline; font-size: 10px !important; } .label-popular { font-size: 0.5rem; font-weight: 400; float: right; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } .service-title { font-size: 0.56rem; font-weight: 400; margin: -10px; display: inline-block; vertical-align: middle; } .rating-info { color: #f4b400; font-size: 0.68rem; } .header-area { align-items: center; padding: 10px 0; width: 165%; } .header-area h3 { margin: 0; font-weight: bold; font-size: 0.9rem; } .service-item { padding: 3px; width: 172%; margin-bottom: 5px; } .form-group input, .form-group select { padding: 4px !important; } } /* Media Query for screens between 480px and 767px */ @media (min-width: 480px) and (max-width: 768px) { .navbar { height: 60px; } .sough-after { width: 100% !important; } .sough-after .col-md-7 { flex: 0 0 100%; max-width: 100%; text-align: center !important; } .sough-after .col-md-5 { flex: 0 0 70.666667%; max-width: 70.666667%; margin: auto; } .sough-after .top-service-video-div { width: 233px; height: 215px; left: 0px; margin-left: 0rem; } .sough-after .card-content { left: 0px; width: 233px; height: 215px; } .fordivcircle { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 20px; } .sough-after .top-service-paragraph { font-size: 11px !important; } .sough-after p { font-size: 16px !important; margin-left: 0rem; } .sough-after h1 { font-size: 34px !important; margin-left: 0rem; margin-top: 2rem; } .sough-after .row { margin-right: 0px; margin-left: 0px; } /*Customize Quote Page*/ .customize-quote .col-md-7 > div:first-of-type { margin-left: 0.8rem !important; } .customize-quote img { width: 97px; } .our-customize-p { font-size: 22px; } .hero-section p { font-size: 13px; line-height: 1.3; } .hero-section h1 { font-size: 2.0rem; } .drag-container h4 { font-size: 1rem; } .drag-container { width: 82%; height: 484px; margin-top: 3.5rem; margin-left: 6rem; margin-bottom: -2rem; } .bucket-container { display: flex; flex-direction: column; align-items: center; gap: 13px; width: 100%; margin: auto; margin-left: 7px; margin-top: 2rem; } .request-quote-btn { font-size: 15px; } .faq-question { font-size: 13px; padding: 15px 80px 15px 20px; } .quote-video-card .video-overlay img { width: 100%; height: 209px; margin-top: 0rem; } .faq-question::after { font-size: 27px; } .faq-answer { font-size: 13px; } .customize-quoteee { margin-left: 7rem; margin-top: -4rem; margin-bottom: 4rem; } .customize-quoteee .video-card-body { margin-top: 12.8rem; width: 479px; height: 86px; } .quote-video-cards h2 { font-size: 27px; margin-left: -1rem; } .reqmodal .form-group input, .reqmodal .form-group select, .reqmodal .form-group textarea { border: 1px solid #0581c6; padding: 17px; border-radius: 42px; } .quote-modal-h5 { font-size: 16px; } .quote-modal-service-heading { font-size: 24px; } .card-item { padding: 10px; } .card-selection { margin-top: 0px; } #selectedServices { font-size: 12px; } .customize-quoteee .faq-question { font-size: 13px; font-weight: 500; padding: 17px 75px 17px 20px; } .customize-quoteee .faq-answer { padding: 0 20px 20px; line-height: 1.5rem; font-size: 13px; } .customize-quoteee .faq-wrapper { width: 90%; margin-left: 9px; } /*Blog Page*/ .custom-container{ width: 80% !important; } .custom-container .col-md-6 { flex: 0 0 100%; max-width: 100%; } .featured-post img { width: 782px !important; } .button-carousel { display: flex; gap: 0px !important; } .small-post { margin-top: 2rem; } .blog-card img { width: 470px; height: 220px; } .form-containercareer { width: 73% !important; } .accordion { max-width: 82% !important; } .career .col-md-6{ max-width: 100%; } .career { height: 360px; } .faq-question { font-size: 13px; } .faq-answer { font-size: 13px; } .sticky-div { margin-left: auto; margin-right: auto; } .sticky-service-wrapper .container{ max-width: 1000px; } .main-section-service { width: 100%; margin-left: 0rem; } .servicescontent { width: 88%; max-width: 91%; } .col-md-5.sticky-div { flex: 0 0 86.666667%; } .footer-2 .cities-wrapper { display: flex; flex-wrap: wrap; margin: 0 60px; } .services-container .faq-wrapper { width: 85%; margin-right: auto; } .reasons .container { margin-left: 79px; } .reasons .section-title { font-size: 1.5rem; margin-left: -91px; } .best-choice .container { margin-left: 101px; } .cert-card { background: #ffffff; margin-top: 28px; } .cert-card img { width: 146px; margin-bottom: 20px; } .cert-card { margin-top: 28px; width: 355px; height: 300px; } .best-choice-text { font-size: 43px !important; color: black; margin: 20px auto; margin-bottom: -42px; } .comparison-section-p { color: black; width: 100%; } .section-title { color: #04b4fe; font-size: 33px; } .lead { font-size: 13px !important; } .diwaliofferinputinnerdiv { position: absolute; z-index: 1111111111; margin-top: 12rem; margin-left: 3rem; color: white; width: 33%; } .message { font-size: 12px; margin-top: -13px; } .diwaliofferslider span::before { content: ""; display: inline-block; width: 276px; height: 40px; margin-left: -9px; margin-top: -5px; position: absolute; z-index: -1; background-image: url(../images/YELLOWBRUSH.png); background-size: cover; } .Our-Clients::before { width: 51%; height: 13%; margin-right: 50%; margin-left: 47%; margin-top: 2rem; background-size: contain; } .Our-Clients { text-align: center; font-family: var(--fonts); font-size: 27px; font-weight: 600; margin-top: 3rem; } .proven-services { text-align: center; font-family: var(--fonts); font-size: 30px; font-weight: 600; margin-top: 2rem; } /*Home Page*/ .services-card-grid-container { grid-template-columns: repeat(2, 1fr); } .services-text-box p { width: 92%; } .kk001 { /* overflow: hidden; */ margin-top: -6.9rem !important; } .promotional-div h1 { font-family: var(--fonts); font-size: 26px; } .promotional-div h1 span::before { content: ""; display: inline-block; width: 200px; height: 39px; margin-left: -17px; position: absolute; z-index: -1; background-image: url(../images/YELLOWBRUSH.png); background-size: contain; } .clickformoreservices { margin-right: 50%; margin-left: 37%; font-size: 8px !important; width: 26%; margin-top: -7rem; } .swiper-button-next:after, .swiper-button-prev:after { margin-bottom: 600px; display: none; } .reviewsssection .swiper-button-next, .reviewsssection .swiper-button-prev { top: unset !important; margin-top: -11rem !important; display: none; } .video-section h2 { font-size: 50px; font-family: "Poppins", Sans-serif; margin: 20px 0px 50px 0px; color: #5d5d5e; margin-bottom: -66px; } .video-card { width: 430px; height: 242px; left: 15px; margin-top: 109px; margin-bottom: -79px; } .promotion-grid { grid-template-columns: repeat(2, 1fr); /* Two columns */ } .video-card-body { margin-top: 12.5rem; height: 29%; font-size: 13px; } .video-overlay { height: 74% !important; } .video-overlay img { width: 100%; height: 220px; margin-top: 3rem; display: block; object-fit: cover; cursor: pointer; } .top-service-video-div { width: 320px; height: 320px; } .top-services .col-md-3 { left: 14px; max-width: 100%; } .top-service-h1 { font-size: 22px; } .top-service-h1 span::before { width: 285px; height: 54px; margin-top: -14px; margin-left: -134px; background-size: contain; } .top-service-paragraph { /* text-align: justify; */ font-size: 1.5vh; } .top-service-heading { font-size: 21px; } .appointment-form-container { margin: 50px auto; background-color: rgba(0, 0, 0, 0.4); border-radius: 2rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-size: cover; background-position: center; } .appointment-heading h2 { font-size: 1.1rem; margin-left: -35px; } .left-content h3 { font-size: 33px; } .shape-divider::after { left: 11.3%; } .left-content h1 { font-size: 20px; margin-top: 10px; } .left-content p { font-size: 15px; text-align: left; margin-bottom: -32px; } .contact-button { font-size: 12px; } /*Career Screen*/ .innerlist { line-height: 1.7; } .innerlist li { font-size: 13px; } .career-contact { padding-bottom: 15rem; } .career img { margin-left: -99px; } .career-p { margin-left: 0rem; font-size: 14px; font-weight: 600; } .career-text { font-size: 12px; z-index: 1111; } .form-group button { margin-right: 303px; } /* General Container adjustments */ .hero-section { padding: 1rem 0.5rem; } /* Flexbox for text and image alignment */ .hero-section .row { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } /* Column for image - set to appear first */ .col-lg-7 { order: -1; width: 100% !important; padding-left: 0 !important; margin-bottom: 1rem; text-align: center; } /* Column for text */ .col-lg-5 { width: 100% !important; padding-left: 0.5rem !important; text-align: center; } .hero-section .col-lg-5 { padding-left: 0.7rem !important; text-align: center; } .trusted-customers { margin-left: -9px; margin-bottom: -16px; } /* Image adjustments */ .services-head-img img { width: 98%; float: right; margin: auto; } /* Text Adjustments */ .hero-section h1 { font-size: 2rem; line-height: 1.2; } .hero-section p { font-size: 16px; line-height: 1.3; } /* Button Adjustments */ .getstartservice { padding: 0.4rem 1rem !important; font-size: 0.9rem !important; } /* Trusted customers section (images) */ .trusted-customers img { width: 30px; height: 30px; margin-left: 10px; } /* Rating Section */ .rating { margin-left: 561px; margin-top: -23px; } .rating i { font-size: 0.9rem; } .rating-info { font-size: 0.65rem; } .header-link { font-size: 0.6rem; margin-top: 10px; } /* Trusted by Customers Text */ .trustedbycustomertext { text-align: center; margin-left: 38.2rem !important; text-decoration: overline; font-size: 10px !important; } /* Service Items Adjustments */ /* .service-item { width: 100%; padding: 5px; margin-bottom: 5px; } */ /* .service-thumbnail { width: 180px; max-width: 300px; border-radius: 50%; margin-top: 41px; margin-left: -36px; } .service-heading { margin-right: 54px; margin-top: 0rem; } .service-info-section .description-content { padding-left: 3.39rem; margin-left: 0.6rem; font-size: 10px; } .service-image-section { text-align: center; margin-right: 4.9rem; } */ /* .cartdiv { left: -1px; } */ .fa-shopping-cart:before { content: "\f07a"; font-size: 14px; } .rating-stars { color: orange; margin-top: -1.0rem; font-size: 1rem; margin-right: 3.7rem; } .mainheading { color: var(--lightcolor); font-size: 27px; } /* .service-info-section button { margin-left: -1rem; height: 33px; width: 87px; font-size: 11px; } */ .counter-wrapper { border: none; } .quantity-controls { display: flex; align-items: center; gap: 5px; margin-right: -15px; margin-left: -9rem; } #videoCarousel { margin: 20px; border: none; margin-left: auto; width: 100%; } #offerContainer { margin: auto; margin-right: auto; overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 610px !important; width: 88% !important; } /* About Page */ .proven-services::before { width: 43%; margin-left: 45%; margin-top: 2rem; background-size: contain; } .proven-boxes img { width: 88% !important; } /* Flexbox for footer-container */ .footer-container { display: flex; flex-wrap: wrap; justify-content: center; } /* Footer About and Footer Subscribe on the first row */ .footer-about { order: 1; width: 48%; } .footer-subscribe { order: 2; width: 48%; text-align: center; } /* Footer Links and Footer Contact on the second row */ .footer-links { order: 3; width: 48%; } .footer-contact { order: 4; width: 48%; } /* Adjust margins and padding for spacing */ .footer-about, .footer-subscribe, .footer-links, .footer-contact { margin-bottom: 1rem; } /* Adjust input and button sizes in Subscribe form */ .footer-subscribe input { width: 100%; padding: 8px; margin-bottom: 10px; font-size: 10px; } .footer-subscribe button { width: 100%; padding: 10px; font-size: 10px; } /* Social icons adjustments */ .footer-social a { font-size: 15px; margin: 0 5px; height: 30px; width: 29px; } /* H4 adjustments */ .footer-container h4 { font-size: 12px; } /* Text adjustments for footer */ .footer-contact p, .footer-about p { font-size: 11px; } .footer-bottom p { padding: 10px; font-size: 8px; color: #fff; font-weight: 400; margin-bottom: 0; } .footer-links ul li { margin-bottom: 10px; font-size: 12px; } .footer-about img { max-width: 1051px; width: 55%; margin-bottom: 20px; margin-right: auto; margin-left: auto; } } @media (min-width: 607px) and (max-width: 768px){ .quantity-controls { margin-right: 25px; margin-left: -11rem; } .drag-container { width: 82%; height: 484px; margin-top: 3.5rem; margin-left: 4rem; margin-bottom: -2rem; } } @media (min-width: 507px) and (max-width: 768px) { .promotional-div h1 { font-family: var(--fonts); font-size: 27px; margin-top: -1rem; } .promotional-div h1 span::before { width: 173px; height: 33px; margin-left: -23px; } .user-logout { width: 9% !important; } .diwaliofferslider { font-size: 25px; } .header-socialdiv { margin-top: -14rem; } .header-socialdiv img { width: 20px; } /*Home Page*/ .kk001 { overflow: hidden; margin-top: -9.9rem !important; } .clickformoreservices { margin-right: 50%; margin-left: 39%; font-size: 8px !important; width: 22%; margin-top: -5rem; } } @media (min-width: 708px) and (max-width: 762px) { .rating { margin-left: 499px; margin-top: -23px; } .trustedbycustomertext { text-align: center; margin-left: 34.2rem !important; text-decoration: overline; font-size: 10px !important; } } @media (min-width: 635px) and (max-width: 720px) { .rating { margin-left: 439px; margin-top: -23px; } .trustedbycustomertext { text-align: center; margin-left: 30.2rem !important; text-decoration: overline; font-size: 10px !important; } .offer-card { padding: 20px; margin-left: -32px; width: 118%; } .view-toggle { font-size: 13px; margin-left: -15px; } } @media (max-width: 590px){ .customize-quote img { width: 91px; } .drag-container { width: 82%; height: 536px; margin-top: 3.5rem; margin-left: 4rem; margin-bottom: -2rem; } .quote-video-card { width: 478px; height: 270px; margin-right: 77px !important; } .customize-quoteee .row{ margin-right: 0px; margin-left: 0px; } .customize-quoteee .faq-wrapper { width: 90%; margin-left: -16px; } .blog-detail-page .container { max-width: 450px; } .main-single-blog img { height: 300px !important; } .reasons .container { margin-left: 54px; } .best-choice .container { margin-left: 90px; } .best-choice-text { font-size: 32px !important; } .section-title { color: #04b4fe; font-size: 36px; } .cert-card { margin-top: 14px; } } @media (min-width: 545px) and (max-width: 635px) { .side-panel { width: 100%; } .quantity-controls { margin-right: -31px; margin-left: -7rem; } .ctabooknowcall { width: 34%; } .ctabooknowwhatsapp { width: 39% !important; } .diwaliofferinputinnerdiv { position: absolute; z-index: 1111111111; margin-top: 9.8rem; margin-left: 1.9rem; color: white; width: 48%; } .sidenav-menu li a, .user-menu li a { width: 178%; } .form-control { height: 20px !important; padding-top: 2px !important; font-size: 1rem !important; } .text-white { padding: 0px !important; line-height: 0px !important; } .diwaliofferinputinnerdiv button { margin-left: 0.5rem !important; background: #008fc8 !important; height: 20px !important; width: 50px; } #buttonText { font-size: 10px; padding-top: 0px; } .form-control::placeholder { font-size: 9px; } .message { font-size: 11px; margin-top: -12px; } .diwaliofferslider { font-size: 21px; } .diwaliofferslider span::before { width: 251px; height: 42px; margin-left: 3px; margin-top: -10px; } .rating { margin-left: 350px; margin-top: -23px; } .trustedbycustomertext { text-align: center; margin-left: 25.2rem !important; text-decoration: overline; font-size: 10px !important; } .offer-card { padding: 9px; margin-left: 5px; width: 100%; } .view-toggle { font-size: 13px; margin-left: -15px; } .offer-description { font-size: 11px; color: #777; } .offer-title { padding-top: 15px; font-size: 12px; font-weight: 600; margin: 0; } .footer-2 .cities-wrapper { display: flex; flex-wrap: wrap; margin: 0 -11px; } } @media (min-width: 480px) and (max-width: 545px) { .customize-quote img { width: 82px; } .kk001 { overflow: hidden; margin-top: -7.9rem !important; } .clickformoreservices { margin-right: 50%; margin-left: 39%; font-size: 8px !important; width: 22%; margin-top: -7rem; } .Our-Clients::before { margin-top: 1.2rem; } .diwaliofferinputinnerdiv { position: absolute; z-index: 1111111111; margin-top: 8.8rem; margin-left: 1.9rem; color: white; width: 48%; } .sidenav-menu li a, .user-menu li a { width: 178%; } .diwaliofferslider span::before { width: 259px; height: 40px; margin-left: -11px; margin-top: -5px; } .form-control { height: 20px !important; padding-top: 2px !important; font-size: 1rem !important; } .text-white { padding: 0px !important; line-height: 0px !important; } .diwaliofferinputinnerdiv button { margin-left: 0.5rem !important; background: #008fc8 !important; height: 20px !important; width: 50px; } #buttonText { font-size: 10px; padding-top: 0px; } .form-control::placeholder { font-size: 9px; } .message { font-size: 11px; margin-top: -12px; } .diwaliofferslider { font-size: 21px; } .nav-item:hover .dropdown-menu-2 { padding: 1px 129px 7px 35px; margin: 0; border-radius: 0.3rem 2rem; margin-left: -53px; top: 55px; width: 552px; } .rating { margin-left: 285px; margin-top: -28px; } .trustedbycustomertext { text-align: center; margin-left: 21.2rem !important; text-decoration: overline; font-size: 10px !important; } .offer-card { padding: 9px; margin-left: -32px; width: 118%; } .view-toggle { font-size: 13px; margin-left: -15px; } .offer-description { font-size: 11px; color: #777; } .offer-title { padding-top: 15px; font-size: 12px; font-weight: 600; margin: 0; } .proven-services, .Our-Clients { text-align: center; font-family: var(--fonts); font-size: 20px; font-weight: 600; margin-top: 3rem; } } /* Media Query for screens below 480px */ @media (max-width: 500px) { .callback-section .left-content { margin-top: 95px; } .paymentsupportedresponsive { justify-content: center!important; } .sough-after { width: 100% !important; } .sough-after .col-md-7 { flex: 0 0 100%; max-width: 100%; text-align: center !important; } .sough-after .col-md-5 { flex: 0 0 70.666667%; max-width: 70.666667%; margin: auto; } .sough-after .top-service-video-div { width: 296px; height: 243px; left: 13px; margin-left: 0rem; } .sough-after .card-content { left: 13px; width: 296px; height: 243px; } .fordivcircle { display: flex; flex-wrap: wrap; justify-content: space-between; column-gap: 20px; } .sough-after .top-service-paragraph { font-size: 15px !important; } .sough-after p { font-size: 15px !important; margin-left: 0rem; } .sough-after h1 { font-size: 30px !important; margin-left: 0rem; margin-top: 2rem; } .sough-after .row { margin-right: 0px; margin-left: 0px; } .fordivcircleinner:nth-of-type(1) .card-content { background-color: #0290c8; } .fordivcircleinner:nth-of-type(2) .card-content, .fordivcircleinner:nth-of-type(2) .top-service-video-div { background-color: #075d8c; top: -4rem; } .fordivcircleinner:nth-of-type(3) .card-content, .fordivcircleinner:nth-of-type(3) .top-service-video-div { background-color: #075d8c; top: 3rem; } .fordivcircleinner:nth-of-type(4) .card-content, .fordivcircleinner:nth-of-type(4) .top-service-video-div { background-color: #0290c8; top: -1rem; } .customize-quote img { width: 79px; } .quote-video-card { width: 478px; height: 270px; margin-right: -11px !important; display: none; } .customize-quoteee .video-overlay img { width: 100%; height: 246px; } .customize-quoteee .faq-wrapper { width: 100%; margin-left: -42px; margin-bottom: 0rem; } /*Blog Page*/ .custom-container { width: 100% !important; } .custom-container .col-md-6 { flex: 0 0 100%; max-width: 100%; } .featured-post img { width: 782px !important; } .button-carousel { display: flex; gap: 0px !important; } .small-post { margin-top: 2rem; flex-direction: column; } .blog-card img { width: 470px; height: 220px; } .img-container { width: 100% !important; height: 242px; } .row1 { margin-right: 0px !important; margin-left: 0px !important; } .best-choice .container { margin-left: 52px; } .services-card-grid-container { grid-template-columns: repeat(2, 1fr); width: 90%; } .user-logout { width: 9% !important; } .service-section { width: 100% !important; } .social-links p { font-size: 12px !important; } .nav-item:hover .dropdown-menu-2 { padding: 1px 129px 7px 35px; margin: 0; border-radius: 0.3rem 2rem; margin-left: -53px; top: 55px; width: 437px; } .diwaliofferslider { text-align: center; margin: auto; display: block; font-size: 15px; margin-top: 1rem; margin-bottom: 1rem; font-family: var(--fonts); font-weight: 400; } .diwaliofferslider span::before { width: 167px; height: 33px; margin-left: -4px; margin-top: -4px; background-size: contain; } .left-content p { font-size: 10px; text-align: left; margin-bottom: -32px; } .left-content h3 { font-size: 22px; margin-top: -58px; } .top-service-video-div { width: 220px; height: 220px; } .promotional-div h1 { font-family: var(--fonts); font-size: 18px; margin-top: -23px; margin-left: -20px; } .promotional-div h1 span::before { width: 112px; height: 22px; margin-left: -11px; background-size: contain; } .reasons .section-title { font-size: 19px; margin-left: -107px; } .best-choice-text { font-size: 26px !important; } .comparison-section-p { color: black; width: 100%; font-size: 15px !important; } .section-title { color: #04b4fe; font-size: 27px; } .proven-services { text-align: center; font-family: var(--fonts); font-size: 16px; font-weight: 600; margin-top: 3rem; } .Our-Clients { text-align: center; font-family: var(--fonts); font-size: 15px; font-weight: 600; margin-top: 1rem; } .proven-services::before { width: 40%; height: 8%; margin-right: 50%; margin-left: 48%; margin-top: 1.1rem; background-size: contain; } .Our-Clients::before { width: 40%; margin-top: 1.2rem; background-size: contain; } .proven-boxes img { width: 100% !important; } .about-us-heading p { font-size: 12px; } .sidenav-menu li a, .user-menu li a { color: #fff; text-decoration: none; font-size: 1rem; display: block; width: 141%; } .form-group label { display: block; margin-bottom: 5px; font-size: 13px; } .nav-item:hover .dropdown-menu-2 { padding: 1px 129px 7px 35px; margin: 0; border-radius: 0.3rem 2rem; margin-left: -53px; top: 55px; width: 552px; } .header-socialdiv { position: absolute; right: 0; margin-top: -11rem; display: flex; flex-direction: column; align-items: flex-end; } .form-control { height: 29px !important; } .diwaliofferinputinnerdiv { margin-top: 7.6rem; margin-left: 2rem; width: 65%; } .diwaliofferinputinnerdiv button { margin-left: 1rem !important; background: #008fc8 !important; height: 33px; } .message { margin-top: -17px; font-size: 11px; } .header-socialdiv img { width: 21px; } /*Home Page*/ .services-text-box p { font-size: 12px; width: 98%; } .services-text-box h1 { font-size: 21px; } .kk001 { /* overflow: hidden; */ margin-top: -6.9rem !important; } .clickformoreservices { margin-right: 50%; margin-left: 37%; font-size: 8px !important; width: 26%; margin-top: -3rem; } .reviewsssection .swiper-button-next, .reviewsssection .swiper-button-prev { top: unset !important; margin-top: -20rem !important; display: none; } .video-card { width: 430px; height: 242px; left: 15px; margin-top: 109px; margin-bottom: -79px; } .promotion-grid { grid-template-columns: repeat(2, 1fr); /* Two columns */ } .video-card-body { margin-top: 12.5rem; height: 29%; font-size: 13px; } .video-overlay { height: 74% !important; } .video-overlay img { width: 100%; height: 220px; margin-top: 3rem; display: block; object-fit: cover; cursor: pointer; } .top-service-video-div { width: 320px; height: 320px; } .top-services .col-md-3 { left: 0px; max-width: 100%; } .top-service-h1 { font-size: 22px; } .top-service-h1 span::before { width: 285px; height: 54px; margin-top: -14px; margin-left: -134px; background-size: contain; } .top-service-paragraph { /* text-align: justify; */ font-size: 1.5vh; } .top-service-heading { font-size: 21px; } .appointment-form-container { margin: 50px auto; background-color: rgba(0, 0, 0, 0.4); border-radius: 2rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); background-size: cover; background-position: center; } .appointment-heading h2 { font-size: 1.1rem; margin-left: -35px; } .left-content h3 { font-size: 33px; } .shape-divider::after { left: 17.3%; } .left-content h1 { font-size: 20px; margin-top: 10px; } .left-content p { font-size: 15px; text-align: left; margin-bottom: -32px; } .contact-button { font-size: 12px; } /*Career Screen*/ .innerlist { line-height: 1.7; } .innerlist li { font-size: 12px; } .career-contact { padding-bottom: 15rem; } .career img { margin-left: -112px; margin-top: 36px; } .career-p { margin-left: 0rem; font-size: 13px; } .career-text { font-size: 12px; } .career-accordion ul li a { padding: 3px 3px !important; } .career-heading { color: var(--lightcolor); font-size: 16px; } .form-containercareer { height: 616px !important; } .form-group button { margin-right: 260px; } /* General Container adjustments */ .hero-section { padding: 1rem 0.5rem; } /* Flexbox for text and image alignment */ .hero-section .row { display: flex; flex-wrap: wrap; justify-content: center; /* Center the elements for smaller screens */ align-items: center; } /* Column for image - set to appear first */ .col-lg-7 { order: -1; /* Moves the image to the top */ width: 100% !important; /* Make image column take full width */ padding-left: 0 !important; margin-bottom: 1rem; text-align: center; } /* Column for text */ .col-lg-5 { width: 100% !important; padding-left: 0.5rem !important; text-align: center; } .hero-section .col-lg-5 { padding-left: 0.5rem !important; text-align: center; } /* Image adjustments */ .services-head-img img { width: 100%; margin-right: -8px; /* float: right; */ /* margin: auto; */ } /* Text Adjustments */ .hero-section h1 { font-size: 1.5rem; line-height: 1.2; } .hero-section p { font-size: 12px; line-height: 1.3; } /* Button Adjustments */ .getstartservice { padding: 0.4rem 1rem !important; font-size: 0.9rem !important; } /* Trusted customers section (images) */ .trusted-customers img { width: 26px; height: 26px; margin-left: 10px; } .trusted-customers { margin-left: -11px; margin-bottom: -4px; } /* Rating Section */ .rating { margin-left: 30px; margin-top: 2px; } .rating i { font-size: 0.9rem; } .rating-info { font-size: 0.65rem; } .header-link { font-size: 0.6rem; margin-top: 10px; } /* Trusted by Customers Text */ .trustedbycustomertext { display: none; text-align: center; margin-left: -8.7rem !important; text-decoration: overline; font-size: 8px !important; } /* Service Items Adjustments */ /* .service-item { padding: 5px; width: 125%; } */ .header-area { align-items: center; padding: 20px 0; width: 122%; } /* .service-thumbnail { width: 152px; max-width: 280px; border-radius: 50%; margin-top: 41px; margin-left: -36px; } .service-heading { margin-right: 54px; margin-top: 0rem; font-size: 2vw; } .service-info-section .description-content { padding-left: 2.39rem; margin-left: 1.6rem; font-size: 9px; } .service-image-section { text-align: center; margin-right: 5.9rem; } */ .fa-shopping-cart:before { content: "\f07a"; font-size: 12px; } .rating-stars { color: orange; margin-top: -1.0rem; font-size: 0.9rem; margin-right: 3.7rem; } .mainheading { color: var(--lightcolor); font-size: 18px; } .description-content { font-size: 12px; } .service-info-section button { margin-left: -0.8rem; height: 33px; width: 85px; font-size: 13px; } .counter-wrapper { border: none; width: 77px; } .attribute-price { display: flex; flex-direction: column; } .add-btn-service { width: 28%; } .body-text.light { color: rgba(0, 0, 0, 0.38); text-decoration: line-through; margin-top: -1rem; } .sticky-service-wrapper .container { width: 100%; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } /* section{ width: 100%!important; } */ .offer-title { font-size: 0.8rem; font-weight: 600; margin: 0px; margin-top: -9px; } .offer-description { font-size: 0.7rem; color: #777; } .offer-card { border: 1px solid #e0e0e0; border-radius: 10px; padding: 8px; margin-left: 0.8rem; width: 285px; background-color: #fff; margin-bottom: 10px; opacity: 1; transition: opacity 0.5s ease, height 0.5s ease; } .view-toggle { font-size: 13px; margin-left: 21px; } .hero-section { width: 94%; margin: auto; display: block; margin-left: 1rem; } .ctabooknowwhatsapp { width: 45% !important; } .ctabooknowcall { width: 39%; } .attribute-categories-menu { background-color: #fff; /* border: 1px solid rgba(0, 0, 0, 0.08); */ border-radius: 12px 12px 0 0; margin: -73px 0 0; max-width: 120%; padding: 20px 11px 13px; position: sticky; width: 111%; z-index: 3; top: 55px; margin-left: -24px; } /* Flexbox for footer-container */ .footer-container { display: flex; flex-wrap: wrap; /* Enable wrapping */ justify-content: center; /* Spread out items evenly */ } /* Re-arrange the order using Flexbox order property */ /* Footer About and Footer Subscribe on the first row */ .footer-about { order: 1; /* Move About to the first row */ width: 100%; /* Set width to 100% */ text-align: center; margin: auto; } .footer-subscribe { order: 2; /* Move Subscribe to the first row */ width: 100%; /* Set width to 100% */ text-align: center; /* Center the subscribe form */ } /* Footer Links and Footer Contact on the second row */ .footer-links { order: 3; /* Move Links to the second row */ width: 100%; /* Set width to 100% */ text-align: center; } .footer-contact { order: 4; /* Move Contact to the second row */ width: 100%; /* Set width to 100% */ text-align: center; } /* Adjust margins and padding for spacing */ .footer-about, .footer-subscribe, .footer-links, .footer-contact { margin-bottom: 1rem; /* Add some spacing between rows */ } /* Adjust input and button sizes in Subscribe form */ .footer-subscribe input { width: 70%; padding: 8px; margin-bottom: 10px; font-size: 9px; margin: auto auto 10px auto; } .footer-subscribe button { width: 70%; padding: 10px; font-size: 9px; margin: auto; } /* Social icons adjustments */ .footer-social a { font-size: 14px; margin: 0 5px; height: 28px; width: 28px; } /* H4 adjustments */ .footer-container h4 { font-size: 13px; } /* Text adjustments for footer */ .footer-contact p, .footer-about p { font-size: 11px; } .footer-bottom p { padding: 10px; font-size: 8px; color: #fff; font-weight: 400; margin-bottom: 0; } .footer-links ul li { margin-bottom: 8px; font-size: 13px; } } @media (max-width: 450px) { .logoo { width: 28%; margin-left: -4px; margin-top: 0px; } /*Home*/ .kk001 { /* overflow: hidden; */ margin-top: -5.9rem !important; } .clickformoreservices { margin-right: 50%; margin-left: 37%; font-size: 8px !important; width: 29%; margin-top: -6rem; } .form-group label { display: block; margin-bottom: 5px; font-size: 11px; } .show-sidebar-cart #sidebar-cart { right: 0px; } .innerlist li { font-size: 11px; } .trustedbycustomertext { text-align: center; margin-left: -6.7rem !important; text-decoration: overline; font-size: 8px !important; } .header-area { align-items: center; padding: 20px 0; width: 130%; } .service-item { padding: 5px; width: 130%; } .whatsapp-chat-widget { position: fixed; bottom: 20px; left: 7px; z-index: 3006; } .career-accordion ul li a { padding: 3px 1px !important; } .form-container { width: 85% !important; max-width: 92% !important; margin-top: 52px !important; } } @media (max-width: 431px) { .sough-after .top-service-video-div { width: 296px; height: 243px; left: -10px; } .sough-after .card-content { left: -10px; width: 296px; height: 278px; } .sough-after p { font-size: 13px !important; } .sough-after h1 { font-size: 28px !important; } /*Blogs Page*/ .img-container { height: 242px; } .career { height: 390px; } .career img { margin-left: -98px; } .form-group button { margin-right: 252px; } .career-contact { padding-bottom: 15rem; height: 860px; } .career-text { font-size: 14px; width: 100%; z-index: 111; } .accordion { max-width: 85% !important; } .innerlist li { font-size: 13px; } .top-service-h1 { font-size: 22px; margin-top: 2rem; } .video-section h2 { font-size: 43px; margin-bottom: -4rem; } .top-service-h1 span::before { width: 241px; height: 46px; margin-top: -6px; margin-left: -134px; } .reasons .container { margin-left: 40px; } .best-choice .container { margin-left: 62px; } .reasons .section-title { font-size: 18px; margin-left: -81px; } .section-title { color: #04b4fe; font-size: 24px; } .form-containercareer { width: 90% !important; height: 600px !important; } .about-us-heading p { font-size: 11px; } ul.dropdown-menu-2.megamenu-panel { width: 490px; left: -100px; } .sticky-header .logoonone { width: 28% !important; margin-left: -15px; margin-top: 14px; } .video-section h2 { font-size: 26px; margin-bottom: -80px; } .quantity-controls { transform: translate(92px, 30px); margin-right: -13px; margin-left: -8rem; } .quantity-input { width: 40px; height: 15px; border: none; background-color: transparent; border-color: transparent; } .add-btn-service { width: 35%; } .offer-card { border: 1px solid #e0e0e0; border-radius: 10px; padding: 8px; margin-left: -0.4rem; width: 276px; background-color: #fff; } #offerContainer { width: 79% !important; } .footer-2 .services { flex-wrap: wrap; margin: 0 20px; } .ctabooknowcall { width: 40%; } .ctabooknowwhatsapp { width: 52% !important; } .services-container .faq-wrapper { width: 72%; } .servicescontent { width: 88%; } .side-panel { width: 100%; } } @media (max-width: 427px) { /*Blogs Page*/ .img-container { height: 242px; } .services-text-box p { font-size: 10px; width: 98%; } .services-text-box h1 { font-size: 17px; } .social-links p { font-size: 12px !important; } .nav-item:hover .dropdown-menu-2 { padding: 1px 129px 7px 35px; margin: 0; border-radius: 0.3rem 2rem; margin-left: -53px; top: 55px; width: 437px; } .diwaliofferslider { text-align: center; margin: auto; display: block; font-size: 15px; margin-top: 1rem; margin-bottom: 1rem; font-family: var(--fonts); font-weight: 400; } .diwaliofferslider span::before { width: 167px; height: 33px; margin-left: -4px; margin-top: -4px; background-size: contain; } .left-content p { font-size: 10px; text-align: left; margin-bottom: -32px; } .left-content h3 { font-size: 22px; margin-top: -58px; } .top-service-video-div { width: 220px; height: 220px; } .promotional-div h1 { font-family: var(--fonts); font-size: 18px; margin-top: -23px; margin-left: -20px; } .promotional-div h1 span::before { width: 112px; height: 22px; margin-left: -11px; background-size: contain; } .diwaliofferinputinnerdiv { position: absolute; z-index: 1111111111; margin-top: 6.1rem; margin-left: 1.9rem; color: white; width: 48%; } .top-service-paragraph { /* text-align: justify; */ font-size: 10px; } .proven-services { text-align: center; font-family: var(--fonts); font-size: 16px; font-weight: 600; margin-top: 1rem; } .Our-Clients { text-align: center; font-family: var(--fonts); font-size: 16px; font-weight: 600; margin-top: 3rem; } .Our-Clients::before { width: 45%; height: 13%; position: absolute; margin-right: 50%; margin-left: 50%; margin-top: 1.2rem; background-size: contain; } .about-us-heading p { font-size: 11px; } .top-service-button { margin-bottom: 2rem; } .form-control { height: 20px !important; padding-top: 2px !important; font-size: 1rem !important; } .text-white { padding: 0px !important; line-height: 0px !important; } .diwaliofferinputinnerdiv button { margin-left: 0.5rem !important; background: #008fc8 !important; height: 20px !important; width: 50px; } #buttonText { font-size: 10px; padding-top: 0px; } .form-control::placeholder { font-size: 9px; } .message { font-size: 8px; margin-top: -12px; } .video-section h2 { font-size: 26px; margin-bottom: -72px; } .top-service-h1 { font-size: 18px; margin-top: 35px; } .top-service-h1 span::before { width: 236px; height: 45px; margin-top: -13px; margin-left: -124px; background-size: contain; } .sticky-header .logoonone { width: 31% !important; margin-left: -11px !important; margin-top: 0px; } .logoonone { width: 34% !important; margin-left: -9px !important; margin-top: 12px; } .sticky-header { height: 49px; top: 0px; } .mobile-nav-open-icon { /* margin-left: 25rem !important; */ margin-top: 11px; } .top-service-video-badge-car, .top-service-video-badge-carpet, .top-service-video-badge-mattress, .top-service-video-badge-curtain { width: 20%; } .sidenav-menu li a, .user-menu li a { color: #fff; text-decoration: none; font-size: 1rem; display: block; width: 105%; } .sidenav-menu li a.active, .user-menu li a.active { background-color: rgba(250, 192, 0, 0.85); height: 40px; padding: 5px; border-radius: 5px; width: 88%; } .footer-bottom p { padding: 10px; font-size: 6px; } /*Home*/ .kk001 { /* overflow: hidden; */ margin-top: -5.9rem !important; } .clickformoreservices { margin-right: 50%; margin-left: 35%; font-size: 8px !important; width: 30%; margin-top: -2.5rem; padding: 5px !important; } .clickformoreservices i { font-size: 10px; margin-left: 5px; } .header-socialdiv { margin-top: -8rem; } .header-socialdiv img { width: 15px; } .form-group label { display: block; margin-bottom: 5px; font-size: 11px; } .innerlist li { font-size: 13px; } .career-accordion ul li a { padding: 3px 0px !important; font-size: 14px; } .career-text { font-size: 14px; width: 100%; z-index: 1; } .accordion { max-width: 88% !important; margin: 0 auto 100px; border-top: 1px solid #d9e5e8; margin-top: 2rem; } .form-container { width: 85% !important; max-width: 92% !important; margin-top: 52px !important; height: 610px !important; } .trustedbycustomertext { display: none; text-align: center; margin-left: -3.7rem !important; text-decoration: overline; font-size: 8px !important; } .header-area { align-items: center; padding: 20px 0; width: 130%; } .service-item { padding: 5px; width: 130%; } .service-image-section { text-align: center; margin-right: 5.1rem; } .offer-card { border: 1px solid #e0e0e0; border-radius: 10px; padding: 8px; margin-left: -0.4rem; width: 267px; background-color: #fff; } .callback-section { padding: 0px; } .appointment-form-container { width: 100%; max-width: 100%; margin-left: 0px !important; } .shape-divider::after { left: 22.3%; } .login-btn-ul { margin-right: 1.5rem !important; width: 30% !important; } .add-btn-service { width: 31%; } .sticky-service-wrapper .container { width: 106%; max-width: 150%; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: -0.8rem; } .quantity-controls { display: flex; align-items: center; gap: 0px; margin-right: -13px; margin-left: -8rem; } .side-panel { position: fixed; right: -100%; top: 0; width: 100%; } #videoCarousel { margin: 0px; margin-top: 2rem; border: none; } .servicescontent { width: 86%; } .services-container .faq-wrapper { width: 82%; } .servicectabtn div { width: 73%; } .ctabooknowcall { width: 43%; } .ctabooknowwhatsapp { width: 49% !important; } .faq-question { font-size: 13px; } .faq-answer{ font-size: 13px; } .footer-2 .services { flex-wrap: wrap; margin: 0 0px; align-items: center; justify-content: center; } .footer-2 .cities-wrapper .cities { width: 100%; text-align: center; } .footer-2 .cities-wrapper { width: 100%; margin: auto; } body .paymentsupportedresponsive { justify-content: center!important; } .blog-detail-page .container { max-width: 350px; } .main-single-blog img { height: 300px !important; } } @media (max-width: 413px) { .sough-after .top-service-video-div { width: 296px; height: 243px; left: -19px; } .sough-after .card-content { left: -19px; width: 296px; height: 243px; } .sough-after p { font-size: 14px !important; } .sough-after h1 { font-size: 26px !important; } .blog-detail-page .container { max-width: 350px; } .main-single-blog img { height: 300px !important; } .video-section h2 { font-size: 26px; margin-bottom: -80px; } .quantity-controls { transform: translate(92px, 30px); margin-right: -13px; margin-left: -8rem; } .quantity-input { width: 40px; height: 15px; border: none; background-color: transparent; border-color: transparent; } .add-btn-service { width: 35%; } .offer-card { border: 1px solid #e0e0e0; border-radius: 10px; padding: 8px; margin-left: -0.4rem; width: 276px; background-color: #fff; } #offerContainer { width: 79% !important; } .footer-2 .services { flex-wrap: wrap; margin: 0 20px; } .mixmatch { display: grid; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 390px) { .sough-after .card-content { left: -26px; } .sough-after .top-service-video-div { width: 296px; height: 243px; left: -26px; } .sough-after h1 { font-size: 25px !important; } .form-group button { margin-right: 240px; } .reasons .section-title { font-size: 16px; } .add-btn-service { width: 36%; } #offerContainer { width: 88% !important; } .hero-section p { font-size: 15px; line-height: 1.3; } .description-content { font-size: 13px; } .mixmatch { display: grid; grid-template-columns: repeat(2, 1fr); } .footer-2 .services { flex-wrap: wrap; margin: 0 6px; } .form-group label { font-size: 11px; } .services-text-box p { font-size: 10px; width: 90%; } .services-text-box h1 { font-size: 15px; } .services-text-box h6 { font-family: 'Dancing Script'; font-size: 20px; } .services-text-box h4 { font-size: 15px; } ul.dropdown-menu-2.megamenu-panel { width: 490px; left: -132px; } .about-us-heading h1 { font-size: 34px; } .about-us-heading p { font-size: 9px; } .nav-item:hover .dropdown-menu-2 { padding: 1px 129px 7px 35px; margin: 0; border-radius: 0.3rem 2rem; margin-left: -53px; top: 55px; width: 437px; } .Our-Clients { font-size: 14px; } .proven-services { font-size: 15px; } .proven-services::before { margin-left: 50%; } .Our-Clients::before { margin-left: 51%; } .best-choice .container { margin-left: 39px; } } /* @media (max-width: 375px) { .about-us-heading h1 { font-size: 34px; } .about-us-heading p { font-size: 10px; } .nav-item:hover .dropdown-menu-2 { padding: 19px 112px 0px 33px; margin: 0; border-radius: 0.3rem 2rem; margin-left: 95px; top: 55px; width: 437px; } } */ @media (max-width: 370px) { .sough-after .top-service-video-div { width: 296px; height: 243px; left: -32px; } .sough-after .card-content { left: -32px; width: 296px; height: 243px; } .sough-after p { font-size: 13px !important; } .sough-after h1 { font-size: 23px !important; } .video-section h2 { font-size: 26px; margin-bottom: -83px; } .best-choice .container { margin-left: 29px; } .card-custom ul { list-style-image: url(style.css); font-size: 13px; } .card-custom { height: 459px; } .card { list-style-image: url(style.css); font-size: 13px; } .reasons .section-title { font-size: 16px; margin-left: -81px; } .section-title { color: #04b4fe; font-size: 21px; } .comparison-section-p { color: black; width: 100%; font-size: 13px !important; } .best-choice-text { font-size: 22px !important; margin-bottom: -40px; } .shape-divider::after { left: 11.3%; } .left-content { width: 98%; margin-top: 83px; color: #fff; } .left-content h3 { font-size: 26px; margin-top: -58px; } .left-content h1 { font-size: 25px; margin-top: 10px; } .left-content p { font-size: 11px; text-align: left; margin-bottom: -32px; } .sticky-header .logoonone { width: 31% !important; margin-left: -11px !important; margin-top: 14px; } .promotional-div h1 { font-family: var(--fonts); font-size: 17px; margin-top: -23px; margin-left: -20px; } .diwaliofferinputinnerdiv { position: absolute; z-index: 1111111111; margin-top: 5.8rem; margin-left: 1.7rem; color: white; width: 48%; } .message { font-size: 8px; margin-top: -15px; } /*Home*/ .kk001 { /* overflow: hidden; */ margin-top: -4.9rem !important; } .form-group label { display: block; margin-bottom: 5px; font-size: 14px; } .promotional-div h1 span::before { content: ""; display: inline-block; width: 122px; height: 24px; } .top-service-h1 span::before { width: 222px; height: 43px; margin-top: -8px; margin-left: -125px; background-size: contain; } .form-group label { display: block; margin-bottom: 5px; font-size: 10px; } .innerlist li { font-size: 12px; } .career-heading { color: var(--lightcolor); font-size: 20px; } .career-accordion ul li a { padding: 3px 0px !important; font-size: 14px; } .career-text { font-size: 12px; width: 100%; } .accordion { max-width: 88% !important; margin: 0 auto 100px; border-top: 1px solid #d9e5e8; margin-top: 2rem; } .trustedbycustomertext { display: none; text-align: center; margin-left: -4.3rem !important; text-decoration: overline; font-size: 8px !important; } .header-area { align-items: center; padding: 20px 0; width: 130%; } .service-item { padding: 5px; width: 130%; } .whatsapp-chat-widget .chat-box { display: none; position: relative; background-color: white; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); width: 346px; } } @media (max-width: 345px) { .whatsapp-chat-widget .chat-box { display: none; position: relative; background-color: white; border-radius: 10px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); width: 330px; } .service-item { padding: 5px; width: 142%; } .service-title { font-size: 0.7rem; font-weight: 400; margin: 0; display: inline-block; vertical-align: middle; } .servicess-images-set .service-item img { width: 45px; } } @media (max-width: 321px){ .sough-after .top-service-video-div { width: 272px; height: 243px; left: 18px; } .sough-after .card-content { left: 18px; width: 272px; height: 243px; } .sough-after p { font-size: 13px !important; margin-bottom: -1rem; } .sough-after h1 { font-size: 20px !important; } .fordivcircleinner { margin-left: -4rem; } /*Blog Page*/ .img-container { width: 290px !important; height: 242px; } .featured-post img { object-fit: cover; height: 268px !important; } .sticky-header .logoonone { width: 31% !important; margin-left: -11px !important; margin-top: 16px; } .add-btn-service { width: 48%; } #offerContainer { width: 101% !important; } .ctabooknowcall { width: 46%; } .servicectabtn div { width: 83%; } .footer-2 .services { flex-wrap: wrap; margin: 0 -10px; } .top-service-h1 span::before { width: 158px; height: 30px; margin-top: -4px; margin-left: -83px; background-size: contain; } .top-service-h1 { font-size: 18px; margin-top: 19px; margin-bottom: 0rem; } .left-content { width: 100%; margin-top: 85px; color: #fff; } .promotional-div h1 span::before { width: 108px; height: 24px; } .req-quote-btn { width: 73%; } .nav-item:hover .dropdown-menu-2 { margin-left: -53px; top: 55px; width: 411px; } .services-card-grid-container { grid-template-columns: repeat(2, 1fr); width: 100%; } .best-choice .container { margin-left: 10px; } .reasons .feature-box { width: 90%; } .reasons .container { margin-left: 17px; } } @media (max-width: 767px) { .req-quote-btn { top: 52%; width: 41%; } .footer-links, .footer-contact, .footer-subscribe { padding-top: 0px; } .footer-about { padding-top: 27px; } .services-text-box { margin-top: 1.5rem; } } @media (max-width: 900px) and (min-width: 768px) { .req-quote-btn { width: 37%; top: 45%; } } @media (max-width: 1100px) and (min-width: 900px) { .req-quote-btn { width: 25%; top: 45%; } .faq-page-btn { width: 200px; } } @media (max-width: 600px) { .topdonationbanner { margin-top: -10px; } } @media (max-width: 425px) { .topdonationbanner { margin-top: -18px; } .attribute-image { width: 147PX; HEIGHT: 102PX; } } .registration-modall .modal-dialog-scrollable { transform: translate(0, -10px)!important; } @media (max-width: 768px) { .icon-scroll-container { display: flex; /* Use flexbox for horizontal layout */ flex-wrap: nowrap!important; /* Prevent wrapping to new lines */ overflow-x: auto!important; /* Enable horizontal scrolling */ -webkit-overflow-scrolling: touch!important; /* Smooth scrolling on iOS */ justify-content: flex-start!important; /* Align items to the start */ text-align: center!important; /* Center content inside each column if needed */ padding: 0 1rem!important; /* Optional padding for spacing */ } .icon-scroll-container > div { flex: 0 0 auto; /* Prevent flex items from shrinking or growing */ margin-right: 1rem; /* Space between icons */ } /* Optional: Hide spacer columns on mobile */ .icon-scroll-container .d-none.d-md-block { display: none !important; } .servicescontent h1, .servicescontent h3 { font-size: 19px; } /* .res-content-margin{ margin-bottom: -40px; } */ .widthchangeresponsivecontent { width: 96%!important; } .servicectabtn div h6 { font-size: 18px; } .servicectabtn div p { font-size: 10px; } .footer-social { text-align: center; } .servicectabtn .ctaservicebtn { margin-top: 1rem; padding-bottom: 2rem; } .servicectabtn { position: relative; background-image: none; } .servicectabtn::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../images/servicesctabg.png); background-position: right; background-repeat: no-repeat; background-size: cover; opacity: 0.2; /* Adjust this value for desired opacity */ z-index: -1; /* Place behind the content */ pointer-events: none; /* Ensure clicks pass through to underlying content */ } .font-size-content-responsive { font-size: 20px!important; margin: 0px 0px 11px 0px!important; } .residential-content-video { height: 164.3px!important; } .font-size-content-responsive2 { font-size: 17px!important; } .servicectabtn .footer-social { text-align: left; } .whatsapp-chat-widget { bottom: 76px; left: 4px; } .mission .about-us-button { margin-top: 2rem; } .mission { height: 390px; } .mission-care .career-content H2 { font-size: 1.4rem; } .mission-care .career-content { width: 94%; } .mission-care .career-content p { font-size: 14px; } .box-mission { flex: none!important; } .mission-care { height: 757px; } .box-mission div h1 { font-size: 15px; } .box-mission div p { font-size: 12px; } .box-mission i { width: 0.6em!important; height: 0.6em!important; } .pricing-card.most-popular { z-index: 1!important; } .custom-notification-user-come { bottom: 62px!important; right: 0px!important; } .custom-notification-user-come #resumeBookingToast .toast-header img { width: 37px; } .whatsapp-chat-widget .whatsapp-button { padding: 5px 10px; font-size: 14px; } .whatsapp-chat-widget .whatsapp-button img { width: 18px; margin-right: 4px; } .carpet-cleaning-img1 { margin-top: 30px; height: 200px!important; } .carpet-cleaning-img2 { display: block; margin: auto; height: 200px!important; margin-bottom: 20px; } } @media (min-width: 768px) { .unique-content-box { display: none; } } @media (max-width: 575px) { .form-card-input { width: 215px; all: none; transform: translateX(30px); } .pricing-container .pricing-card { width: 293px!important; } .callback-section { padding: 10px; } } @media (max-width: 479px) { .video-section h2 { font-size: 26px; margin-bottom: -80px; } .voucher-tabs-indicator { height: 43px!important; } } @media (max-width: 991px) { .voucher-tabs-indicator { display: none; } .voucher-tab-button.active { background-color: #acdbf3; color: black!important; } } @media (max-width: 407px) { .chk-tabby-tamara-responsive { display: flex ; flex-wrap: wrap; justify-content: flex-end; width: 60px; gap: 5px; } } @media (max-width: 1072px) { .booking-successdiv { width: 88%; overflow: scroll; } } @media (max-width: 425px) { .booking-successdiv h1 { font-size: 22px; } .booking-successdiv { padding: 1.5rem; margin-top: 3.5rem; } } @media(min-width: 980px) { .faqs .login-modal .input-container { margin-left: 3rem!important; } } @media(max-width: 1718px) { .faq-send-btn { margin-left: 25rem; } } @media(max-width: 1644px) { .faq-send-btn { margin-left: 24rem; } } @media(max-width: 1512px) { .faq-send-btn { margin-left: 22rem; } } @media(max-width: 1386px) { .faq-send-btn { margin-left: 20rem; } } @media(max-width: 1202px) { .faq-send-btn { margin-left: 18rem; } } @media(max-width: 1092px) { .faq-send-btn { margin-left: 15rem; width: 30%; } } @media(max-width: 991px) { .faq-send-btn { margin-left: auto; width: 30%; } } @media(max-width: 767px) { .faq-send-btn { margin-left: 1rem; width: 30%; margin-top: 1.5rem; } .faqs { height: 620px; } .faqs #email-form { margin-left: 3rem; } } @media(max-width: 432px) { .faqs { height: 600px; } .faqs #email-form { margin-left: 1.5rem; margin-right: 1.5rem; } .faqs-p , .faqs-h1 { margin-left: 1.5rem; } .faq-page-btn { width: 150px; } .faqs-width-change h2 { font-size: 18px!important; } } @media(max-width: 375px) { .faqs-h1 { font-size: 28px; text-align: left; } } @media(max-width: 351px) { .faqs-h1 { font-size: 26px; text-align: left; } } @media(max-width: 332px) { .faqs-h1 { font-size: 24px; text-align: left; } .faqs-p { font-size: 13px; } } @media (max-width: 1239px) { .faqs-tabs .voucher-tabs-indicator { display: none; } .faqs-tabs .voucher-tab-button.active { background-color: #ebf6fb; color: black!important; transition: 0.3s linear; } }