/* Responsive CSS */

 @media screen and (max-width:1300px) {
 
 	.hero{
	font-size: 40px !important;
	}

   .custom-navbar .container-fluid {
     padding: 0px 16px;
   }

   .navbar-brand>img {
     max-width: 140px;
   }

   .custom-navbar .nav-link {
     font-size: 15px;
     padding: 30px 5px !important;
     margin: 0px 5px !important;
   }

   .location-filter {
     font-size: 15px;
   }

   .location-filter #mySelectedLocationHeader {
    font-size: 11px;
   }

   .btn {
     font-size: 14px;
     height: 45px;
     min-width: 150px;
     padding: 5px 15px;
   }

 }

 @media screen and (max-width:1199px) {
 
  	.hero{
	font-size: 40px !important;
	}

   h1, .h1 {
     font-size: 40px;
     font-weight: 700;
     line-height: 55px;
   }

   .txt-rotate {
     font-size: 28px;
     font-weight: 700;
     line-height: 35px;
   }

   h2, .h2,
   .heading-title-wrap>p {
     font-size: 32px;
     line-height: 50px;
   }
   
   .inner-banner h1 {
	  color: #fff;
	  font-size: 26px;
	  line-height: 48px;
	  text-align: center;
	  margin-bottom: 0
	}

   .services-item h2,
   .aboutus-wrapper .content-wrap h2 {
     font-size: 20px;
     line-height: 34px;
   }

   .services-item {
     padding: 25px 30px 30px;
   }

   /* HEADER START */

   header {
     padding: 16px 0px;
   }

   .navbar-brand>img {
     max-width: 120px;
   }

   .custom-navbar {
     padding: 5px 0px;
   }

   .custom-navbar .navbar-toggler,
   .custom-navbar .navbar-toggler:focus {
     border: none;
     width: 50px;
     height: 40px;
     padding: 0px;
     box-shadow: none;
     outline: 0;
   }

   .custom-navbar .navbar-nav {
     text-align: center;
     max-height: 100%;
    overflow: auto;
   }

   .custom-navbar .nav-link {
     padding: 14px 0px !important;
     margin: 0px 0px !important;
     border: none;
   }

   .custom-navbar .navbar-collapse {
    position: fixed;
    width: 350px;
    height: 100%;
    background: #fff;
    left: 100%;
    z-index: 9999;
    top: 0px;
    transition: .3s;
    padding-top: 50px !important;
    padding-bottom: 20px !important;
    box-shadow: 0px 0px 20px #cccccc61;
   }

   .custom-navbar .navbar-collapse.show{
    left: calc(100% - 350px);
   }

   .right-nav-info {
     position: absolute;
     right: 80px;
     top: 0px;
   }

   .right-nav-info .btn,
   .location-filter {
     height: 40px;
   }

   .closeNavbar {
    position: absolute;
    right: 5px;
    top: 8px;
  }

   .custom-navbar .nav-link.show,
   .custom-navbar .nav-link.show:hover{
    background: var(--blue);
    color: var(--white);
   }

   .custom-navbar .dropdown-menu {
    margin: 0px auto;
    text-align: center;
    box-shadow: none;
    border: none;
    max-height: 100%;
    background: var(--lightBlue);
    max-width: 100%;
   }

   .custom-navbar .dropdown-item:hover {
    color: var(--orange);
    background: transparent;
  }

   /* HEADER START */

   /* SUB PAGE CSS START */

   .heading-wrap h1 {
     font-size: 50px
	}
	
   .heading-wrap h2 {
     font-size: 36px;
   }

   /* SUB PAGE CSS END */
   
   .strik-line::before {
    content: '';
    height: 1px;
    width: 26px;
    display: block;
    background: #F78E22;
    position: absolute;
    top: 8px;
    left: -6px;
    transform: rotate(-30deg);
}

 }

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

   body {
     font-size: 14px;
     line-height: 22px;
   }
   
    .hero{
	font-size: 28px !important;
	}

   h1, .h1 {
     font-size: 28px;
     line-height: 44px;
   }

   .txt-rotate {
     font-size: 20px;
     line-height: 5px;
   }

   h2, .h2
   .heading-title-wrap>p {
     font-size: 24px;
     line-height: 34px;
   }

   h2 small,
   p small {
     font-size: 18px;
   }

   .services-item h2,
   .aboutus-wrapper .content-wrap h2 {
     font-size: 18px;
     line-height: 30px;
     margin-bottom: 10px;
   }

   h3,
   h4 {
     font-size: 16px;
     line-height: 22px;
     margin-bottom: 4px;
   }

   .mt-6 {
     margin-top: 30px !important;
   }

   .mb-6 {
     margin-bottom: 30px !important;
   }

   .pt-6 {
     padding-top: 30px !important;
   }

   .pb-6 {
     padding-bottom: 30px !important;
   }

   .py-6 {
     padding-top: 30px !important;
     padding-bottom: 30px !important;
   }

   .my-6 {
     margin-top: 30px !important;
     margin-bottom: 30px !important;
   }

   .mt-4 {
     margin-top: 16px !important;
   }

   .my-4 {
     margin-top: 16px !important;
     margin-bottom: 16px !important;
   }

   .px-100 {
     padding-left: 50px !important;
     padding-right: 50px !important;
   }

   .px-200 {
     padding-left: 100px !important;
     padding-right: 100px !important;
   }

   /* ABOUT CSS START */

   .video-wrap {
     margin-top: 35px;
     padding-left: 40px;
   }

   .video-image {
     box-shadow: 16px -16px 0px -10px #237BF6;
   }

   .video-icon {
     width: 66px;
     height: 66px;
     border: 8px solid #529CFF;
     box-shadow: 0px 0px 0px 4px #DAEAFF;
     left: 4px;
     top: calc(50% - 33px);
   }

   .contentdots {
     display: inline-block;
   }

   .btnRead {
     display: block;
   }

   .content {
     display: none;
   }

   /* ABOUT CSS END */

   /* COUNTER CSS START */

   .counter-item .counterIcon {
     margin-bottom: 0px;
   }

   .stpe-item {
     min-height: 80px;
     padding: 32px 0px 10px 12px;
     margin-top: 50px;
   }

   .step-count {
     position: absolute;
     left: 12px;
     top: -30px;
     width: 55px;
     height: 55px;
     background-size: 1100%;
     background-repeat: no-repeat;
   }

   .step1 {
     background-position: -366px -409px;
   }

   .step2 {
     background-position: -428px -409px;
   }

   .step3 {
     background-position: -497px -3px;
   }

   .step4 {
     background-position: -497px -62px;
   }

   .step5 {
     background-position: -497px -122px;
   }

   .step6 {
     background-position: -497px -182px;
   }

   .step7 {
     background-position: -497px -242px;
   }

   .step8 {
     background-position: -497px -302px;
   }

   .step9 {
     background-position: -497px -362px;
   }

   .step10 {
     background-position: -3px -470px;
   }

   .stpe-item h3 {
     font-size: 14px;
     line-height: 18px;
     font-weight: 600;
   }

   .headtext {
     font-size: 12px;
   }

   /* COUNTER CSS END */

   /* FOOTER START */

   .footer-link,
   .footer-rightbox {
     padding: 30px 0px;
   }

   .footer-content {
     text-align: center;
   }

   .footer-logo {
     max-width: 160px;
     margin: 0px auto 20px;
   }

   .social-media ul {
     justify-content: center;
     margin-bottom: 20px;
   }

   .footer-address li {
     justify-content: center;
     padding-left: 0px;
   }

   .footer-address li span {
     display: none;
   }

   /* FOOTER END */

   /* MODAL START */

   .location-modal {
     max-width: 700px;
   }

   /* MODAL END */

   /* SUB PAGE CSS START */

   .heading-wrap h1 {
     font-size: 36px;
     padding-top: 32px;
     line-height: 42px;
   }

   .heading-wrap h2 {
     font-size: 28px;
     padding-top: 28px;
     line-height: 34px;
   }

   .heading-wrap h1 .priceTag {
     font-size: 28px;
     line-height: 36px;
   }

   .mtop-200 {
     margin-top: -150px !important;
   }

   .image-shortbox {
     width: 140px;
     height: 140px;
     bottom: 15px;
   }

   .starting-price {
     font-size: 14px;
     padding: 8px 10px;
   }

   .top-right-radius-20 {
     border-top-right-radius: 12px !important;
   }

   .top-left-radius-20 {
     border-top-left-radius: 12px !important;
   }

   /* SUB PAGE CSS END */

   /* APP STORE CSS START */

   .appstore-text h2 {
     font-size: 32px;
     line-height: 42px;
   }

   .apps-box ul {
     padding: 20px 0px;
   }

   /* APP STORE CSS END */

   .services-wrapper .service-nav-pill {
     top: 72px;
   }

   .slider-content {
     padding: 0px 0px;
   }

   .counter-item h3 {
     font-size: 20px;
     line-height: 30px;
   }

   .testimonial-item>p {
     font-size: 13px;
     min-height: 180px;
   }

   .testimonial-item {
     padding: 30px 20px;
   }

   .popular-cities-list ul li {
     width: 20%;
   }

   .slick-list {
     padding: 0px 20% 0px 0px !important;
   }

   .minHeight500 {
     min-height: auto;
   }

   .industry-item {
     min-height: 290px;
   }

   .pb-170 {
     padding-bottom: 100px !important;
   }

   .inner-image-banner {
     min-height: 320px;
   }

   .city-list-wrapper {
     margin-top: -100px;
   }
   
   .city-page-image {
     margin-top: -100px;
   }

   .video-slider .slick-list {
     padding: 0px !important;
     padding-bottom: 55px !important;
   }


 }

 @media screen and (max-width:768px) {
	.pricing-left-image,
  .pricing-right-image{
    display: none;
  }

  .bunfle-offer-slider .slick-list {
    padding: 0px 6% 50px 0px !important;
  }

  .bundle-offer-item { 
    padding: 16px;
  }

  .pricing-box { 
    margin-left: -16px; 
  }

  .title-heading-wrapper h1 {
    font-size: 32px; 
    line-height: 46px;
  }

  .pricing-form-wrap { 
    padding: 8px 16px; 
  }

  .pricing-wrapper h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 8px !important;
  }
  
   .popular-cities-list ul li {
     width: 25%;
   }

   .ps-80 {
     padding-left: 50px !important;
   }

   .pe-80 {
     padding-right: 50px !important;
   }

   .px-100 {
     padding-left: 0px !important;
     padding-right: 0px !important;
   }

   .px-200 {
     padding-left: 0px !important;
     padding-right: 0px !important;
   }

   .pe-5 {
     padding-right: 0px !important;
   }

   .py-30 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

   .right-nav-info {
     display: none;
   }

   .slider-content {
     min-height: 330px;
   }

   /* BOOKING FORM CSS START */

   .slider-content,
   .slider-wrapper {
     padding: 5px 0px;
   }

   .booking-form-wrapper {
     margin-top: -40px;
     padding: 20px 20px;
   }

   .booking-form-wrapper .mb-4 {
     margin-bottom: 12px !important;
   }

   /* BOOKING FORM CSS END */

   /* APP STORE CSS START */

   .appstore-wrapper {
     padding: 20px 0px !important;
   }

   .appstore-text {
     padding-right: 0px !important;
   }

   .appstore-text h2 {
     font-size: 24px;
     line-height: 28px;
   }

   .apps-box ul {
     padding: 10px 0px;
     justify-content: center;
   }

   /* APP STORE CSS END */

   /* SERVICES CSS START */

   .service-nav-pill .nav-link {
     padding: 10px 20px !important;
   }

   .service-nav-pill .nav-item+.nav-item {
     margin-left: 0px;
   }

   .service-nav-pill .nav-link {
     text-align: center;
   }

   .services-item {
     padding: 25px;
     margin-bottom: 16px;
   }

   .services-top .price-box {
     font-size: 34px;
   }

   .services-top .price-box sup {
     font-size: 20px;
     margin-left: 2px;
   }

   .services-top .price-box sub {
     font-size: 12px;
   }

   /* SERVICES CSS END */

   .counter-item {
     width: 150px;
   }

   /* EASY STAPS CSS START */

   .specifications-image {
     display: none;
   }

   .specifications-wrapper {
     padding: 0px;
   }

   .specifications-content li {
     padding-left: 100px;
   }

   /* SPECIFICATIONS CSS END */

   /* TESTIMONIAL CSS START */

   .testimonial-wrapper.py-6 {
     padding-top: 0px !important;
   }

   .testimonial-wrap .slick-center.slick-current {
     transform: scale(1) !important;
     box-shadow: none;
   }

   .testimonial-wrap .slick-track {
     padding-top: 0px;
     padding-bottom: 24px;
   }

   .testimonial-item {
     padding: 25px 15px;
     margin: 15px 0px;
   }

   .testimonial-item>p {
     font-size: 14px;
     min-height: 160px;

   }

   /* TESTIMONIAL CSS END */

   /* NEWS CSS START */

   .news-wrapper {
     padding-bottom: 0px !important;
   }

   .news-wrapper ul li img {
     max-width: 110px;
     max-height: 65px;
   }

   /* NEWS CSS END */

   /* FAQs CSS START */

   .faq-box {
     margin-top: 30px !important;
   }

   .faq-box .card .card-header a.btn h3 {
     font-size: 16px;
   }

   .faq-box .card .card-header a.btn {
     padding: 4px 16px;
     font-size: 14px;
     padding-right: 50px;
     height: auto;
   }

   .faq-box a.btn::after {
     right: 22px;
     font-size: 14px;
   }

   .faq-box .card+.card {
     margin-top: 8px;
   }

   .location-list-box ul {
     gap: 0px;
   }

   .location-list-box ul li a {
     font-size: 12px;
     line-height: 18px;
   }

   .location-list-box ul li {
     padding: 0px 2px;
   }

   /* FAQs CSS END */

   /* FOOTER START */

   .footer-rightbox {
     text-align: center;
     padding: 0px;
   }

   .footer-content h4,
   .footer-link h4,
   .footer-rightbox h4 {
     font-size: 16px;
     margin-bottom: 8px !important;
   }

   .footer-link ul li a {
     font-size: 14px;
   }

   .footer-link ul li+li {
     margin-top: 6px;
   }

   .other-info {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 20px;
   }

   .scan-box {
     width: 100px;
   }

   .dlai-box>img {
     width: 130px;
   }

   .footer-bottom {
     margin-top: 15px;
   }

   .footer-bottom p {
     font-size: 12px;
     font-weight: 500;
     margin-top: 20px;
     justify-content: center;
     min-height: auto;
     text-align: center;
     padding: 0px 50px;
     line-height: 18px;
   }

   .footer-apps.order-2 {
     order: 0 !important;
   }

   .floatingIcon {
     display: flex;
     position: fixed;
     left: 15px;
     bottom: 70px;
     width: 45px;
     height: 45px;
     font-size: 26px;
   }

   .floatingPhoneIcon {
     display: flex;
     position: fixed;
     left: 15px;
     bottom: 15px;
     width: 45px;
     height: 45px;
     font-size: 18px;
     background: #009d2e;
     color: #fff;
     justify-content: center;
     align-items: center;
     border-radius: 50%;
     box-shadow: 4px 4px 8px #cccccc6e;
   }

   .floatingPhoneIcon:hover,
   .floatingPhoneIcon:focus {
     background: #009d2e;
     color: #fff;
     transform: scale(1.15);
   }

   /* FOOTER END */

   /* MODAL START */

   .location-modal {
     max-width: auto;
   }

   .custom-modal.modal-dialog .close,
   .location-modal.modal-dialog .close {
     right: -5px;
     top: -5px;
     font-size: 16px;
     width: 28px;
     height: 28px;
   }

   .city-list-box ul li {
     width: 33.33%;
   }

   /* MODAL START */

   /* SUB PAGE CSS START */

   .heading-wrap h1 {
     font-size: 30px;
     padding-top: 0px;
     display: block;
     line-height: 40px;
   }
   
   .heading-wrap h2 {
     font-size: 24px;
     padding-top: 0px;
     line-height: 30px;
   }

   .heading-wrap h1 .priceTag {
     font-size: 22px;
     line-height: 30px;
     top: auto;
     bottom: -32px;
   }

   .heading-wrap h1 .priceTag sub {
     font-size: 14px;
   }

   .mtop-200{
    margin-top: 15px !important;
   }
   
   .image-wrap {
     margin-bottom: 25px !important;
   }

   .image-shortbox {
     bottom: 15px;
     right: 5px;
   }

   .shortbox-left {
     left: 5px;
     right: auto;
   }

   /* SUB PAGE CSS END */

   .compare-services-table .table>tbody>tr td .serviceHead {
     padding: 12px 10px;
     min-width: 130px;
   }

   .compare-services-table .thead-box {
     min-width: 200px !important;
   }

   .city-box {
     padding: 8px;
     margin: 8px 0px
   }

   .row-cols-lg-5 {
     margin-right: calc(-.3 * var(--bs-gutter-x));
     margin-left: calc(-.3 * var(--bs-gutter-x));
   }

   .row-cols-lg-5 .col-6 {
     padding-right: calc(var(--bs-gutter-x) * .3);
     padding-left: calc(var(--bs-gutter-x) * .3);
   }

   .city-box .btn-custom {
     padding: 0px 10px !important;
     height: 40px;
   }

   .city-box .btn-link {
     font-size: 12px;
     gap: 6px;
   }

   .city-box .btn-link span {
     font-size: 10px;
   }

   .inner-image-banner h1 {
     font-size: 24px;
     line-height: 32px;
   }

   .inner-image-banner {
     min-height: 250px;
   }

   .video-testimony-box {
     padding: 0px 15px;
   }

   .video-testimony-box.slick-slide.slick-current.slick-active.slick-center {
     transform: scale(1);
   }

   .faq-box.mt-0 {
     margin-top: 0px !important;
   }

   .error-box h1 {
     font-size: 54px;
     line-height: 70px;
   }

   .error-box h2 {
     font-size: 20px;
     line-height: 26px;
     margin-bottom: 5px;
   }

   .rate-button-box {
     font-size: 22px;
     line-height: 36px;
   }

 }

 @media screen and (max-width:576px) {
 
 	.slider-image{
/* 	  content:url("../images-v2/lady-with-laundry-in-hand-low.webp"); */
	  display: none;
	}

   .slider-content h1 .txt-rotate {
     display: flex;
   }

   /* APP STORE CSS START */

   .appstore-text h2 {
     font-size: 20px;
     line-height: 28px;
     text-align: center;
   }

   .appstore-text p {
     text-align: center;
   }

   .apps-box ul {
     padding-top: 15px;
   }

   /* APP STORE CSS END */

   /* MODAL START */

   .city-list-box ul li {
     width: 50%;
   }

   /* MODAL START */

   .services-wrapper .service-nav-pill {
     justify-content: center;
   }

   .service-nav-pill .nav-item {
     width: 33.33%;
   }

   .service-nav-pill .nav-link {
     padding: 10px 6px !important;
     font-size: 14px;
   }

   .table-striped>tbody>tr td .serviceHead {
     padding: 12px 10px;
     min-width: 155px;
   }

   .custom-table th,
   .custom-table td {
     font-size: 14px;
     padding: 0px 2px;
   }

   .testimonial-wrap .slick-center.slick-current {
     transform: scale(1) !important;
   }

   .popular-cities-list ul li {
     width: 33.33%;
   }

   .industry-item {
     min-height: auto;
   }

   .pb-170 {
     padding-bottom: 60px !important;
   }

   .inner-image-banner {
     min-height: 200px;
   }

   .city-list-wrapper {
     margin-top: -80px;
   }
   
   .city-page-image {
     margin-top: -80px;
   }

   .rate-heading-box {
     margin-bottom: 20px;
     padding-right: 0px;
   }

   .rate-heading-box>p {
     margin-bottom: 0px;
     text-align: center;
     line-height: 28px;
   }

   .rate-button-box {
     font-size: 18px;
     position: relative;
     text-align: center;
     margin-top: 18px;
     line-height: 24px;
   }

   .rate-button-box i {
     font-size: 16px;
   }

   .button-group-2 {
    text-align: center
   }

   .custom-navbar .navbar-collapse {
    width: 100%;
    left: 100%;
   }

   .custom-navbar .navbar-collapse.show {
    left: 0;
  }

 }

 @media screen and (max-width:350px) {
   /* MODAL START */

   .city-list-box ul li {
     width: 100%;
   }

   /* MODAL START */
 }