/*========================================================
	Main Style for Cruz Air Conditioning 2023
=========================================================*/
/* colors declaration */
:root {
  --light-blue: #26a4d6;
  --dark-blue: #003d73;
  --red: #d51232;
  --green: #18bb82;
  --gray: #f0f1f5;
  --btn-white: #fff;
  --btn-black: #000;
  --light-black: #444;
  --main-text: #505151;
  --ac-cool: #f0f1f5;
  --dealerbg: #eff2f4;
}


/* reset */
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
abbr,
address,
em,
img,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
article,
aside,
figcaption,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

*:focus {
  outline: none;
}

* {
  box-sizing: border-box;
}

input[type='submit'] {
  -webkit-appearance: none;
  border-radius: 0;
}

/* end reset */

/***********************************************************************************************/

/* common layout sections  - ALL common layouts for frame exist in this section */
body {
  font-size: 36px;
  font-family: 'Barlow', arial, sans-serif;
  font-weight: 500;
  color: var(--main-text);
}

p {
  line-height: 1.4;
  font-family: 'Barlow', arial, sans-serif;
}


/***********************************************************************************************/

/* common styling */
h1,
h2,
h3 {
  text-transform: uppercase;
}

h1 {
  font-size: 115px;
}

h2 {
  font-size: 97px;
}

h3 {
  font-size: 28px;
  letter-spacing: 1px;
}

/* end common styling */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {

}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {

}

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

}

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

}

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

}

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

}

/*========================================================
									TOP & NAVIGATION
=========================================================*/
/* not display on large screen */
.smobitrigger,
.mnuclose,
.menu ul li.mlogo,
.phoneMob,
.logoMob,
.telMob,
.menu ul li.mphone,
.menu ul li.madr,
.menu ul li.mhours,
.menu ul li.msocial,
.menu ul li.mmlink,
.menu ul li.maddress,
.fooList ul li.mlogo,
.fooList ul li.mphone,
.fooList ul li.madr,
.fooList ul li.mhours,
.fooList ul li.msocial,
.fooList ul li.mmlink,
.scrollinglogosMob,
.bannerTopMobWrap,
.bannerTypesMob,
.mh1Mob,
.bannerAboutMob,
.cruzAcNewBanMob {
  display: none;
}

/* end not display */

.pageFull {
  width: 100%;
}
.pageSize {
  width: 93%;
  margin: 0 auto;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {

}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .pageSize {
    width: 90%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .pageSize {
    width: 90%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .pageSize {
    width: 90%;
  }
}

@media only screen and (max-width: 767px) {
  .pageSize {
    width: 90%;
  }
}

/* top section  */
.top {
  width: 100%;
  display: block;
  position: static;
  background: #fff;
  border-bottom: 1px solid #ccc;
}

.boxesWrap {
  width: 93%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.one {
  width: 16%;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 170px;
}
.one img {
  width: 100%;
  display: block;
}

.two {
  width: 56%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 170px;
}

.three {
  width: 28%;
  display: flex;
  justify-content: flex-end;
  height: 170px;
}

.bigColBtns{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 45px;
}
.bigColBtns p{
  padding: 10px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 66px 66px;
  padding-left: 75px;
  color: var(--btn-white);
  font-size: 36px;
  font-weight: 500;
  text-transform: uppercase;
}
.drkBlue{
  background: var(--dark-blue);
}
.drkRed{
  background: var(--red);
}
.drkBlue p{
  background-image: url('../images/index/icon-top-repair-min.png');
}
.drkRed p{
  background-image: url('../images/index/icon-top-shop-min.png');
}


/*** menu section ***/
.menu ul li.mlink,
.menu ul li.m1link,
.menu ul li.m2link,
.menu ul li.m3link,
.menu ul li.mmlinks {
  display: none;
}

.menu ul li.dlink {
  font-size: 36px;
  display: inline-block;
  text-transform: capitalize;
  line-height: 110px;
  padding: 0 20px;
  font-weight: 400;
}

.menu ul li.dlink a {
  color: var(--light-blue);
}

/*** end menu section ***/
/* end top section  */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .boxesWrap {
    width: 90%;
  }
    .one,
    .two,
    .three {
        height: 100px;
    }
    .menu ul li.dlink {
        font-size: 24px;
    }
    .bigColBtns {
        padding: 0 20px;
    }
    .bigColBtns p {
        font-size: 21px;
        background-size: 46px 46px;
        padding-left: 60px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .boxesWrap {
    width: 94%;
  }
    .one,
    .two,
    .three {
        height: 100px;
    }

  .menu ul li.dlink {
    font-size: 18px;
      padding: 0 12px;
  }
    .bigColBtns {
        padding: 0 15px;
    }
    .bigColBtns p {
        font-size: 18px;
        background-size: 30px 30px;
        padding-left: 40px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .boxesWrap {
    width: 100%;
  }

  .one,
  .two,
  .three {
    height: 90px;
  }
    .one {
        margin-left: 2.5%;
    }
    .two {
        width: 64%;
    }


  .three {
    width: 20%;
      flex-direction: column;
  }
    nav {
        width: 100%;
        display: flex;
        justify-content: center;
    }
  .menu ul li.dlink {
    font-size: 16px;
    line-height: 90px;
    padding: 0 8px;
  }
     .bigColBtns {
        padding: 0 15px;
    }
    .bigColBtns p {
        font-size: 18px;
        background-size: 30px 30px;
        padding-left: 40px;
    }

}

@media only screen and (min-width: 1024px) {
  .menu ul {
    background: none !important;
  }
}


/*========================================================
									Buttons
=========================================================*/
.cruzBtn {
	display: inline-block;
	padding: 35px 75px;
	font-size: 34px;
    font-weight: 600;
	border-radius: 80px;
	background: var(--red);
	color: var(--btn-white);
  text-transform: uppercase;
}

.videoBtn {
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 20px 75px;
	font-size: 21px;
    font-weight: 600;
	border-radius: 0;
	background: var(--light-blue);
	color: var(--btn-white);
    text-transform: uppercase;
    cursor: pointer;
    line-height: 1;
    text-align: center;
}
.shopBtn {
    display: inline-block;
	padding: 20px 75px;
	font-size: 21px;
    font-weight: 600;
	border-radius: 0;
	background: var(--red);
	color: var(--btn-white);
    text-transform: uppercase;
    cursor: pointer;
    line-height: 1.1;
    text-align: center;
}
.shopBtn span {
    display: block;
}
.fooBtn {
    display: flex;
    justify-content: center;
    align-items: center;
	padding: 15px 25px;
	font-size: 21px;
    font-weight: 500;
	border-radius: 0;
	color: var(--btn-white);
    text-transform: capitalize;
    cursor: pointer;
    line-height: 1;
    text-align: center;
}
.fooBtnPay {
    background: var(--red);
    margin-bottom: 5px;
}
.fooBtnFin {
    background: var(--green);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .cruzBtn {
        padding: 25px 45px;
        font-size: 26px;
    }
    .videoBtn,
    .shopBtn {
        padding: 15px 65px;
        font-size: 18px;
    }

}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .cruzBtn {
        padding: 25px 45px;
        font-size: 26px;
    }
    .videoBtn,
    .shopBtn {
        padding: 15px 35px;
        font-size: 16px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .cruzBtn {
        padding: 25px 45px;
        font-size: 21px;
    }
    .videoBtn,
    .shopBtn {
        padding: 15px 25px;
        font-size: 14px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .cruzBtn {
        padding: 25px 45px;
        font-size: 21px;
    }
    .videoBtn,
    .shopBtn {
        padding: 15px 45px;
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
   .cruzBtn {
        padding: 25px 45px;
        font-size: 21px;
    }
    .videoBtn,
    .shopBtn {
        padding: 15px 45px;
        font-size: 16px;
    }
}
@media only screen and (max-width: 479px) {
    .cruzBtn {
        text-align: center;
        padding: 15px 25px;
    }
}

/*========================================================
		INDEX BANNER
=========================================================*/
.banCruz{
  background: url('../images/index/bg-grey-top-banner.jpg');
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0;
}
.banCruzWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.banCruzLeft{
  width: 50%;
}
.banCruzRight{
  width: 50%;
  position: relative;
}
.banCruz h1{
  color: var(--green);
  font-size: 140px;
  line-height: 1;
  font-weight: 700;
  margin-top: 80px;
}
.banCruz h1 span{
  color: var(--dark-blue);
}
.banCruzSocials{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 140px;
}
.banCruzSoc{
  border: 2px solid var(--light-blue);
}
.banCruzSoc img{
  width: 100%;
    max-width: 300px;
}
.firstCruzSoc{
  margin-right: 20px;
}
.banCruzRight img{
  position: absolute;
  right: -60px;
  top: -50px;
  width: 100%;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .banCruz h1 {
        font-size: 110px;
    }
    .banCruzSoc img {
        max-width: 240px;
    }
    .banCruzRight img {
        top: 0;
        right: 20px;
        max-width: 893px;
    }
    .banCruz {
        padding: 60px 0;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .banCruz h1 {
        font-size: 80px;
       margin-top: 35px;
    }
    .banCruzSoc img {
        max-width: 180px;
    }
    .banCruzRight img {
        top: 0;
        right: 20px;
        max-width: 586px;
    }
    .banCruz {
        padding: 60px 0;
    }
    .banCruzSocials {
        margin-top: 80px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .banCruz h1 {
        font-size: 80px;
       margin-top: 35px;
    }
    .banCruzSoc img {
        max-width: 180px;
    }
    .banCruzRight img {
        top: 40px;
        right: 0;
        max-width: 461px;
    }
    .banCruz {
        padding: 60px 0;
    }
    .banCruzSocials {
        margin-top: 80px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .banCruz {
        padding: 35px 20px 75px 20px;
    }
    .banCruzWrap {
        flex-direction: column-reverse;
    }
    .banCruzLeft,
    .banCruzRight {
        width: 100%;
    }
    .banCruzRight img {
        position: static;
    }
    .banCruz h1 {
        font-size: 90px;
        margin-top: 20px;
    }
    .banCruzSocials {
        margin-top: 50px;
    }
    .banCruzSoc img {
        max-width: 140px;
    }
}
@media only screen and (max-width: 767px) {
   .banCruz {
        padding: 35px 10px;
    }
    .banCruzWrap {
        flex-direction: column-reverse;
    }
    .banCruzLeft,
    .banCruzRight {
        width: 100%;
    }
    .banCruzRight img {
        position: static;
    }
    .banCruz h1 {
        font-size: 60px;
        margin-top: 20px;
    }
    .banCruzSocials {
        margin-top: 50px;
    }
    .banCruzSoc img {
        max-width: 140px;
    }
}
@media only screen and (max-width: 479px) {
    .banCruz h1 {
        font-size: 40px;
    }
    .banCruzSocials {
        flex-direction: column;
    }
    .firstCruzSoc {
        margin-right: 0;
        margin-bottom: 5px;
    }
    .banCruzSoc {
        width: 140px;
    }
}

/*========================================================
		cruzAcNew Index Banner
=========================================================*/
.cruzAcNew{
  background: url('../images/index/family-happy-from-ac.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 10% 0;
}
.cruzAcNewWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cruzAcNewLeft{
  width: 50%;
}
.cruzAcNewRight{
  width: 50%;
}
.cruzAcNewLeft h1{
  color: var(--green);
  font-size: 130px;
	line-height: 1;
	font-weight: 700;
}
.cruzAcNewLeft h1 a:hover{
  color: var(--dark-blue);
}
.cruzAcNewLeft h1 span {
	color: var(--dark-blue);
  display: block;
  font-size: 180px;
}
.cruzAcNewBtnsPlace {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 140px;
}
.cruzAcBtn{
  color: var(--btn-white);
  font-size: 36px;
  text-align: center;
  padding: 28px 35px;
  text-transform: uppercase;
  min-width: 320px;
  max-width: 395px;
}
.cruzAcBtn span{
  display: block;
}
.cruzAcBtn1{
  background: var(--dark-blue);
}
.cruzAcBtn2{
  background: var(--red);
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .cruzAcNewLeft h1{
    font-size: 90px;
  }
  .cruzAcNewLeft h1 span {
    font-size: 130px;
  }
  .cruzAcNewBtnsPlace {
  	margin-top: 100px;
  }
  .cruzAcBtn{
    font-size: 21px;
  }
  .cruzAcBtn {
  	font-size: 21px;
  	padding: 20px 35px;
  	min-width: 270px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .cruzAcNewLeft h1{
    font-size: 68px;
  }
  .cruzAcNewLeft h1 span {
    font-size: 95px;
  }
  .cruzAcNewBtnsPlace {
  	margin-top: 90px;
  }
  .cruzAcBtn{
    font-size: 18px;
  }
  .cruzAcBtn {
  	font-size: 18px;
  	padding: 28px 35px;
  	min-width: 225px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .cruzAcNew {
  	padding: 7% 0;
  }
  .cruzAcNewLeft h1{
    font-size: 56px;
  }
  .cruzAcNewLeft h1 span {
    font-size: 78px;
  }
  .cruzAcNewBtnsPlace {
  	margin-top: 70px;
  }
  .cruzAcBtn {
  	font-size: 18px;
  	padding: 20px 35px;
  	min-width: 260px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .cruzAcNew {
    background: none;
  	padding: 0% 0 10%;
  }
  .cruzAcNewBanMob{
    display: block;
    width: 100%;
    height: auto;
  }
  .cruzAcNewLeft h1{
    font-size: 60px;
    text-align: center;
  }
  .cruzAcNewLeft h1 span {
    font-size: 74px;
  }
  .cruzAcNewLeft{
    width: 100%;
    padding-top: 50px;
  }
  .cruzAcNewRight{
    display: none;
  }
  .cruzAcNewBtnsPlace{
    margin-top: 60px;
    justify-content: center;
  }
  .cruzAcBtn{
    width: 48%;
  }
  .cruzAcBtn{
    font-size: 24px;
    padding: 15px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .cruzAcNew {
    background: none;
  	padding: 0 0 0;
  }
  .cruzAcNewBanMob{
    display: block;
    width: 100%;
    height: auto;
  }
  .cruzAcNewLeft h1{
    font-size: 40px;
    text-align: center;
  }
  .cruzAcNewLeft h1 span {
    font-size: 60px;
  }
  .cruzAcNewLeft{
    width: 100%;
    padding-top: 50px;
  }
  .cruzAcNewRight{
    display: none;
  }
  .cruzAcNewBtnsPlace{
    margin-top: 60px;
    justify-content: center;
  }
  .cruzAcBtn{
    width: 80%;
    margin: 0 auto;
  }
  .cruzAcBtn{
    font-size: 23px;
    padding: 15px 20px;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {}
@media only screen and (max-width: 479px) {}

/*========================================================
		INDEX LightBlue lBlueSec Section
=========================================================*/
.lBlueSecMob {
    display: none!important;
}
.lBlueSec{
  background: var(--light-blue);
  padding: 60px 0;
}
.lBlueSecWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.lBlueSingle{
  position: relative;
  width: 25%;
  text-align: center;
  padding: 0 40px;
}
.lBlueSingle img{
  width: 100px;
}
.lBlueSingle p{
  color: var(--btn-white);
  font-size: 36px;
  line-height: 1.2;
  margin-top: 40px;
  text-transform: capitalize;
}
.lBlueSingle p span {
    display: block;
}
.lBlueSingle:nth-child(1)::after,
.lBlueSingle:nth-child(2)::after,
.lBlueSingle:nth-child(3)::after{
  content: '';
  width: 4px;
  height: 180px;
  border-right: 4px solid var(--btn-white);
  position: absolute;
  right: -4px;
  top: 20px;
  text-align: center;
  margin: 0 auto;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .lBlueSingle img {
        width: 80px;
    }
    .lBlueSingle p {
        font-size: 26px;
        margin-top: 30px;
    }
    .lBlueSingle:nth-child(1)::after, .lBlueSingle:nth-child(2)::after, .lBlueSingle:nth-child(3)::after {
        top: 0;
        width: 3px;
        border-right: 3px solid var(--btn-white);
        height: 160px;
    }
    .lBlueSec {
        padding: 35px 0;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .lBlueSingle img {
        width: 60px;
    }
    .lBlueSingle p {
        font-size: 21px;
        margin-top: 10px;
    }
    .lBlueSingle:nth-child(1)::after, .lBlueSingle:nth-child(2)::after, .lBlueSingle:nth-child(3)::after {
        top: 0;
        width: 3px;
        border-right: 3px solid var(--btn-white);
        height: 140px;
    }
    .lBlueSec {
        padding: 35px 0;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .lBlueSingle img {
        width: 50px;
    }
    .lBlueSingle p {
        font-size: 18px;
        margin-top: 0;
    }
    .lBlueSingle:nth-child(1)::after, .lBlueSingle:nth-child(2)::after, .lBlueSingle:nth-child(3)::after {
        top: 0;
        width: 2px;
        border-right: 2px solid var(--btn-white);
        height: 110px;
    }
    .lBlueSec {
        padding: 35px 0;
    }
    .lBlueSingle {
        padding: 0 10px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .lBlueSingle {
        width: 50%;
        padding: 0 15px;

    }
    .lBlueSingle:nth-child(2)::after {
        border-right: none;
    }
    .lBlueSingle:nth-child(1)::after,
    .lBlueSingle:nth-child(3)::after {
        width: 2px;
        border-right: 2px solid var(--btn-white);
        height: 160px;
        top: 5px;
    }
    .lBlueSingle img {
        width: 110px;
    }
    .lBlueSingle p {
        font-size: 24px;
        margin-top: 10px;
    }
    .lBlueSingle:nth-child(2),
    .lBlueSingle:nth-child(1) {
        margin-bottom: 70px;
    }
}
@media only screen and (max-width: 767px) {
    .lBlueSec {
        padding: 0;
    }
    .lBlueSecWrap {
        display: none;
    }
    .lBlueSecMob {
        display: block!important;
        background: var(--light-blue);
        padding: 35px 0 20px;
    }
   .lBlueSingle {
        width: 100%;
        padding: 0 15px;

    }
    .lBlueSingle:nth-child(2)::after,
    .lBlueSingle:nth-child(1)::after,
    .lBlueSingle:nth-child(3)::after {
        border-right: none;
    }
    .lBlueSingle img {
        width: 110px!important;
        margin: 0 auto;
    }
    .lBlueSingle p {
        font-size: 24px;
        margin-top: 10px;
    }
    .lBlueSingle:nth-child(2),
    .lBlueSingle:nth-child(1),
    .lBlueSingle:nth-child(3) {
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 479px) {

}

/*========================================================
		INDEX lookSec Section
=========================================================*/
.lookSec{
  background: var(--gray);
  padding: 85px 0 75px;
}
.lookSecWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.lookSecLeft{
  width: 45%;
}
.lookSecRight{
  width: 50%;
}
.lookSecLeft img{
  width: 100%;
}
.lookSecRight h2{
  color: var(--green);
  font-size: 66px;
  margin-top: 40px;
}
.lookSecRight p{
  margin-top: 70px;
    font-size: 26px;
    line-height: 1.5;
}
.lookSecBtnPlace{
  margin-top: 95px;
  text-align: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .lookSecRight h2 {
        font-size: 54px;
    }
    .lookSecRight p {
        font-size: 21px;
    }
    .lookSec {
        padding: 55px 0;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .lookSecRight h2 {
        font-size: 44px;
       margin-top: 0;
    }
    .lookSecRight p {
        font-size: 18px;
        margin-top: 35px;
    }
    .lookSec {
        padding: 55px 0;
    }
    .lookSecBtnPlace {
        margin-top: 35px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .lookSecRight h2 {
        font-size: 40px;
       margin-top: 0;
        line-height: 1.1;
    }
    .lookSecRight p {
        font-size: 18px;
        margin-top: 35px;
    }
    .lookSec {
        padding: 55px 0;
    }
    .lookSecBtnPlace {
        margin-top: 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .lookSec {
        padding: 35px 0 75px;
    }
    .lookSecWrap {
        flex-direction: column;
    }
    .lookSecLeft,
    .lookSecRight {
        width: 100%;
    }
    .lookSecRight h2 {
        font-size: 40px;
    }
    .lookSecRight p {
        font-size: 21px;
        margin-top: 35px;
    }
    .lookSecBtnPlace {
        margin-top: 35px;
    }
}
@media only screen and (max-width: 767px) {
   .lookSec {
        padding: 35px 0 75px;
    }
    .lookSecWrap {
        flex-direction: column;
    }
    .lookSecLeft,
    .lookSecRight {
        width: 100%;
    }
    .lookSecRight h2 {
        font-size: 40px;
    }
    .lookSecRight p {
        font-size: 21px;
        margin-top: 35px;
    }
    .lookSecBtnPlace {
        margin-top: 35px;
    }
}
@media only screen and (max-width: 479px) {

}
/*========================================================
		INDEX centrFl Section
=========================================================*/
.centrFl{
  padding: 120px 0;
}
.centrFlWrap{
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.centrFl h2{
  color: var(--light-blue);
  font-size: 62px;
}
.centrFl h2 span{
  color: var(--main-text);
  font-weight: 400;
    display: block;
    font-size: 58px;
}
.centrFl p{
    font-size: 26px;
    max-width: 1300px;
    margin: 70px auto 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .centrFl {
        padding: 60px 0;
    }
    .centrFl h2 {
        font-size: 48px;
    }
    .centrFl h2 span {
        font-size: 42px;
    }
    .centrFl p {
        font-size: 21px;
        max-width: 1130px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .centrFl {
        padding: 60px 0;
    }
    .centrFlWrap {
        width: 80%;
    }
    .centrFl h2 {
        font-size: 40px;
    }
    .centrFl h2 span {
        font-size: 32px;
    }
    .centrFl p {
        font-size: 19px;
        max-width: 1130px;
        margin-top: 35px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .centrFl {
        padding: 60px 0;
    }
    .centrFlWrap {
        width: 90%;
    }
    .centrFl h2 {
        font-size: 40px;
    }
    .centrFl h2 span {
        font-size: 32px;
    }
    .centrFl p {
        font-size: 19px;
        max-width: 1130px;
        margin-top: 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .centrFl {
        padding: 75px  0;
    }
    .centrFlWrap {
        width: 100%;
    }
    .centrFl h2 {
        font-size: 50px;
    }
    .centrFl h2 span {
        font-size: 40px;
    }
    .centrFl p {
        font-size: 21px;
    }
}
@media only screen and (max-width: 767px) {
   .centrFl {
        padding: 35px  0;
    }
    .centrFlWrap {
        width: 100%;
    }
    .centrFl h2 {
        font-size: 50px;
    }
    .centrFl h2 span {
        font-size: 40px;
    }
    .centrFl p {
        font-size: 21px;
        margin-top: 35px;
    }
}
@media only screen and (max-width: 479px) {
    .centrFl h2 {
        font-size: 44px;
    }
    .centrFl h2 span {
        font-size: 36px;
    }
}

/*========================================================
		INDEX acCool Section
=========================================================*/
.acCool {
    padding: 0 0 120px;
}
.acCoolWrap{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.acCoolSingle{
  width: 33.33%;
}
.acCoolBand{
  background: var(--light-blue);
  padding: 20px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 185px;
}
.acOne p,
.acTwo p,
.acThree p {
  color: var(--btn-white);
  font-size: 72px;
  text-transform: uppercase;
    position: relative;
    padding-left: 70px;
}
.acOne p::before {
    width: 140px;
    height: 140px;
    content: " ";
    background: url('../images/index/icon-ac-cooling-min.png') no-repeat;
    background-position: left top;
    background-size: 140px 140px;
    position: absolute;
    left: -100px;
    top: -15px;
}
.acThree p::before {
    width: 140px;
    height: 140px;
    content: " ";
    background: url('../images/index/icon-air-quality-min.png') no-repeat;
    background-position: left top;
    background-size: 140px 140px;
    position: absolute;
    left: -100px;
    top: -15px;
}
.acCoolBandGray{
  background: var(--ac-cool);
}
.acCoolIns {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 60px 120px;
    height: 713px;
}
.acCoolIns p {
    text-align: center;
    font-size: 24px;
    padding-bottom: 50px;
}
.acCoolBtnsPlace  {
    display: flex;
    flex-direction: row;
    margin-top: auto;
    justify-content: center;
}
.acCoolIns ul li {
    background: url('../images/index/red-check.png') no-repeat;
    background-position: left top 12px;
    background-size: 25px 25px;
    padding: 8px 0 8px 45px;
    font-size: 26px;
    text-transform: capitalize;
}
.acimg1 {
    max-width: 576px;
}
.acimg2 {
    max-width: 358px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .acOne p,
    .acTwo p,
    .acThree p {
        font-size: 44px;
        padding-left: 20px;
    }
    .acOne p::before,
    .acThree p::before {
        width: 100px;
        height: 100px;
        background-size: 100px 100px;
        left: -90px;
    }
    .acCoolBandGray img {
        width: 380px;
    }
    .acCoolBand {
        min-height: 160px;
    }
    .acCoolIns {
        height: 663px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .acOne p,
    .acTwo p,
    .acThree p {
        font-size: 34px;
        padding-left: 10px;
    }
    .acOne p::before,
    .acThree p::before {
        width: 80px;
        height: 80px;
        background-size: 80px 80px;
        left: -80px;
    }
    .acCoolBandGray img {
        width: 320px;
    }
    .acCoolBand {
        min-height: 160px;
    }
    .acCoolIns {
        height: 663px;
        padding: 25px 30px;
    }
    .acimg1 {
        width: 100%;
        max-width: 374px;
    }
    .acimg2 {
        width: 80%;
        max-width: 300px;
    }
      .acCool {
        padding-bottom: 90px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
     .acOne p,
    .acTwo p,
    .acThree p {
        font-size: 24px;
        padding-left: 10px;
    }
    .acOne p::before,
    .acThree p::before {
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
        left: -60px;
    }
    .acCoolBandGray img {
        width: 220px;
    }
    .acCoolBand {
        min-height: 120px;
    }
    .acCoolIns {
        height: 513px;
        padding: 25px 30px;
    }
    .acimg1 {
        width: 100%;
    }
    .acimg2 {
        width: 80%;
    }
      .acCool {
        padding-bottom: 50px;
    }
    .acCoolIns p {
        font-size: 18px;
    }
    .acCoolIns ul li {
        font-size: 19px;
        background-size: 20px 20px;
        padding: 8px 0 8px 35px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .acCoolWrap {
        flex-direction: column;
    }
    .acCoolSingle {
        width: 100%;
        margin-bottom: 75px;
    }
    .acCoolIns {
        height: auto;
        padding: 35px 120px;
    }
    .acCool {
        padding: 0;
    }
    .acOne p,
    .acTwo p,
    .acThree p {
        font-size: 34px;
        padding-left: 10px;
    }
    .acOne p::before,
    .acThree p::before {
        width: 80px;
        height: 80px;
        background-size: 80px 80px;
        left: -80px;
    }
    .acCoolBand {
        min-height: 110px;
    }
    .acCoolIns p {
        font-size: 18px;
    }
    .acCoolBandGray img {
        width: 300px;
    }

}
@media only screen and (max-width: 767px) {
   .acCoolWrap {
        flex-direction: column;
    }
    .acCoolSingle {
        width: 100%;
        margin-bottom: 50px;
    }
    .acCoolIns {
        height: auto;
        padding: 35px 40px;
    }
    .acCool {
        padding: 0;
    }
    .acOne p,
    .acTwo p,
    .acThree p {
        font-size: 34px;
        padding-left: 10px;
    }
    .acOne p::before,
    .acThree p::before {
        width: 80px;
        height: 80px;
        background-size: 80px 80px;
        left: -80px;
    }
    .acCoolBand {
        min-height: 110px;
    }
    .acCoolIns p {
        font-size: 21px;
    }
    .acCoolBandGray img {
        width: 300px;
    }
    .acimg1,
    .acimg2 {
        width: 100%;
    }
    .acCoolIns ul li {
        font-size: 21px;
    }
}
@media only screen and (max-width: 479px) {
    .acOne p, .acThree p {
        padding-left: 60px;
    }
    .acOne p::before, .acThree p::before {
        width: 60px;
        height: 60px;
        background-size: 60px 60px;
        left: -10px;
        top: -5px;
    }
    .acCoolIns {
        padding: 35px 20px;
    }
    .acCoolBtnsPlace {
        flex-direction: column;
    }
    .acCoolSingle {
        margin-bottom: 0;
    }

}
/*========================================================
		INDEX dealer Section
=========================================================*/
.dealerBg {
    padding: 120px 0;
    background: var(--dealerbg);
}
.dealerWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.dealerWrap h3 {
    font-size: 66px;
    text-transform: uppercase;
    text-align: center;
    color: var(--light-blue);
    line-height: 1;
    padding-bottom: 70px;
}
.dealerWrap h3 span {
    color: var(--red);
}
.dealerBtn {
    font-size: 36px;
    padding: 25px 75px;
}
.dealerBtn span {
    text-transform: capitalize;
    font-weight: 400;
    margin-right: 20px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .dealerBg {
        padding: 60px 0 90px;
    }
    .dealerWrap h3 {
        font-size: 54px;
    }
    .dealerBtn {
        font-size: 28px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .dealerBg {
        padding: 60px 0 90px;
    }
    .dealerWrap h3 {
        font-size: 54px;
    }
    .dealerBtn {
        font-size: 28px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .dealerBg {
        padding: 60px 0 90px;
    }
    .dealerWrap h3 {
        font-size: 54px;
    }
    .dealerBtn {
        font-size: 28px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .dealerBg {
        padding: 60px 0 90px;
    }
    .dealerWrap h3 {
        font-size: 44px;
    }
    .dealerBtn {
        font-size: 21px;
        padding: 15px 45px;
    }
}
@media only screen and (max-width: 767px) {
   .dealerBg {
        padding: 60px 0 90px;
    }
    .dealerWrap h3 {
        font-size: 44px;
    }
    .dealerBtn {
        font-size: 21px;
        padding: 15px 45px;
    }
}
@media only screen and (max-width: 479px) {
    .dealerBtn span {
        display: block;
        margin-right: 0;
    }
}

/*========================================================
		INDEX 21 SEER Section
=========================================================*/
.seerWrap {
    width: 100%;
    display: flex;
    align-items: center;
    background: var(--dark-blue);
}
.seerLeft,
.seerRight {
    width: 50%;
}
.seerLeft img {
    width: 100%;
    display: block;
}
.seerRight {
    padding: 0 100px 0 260px;
}
.seerRightWrap {
    max-width: 610px;
    display: flex;
    flex-direction: column;
}
.seerRightWrap h3 {
    font-size: 34px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--btn-white);
}
.seerRightWrap img {
    display: block;
    margin: 10px 0;
}
.seerRightWrap ul {
    padding: 25px 0 75px 140px;
}
.seerRightWrap ul li {
    background: url('../images/index/red-check.png') no-repeat;
    background-position: left top 20px;
    background-size: 30px 30px;
    padding: 12px 0 12px 45px;
    font-size: 34px;
    text-transform: capitalize;
    color: var(--btn-white);

}
.seerBtnPlace {
   padding-left: 140px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .seerRightWrap ul li {
        font-size: 28px;
        background-position: left top 15px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .seerRightWrap ul li {
        font-size: 21px;
        background-position: left top 15px;
    }
    .seerRight {
        padding: 0 20px 0 60px;
    }
    .seerRightWrap img {
        max-width: 460px;
    }
    .seerRightWrap h3 {
        font-size: 26px;
    }
    .seerRightWrap ul {
        padding: 25px 0 25px 80px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .seerRightWrap ul li {
        font-size: 18px;
        background-position: left top 15px;
        background-size: 20px 20px;
        padding: 8px 0 8px 30px;
    }
    .seerRight {
        padding: 0 20px 0 60px;
    }
    .seerRightWrap img {
        max-width: 380px;
        margin: 5px 0 0;
    }
    .seerRightWrap h3 {
        font-size: 19px;
    }
    .seerRightWrap ul {
        padding: 25px 0 25px 80px;
    }
    .seerBtn {
        padding: 15px 45px;
        font-size: 16px;
    }
    .seerBtnPlace {
        padding-left: 80px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .seerWrap {
        flex-direction: column;
    }
    .seerLeft, .seerRight {
        width: 100%;
    }
    .seerRight {
        padding: 75px 0;
    }
    .seerRightWrap {
        margin: 0 auto;
    }
    .seerRightWrap ul li {
        font-size: 21px;
        background-position: left top 13px;
        background-size: 25px 25px;
        padding: 12px 0 12px 40px;
    }
}
@media only screen and (max-width: 767px) {
   .seerWrap {
        flex-direction: column;
    }
    .seerLeft, .seerRight {
        width: 100%;
    }
    .seerRight {
        padding: 50px 20px;
    }
    .seerRightWrap {
        margin: 0 auto;
        max-width: 430px;
    }
    .seerRightWrap ul li {
        font-size: 21px;
        background-position: left top 13px;
        background-size: 25px 25px;
        padding: 12px 0 12px 40px;
    }
    .seerRightWrap h3 {
        font-size: 24px;
    }
    .seerRightWrap ul,
    .seerBtnPlace {
        padding-left: 20px;
    }
    .seerRightWrap ul {
        padding-bottom: 35px;
    }
    .seerRightWrap img {
        width: 100%;
        max-width: 420px;
    }

}
@media only screen and (max-width: 479px) {
    .seerRightWrap img {
        max-width: 100%;
    }
    .seerRightWrap {
        max-width: 100%;
    }
}
/*========================================================
		INDEX 3 columns list Section
=========================================================*/
.optiWrapMob {
    display: none!important;
}
.optiBg {
    padding: 120px 0 90px;
}
.optiTit h3 {
    text-align: center;
    font-size: 62px;
    color: var(--light-blue);
    line-height: 1.1;
    padding-bottom: 90px;
}
.optiTit h3 span {
    display: block;
}
.optiWrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 90px;
}
.optiBox {
    width: 31%;
    display: flex;
    flex-direction: column;
    text-align: center;
}
.optiBox img {
    display: block;
    max-width: 120px;
    margin: 0 auto;
}
.optiBox p {
    font-size: 36px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 35px 0;
}
.optiBox ul {
    text-align: left;
    width: 550px;
    margin: 0 auto;
}
.optiBox ul li {
    background: url('../images/index/red-check.png') no-repeat;
    background-position: left top 15px;
    background-size: 20px 20px;
    font-size: 24px;
    padding: 8px 0 8px 30px;
}
.optiBtnPlace {
    text-align: center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .optiBg {
        padding: 75px 0 80px;
    }
    .optiTit h3 {
        font-size: 48px;
    }
    .optiBox img {
        max-width: 100px;
    }
    .optiBox p {
        font-size: 28px;
    }
    .optiBox ul {
        width: 400px;
    }
    .optiBox ul li {
        font-size: 18px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .optiBg {
        padding: 75px 0 80px;
    }
    .optiTit h3 {
        font-size: 40px;
    }
    .optiBox img {
        max-width: 100px;
    }
    .optiBox p {
        font-size: 28px;
    }
    .optiBox ul {
        width: 400px;
    }
    .optiBox ul li {
        font-size: 18px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .optiBg {
        padding: 75px 0 80px;
    }
    .optiTit h3 {
        font-size: 40px;
    }
    .optiBox img {
        max-width: 80px;
    }
    .optiBox p {
        font-size: 21px;
    }
    .optiBox ul {
        width: 100%;
    }
    .optiBox ul li {
        font-size: 16px;
        background-position: left top 10px;
        background-size: 15px 15px;
        padding: 8px 0 8px 25px;
    }
    .optiWrap {
        margin-bottom: 50px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .optiBg {
        padding: 75px 0 50px;
    }
    .optiWrap {
        flex-direction: column;
        margin-bottom: 0;
    }
    .optiBox {
        width: 100%;
        margin-bottom: 75px;
    }
    .optiTit h3 {
        font-size: 40px;
    }
    .optiBox p {
        font-size: 24px;
    }
    .optiBox ul li {
        font-size: 18px;
        background-position: left top 10px;
        background-size: 20px 20px;
        padding: 8px 0 8px 30px;
    }
    .optiBox ul {
        width: 420px;
    }
}
@media only screen and (max-width: 767px) {
   .optiBg {
        padding: 50px 0;
    }
    .optiWrap {
        display: none;
    }
    .optiWrapMob {
        display: flex!important;
        justify-content: space-between;
        flex-direction: column;
        margin-bottom: 0;
    }
    .optiBox {
        width: 100%;
        margin-bottom: 5px;
    }
    .optiTit h3 {
        font-size: 40px;
        padding-bottom: 75px;
    }
    .optiBox p {
        font-size: 24px;
    }
    .optiBox ul li {
        font-size: 18px;
        background-position: left top 10px;
        background-size: 20px 20px;
        padding: 8px 0 8px 30px;
    }
    .optiBox ul {
        width: 420px;
    }
    .optiBtnPlace {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 479px) {
    .optiBox ul {
        width: 100%;
    }
    .optiBox img {
        width: 100px;
    }
    .optiTit h3 {
        font-size: 32px;
    }
}
/*========================================================
		FOOTER
=========================================================*/
.fooMenu ul li.mlogo,
.fooMenu ul li.mphone,
.fooMenu ul li.mhours,
.fooMenu ul li.mmlinks,
.fooMenu ul li.maddress,
.fooMenu ul li.msocial,
.fooOneMob {
    display: none;
}
.fooBg {
    padding: 0;
    background: var(--dealerbg);
}
.fooWrap {
    display: flex;
    padding: 90px 0;
}
.fooCol {
    width: 33.33%;
}
.fooOne,
.fooTwo {
    border-right: 3px solid #fff;
}
.fooOne {
    display: flex;
    align-items: center;
}
.fooCert,
.fooMenu {
    width: 50%;
}
.fooCert {
    display: flex;
    flex-direction: column;
    padding-left: 100px;
}
.fooCert img {
    width: 120px;
}
.fooCert img:nth-child(2) {
    margin: 50px 0;
}
.fooMenu ul li {
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: var(--dark-blue);
    text-transform: capitalize;
    padding: 8px 0;
}
.fooTwo {
    text-align: center;
}
.fooTwo img {
    width: 480px;
    margin-bottom: 120px;
}
.fooInfo {
    display: flex;
    flex-direction: column;
    padding-left: 220px;
}
.fooAdr,
.fooHours {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.fooAdr {
    margin-bottom: 35px;
}
.fooAdr p,
.fooHours p {
    font-size: 24px;
    line-height: 1.2;
    text-align: left;
    position: relative;
    padding-left: 70px;
}
.fooAdr p::before {
    width: 50px;
    height: 50px;
    content: " ";
    background: url('../images/index/icon-location-min.png') no-repeat;
    background-position: left center;
    background-size: 50px 50px;
    position: absolute;
    left: 0;
    top: 5px;
}
.fooHours p::before {
    width: 50px;
    height: 50px;
    content: " ";
    background: url('../images/index/icon-clock-min.png') no-repeat;
    background-position: left center;
    background-size: 50px 50px;
    position: absolute;
    left: 0;
    top: 10px;
}
.fooAdr p span,
.fooHours p span {
    display: block;
}
.fooThree {
    text-align: center;
    padding: 0 220px;
}
.fooThree p {
    font-size: 24px;
}
.fooThree p span {
    display: block;
}
.fooSocial {
    padding: 95px 0;
    display: flex;
    justify-content: space-between;
}
.fooSocial a {
    display: inline-block;
}
.fooSocial a img {
    width: 72px;
}
.fooBtnPlace {
    display: flex;
    flex-direction: column;
}
.cpbg {
    background: var(--dark-blue);
    padding: 25px 0;
    text-align: center;
}
.cpbg p {
    font-size: 18px;
    color: var(--btn-white);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .fooTwo img {
        width: 380px;
    }
    .fooAdr p, .fooHours p,
    .fooMenu ul li {
        font-size: 21px;
    }
    .fooInfo {
        padding-left: 120px;
    }
    .fooThree {
        padding: 0 130px;
    }
    .fooSocial a img {
        width: 70px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
   .fooTwo img {
        width: 300px;
    }
    .fooAdr p, .fooHours p,
    .fooMenu ul li {
        font-size: 18px;
    }
    .fooInfo {
        padding-left: 40px;
    }
    .fooThree {
        padding: 0 40px;
    }
    .fooWrap {
        padding: 60px 0;
    }
    .fooCert {
        padding-left: 0;
    }
    .fooCert img {
        width: 100px;
    }
    .fooThree p {
        font-size: 21px;
    }
    .cpbg p {
        font-size: 16px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .fooTwo img {
        width: 240px;
    }
    .fooAdr p, .fooHours p,
    .fooMenu ul li {
        font-size: 16px;
    }
    .fooInfo {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }
    .fooThree {
        padding: 0 20px;
    }
    .fooWrap {
        padding: 60px 0;
    }
    .fooCert {
        padding-left: 0;
    }
    .fooCert img {
        width: 80px;
    }
    .fooThree p {
        font-size: 18px;
    }
    .cpbg p {
        font-size: 14px;
    }
    .fooCert {
        width: 40%;
    }
    .fooMenu {
        width: 60%;
    }
    .fooAdr p::before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }
    .fooSocial a img {
        width: 50px;
    }
    .fooBtnPay,
    .fooBtnFin {
        font-size: 16px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .fooWrap {
        flex-direction: column;
        padding: 50px 0;
    }
    .fooCol {
        width: 100%;
    }
    .fooOne {
        display: none;
    }
    .fooTwo img {
        width: 280px;
        margin-bottom: 50px;
    }
    .fooOne, .fooTwo {
        border: none;
    }
    .fooInfo {
        padding-left: 0;
        width: 320px;
        margin: 0 auto;
    }
    .fooTwo {
        margin-bottom: 50px;
    }
    .fooOneMob {
        display: block;
        margin: 75px auto;
    }
    .fooMenu {
        width: 100%;
    }
    .fooCert {
        width: 400px;
        flex-direction: row;
        justify-content: space-between;
        padding-left: 0;
        margin: 0 auto 50px;
    }
    .fooCert img:nth-child(2) {
        margin: 0;
    }
    .fooMenu ul {
        text-align: center;
    }
    .fooMenu ul li {
        display: inline-block;
        padding: 0 20px;
        font-size: 18px;
    }
    .fooThree {
        padding: 0 120px;
    }
    .fooSocial {
        width: 65%;
        margin: 0 auto;
        padding: 25px 0;
    }
    .fooBtnPlace {
        width: 65%;
        margin: 0 auto;
    }
    .fooAdr p, .fooHours p {
        font-size: 18px;
    }
    .fooThree p {
        font-size: 19px;
    }
    .fooSocial a img {
        width: 60px;
    }
    .fooBtnPay,
    .fooBtnFin {
        font-size: 16px;
    }
    .cpbg p {
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px) {
   .fooWrap {
        flex-direction: column;
        padding: 50px 0;
    }
    .fooCol {
        width: 100%;
    }
    .fooOne {
        display: none;
    }
    .fooTwo img {
        width: 280px;
        margin-bottom: 50px;
    }
    .fooOne, .fooTwo {
        border: none;
    }
    .fooInfo {
        padding-left: 0;
        width: 320px;
        margin: 0 auto;
    }
    .fooTwo {
        margin-bottom: 50px;
    }
    .fooOneMob {
        display: block;
        margin: 75px auto;
    }
    .fooMenu {
        width: 100%;
    }
    .fooCert {
        width: 400px;
        flex-direction: row;
        justify-content: space-between;
        padding-left: 0;
        margin: 0 auto 50px;
    }
    .fooCert img:nth-child(2) {
        margin: 0;
    }
    .fooMenu ul {
        text-align: center;
    }
    .fooMenu ul li {
        display: block;
        padding: 10px 0;
        font-size: 18px;
    }
    .fooThree {
        padding: 0;
    }
    .fooSocial {
        width: 65%;
        margin: 0 auto;
        padding: 25px 0;
    }
    .fooBtnPlace {
        width: 65%;
        margin: 0 auto;
    }
    .fooAdr p, .fooHours p {
        font-size: 18px;
    }
    .fooThree p {
        font-size: 19px;
    }
    .fooSocial a img {
        width: 52px;
    }
    .fooBtnPay,
    .fooBtnFin {
        font-size: 16px;
    }
    .cpbg p {
        font-size: 14px;
    }
}
@media only screen and (max-width: 479px) {
    .fooCert {
        width: 100%;
    }
    .fooCert img {
        width: 80px;
    }
    .fooBtnPlace,
    .fooSocial {
        width: 250px;
    }
    .fooSocial a img {
        width: 50px;
    }
    .cpbg p span {
        display: block;
    }
    .fooInfo {
        width: 280px;
    }
    .fooAdr p,
    .fooHours p {
        padding-left: 55px;
    }
    .fooAdr p::before,
    .fooHours p::before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }
}

/*=======================================================
    AC Repair page
=========================================================*/
/*********** banner section *********************/
.bannerMain{
  background: url("../images/ac-repair/bannermain1.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 80px 0;
}
.bannerMain2{
  background: url("../images/ac-repair/bannermain2.jpg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding: 80px 0;
}

.centContent{
  max-width: 650px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  text-shadow: 1px 4px 6px #000;
  padding: 210px 0 220px;
}

.centContent h1{
  font-size: 64px;
  font-weight: 700;
}

.centContent p{
  font-size: 28px;
  margin: 10px auto 30px;
}
.centAdd{
  max-width: 980px;
}
.airRepCenter{
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.airepbg {
    background-color: #f7f7f7;
    padding: 10px 0;
}
.airepContent {
  width: 50%;
  text-align: center;
  color: #fff;
  text-shadow: 1px 4px 6px #000;
  padding: 210px 30px 220px;
}
.airepContent h1 {
  	color: var(--green);
  	font-size: 120px;
  	line-height: 1;
  	font-weight: 700;
}
.airepContent h1 span {
	color: var(--dark-blue);
}
.airepContent p {
    font-size: 28px;
    margin: 10px auto 30px;
    line-height: 1.5;
}

.airepWrap {
    width: 100%;
    margin: 100px auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.airepBox {
    width: 31%;
    padding: 45px 25px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transition: 0.5s;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
}
.airepBox:hover {
    box-shadow: 0 4px 18px 0 rgba(85, 85, 85, 0.2);
}
.airepBox h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: 1px;
    line-height: 1.5;
    height: 100px;
}
.airepBox img {
    width: 50px;
}
.airepBox p {
    font-size: 24px;
    margin-top: 30px;
    line-height: 1.5;
    text-align: left;
}

.airSides {
    width: 60%;
    margin: 100px auto;
}
.airSides h2 {
    text-align: left;
    font-size: 2.2em;
    font-weight: 700;
    border-bottom: 1px solid #e2e2e2;
    text-transform: capitalize;
    padding: 20px 0;
}
.airSides p {
    font-size: 1.4em;
    line-height: 42px;
    padding: 20px 0;
}
.airSides h4 {
    font-size: 36px;
    line-height: 1.5;
    letter-spacing: 1px;
    font-weight: 600;
}
.airSides ul {
    margin: 40px auto;
}
.airSides ul li {
    background: url('../images/checkmark.png');
    background-position: left top 10px;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    padding: 12px 0 12px 60px;
    font-size: 32px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .airepContent {
  	padding: 190px 30px 190px;
  }
  .airepContent h1 {
      font-size: 100px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .pageRep {
      width: 90%;
  }
  .airepContent {
      width: 60%;
      padding: 90px 0;
  }
  .airepContent h1 {
      font-size: 68px;
  }
  .airepContent p {
      margin: 30px auto 30px;
      line-height: 1.2;
  }
  .airepBox h2 {
      font-size: 24px;
      height: 72px;
  }
  .airepBox p {
      font-size: 21px;
  }

  .airSides {
      width: 80%;
      margin: 50px auto;
  }
  .airSides h4 {
      font-size: 32px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .pageRep {
      width: 90%;
  }
  .airepContent {
      width: 60%;
      padding: 90px 0;
  }
  .airepContent h1 {
      font-size: 52px;
  }
  .airepBox h2 {
      font-size: 21px;
      height: 72px;
  }
  .airepBox p {
      font-size: 18px;
  }
  .airepWrap {
      margin: 60px auto;
  }
  .airSides {
      width: 90%;
      margin: 50px auto;
  }
  .airSides h4 {
      font-size: 26px;
  }
  .airSides p {
      font-size: 18px;
      line-height: 1.5;
  }
  .airSides ul li {
      font-size: 24px;
      background-size: 30px 30px;
  padding: 12px 0 12px 50px;
  }

  .howItWorks {
      padding: 50px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .airSides {
      width: 90%;
      margin: 0 auto 30px;
  }
  .airSides h2 {
      font-size: 24px;
  }
  .pageRep {
      width: 90%;
  }
  .airepContent {
      width: 100%;
      float: none;
      padding: 90px 0;
  }
  .airepContent h1 {
      font-size: 52px;
  }
  .airepBox h2 {
      font-size: 21px;
      height: auto;
  }
  .airepBox p {
      font-size: 18px;
  }
  .airepWrap {
      margin: 60px auto 30px;
      flex-direction: column;
  }
  .airepBox {
      width: 90%;
      margin-bottom: 30px;
  }
  .airSides {
      width: 90%;
      margin: 30px auto;
  }
  .w100 .wframe .airSides {
      width: 90%;
      margin: 0 auto 30px;
  }
  .airSides h2 {
      font-size: 24px;
  }
  .airSides h4 {
      font-size: 24px;
  }
  .airSides ul li {
      font-size: 24px;
      background-size: 30px 30px;
  padding: 10px 0 10px 50px;
  }
  .airborboth {
      padding: 0 10px;
  }
  .airSides p {
      font-size: 18px;
      line-height: 1.6;
  }
  .airSides ul {
      margin: 20px auto 40px;
  }
}
@media only screen and (max-width: 767px) {}
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .centContent h1 {
      font-size: 42px;
  }
  .howItBox {
      margin-bottom: 20px;
  }
  .bannerMain {
      background-position: left -200px center;
  }
  .pageRep {
      width: 90%;
  }
  .airepContent {
      width: 100%;
      float: none;
      padding: 90px 0;
  }
  .airepContent h1 {
      font-size: 52px;
  }
  .airepBox h2 {
      font-size: 24px;
      height: auto;
  }
  .airepBox p {
      font-size: 21px;
  }
  .airepWrap {
      margin: 60px auto 30px;
      flex-direction: column;
  }
  .airepBox {
      width: 90%;
      margin-bottom: 30px;
  }
  .airSides {
      width: 100%;
      margin: 50px auto 30px;
  }
  .airSides h2 {
      font-size: 24px;
      padding: 20px 20px 0;
      line-height: 1.5;
  }
  .airSides p {
      padding: 20px;
      line-height: 1.5;
  }
  .airSides ul {
      padding: 0 20px;

  }
  .airSides ul li {
      font-size: 21px;
      background-size: 25px 25px;
  padding: 12px 0 12px 50px;
  }
  .airSides h4 {
      padding: 0 20px;
      font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .bannerMain2 {
      padding: 60px 0;
  }
  .centContent h1 {
      font-size: 36px;
  }
  .bannerMain {
      background-position: left -400px center;
  }
  .pageRep {
      width: 90%;
  }
  .airepContent {
      width: 100%;
      float: none;
      padding: 30px 0;
  }
  .airepContent h1 {
      font-size: 52px;
  }
  .airepBox h2 {
      font-size: 24px;
      height: auto;
  }
  .airepBox p {
      font-size: 21px;
  }
  .airepWrap {
      margin: 30px auto;
      flex-direction: column;
  }
  .airepBox {
      width: 100%;
      margin-bottom: 30px;
  }
  .centContent {
      padding: 0;
  }

  .airSides,
  .aboutSides {
      display: inline-block;
      width: 100%
  }
  .airSides {
      width: 100%;
      margin: 35px auto 30px;
  }
  .airVideo {
      width: 90%;
  }
  .airSides h2 {
      font-size: 24px;
      padding: 20px 20px 0;
      line-height: 1.5;
  }
  .airSides p {
      padding: 20px;
      font-size: 21px;
      line-height: 1.5;
  }
  .airSides ul {
      padding: 0 20px;

  }
  .airSides ul li {
      font-size: 21px;
      background-size: 25px 25px;
  padding: 12px 0 12px 50px;
  }
  .airSides h4 {
      padding: 0 20px;
      font-size: 24px;
  }
}

/*========================================================
    Maintenance page
=========================================================*/
.maintWrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 120px auto;
}
.maintLeft {
    width: 25%;
}
.maintLeft h2 {
    font-size: 45px;
    font-weight: 700;
    line-height: 1.1;
    text-align: left;
}
.maintLeft h2 span:first-of-type {
    color: #003D72;
}
.maintLeft h2 span {
    display: block;
}
.maintRight {
    width: 75%;
    margin-left: 2.5%;
    padding-left: 2.5%;
    border-left: 1px solid #ccc;
}
.maintRight p {
    font-size: 24px;
    line-height: 1.5;
}
.maintBbg {
    background-color: #f7f7f7;
}
.maintBoxes {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 120px 0;
}
.maintBoxLeft {
    width: 30%;
    display: flex;
    flex-direction: column;
}
.maintBox1 {
    max-width: 310px;
     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transition: 0.5s;
    background: #ffffff;
}
.maintBoxRight {
    width: 70%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.maintBox {
    display: flex;
    flex-direction: column;
    width: 48%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transition: 0.5s;
    background: #ffffff;
}
.maintBoxLeft img {
    width: 100%;
    max-width: 310px;
}
.maintInside {
    padding: 30px 20px;
    margin-top: auto;
}
.maintBox:hover,
.maintBox1:hover {
    box-shadow: 0 4px 18px 0 rgba(85, 85, 85, 0.2);
}
.maintInside h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.maintInside p {
    font-size: 21px;
    line-height: 1.5;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .maintRight p {
      font-size: 21px;
  }
  .maintLeft h2 {
      font-size: 42px;
  }
  .maintBoxes {
      padding: 60px 0;
  }
  .maintBox img {
      width: 100%;
  }
  .maintWrap {
          margin: 80px auto;
  }
  .maintInside {
      margin-top: 20px;
  }
  .maintInside p {
      font-size: 18px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .maintWrap {
      margin: 60px auto;
  }
  .maintRight p {
      font-size: 18px;
  }
  .maintLeft h2 {
      font-size: 32px;
  }
  .maintBoxes {
      padding: 60px 0;
  }
  .maintBoxes {
      flex-direction: column-reverse;
  }
  .maintBoxLeft,
  .maintBoxRight {
      width: 100%;
  }
  .maintBoxRight {
      margin-bottom: 35px;
  }
  .maintBox img {
      width: 100%;
  }
  .maintInside {
      margin-top: 20px;
  }
  .maintBox1{
      display: flex;
      flex-direction: row;
      align-items: center;
      max-width: 100%;
  }
  .maintInside p {
      font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .maintWrap {
     margin: 60px auto;
      flex-direction: column;
  }
  .maintLeft,
  .maintRight {
     width: 100%;
  }
  .maintLeft h2 span {
     display: inline-block;
     padding-bottom: 20px;
  }
  .maintRight {
     margin-left: 0;
  padding-left: 0;
     border-left: none;
  }
  .maintRight p {
     font-size: 18px;
  }
  .maintLeft h2 {
     font-size: 32px;
  }
  .maintBoxes {
     padding: 60px 0;
  }
  .maintBoxes {
     flex-direction: column-reverse;
  }
  .maintBoxLeft,
  .maintBoxRight {
     width: 100%;
  }
  .maintBoxRight {
     margin-bottom: 35px;
  }
  .maintBox img {
     width: 100%;
  }
  .maintInside {
     margin-top: 20px;
  }
  .maintBox1{
     display: flex;
     flex-direction: row;
     align-items: center;
     max-width: 100%;
  }
  .centContent {
     padding: 80px 0;
  }
  .maintInside p {
      font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .maintInside p {
      font-size: 18px;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .maintWrap {
      margin: 60px auto;
       flex-direction: column;
  }
  .maintLeft,
  .maintRight {
      width: 100%;
  }
  .maintLeft h2 span {
      display: inline-block;
  }
  .maintRight p {
      padding-top: 30px;
  }
  .maintRight {
      margin-left: 0;
  padding-left: 0;
      border-left: none;

  }
  .maintBoxRight {
      flex-direction: column;
  }
  .maintRight p {
      font-size: 21px;
  }
  .maintBox {
      width: 432px;
      margin: 0 auto 30px;
  }
  .maintLeft h2 {
      font-size: 36px;
  }
  .maintBoxes {
      padding: 60px 0;
  }
  .maintBoxes {
      flex-direction: column-reverse;
  }

  .maintBoxRight {
      width: 100%;
  }
  .maintBoxLeft {
      width: 310px;
      margin: 0 auto;
  }
  .maintBoxRight {
      margin-bottom: 35px;
  }
  .maintBox img {
      width: 100%;
  }
  .maintInside {
      margin-top: 20px;
  }
  .maintBox1{
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 100%;
  }
  .centContent {
      padding: 80px 0;
  }
}
@media only screen and (max-width: 479px) {
  .maintWrap {
      margin: 60px auto;
       flex-direction: column;
  }
  .maintLeft,
  .maintRight {
      width: 100%;
  }
  .maintLeft h2 span {
      display: inline-block;
  }
  .maintRight p {
      padding-top: 30px;
  }
  .maintRight {
      margin-left: 0;
  padding-left: 0;
      border-left: none;

  }
  .maintBoxRight {
      flex-direction: column;
  }
  .maintRight p {
      font-size: 21px;
  }
  .maintBox {
      width: 100%;
      margin: 0 auto 30px;
  }
  .maintLeft h2 {
      font-size: 36px;
  }
  .maintBoxes {
      padding: 60px 0;
  }
  .maintBoxes {
      flex-direction: column-reverse;
  }

  .maintBoxRight {
      width: 100%;
  }
  .maintBoxLeft {
      width: 310px;
      margin: 0 auto;
  }
  .maintBoxRight {
      margin-bottom: 35px;
  }
  .maintBox img {
      width: 100%;
  }
  .maintInside {
      margin-top: 20px;
  }
  .maintBox1{
      display: flex;
      flex-direction: column;
      align-items: center;
      max-width: 100%;
  }
  .centContent {
      padding: 0;
  }
}
/*========================================================
    AIR QUALITY page
=========================================================*/
.airbg {
    padding: 120px 0;
}
.airbg h1 {
    color: var(--light-blue);
    font-size: 62px;
    text-align: center;
}
.airWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    padding: 90px 0 35px;
}
.airBox {
    width: 33.33%;
    padding: 60px;
    text-align: center;
    display: flex;
    flex-direction: column;
}
.airBox h3 {
    font-size: 38px;
    color: var(--green);
    padding-bottom: 20px;
}
.airBox p {
    font-size: 26px;
    margin-bottom: 35px;
}
.airBntPlace {
    text-align: center;
    margin-top: auto;
}
.airBorderPlace {
    position: relative;
}
.airBorder {
    width: 2px;
    top: 200px;
    right: 0;
    height: 350px;
    background: var(--green);
    position: absolute;
}
.subair h3 {
    text-transform: capitalize;
    font-size: 32px;
}
.airItembg {
    padding: 120px 0 90px;
}
.airItemWrap {
    width: 50%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 60px;
}
.airItemLeft,
.airItemRight {
    width: 50%;
}
.itemImg {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.itemIco {
    max-width: 64px;
    display: block;
}
.airItemRight {
    padding: 0 60px;
}
.airItemRight h1 {
    font-size: 38px;
    color: var(--green);
    margin-bottom: 35px;
    text-transform: capitalize;
}
.speWrapBox h2 {
    font-size: 30px;
    text-transform: capitalize;
    font-weight: 600;
}
.wideSmRect {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    padding: 20px 5px 20px 50px;
}
.efficIcon {
    background-image: url(../images/product-icons/efficiency.png);
}
.wideSmRect p {
    font-size: 21px;
}
.wideSmRect ul li {
    font-size: 18px;
    line-height: 1.5;
}
.airSpecbg {
    padding: 90px 0 60px;
    background: var(--gray);
}
.spec3Wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.box3Single {
    width: 33.33%;
    padding: 30px 80px;
    text-align: center;
}
.box3Single p {
    font-size: 24px;
    padding-bottom: 20px;
    font-weight: 600;
    line-height: 1.3;
}
.box3Single ul li {
    font-size: 21px;
    line-height: 1.5;
}
.docbg {
    padding: 90px 0;
    background: #f9f9f9;
    text-align: center;
}
.docbg img {
    width: 200px;
    margin: 0 auto;
}
.docWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 30px;
}
.leftDoc, .rightDoc {
    width: 50%;
    padding: 60px;
    text-align: center;
}
.leftDoc p,
.rightDoc p {
    font-size: 24px;
    padding-bottom: 20px;
    font-weight: 600;
}
.leftDoc ul li,
.rightDoc ul li {
    font-size: 21px;
    line-height: 1.5;
}
.getqBtnPlace {
    padding-left: 50px;
    margin: 0 0 30px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .airBorder {
        width: 1px;
    }
    .airBox h3 {
        font-size: 32px;
    }
    .airBox p {
        font-size: 21px;
    }
    .airItemWrap {
        width: 70%;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {

    .airbg {
        padding: 70px 0;
    }
    .airbg h1 {
        font-size: 40px;
    }
    .airWrap {
        padding-top: 50px;
    }
    .airBox h3 {
        font-size: 28px;
    }
    .airBox p {
        font-size: 19px;
    }
    .subair h3 {
        font-size: 24px;
    }
    .airItembg {
        padding: 70px 0 50px;
    }
    .airItemWrap {
        width: 80%;
    }
    .airItemRight h1 {
        font-size: 30px;
    }
    .speWrapBox h2 {
        font-size: 24px;
    }
    .box3Single {
        padding: 30px 35px;
    }
    .box3Single ul li {
        font-size: 18px;
    }
    .airSpecbg {
        padding: 70px 0 50px;
    }
    .docbg {
        padding: 50px 0;
    }
    .airItemLeft {
        width: 40%;
    }
    .airItemRight {
        width: 60%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .airbg {
        padding: 70px 0 30px;
    }
    .airbg h1 {
        font-size: 40px;
    }
    .airWrap {
        padding: 35px 0 0;
    }
    .airBox h3 {
        font-size: 24px;
    }
    .airBox p {
        font-size: 16px;
    }
    .subair h3 {
        font-size: 24px;
    }
    .airItembg {
        padding: 70px 0 50px;
    }
    .airItemWrap {
        width: 100%;
    }
    .airItemRight h1 {
        font-size: 30px;
    }
    .speWrapBox h2 {
        font-size: 24px;
    }
    .box3Single {
        padding: 30px 35px;
    }
    .box3Single ul li {
        font-size: 18px;
    }
    .airSpecbg {
        padding: 70px 0 50px;
    }
    .docbg {
        padding: 50px 0;
    }
    .airItemLeft {
        width: 40%;
    }
    .airItemRight {
        width: 60%;
    }
    .airBox {
        padding: 25px 20px;
        margin-bottom: 50px;
    }
    .subair img {
        width: 100%;
        display: block;
    }
    .airBorder {
        width: 1px;
        top: 130px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .airbg {
        padding: 70px 0 30px;
    }
    .airbg h1 {
        font-size: 40px;
    }
    .airWrap {
        padding: 35px 0 0;
    }
    .airBox h3 {
        font-size: 24px;
    }
    .airBox p {
        font-size: 16px;
    }
    .subair h3 {
        font-size: 24px;
    }
    .airItembg {
        padding: 70px 0 50px;
    }
    .airItemWrap {
        width: 100%;
        padding: 25px 20px;
    }
    .airItemRight h1 {
        font-size: 30px;
    }
    .speWrapBox h2 {
        font-size: 24px;
    }
    .box3Single {
        padding: 30px 35px;
    }
    .box3Single ul li {
        font-size: 16px;
    }
    .airSpecbg {
        padding: 35px 0;
    }
    .docbg {
        padding: 35px 0 0;
    }
    .airItemLeft {
        width: 40%;
    }
    .airItemRight {
        width: 60%;
        padding-right: 20px;
    }
    .airBox {
        padding: 25px 20px;
        margin-bottom: 50px;
        width: 50%;
    }
    .subair img {
        width: 100%;
        display: block;
    }
    .airBorder {
        display: none;
    }
    .box3Single img {
        width: 70px;
        margin-bottom: 20px;
    }
    .leftDoc p, .rightDoc p {
        font-size: 18px;
    }
    .leftDoc ul li, .rightDoc ul li {
        font-size: 16px;
    }
}
@media only screen and (max-width: 767px) {
   .airbg {
        padding: 70px 0 30px;
    }
    .airbg h1 {
        font-size: 40px;
    }
    .airWrap {
        padding: 35px 0 0;
        flex-direction: column;
    }
    .airBox h3 {
        font-size: 24px;
    }
    .airBox p {
        font-size: 18px;
    }
    .subair h3 {
        font-size: 24px;
    }
    .airItembg {
        padding: 35px 0 50px;
    }
    .airItemWrap {
        width: 100%;
        padding: 25px 20px;
        flex-direction: column;
    }
    .airItemRight h1 {
        font-size: 30px;
    }
    .speWrapBox h2 {
        font-size: 24px;
    }
    .box3Single {
        padding: 30px 0;
        width: 100%;
    }
    .box3Single ul li {
        font-size: 18px;
    }
    .airSpecbg {
        padding: 35px 0;
    }
    .docbg {
        padding: 35px 0 0;
    }
    .airItemLeft, .airItemRight {
        width: 100%;
    }
    .airItemRight {
        padding: 50px 0 0;
    }
    .airBox {
        padding: 25px 20px 50px;
        margin-bottom: 0;
        width: 100%;
        border-bottom: 1px solid var(--green);
    }
    .subair img {
        width: 100%;
        display: block;
    }
    .airBorder {
        display: none;
    }
    .box3Single img {
        width: 70px;
        margin-bottom: 20px;
    }
    .leftDoc p, .rightDoc p {
        font-size: 18px;
    }
    .leftDoc ul li, .rightDoc ul li {
        font-size: 16px;
    }
    .airBoxLast {
        border: none;
    }
    .spec3Wrapper {
        flex-direction: column;
        width: 100%;
    }
    .docWrapper {
        flex-direction: column;
        padding: 30px 0;
    }
    .leftDoc, .rightDoc {
        width: 100%;
        padding: 20px 0;
    }
}
@media only screen and (max-width: 479px) {
    .airbg {
        padding: 35px 0 30px;
    }
}

/*========================================================
    FAQ page
=========================================================*/
.faqT {
    width: 100%;
    margin: 120px 0 60px;
}
.faqT h1 {
  color: var(--light-blue);
   font-size: 62px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
    line-height: 1.3;
    padding-bottom: 20px;
}
.faqContent {
    margin: 0 auto 120px;
    width: 1300px;
}
.faq-wrap {
    margin: 0 auto 30px;
    width: 100%;
}
p.faq {
	text-align: left;
	font-size: 26px;
    color: var(--green);
    padding: 10px 20px;
}
a.question {
    line-height: 1.5;
    display: inline-block;
    font-size: 32px;
    font-weight: 700;
    margin: 5px 0;
    cursor: pointer;
}
.faqa {
	  text-align: left;
    padding: 10px;
    font-size: 26px;
    line-height: 1.4;
    padding: 20px;
}

@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .staffLayer h1{
    font-size: 3.2rem;
  }
  .faqa{
    font-size: 24px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .bodyWrap {
    width: 100%;
  }
  a.question {
    font-size: 24px;
  }
  .faqa{
    font-size: 22px;
    line-height: 1.3;
  }
  .faqContent {
      width: 100%;
  }
  .faqT {
      margin: 60px 0;
  }
  .faqT h1 {
      font-size: 42px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .staffLayer h1 {
    font-size: 2.6rem;
      margin-bottom:20px;
  }
  .bodyWrap {
      width: 100%;
  }
  a.question {
      font-size: 21px;
  }
  .faqa{
    font-size: 19px;
    line-height: 1.3;
  }
  .faqContent {
      width: 100%;
      margin: 0 auto 80px;
  }
  .faqT {
      margin: 50px 0;
  }
  .faqT h1 {
      font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .staffLayer h1 {
    font-size: 2.4rem;
    margin-bottom: 10px;
  }
  .bodyWrap {
    width: 100%;
  }
  a.question {
    font-size: 21px;
    line-height: 1.3;
    background-size: 25px 25px;
  }
  .faqa{
    font-size: 19px;
    line-height: 1.3;
  }
  .faqContent {
      width: 100%;
      margin: 0 auto 80px;
  }
  .faqT {
      margin: 50px 0;
  }
  .faqT h1 {
      font-size: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .faqa{
    font-size: 19px;
    line-height: 1.3;
  }
  .faqT{
    margin: 50px 0 30px;
  }
  .faqT h1 {
  	font-size: 44px;
    line-height: 1.2;
  }
  .faqContent {
      width: 100%;
      margin: 0 auto 60px;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .faq-wrap {
      padding: 10px 0;
  }
  .aboutWrapper p img {
      float: none;
      margin: 0 auto 30px;
  }

  .staffLayer h1 {
      line-height: 1.4;
      margin-bottom: 20px;
  }
  a.question {
      font-size: 21px;
      line-height: 1.4;
      background-size: 25px 25px;
      background-position: left top 3px;
  }
  .faqContent {
      width: 100%;
      margin: 0 auto 80px;
  }
  a.question {
      font-size: 24px;
  }
}
@media only screen and (max-width: 479px) {
  .staffLayer {
    padding: 20px 0;
  }
  .staffLayer h1{
    line-height: 1.3;
  }
  .staffLayer h1 {
    margin-bottom: 20px;
  }
  a.question {
      background-size: 20px 20px;
      background-position: left top 5px;
      font-size: 21px;
      line-height: 1.3;
  }
  .faq-wrap {
      padding: 0;
  }
}

/*========================================================
	Contact Us page
=========================================================*/
.contTop{
  padding: 80px 0 0;
}
.contTop h1{
  color: var(--light-blue);
  font-family: 'Barlow', arial, sans-serif;
  font-size: 100px;
  line-height: 1.1;
  text-align: center;
  margin-bottom: 60px;
}
.contact{
  padding: 0 0 60px;
}
.centerContact{
  margin: 0 auto;
}
.contPar {
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    color: #003d72;
}
.addrComp,
.phoneComp,
.addr li{
  text-align: center;
  font-size: 34px;
}
.addrComp span,
.addr li span{
  display: block;
}
.addr li{
  text-align: center;
}
.addr{
  margin-bottom: 60px;
}
.phoneComp{
  color: #003D72;
  margin: 30px 0;
  font-size: 2.2rem;
    font-weight: 700;
}
p.sendUsMes{
  font-size: 28px;
  color: #0070ba;
}
form.stoneForm{
  width: 100%;
  margin: 0 auto 20px;
  overflow: hidden;
  max-width: 1300px;
}
.formHalfWrapper{
  display: flex;
  justify-content: space-between;
}
.stoneFormHalf{
  width: 32%;
  overflow: hidden;
  padding: 20px 0;
}
.stoneFormFirst input[type="text"] {
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    padding: 1px;
    display: block;
    width: 100%;
    height: 5px;
    font-size: 14px;
    outline: none;
}
.stoneFormHalf input[type="text"]{
  margin: 10px auto;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #777;
  padding: 8px 8px 8px 20px;
  display: block;
  width: 100%;
  height: 90px;
  font-size: 24px;
  outline: none;
  text-transform: capitalize;
}
.stoneFormFull{
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.stoneFormFull textarea{
  margin: 10px auto;
  border: none;
  padding: 8px;
  display: block;
  width: 100%;
  height: 160px;
  font-size: 24px;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
  color: #777;
}
.stoneFormFull input[type="submit"]{
  background: #cf001c;
  color: #fff;
  display: block;
  cursor: pointer;
  font-family: 'Barlow', arial, sans-serif;
  font-size: 34px;
  font-weight: 600;
  padding: 35px 75px;
  border-radius: 80px;
  width: 30%;
  margin: 25px auto;
  outline: none;
  text-decoration: none;
  text-transform: uppercase;
}
.stoneFormFull input[type="submit"]:hover{
  background: #E6001D;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .centerContact{
    width: 70%;
    max-width: 1036px;
  }
  .contPar{
    font-size: 32px;
  }
      .quote p {
          width: 85%;
      }
      .ffirstCol {
          width: 40%;
      }
      .fsecCol {
          width: 35%;
      }
      .fthirdCol {
          width: 25%;
      }
      form.stoneForm {
          width: 100%;
      }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .centerContact{
    width: 73%;
  }
  .contTop h1 {
  	font-size: 68px;
  }
  .addrComp, .phoneComp, .addr li {
  	font-size: 28px;
  }
  .stoneForm input[type="text"] {
    font-size: 16px;
  }
  .stoneFormFull input[type="submit"] {
  	font-size: 26px;
  	padding: 25px 45px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .stoneFormHalf input[type="text"] {
     font-size: 16px;
     height: 50px;
  }
  .contTop h1 {
  	font-size: 40px;
  }
  .addrComp, .phoneComp, .addr li {
  	font-size: 28px;
  }
  .stoneFormFull input[type="submit"] {
  	font-size: 21px;
  	padding: 25px 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .contTop h1 {
  	font-size: 40px;
  }
  .addrComp, .phoneComp, .addr li {
  	font-size: 24px;
  }
  .stoneForm input[type="text"] {
    font-size: 16px;
  }
  .formHalfWrapper {
    display: block;
  }
  .stoneFormHalf {
    width: 100%;
    display: block;
    padding: 5px 0;
  }
  .stoneFormHalf input[type="text"]{
    height: 50px;
  }
  .stoneFormFull input[type="submit"] {
  	font-size: 21px;
  	padding: 25px 45px;
  }
}
@media only screen and (max-width: 767px) {
  .contTop {
  	padding: 60px 0 0;
  }
  .centerContact{
    width: 100%;
  }
  .contTop h1 {
  	font-size: 40px;
  }
  .addrComp, .phoneComp, .addr li {
  	font-size: 24px;
  }
  .addrComp span{
    display: block;
  }
  .contact{
    padding: 0 0 20px;
  }
  .formHalfWrapper{
    display: block;
  }
  .stoneFormHalf input[type="text"] {
    height: 50px;
  }
  .stoneFormHalf input[type="text"] {
    font-size: 16px;
  }
  .stoneFormHalf {
    width: 100%;
    display: block;
    padding: 5px 0;
  }
  .stoneFormFull input[type="submit"] {
  	font-size: 21px;
  	padding: 15px 25px;
    width: 50%;
  }
}

/*=======================================================
    Review us page
=========================================================*/
.wrapBoxes{
  max-width: 1320px;
  margin: 80px auto;
  text-align: center;
  overflow: hidden;
}
.wrapBoxes h1{
  color: var(--light-blue);
  font-family: 'Barlow', arial, sans-serif;
  font-size: 62px;
  line-height: 1.3;
  margin-bottom: 60px;
}
.revBox{
  width: 330px;
  float: left;
  padding: 10px 15px;
  overflow: hidden;
  color: #777;
}
.inRevBox{
  border: 1px solid #777;
  padding: 10px 15px;
  box-shadow: 1px 1px 8px -1px rgba(0,0,0,0.65);
}
.inRevBox p{
  font-size: 22px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .wrapBoxes{
    margin: 60px auto;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .wrapBoxes{
    width: 90%;
  }
  .wrapBoxes h1{
    font-size: 42px;
  }
  .revBox {
      width: 24%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .wrapBoxes{
    width: 660px;
    margin: 60px auto;
  }
  .wrapBoxes h1{
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .wrapBoxes {
    width: 660px;
    margin: 60px auto;
  }
  .wrapBoxes h1{
    font-size: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapBoxes{
    margin: 60px auto;
  }
  .wrapBoxes h1{
    font-size: 44px;
    margin-bottom: 35px;
  }
  .revBox {
  	padding: 10px 0;
  }
}
@media only screen  and (min-width: 480px) and (max-width: 767px) {
  .wrapBoxes{
    width: 330px;
  }
}
@media only screen and (max-width: 479px) {
  .wrapBoxes{
    width: 300px;
  }
  .revBox{
    margin: 0 auto;
    float: none;
      width: 100%;
  }
}

/*========================================================
    Changing Menu
=========================================================*/
@media only screen  and (min-width: 1024px){
  .menu ul li.dlink a {
  	color: var(--light-blue)!important;
  }
}

/*========================================================
    Mobile Menu
=========================================================*/
@media only screen  and (max-width: 1023px) {
	.smobitrigger,
	.mnuclose {
		display: inline-block;
	}
	.smobitrigger {
	color: transparent;
	width: 30%;
		margin: 0 auto;
	}
	.smobitrigger {
		background: url("../images/menuopen.png");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50px 50px;
		width: 50px;
		height: 50px;
	}
    .smobitrigger span{
        font-size: 1px;
    }
	.mnuclose {
		background: url('../images/menuclose.png');
        background-position: right top;
        background-repeat: no-repeat;
        background-size: 45px 45px;
		color: transparent;
		height: 45px;
		margin: 0 0 10px 0;
		width: 100%;
		text-align: right;
		display: inline-block;
	}
	.menu  ul {
		padding: 0 10px 20px;
		overflow-y: auto;
		margin: 0 auto;
        text-align: center;
	}
    .menu li {
        line-height: inherit;
    }
    .menu ul li.dlink,
    .menu ul li.mmlinks {
        display: block;
        padding: 12px 0 12px 30px;
        line-height: 1;
        font-weight: 500;
        text-align: left;
    }
    .menu ul li a {
        font-size: 21px;

    }
    .menu ul li.mmlinks{
      text-transform: capitalize;
    }
	.menu ul li.mlogo {
        margin: 20px auto 0;
        display: block;
        text-align: center;
	}
	.menu ul li.mlogo img {
		width: 85%;
        margin: 0 auto 30px;
        position: static;
	}
	.menu ul li.mphone {
		display: block;
    margin: 0 0 10px 30px;
    text-align: left;
	}
	.menu ul li.mphone a {
		font-size: 36px;
	}
	.menu ul li.maddress {
		display: block;
		font-size: 16px;
		line-height: 1.5;
		text-transform: capitalize;
		margin: 55px 0 20px 30px;
		font-weight: 400;
    text-align: left;
	}
	.menu ul li.maddress span {
			display: block;
	}
    .menu ul li.mhours {
        display: block;
		    font-size: 18px;
	    	line-height: inherit;
        margin: 40px auto 30px 30px;
        text-align: left;
    }
    .menu ul li.mhours span {
        display: block;
    }
	.menu ul li.msocial {
		    display: flex;
        justify-content: flex-start;
        align-items: center;
    		width: 100%;
        margin: 35px 0 20px 30px;
	}
    .menu ul li.msocial img {
        width: 60px;
    }

		.mobimenu {
			padding: 0;
			margin: 0px;
			width: 9.9375em;
			position: fixed;
			height: 100%!important;
			top: 0px;
			left: -24.625em;
	 }
	.mnuopn {
		left: 0px !important;
	}
	.ovrActv {
		position: fixed;
		background: rgba(0, 0, 0, 0.79);
		width: 100%;
		height: 100%;
		z-index: 9998;
			-webkit-transition: 0.5s;
			-moz-transition: 0.5s;
			-ms-transition: 0.5s;
			-o-transition: 0.5s;
		transition: 0.5s;
	}

    .three {
        display: none;
    }

    .one {
        width: 70%;
        height: 90px;
    }
    .two {
        width: 30%;
        display: flex;
        text-align: center;
        height: 90px;
    }
    .telMob {
        display: block;
        width: 50%;
    }
    nav {
        width: 50%;
    }
    .one img {
        width: 180px;
    }

}
@media only screen and (max-width: 767px) {

}
@media only screen and (max-width: 479px) {

}