/* Responsive CSS */

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

   .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;
   }

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

 }

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

   h1 {
     font-size: 46px;
     font-weight: 700;
     line-height: 62px;
   }

   h2 {
     font-size: 38px;
     line-height: 52px;
   }

   h3 {
     font-size: 24px;
     line-height: 34px;
   }

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

   /* HEADER START */

   header {
     padding: 12px 0px;
   }

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

   .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;
   }

   .custom-navbar .navbar-nav {
     text-align: center;
     border-top: 2px solid #000;
     padding-top: 10px;
   }

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

   .custom-navbar .navbar-collapse {
     flex-grow: 0;
     margin-top: 20px;
     padding: 0px !important;
   }

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

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

   /* HEADER START */

   /* SUB PAGE CSS START */

   .heading-wrap h1 {
     font-size: 40px;
     padding-top: 40px;
   }

   /* SUB PAGE CSS END */

 }

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

   body {
     font-size: 14px;
     line-height: 22px;
   }

   h1 {
     font-size: 34px;
     line-height: 44px;
   }

   h2 {
     font-size: 24px;
     line-height: 34px;
   }

   h3 {
     font-size: 20px;
     line-height: 30px;
     margin-bottom: 12px;
   }

   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: 1000%;
     background-repeat: no-repeat;
   }

   .step1 {
     background-position: -441px 0px;
   }

   .step2 {
     background-position: -385px 0px;
   }

   .step3 {
     background-position: -330px 0px;
   }

   .step4 {
     background-position: -275px 0px;
   }

   .step5 {
     background-position: -496px 0px;
   }

   .step6 {
     background-position: 0px 0px;
   }

   .step7 {
     background-position: -166px 0px;
   }

   .step8 {
     background-position: -221px 0px;
   }

   .step9 {
     background-position: -55px 0px;
   }

   .step10 {
     background-position: -110px 0px;
   }

   .stpe-item h4 {
     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: 32px;
     padding-top: 32px;
     line-height: 40px;
   }

   .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;
  }


 }

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

   .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;
   }

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

   /* BOOKING FORM CSS START */

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

   .booking-form-wrapper {
     margin-top: -70px;
     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 h2 {
     font-size: 34px;
   }

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

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

   /* SERVICES CSS END */

 

   /* 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 20px;
     margin: 15px 0px;
   }

   /* 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 {
     position: fixed;
     right: 15px;
     bottom: 15px;
     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: 22px;
     padding-top: 0px;
     display: block;
     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,
   .image-wrap {
     margin-top: 25px !important;
   }

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

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

   /* SUB PAGE CSS END */



 }

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

   /* 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;
  }

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

  .custom-table th, .custom-table td {
    font-size: 14px;
    padding: 0px 2px;
  }
  
  .py-5 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}
  
  .inner-wrapper h1 {
  font-size: 30px;
  margin-bottom: 10px; 
}

.inner-wrapper h1::after {
  bottom: -30px;
}

.project-wrap .nav.nav-pills .nav-link {
  padding: 8px 12px;
  min-width: 50px;
  font-size: 14px;
 }
 
 .slider-wrapper {
  height: 320px;
}

.slider-content .mt-5 {
  margin-top: 20px !important;
}
 
 .slider-content h1 {
  margin-bottom: 12px !important;
  font-size: 30px;
  line-height: 42px;
}
 
.slider-content p {
  font-size: 14px;
  line-height: 24px;
  padding: 0px 0%;
}
 
 .contactUs-wrtapper {
  margin-top: 0px;
}

.counter-wrapper .col-md-4.d-flex.justify-content-end.py-5 {
  justify-content: center !important;
}
.counter-wrapper { 
  padding: 10px 30px; 
}

.contact-box {
  margin-bottom: 30px;
}

.contact-info h2 {
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 30px;
}
 }

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

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

   /* MODAL START */
 }