/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1920px) {
  .banner-shape {
    height: 236px;
}
}
@media (min-width: 1200px) and (max-width: 1920px) {
}


@media (min-width: 1800px) and (max-width: 1899px) {

  /*banner*/
  /* .banner-main { margin: 105px 20px 0 20px; }  */
  .banner-wrapper {padding: 105px 0 0 0;}
  /*banner*/
  /*header*/
  .h-content { padding: 0 50px; } 
  .header .navbar-brand img { bottom: -17px; } 
  .header .navbar-brand::before { height: 153px; width: 148px; }
  /*header*/
}

@media (min-width: 1700px) and (max-width: 1799px) {
  /*banner*/
  /* .banner-main { margin: 105px 20px 0 20px; }  */
  /*banner*/

  /*header*/
  .h-content { padding: 0 50px; } 
  .header .navbar-brand img { bottom: -17px; } 
  .header .navbar-brand::before { height: 153px; width: 148px; }
  /*header*/
}
@media (min-width: 1600px) and (max-width: 1699px) {

  /*header*/
  .header .navbar::after ,
  .header .navbar::before{ height: 100%; } .navbar-expand-xl .navbar-nav { padding-left: 160px; }
  .h-content { padding: 0 50px; } 
  .header .navbar-brand img { bottom: -17px; } 
  .header .navbar-brand::before { height: 153px; width: 148px; }
  .header { top: 0; }
  /*header*/

  /* footer */
  .footer .f-bottom { padding-bottom: 20px; }
  .footer .f-bottom:before { height: 200px; }
  .footer .f-navigation { margin-bottom: 60px; }
  .footer .f-address-section { margin-bottom: 45px; }
  /* footer */
}

@media (min-width: 1600px) {
  .container {
    max-width: 1550px;
  }
}

@media (min-width: 1500px) and (max-width: 1599px) {
    
  /*header*/
  .header .navbar::after ,
  .header .navbar::before{ height: 100%; } .navbar-expand-xl .navbar-nav { padding-left: 160px; }
  .h-content { padding: 0 50px; } 
  .header .navbar-brand img { bottom: -17px; } 
  .header .navbar-brand::before { height: 148px; width: 148px; }
  .header { top: 0; }
  /*header*/


  /*who we are*/
  .who-we-are-right .section-title { margin: 0 0 15px 0; } 
  .who-we-are-left{ max-width: 500px; margin: 0 auto 0 0; }
  .who-we-are-right .detail * { margin-bottom: 14px; font-size: 18px; }
  .who-we-are-right { max-width: 800px; margin: 0 0 0 auto; }
  .who-we-are-logo { right: -28px; } 
  .who-we-are-text { right: -19px; }
  /*who we are*/

  /* footer */
  .footer .f-bottom { padding-bottom: 20px; }
  .footer .f-bottom:before { height: 200px; }
  .footer .f-navigation { margin-bottom: 60px; }
  .footer .f-address-section { margin-bottom: 45px; }
  /* footer */

    /*contact*/
  .contact-us-section .contact-image { height: 515px; }
  /*contact*/
}

@media (min-width: 1400px) and (max-width: 1499px) {
  /*header*/
  .header .navbar-brand { max-width: 121px; }
  .header .navbar::after ,
  .header .navbar::before{ height: 100%; } .navbar-expand-xl .navbar-nav { padding-left: 160px; }
  .h-content { padding: 0 50px; } 
  .header .navbar-brand img { bottom: -17px; } 
  .header .navbar-brand::before { height: 148px; width: 148px; }
  .header { top: 0; }
  /*header*/
  /*banner*/
  .banner-inner { padding: 298px 0 181px; }
  /*banner*/

  /*who we are*/
  .who-we-are-right .section-title { margin: 0 0 15px 0; } 
  .who-we-are-logo { right: -27px; top: -70px; }
  .who-we-are-text { right: -18px; top: -61px; } 
  .who-we-are-left{ max-width: 500px; margin: 0 auto 0 0; }
  .who-we-are-right .detail * { margin-bottom: 14px; font-size: 18px; }
  /*who we are*/

  /*why choose us*/
  .why-choose-left .detail * { margin-bottom: 14px; font-size: 18px; }
  /*why choose us*/

  /*cleaning service*/
  .cleaning-service-detail .detail { font-size: 17px;    padding: 70px 0 20px; }
  /*cleaning service*/

  /* footer */
  .footer .f-bottom { padding-bottom: 20px; }
  .footer .f-bottom:before { height: 200px; }
  .footer .f-navigation { margin-bottom: 60px; }
  .footer .f-address-section { margin-bottom: 45px; }
  /* footer */
  /*contact*/
  .contact-us-section .contact-image { height: 515px; }
  /*contact*/

}

@media (min-width: 1300px) and (max-width: 1399px) {
  .main-title { font-size: 64px; }

  /*banner*/
  .banner-main { margin: 0 20px 0 20px; }   .banner-wrapper{padding: 100px 0 0 0;}
  /*banner*/
  /*header*/
  .header .navbar::after { left: 165px; }
  .header .navbar::before { right: 199px; }
  .h-content { padding: 0 50px; } 
  .header .navbar-brand img { bottom: -25px; right: -12px;} 
  .header .navbar-brand::before {height: 144px; width: 146px; }
  .header.h-stick .navbar-brand { max-width: 100px; }
  .header .navbar-brand { max-width: 116px; }
  .header .navbar-nav .nav-item .nav-link::after { left: -25px; width: 68px; height: 34px; bottom: -6px; }
  .header { top: 0; }
  /*header*/

  /*banner*/
  .banner-inner { padding: 298px 0 188px; }
  /*banner*/

  /*who we are*/
  .section-title { font-size: 48px; line-height: normal; }
  .who-we-are-right .section-title { margin: 0 0 15px 0; } 
  .who-we-are-logo { right: -27px; top: -70px; }
  .who-we-are-text { right: -18px; top: -61px; } 
  .who-we-are-left{ max-width: 500px; margin: 0 auto 0 0; }
  .who-we-are-right .detail * { margin-bottom: 14px; font-size: 18px; }
  .who-we-are-right { max-width: 656px; margin: 0 0 0 auto; }
  /*who we are*/

  /*why choose us*/
  .why-choose-left .detail * { margin-bottom: 14px; font-size: 18px; }
  /*why choose us*/

  /*cleaning services*/
  .cleaning-service-detail .detail {  font-size: 17px;    padding: 70px 0 20px; } 
  .cleaning-service-detail .detail span { font-size: 14px; }
  .cleaning-wrp { height: 400px; } 
  .cleaning-wrp .service-img { height: 400px; }
  /*cleaning services*/

  /* contact */
  .section-title { font-size: 55px; line-height: 65px; }
  .contact-us-section { padding-top: 125px; padding-bottom: 50px; }
  .contact-us-section .contact-us-main-content { margin: 0 -20px; }
  .contact-us-section .contact-us-main-content > * { padding: 0 20px; }
  .contact-us-section .contact-us-main-content .contact-us-form-item { width: 575px; }
  .contact-us-section .contact-us-form { padding: 25px; }
  .contact-us-section .contact-image { height: 451px; }
  /* contact */

  /* footer */
  .footer .f-bottom { padding-bottom: 0; }
  .footer .f-description .f-back-dash-line { max-width: 1250px; }
  .footer .f-bottom:before { height: 175px; background-size: 100%; background-position: center bottom; }
  .footer .f-navigation { margin-bottom: 45px; }
  .footer .f-address-section { margin-bottom: 45px; }
  /* footer */

  /*testimonials*/
  .testimonials-title .detail { max-width: 465px; }
  /*testimonials*/

      /* Typography Start */
    .typography-content h1 {font-size: 60px;}
    .typography-content h2 {font-size: 55px; }
    .typography-content h3 {font-size: 45px;}
    .typography-content h4 {font-size: 40px; }
    .typography-content h5 {font-size: 30px; }
    /* Typography End */


}

@media (min-width: 1200px) and (max-width: 1299px) {
  .main-title { font-size: 58px; line-height: 61px; }
  body { font-size: 19px; line-height: 28px; }

  /*banner*/
  /* .banner-main { margin: 106px 20px 0 20px; }  */
  .banner-wrapper {padding:106px 0 0 0;}
  .banner-inner { padding: 298px 0 198px; }
  /*banner*/

  /*header*/
  .header .navbar::after { left: 165px; }
  .header .navbar::before { right: 199px; }
  .h-content { padding: 0 50px; } 
  .header .navbar-brand img { bottom: -19px; right: -12px;} 
  .header .navbar-brand::before { height: 143px; width: 146px; }
  .header .navbar-brand { max-width: 116px; }
  .header .navbar-nav .nav-item .nav-link::after { left: -25px; width: 68px; height: 34px; bottom: -6px; }
  .header .navbar-nav .nav-item .nav-link { font-size: 18px; line-height: 30px; }
  .header .navbar-nav .nav-item { margin: 0 17px; }
  .header { top: 0; }
  /*header*/
  /*who we are*/
  .section-title { font-size: 46px; line-height: normal; }
  .who-we-are-right .section-title { margin: 0 0 15px 0; } 
  .who-we-are-logo { right: 11px; top: -62px; max-width: 126px; }
  .who-we-are-text { right: 20px; top: -52px; max-width: 108px; }
  .who-we-are-left{ max-width: 500px; margin: 0 auto 0 0; }
  .who-we-are-right .detail * { margin-bottom: 14px; font-size: 18px; }
  .who-we-are-wrapper { padding: 73px 0 80px 0; }
  /*who we are*/
  
  /*why choose us*/
  .why-choose-left .detail * { margin-bottom: 14px; font-size: 18px; }
  /*why choose us*/

  /*cleaning services*/
  .cleaning-services-wrapper { padding: 50px 0; }
  .cleaning-service-detail .detail {  font-size: 16px;    padding: 70px 0 20px; } 
  .cleaning-services-wrapper .cleaner-vector svg{ max-width: 345px; }
  .cleaning-wrp { height: 400px; }
  .cleaning-wrp .service-img { height: 400px; }
  /*cleaning services*/

  /* contact */
  .section-title { font-size: 55px; line-height: 65px; }
  .contact-us-section { padding-top: 125px; padding-bottom: 50px; }
  .contact-us-section .contact-us-main-content { margin: 0 -20px; }
  .contact-us-section .contact-us-main-content > * { padding: 0 20px; }
  .contact-us-section .contact-us-main-content .contact-us-form-item { width: 575px; }
  .contact-us-section .contact-us-form { padding: 25px; }
  .contact-us-section .contact-image { height: 493px; }
  /* contact */

  /* footer */
  .footer .f-bottom { padding-bottom: 0; }
  .footer .f-description .f-back-dash-line { max-width: 1250px; }
  .footer .f-bottom:before { height: 175px; background-size: 100%; background-position: center bottom; }
  .footer .f-navigation { margin-bottom: 45px; }
  .footer .f-address-section { margin-bottom: 45px; }
  /* footer */

  /*testimonials*/
  .testimonials-title .detail { max-width: 465px; }
  /*testimonials*/


   /* Typography Start */
    .typography-content h1 {font-size: 60px;}
    .typography-content h2 {font-size: 55px; }
    .typography-content h3 {font-size: 45px;}
    .typography-content h4 {font-size: 40px; }
    .typography-content h5 {font-size: 30px; }
    /* Typography End */
}

@media (min-width:1200px){
  /*header*/
  .header .navbar-nav .nav-item .nav-link::after { bottom: 11px; } 
  .header .navbar-brand { position: absolute; top: 0; } 
  .header.h-stick .navbar-brand img { bottom: -17px; } 
  .header.h-stick .navbar-brand { max-width: 120px; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }
  /*header*/

}
@media (max-width:1199px){
  /*header*/
  .header { transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; } 
  button.navbar-toggler { border: none; } 
  .navbar-toggler { right: 0; top: 0; } 
  .navbar-toggler { border: none; background-color: var(--white); position: relative; z-index: 9999; right: 0; display: flex; justify-content: center; align-items: center; padding: 0; } 
  .navbar-collapse { position: fixed; top: 93px; right: -100%; max-width: 100%; width: 100%; bottom: 0; height: 100%; overflow: auto; background-color: var(--white); transition: 0.5s; z-index: 9; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; padding: 60px 0 130px 0; } 
  .navbar-collapse.show { right: 0; } 
  .navbar-collapse.show::before { right: 0; } 
  .navbar-collapse::before {
  content: "";
  position: fixed;
  width: 100%;
  /*height: 80px;
  */height: 115px;
  top: 0;
  right: -100%;
  background-color: var(--white);
  transition: 0.5s;
  z-index: 9;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
} 
  .navbar .navbar-nav { align-items: center; margin: 0 !important; } 
  .navbar-expand-xl .navbar-nav { padding-left: 0; } 
  .header .navbar-nav .nav-item { padding: 0; margin: 0; } 
  .header .navbar-nav .nav-item { margin: 0 24px !important; } 
  .navbar-toggler span { background-color: var(--white); width: 25px; height: 2px; display: block; margin-bottom: 5px; transition: 0.4s; position: relative; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; } 
  .navbar-toggler.open .hamburger { top: -2px; position: relative; } 
  .navbar-toggler.open span:first-child { top: 5px; transform: rotate(45deg); } 
  .navbar-toggler.open span:nth-child(2) { display: none; } 
  .navbar-toggler.open span:last-child { top: -2px; transform: rotate(-45deg); } 
  .navbar-toggler:focus { box-shadow: none; } 
  .hamburger-toggle { height: 32px; width: 35px; display: flex; align-items: center; justify-content: center; background: linear-gradient(180deg, #005dac 0%, #60afe0 100%); border-radius: 5px; } 
  .header .navbar-nav .nav-item .nav-link::after { left: -19px; width: 68px; height: 34px; bottom: -6px; } 
  .header-btn { display: block; margin: 24px auto 0 auto; max-width: 160px; width: 100%; } 
  .hamburger > *:last-child { margin-bottom: 0; } 
  .btn-box { width: 31px; height: 31px; } .btn { font-size: 18px; line-height: 18px; padding: 7px 7px 7px 11px; } 
  .header { top: 0; } 
  .header .navbar-nav .nav-item .nav-link { padding: 10px 0; } 
  .header .navbar::after { display: none; } 
  .header .navbar::before { display: none; } 
  .header .navbar-brand { max-width: 100px; transition: 0.4s ease-in-out; -webkit-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; } 
  .header .navbar-brand::before { height: 130px; width: 133px; } 
  .header .navbar-brand img { right: -9px; bottom: -21px; }

  /*cleaning service*/
  .cleaning-wrp { height: 400px; }
  .cleaning-wrp .service-img { height: 400px; }
  /*cleaning service*/

  .error-page .block-title * { font-size: 20px; }
.typography-wrp .common-detail { margin: 0 0 20px; }

}

@media (min-width: 992px) and (max-width: 1199px) {
  .main-title { font-size: 51px; line-height: 61px; }
  body { font-size: 18px; line-height: 25px; }

  /*header*/
  .btn { font-size: 18px; line-height: normal; }
  .header .navbar-nav .nav-item .nav-link { font-size: 17px; line-height: 100%; } 
  .header .navbar-nav .nav-item .nav-link::after { left: -25px; width: 68px; height: 34px; bottom: -6px; }
  .h-content { padding: 0 32px; } 
  .header .navbar-nav .nav-item .nav-link::after { left: -25px; width: 68px; height: 34px; bottom: -6px; }
  .header .navbar-nav .nav-item .nav-link { font-size: 18px; line-height: 30px; }
  .header .navbar-nav .nav-item { margin: 0 17px; }
  .header-btn .btn-box { width: 32px; height: 32px; }
  .header { top: 0; }
  /*header*/

  /*banner*/
  .banner-inner { padding: 160px 60px; } 
  .banner-inner .detail { margin: 24px 0; line-height: 140%; }
  /*banner*/

  /*who we are*/
  .section-title { font-size: 40px; line-height: normal; }
  .who-we-are-right .section-title { margin: 0 0 15px 0; } 
  .who-we-are-logo { right: -6px; top: -42px; max-width: 100px; }
  .who-we-are-text { right: 1px; top: -35px; max-width: 86px; }
  .who-we-are-left{ max-width: 500px; margin: 0 auto 0 0; }
  .who-we-are-right .detail * { margin-bottom: 14px; font-size: 17px; }
  .who-we-are-wrapper { padding: 73px 0 80px 0; }
  /*who we are*/

  /*why choose us*/
  .why-choose-left .detail * { margin-bottom: 14px; font-size: 17px; }
  /*why choose us*/

  /*cleaning services*/
  .cleaning-services-wrapper { padding: 50px 0; }
  .cleaning-service-detail .detail { font-size: 16px;            padding: 70px 0 20px; } 
  .cleaning-services-wrapper .cleaner-vector svg{ max-width: 316px; }
  /*cleaning services*/

  /* contact */
  .section-title { font-size: 48px; line-height: 55px; }
  .contact-us-section { padding-top: 100px; padding-bottom: 50px; }
  .contact-us-section .contact-us-main-content { flex-direction: column; margin: 0 -20px; }
  .contact-us-section .contact-us-main-content > * { flex: 0 0 auto !important; width: 100% !important; padding: 0 20px; }
  .contact-us-section .contact-us-main-content .contact-us-form-item { margin-top: 35px; }
  .contact-us-section .contact-us-form { padding: 25px; }
  .contact-us-section .contact-image { height: 370px; }
  /* contact */

  /* footer */
  .footer { font-size: 18px; line-height: 22px; }
  .footer .f-logo { margin-bottom: 35px; }
  .footer .f-logo a { width: 185px; height: 185px; }
  .footer .f-logo a * { width: 135px; height: 135px; }
  .footer .f-description .f-back-dash-line { max-width: 900px; }
  .footer .f-navigation ul { margin: 0 -10px; }
  .footer .f-navigation ul li { margin: 0 10px 10px; }
  .footer .f-bottom { background: var(--white); padding-top: 15px; padding-bottom: 0; }
  .footer .f-bottom:before { height: 90px; bottom: 100%; }
  .footer .f-navigation { margin-bottom: 45px; }
  .footer .f-address-section { margin-bottom: 45px; }
  /* footer */

  /*testimonials*/
  .testimonials-title .detail { max-width: 404px; }
  /*testimonials*/


  
   /* Typography Start */
    .typography-content h1 {font-size: 60px;}
    .typography-content h2 {font-size: 55px; }
    .typography-content h3 {font-size: 45px;}
    .typography-content h4 {font-size: 40px; }
    .typography-content h5 {font-size: 30px; }
    /* Typography End */
}

@media (min-width: 992px) { }

@media (max-width: 991px) { }

@media (min-width: 768px) and (max-width: 991px) {
  .main-title { font-size:44px; line-height: 48px; }
  body { font-size: 17px; line-height: 25px; }
  /*header*/
  .btn { font-size: 18px; line-height: normal; }
  .header .navbar-nav .nav-item .nav-link { font-size: 17px; line-height: 100%; } 
  .header .navbar-nav .nav-item .nav-link::after { left: -25px; width: 68px; height: 34px; bottom: -6px; }
  .h-content { padding: 0 32px; } 
  .header .navbar-nav .nav-item .nav-link::after { left: -25px; width: 68px; height: 34px; bottom: -6px; }
  .header .navbar-nav .nav-item .nav-link { font-size: 18px; line-height: 30px; }
  .header .navbar-nav .nav-item { margin: 0 17px; }
  .header-btn .btn-box { width: 32px; height: 32px; }
  /*header*/

  /*banner*/
  .banner-inner { padding: 160px 60px; } 
  .banner-inner .detail { margin: 24px 0; line-height: 140%; }
  /*banner*/

  /*who we are*/
  .section-title { font-size: 40px; line-height: normal; }
  .who-we-are-right { margin-top: 20px; } 
  .who-we-are-right .section-title { margin: 0 0 15px 0; } 
  .who-we-are-logo { position: absolute; right: 11px; top: -42px; max-width: 100px; } 
  .who-we-are-text { position: absolute; right: 18px; top: -35px; max-width: 86px; } 
  .who-we-are-left{ max-width: 500px; margin: 0 auto 0 0; }
  .who-we-are-wrapper { padding: 73px 0 80px 0; }
  /*who we are*/

  /*why choose us*/
  .why-choose-left .btn { margin: 10px 0 30px 0; }
  .why-choose-left .detail > *:last-child { margin-bottom: 20px; }
  /*why choose us*/

  /*cleaning services*/
  .cleaning-service-detail .detail {              padding: 40px 0 20px; font-size: 15px; } 
  .cleaning-service-detail .detail span { font-size: 14px; }
  .cleaning-services-wrapper { padding: 50px 0; }
  .cleaning-services-wrapper .cleaner-vector svg{ max-width: 350px; }
  .cleaning-wrp { height: 350px; }
  .cleaning-wrp .service-img { height: 350px; }
  /*cleaning services*/

  /* contact */
  .section-title { font-size: 42px; line-height: 50px; }
  .contact-us-section { padding-top: 75px; padding-bottom: 42px; }
  .contact-us-section .contact-us-main-content { flex-direction: column; margin: 0 -20px; }
  .contact-us-section .contact-us-main-content > * { flex: 0 0 auto !important; width: 100% !important; padding: 0 20px; }
  .contact-us-section .contact-us-main-content .contact-us-form-item { margin-top: 35px; }
  .contact-us-section .contact-us-form { padding: 20px; }
  .contact-us-section .contact-image { height: 300px; }
  /* contact */

  /* footer */
  .footer { font-size: 18px; line-height: 22px; }
  .footer .f-logo { margin-bottom: 35px; }
  .footer .f-logo a { width: 185px; height: 185px; }
  .footer .f-logo a * { width: 135px; height: 135px; }
  .footer .f-description .f-back-dash-line { max-width: 700px; }
  .footer .f-navigation ul { margin: 0 -10px; }
  .footer .f-navigation ul li { margin: 0 10px 10px; }
  .footer .f-bottom { background: var(--white); padding-top: 15px; padding-bottom: 0; }
  .footer .f-bottom:before { height: 90px; bottom: 100%; }
  .footer .f-navigation { margin-bottom: 45px; }
  .footer .f-address-section { margin-bottom: 45px; }
  .footer .f-address-section .f-address-list > * { width: 50%; }
  /* footer */

  /*testimonials*/
  .testimonials-title { display: flex ; align-items: center;
  flex-direction: column; text-align: center; row-gap: 14px; }
  .quote { max-width: 50px; } 
  .testimmonials-inner { padding: 15px; } 
  .testimmonials-inner .detail { margin: -10px auto 20px auto; font-size: 15px; line-height: 22px; } 
  .testimonials-detail .resignation * { font-size: 14px; } 
  .testimonials-title .section-title { margin: 0 auto; } 
  .testimonials-wrapper { padding: 30px 0; margin: 0 15px; } 
  .testimonials-detail .detail { margin: 0; } 
  .testimonial-inner-wrapper { margin-top: 21px; } 
  .testimonials-wrapper .slick-arrow-wrapper { margin-top: 30px; }
  .testimonials-title { flex-direction: column; }
 /*testimonials*/

    /* Typography Start */
    .typography-content h1 {font-size: 55px;}
    .typography-content h2 {font-size: 50px; }
    .typography-content h3 {font-size: 40px;}
    .typography-content h4 {font-size: 35px; }
    .typography-content h5 {font-size: 30px; }
    /* Typography End */

  }

@media (min-width: 768px) {
}

@media (max-width: 767px) {
  .main-title { font-size: 36px; line-height: 48px; } 
  body { font-size: 16px; line-height: 25px; }
    /*header*/
  .btn { font-size: 17px; line-height: normal; }
  .header .navbar-nav .nav-item .nav-link { font-size: 17px; line-height: 100%; } 
  .header .navbar-nav .nav-item .nav-link::after { left: -25px; width: 68px; height: 34px; bottom: -6px; }
  .h-content { padding: 0 32px; } 
  .header .navbar-nav .nav-item .nav-link::after { left: -25px; width: 68px; height: 34px; bottom: -6px; }
  .header .navbar-nav .nav-item .nav-link { font-size: 18px; line-height: 30px; }
  .header .navbar-nav .nav-item { margin: 0 17px; }
  .header-btn .btn-box { width: 32px; height: 32px; }
  /*header*/

  /*banner*/
  .banner-inner { padding: 160px 26px; } 
  .banner-inner .detail { margin: 9px 0 25px; line-height: 140%; } 
  .banner-main { background-size: cover !important; }
  /*banner*/

  /*who we are*/
  .section-title { font-size: 34px; line-height: normal; }
  .who-we-are-right { margin-top: 20px; } 
  .who-we-are-right .section-title { margin: 0 0 15px 0; } 
  .who-we-are-logo { position: absolute; right: 11px; top: -42px; max-width: 100px; } 
  .who-we-are-text { position: absolute; right: 18px; top: -35px; max-width: 86px; } 
  .who-we-are-left{ max-width: 500px; margin: 0 auto 0 0; }
  .who-we-are-wrapper { padding: 73px 0 80px 0; }
  /*who we are*/

 /*why choose us*/
  .why-choose-left .btn { margin: 10px 0 30px 0; }
  .why-choose-left .detail > *:last-child { margin-bottom: 20px; }
  .why-choose-wrapper { padding: 30px 0; margin: 0 10px; }
  /*why choose us*/

  /*cleaning services*/
  .cleaning-services-wrapper { padding: 50px 0; } 
  .cleaning-service-detail .detail { font-size: 20px;  } 
  .cleaning-service-slider .slick-list { padding: 42px 0 40px 0; }
  .cleaning-service-detail .detail span { font-size: 14px; }
  /*cleaning services*/

  /* contact */
  .common-form .form-field:before { left: 20px; }
  .common-form .form-select,
  .common-form .form-control { padding-left: 20px; padding-right: 20px; }
  .contact-us-section .contact-image { height: 200px; }
  .contact-us-section .section-back-shape { max-width: 225px; z-index: -1;}
  .contact-us-section { padding-top: 65px; padding-bottom: 42px; }
  .contact-us-section .contact-us-main-content { flex-direction: column; margin: 0 -15px; }
  .contact-us-section .contact-us-main-content > * { flex: 0 0 auto !important; width: 100% !important; padding: 0 15px; }
  .contact-us-section .contact-us-main-content .contact-us-form-item { margin-top: 35px; }
  .contact-us-section .contact-us-form { padding: 15px; }
  /* contact */

  /* footer */
  .footer { font-size: 16px; line-height: 20px; }
  .footer .f-logo { margin-bottom: 30px; }
  .footer .f-logo a { width: 150px; height: 150px; }
  .footer .f-logo a * { width: 100px; height: 100px; }
  .footer .f-description .f-back-dash-line { max-width: 500px; }
  .footer .f-navigation ul { margin: 0 -10px; }
  .footer .f-navigation ul li { margin: 0 10px 10px; }
  .footer .f-bottom { background: var(--white); padding-top: 15px; padding-bottom: 0; }
  .footer .f-bottom:before { height: 90px; bottom: 100%; }
  .footer .f-navigation { margin-bottom: 45px; }
  .footer .f-address-section { margin-bottom: 45px; }
  .footer .f-address-section .f-address-list > * { width: 50%; margin-bottom: 25px; }
  /* footer */


  /*testimonials*/
  .testimonials-title { display: flex ; align-items: center;
  flex-direction: column; text-align: center; row-gap: 14px; }
  .quote { max-width: 50px; } 
  .testimmonials-inner { padding: 15px; } 
  .testimmonials-inner .detail { margin: -10px auto 20px auto; font-size: 15px; line-height: 22px; } 
  .testimonials-detail .resignation * { font-size: 14px; } 
  .testimonials-title .section-title { margin: 0 auto; } 
  .testimonials-wrapper { padding: 30px 0; margin: 0 15px; } 
  .testimonials-detail .detail { margin: 0; } 
  .testimonial-inner-wrapper { margin-top: 21px; } 
  .testimonials-wrapper .slick-arrow-wrapper { margin-top: 30px; }
  /*testimonials*/

  /*who we are*/
  .who-we-are-wrapper .cleaner-vector svg { max-width: 400px; height: 205px; }
  /*who we are*/

      /* Typography Start */
    .typography-content h1 {font-size: 55px;}
    .typography-content h2 {font-size: 50px; }
    .typography-content h3 {font-size: 40px;}
    .typography-content h4 {font-size: 35px; }
    .typography-content h5 {font-size: 30px; }
    .typography-content p { font-size: 17px; line-height: 26px; }
    /* Typography End */

    .contact-us-section .wpcf7-spinner {
    left: 180px !important;
}
}


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
  /*cleaning services*/
  .cleaning-service-detail .detail {  padding: 53px 0 20px;    font-size: 16px; }
  .cleaning-services-wrapper .cleaner-vector svg{ max-width: 350px; }
  /*cleaning services*/

}

@media (max-width: 575px) {
    /*header*/
    .h-content { padding: 0 17px; }
    /*header*/
    /*banner*/
    .banner-main::before { top: 22px; background-size: 100% 100%; }
    .banner-main { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } 
    .banner-main::after { border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; } 
    .banner-main { background-size: cover !important; margin:0px 15px 0 15px; } 
    .banner-inner { padding: 100px 10px; }
    /*banner*/
    
    /* footer */
    .footer .f-bottom:before { height: 50px; }
    .footer .f-address-section .f-address-list { flex-direction: column; }
    .footer .f-address-section .f-address-list > * { width: 100%; }
    /* footer */

    /*cleaning services*/
    .cleaning-service-detail .detail {        padding: 53px 0 20px;   font-size: 16px; }
    .cleaning-services-wrapper .cleaner-vector svg{ max-width: 350px; }
    .cleaning-wrp .service-img { height: 390px; }
    .cleaning-wrp { height: 390px; }
    /*cleaning services*/

          /* Typography Start */
    .typography-content h1 {font-size: 36px; line-height: normal;}
    .typography-content h2 {font-size: 34px; line-height: normal;}
    .typography-content h3 {font-size: 32px;line-height: normal;}
    .typography-content h4 {font-size: 30px; line-height: normal;}
    .typography-content h5 {font-size: 25px; line-height: normal;}
    .typography-content p { font-size: 16px; line-height: 26px; }
    /* Typography End */
}
@media (max-width: 499px) {
    /*cleaning services*/
  /* .cleaning-service-detail .detail {  font-size: 19px; } */
  .cleaning-services-wrapper .cleaner-vector svg{ top: 14px; left: -64px; max-width: 267px; }
  /*cleaning services*/

}