/*========================================================
	Main Style for 586 Tint Factory
=========================================================*/
/* colors declaration */
:root {
  --white: #fff;
  --black: #000;
  --green: #08ac9b;
  --yellow: #d8ac55;
  --darkgrey: #0d0d0d;
  --errred: #ff1f29;
}

/* fonts declaration */
@font-face {
  font-family: planecrash;
  src: url('../fonts/PlaneCrash.ttf');
}


/* 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: 18px;
  font-family: 'Barlow', arial, sans-serif;
  font-weight: 400;
  color: var(--white);
  background: var(--black);
}

p {
  line-height: 1.3;
}


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

/* common styling */
h1,
h2,
h3 {

}

h1 {

}

h2,
h3 {

}
a {
    transition: background-color 0.25s ease-in, border-color ease-in, transform 0.75s cubic-bezier(0.44, 0.51, 0.24, 0.99), box-shadow 1s cubic-bezier(0.44, 0.51, 0.24, 0.99);
}

/* 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) {
  h2, h3 {
  	font-size: 50px;
  }
}
@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,
.logoMob,
.telMob,
.locMob,
.menu ul li.mphone,
.menu ul li.madr,
.menu ul li.mhours,
.menu ul li.msocial,
.menu ul li.mmlink,
.menu ul li.maddress,
.fooRight ul li.mlogo,
.fooRight ul li.mphone,
.fooRight ul li.madr,
.fooRight ul li.mhours,
.fooRight ul li.msocial,
.fooRight ul li.mmlink,
.fooRight ul li.maddress {
  display: none;
}

/* end not display */

/* main frames */
.pageFull {
  width: 100%;
}
.pageSize {
  width: 2304px;
  margin: 0 auto;
}
.subH1 {
    font-size: 100px;
    font-family: 'Bebas Neue',arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    color: var(--green);
}
.subContent h2,
.subContent h3 {
    font-size: 90px;
    font-family: 'Bebas Neue',arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    padding-left: 40px;
    line-height: 1.1;
}
.subContent h2::before,
.subContent h3::before {
    width: 70px;
    height: 70px;
    content: " ";
    background-image: url(../../images/index/icon-for-title.png);
    background-size: 70px 70px;
    position: absolute;
    left: 0;
    top: -25px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .pageSize {
    width: 1760px;
  }
    .subContent h2,
    .subContent h3 {
        font-size: 66px;
    }
}

@media only screen and (min-width: 1601px) and (max-width: 1919px) {
  .pageSize {
    width: 1480px;
  }
    .subH1 {
        font-size: 80px;
    }
    .subContent h2,
    .subContent h3 {
        font-size: 54px;
    }
    .subContent h2::before,
    .subContent h3::before {
        width: 50px;
        height: 50px;
        background-size: 50px 50px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
  .pageSize {
    width: 1200px;
  }
    .subH1 {
        font-size: 80px;
    }
    .subContent h2,
    .subContent h3 {
        font-size: 50px;
        padding-left: 25px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .pageSize {
    width: 90%;
  }
    .subH1 {
        font-size: 80px;
    }
    .subContent h2,
    .subContent h3 {
        font-size: 52px;
        padding-left: 30px;
    }
    .subContent h2::before,
    .subContent h3::before {
        width: 45px;
        height: 45px;
        background-size: 45px 45px;
        top: -20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .pageSize {
    width: 90%;
  }
    .subH1 {
        font-size: 80px;
    }
    .subContent h2,
    .subContent h3 {
        font-size: 48px;
        padding-left: 25px;
    }
    .subContent h2::before,
    .subContent h3::before {
        width: 45px;
        height: 45px;
        background-size: 45px 45px;
        top: -20px;
    }
}

@media only screen and (max-width: 767px) {
  .pageSize {
    width: 90%;
  }
    .subH1 {
        font-size: 60px;
        line-height: 1.1;
    }
    .subH1 span {
        display: block;
    }
    .subContent h2,
    .subContent h3 {
        font-size: 42px;
        padding-left: 30px;
    }
    .subContent h2::before,
    .subContent h3::before {
        width: 45px;
        height: 45px;
        background-size: 45px 45px;
        top: -20px;
    }
}
@media only screen and (max-width: 479px) {
    .subContent h2,
    .subContent h3{
        padding-left: 20px;
    }
    .subContent h2::before,
    .subContent h3::before {
        top: -15px;
    }
    .subContent h2 span {
       display: block;
    }
}

/* top section  */
.topBanner {
    background: url('../../images/index/banner-main-index.jpg') no-repeat;
    background-position: center center;
    background-size: cover;
    height: 1200px;
}
.top,
.one,
.two {
    height: 106px;
}
.top {
  width: 100%;
  display: block;
  position: static;
  background: transparent;
}

.boxesWrap {
  width: 2304px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.one,
.two {
    padding-top: 90px;
}

.one {
  width: 65%;
    position: relative;
}
.logoDesk {
  position: absolute;
    left: 0;
    top: 0;
    width: 300px;
}
.two {
  width: 35%;
}
.twoWrap {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    height: 76px;
}
.topTel {
    width: 33%;
}
.topAdr {
    width: 56%;

}
.topTel a,
.topAdr a {
    display: inline-block;
    font-size: 28px;
    color: var(--white);
    font-weight: 500;
    position: relative;
    padding-left: 55px;
    line-height: 40px;
}
.topTel a::before {
    width: 40px;
    height: 40px;
    content: " ";
    background-image: url(../../images/top-and-footer/icon-phone-top.png);
    background-size: 40px 40px;
    position: absolute;
    left: 0;
    top: 0;
}
.topAdr a::before {
    width: 40px;
    height: 40px;
    content: " ";
    background-image: url(../../images/top-and-footer/icon-location-top.png);
    background-size: 40px 40px;
    position: absolute;
    left: 0;
    top: 0;
}
nav {
    padding-left: 415px;
}

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

.menu ul li.dlink {
  font-size: 27px;
  display: inline-block;
  text-transform: capitalize;
  padding: 5px 15px;
  font-weight: 400;
    margin: 0 10px;
}
.menu ul li.dlink a {
  color: var(--green);
}
.menu ul li.dlink a:hover {
   color: var(--white);
}
.menu ul li.dget {
  font-size: 27px;
  display: inline-block;
  text-transform: capitalize;
  padding: 20px 25px;
  font-weight: 400;
}
.menu ul li.dget a {
    color: var(--yellow);
}
/*** end menu section ***/
/* end top section  */
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .topBanner {
        height: 1000px;
    }
    .boxesWrap {
       width: 1820px;
    }
    .menu ul li.dlink,
    .menu ul li.dget {
        font-size: 21px;
        margin: 0;
    }
    .topTel a, .topAdr a {
        font-size: 21px;
    }
    .logoDesk {
        width: 260px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .boxesWrap {
       width: 1480px;
    }
    .topBanner {
        height: 1100px;
    }
    .menu ul li.dlink,
    .menu ul li.dget {
        font-size: 18px;
        margin: 0;
        padding: 5px 10px 0 0;
    }
    .topTel a,
    .topAdr a {
        font-size: 18px;
        line-height: 35px;
    }
    .logoDesk {
        width: 230px;
    }
    nav {
        padding-left: 200px;
    }
    .twoWrap {
        height: 36px;
    }
    .topTel a::before,
    .topAdr a::before {
        width: 35px;
        height: 35px;
        background-size: 35px 35px;
    }
    .two{
      width: 38%;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .boxesWrap {
           width: 1200px;
    }
    .topBanner {
        height: 800px;
    }
    .menu ul li.dlink,
    .menu ul li.dget {
        font-size: 16px;
        margin: 0 5px;
    }
    .menu ul li.dlink {
        padding: 5px 4px;
    }
    .menu ul li.dget {
        padding: 10px 15px;
    }
    .topTel a,
    .topAdr a {
        font-size: 14px;
        line-height: 25px;
        padding-left: 35px;
    }
    .logoDesk {
        width: 170px;
    }
    nav {
        padding-left: 250px;
    }
    .twoWrap {
        height: 36px;
    }
    .topTel a::before,
    .topAdr a::before {
        width: 25px;
        height: 25px;
        background-size: 25px 25px;
    }
    .one {
        width: 66%;
    }
    .two {
        width: 34%;
    }
    .one, .two {
        padding-top: 60px;
    }
    .topTel {
      width: 38%;
        padding-right: 25px;
    }
    .topAdr {
      width: 46%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .topBanner {
        height: 1100px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .topBanner {
        height: 1100px;
    }
}
@media only screen and (max-width: 767px) {
    .topBanner {
        height: 940px;
    }
}
@media only screen and (max-width: 479px) {
    .topBanner {
        height: 840px;
    }
}

/*========================================================
									Buttons
=========================================================*/
.estimateBtn {
    display: inline-block;
    background: transparent;
    border: 2px solid var(--green);
    padding: 25px 75px;
    text-transform: capitalize;
    font-size: 44px;
    font-weight: 500;
    color: var(--green);
    cursor: pointer;
    transition: all .5s ease-in-out;
    border-radius: 55px;
}
.estimateBtn:hover {
    background: var(--green);
    color: var(--white);
}

.giftBtn {
    display: inline-block;
    background: var(--yellow);
    border: 2px solid var(--yellow);
    padding: 25px 75px;
    text-transform: capitalize;
    font-size: 44px;
    font-weight: 500;
    color: var(--black);
    cursor: pointer;
    transition: all .5s ease-in-out;
    border-radius: 55px;
}
.giftBtn:hover {
    background: transparent;
    color: var(--yellow);
}
@media only screen and (min-width: 1920px) and (max-width: 12559px) {
    .estimateBtn,
    .giftBtn {
        font-size: 32px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .estimateBtn,
    .giftBtn {
        font-size: 21px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .estimateBtn,
    .giftBtn {
        font-size: 23px;
        padding: 15px 55px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .estimateBtn,
    .giftBtn {
        font-size: 24px;
        padding: 15px 55px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .estimateBtn,
    .giftBtn {
        font-size: 21px;
        padding: 15px 55px;
    }
    .estimBtnMob {
        font-size: 18px;
        padding: 15px 35px;
    }
}
@media only screen and (max-width: 767px) {
    .estimateBtn,
    .giftBtn {
        font-size: 21px;
        padding: 15px 35px;
    }
}
@media only screen and (max-width: 479px) {

}

/*========================================================
		INDEX BANNER
=========================================================*/
.bannerMobbg,
.bannerReviewsMobPlace,
.estimateBtnMobPlace {
    display: none;
}
.bannerWrap {
    display: flex;
}
.bannerMain {
    padding-top: 200px;
}
.bannerLeft {
    width: 47%;
    padding-top: 160px;
}
.bannerRight {
    width: 53%;
    position: relative;
}
.bannerSam {
    text-align: right;
    width: 1060px;
    margin-top: 60px;

}
.bannerLeft h1 {
    font-family: 'Bebas Neue',arial,sans-serif;
    font-size: 130px;
    color: var(--green);
    text-transform: uppercase;
    font-weight: 400;
}
.bannerLeft p {
    font-size: 26px;
    color: var(--white);
    font-weight: 300;
    letter-spacing: 1.4px;
}
.bannerLeft p span {
    display: block;
}
.bannerReviewsPlace {
    padding-left: 100px;
    width: 100%;
    margin-top: 100px;
}
.greviewsImg {
    width: 450px;
    position: relative;
}
.bannerReviewsPlace img {
    width: 100%;
    display: block;
}
.greviewsImg p {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 65px;
    font-size: 30px;
    color: var(--black);
    font-weight: 600;
    padding-left: 5px;
}
.bannerPoint1 {
    position: absolute;
    left: 80px;
    top: 0;
}
.bannerPoint1 p,
.bannerPoint2 p,
.bannerPoint3 p {
    font-size: 26px;
    color: var(--white);
    font-weight: 300;
    letter-spacing: 1.4px;
    text-transform: capitalize;
}
.bannerPoint1 p,
.bannerPoint2 p {
    padding-bottom: 5px;
}
.bannerPoint3 p {
    padding-top: 5px;
}
.bannerPoint2 p {
    padding-left: 110px;
}
.bannerPoint3 p {
    padding-left: 160px;
}
.point1Img,
.point2Img,
.point3Img {
    display: block;
}
.bannerPoint2 {
    position: absolute;
    right: 50px;
    top: 160px;
}
.bannerPoint3 {
    position: absolute;
    right: 30px;
    top: 420px;
}
.estimateBtnPlace {
    position: absolute;
    left: -100px;
    bottom: 10px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .bannerLeft h1 {
        font-size: 110px;
    }
    .bannerLeft p {
        font-size: 21px;
    }
    .bannerSam {
        width: 860px;
    }
    .point1Img {
        width: 200px;
    }
    .point2Img {
        width: 220px;
    }
    .bannerPoint2 {
        right: 10px;
        top: 180px;
    }
    .bannerPoint2 p {
        padding-left: 50px;
    }
    .point3Img {
        width: 220px;
    }
    .bannerPoint1 p, .bannerPoint2 p, .bannerPoint3 p {
        font-size: 21px;
    }
    .bannerReviewsPlace img {
        width: 370px;
    }
    .greviewsImg {
        width: 370px;
    }
    .greviewsImg p {
        top: 48px;
        font-size: 26px!important;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .bannerSam {
        width: 760px;
    }
    .bannerLeft h1 {
        font-size: 90px;
    }
    .bannerLeft p {
        font-size: 18px;
    }
    .point1Img {
        width: 160px;
    }
    .bannerPoint1 {
        top: 20px;
    }
    .point2Img {
        width: 180px;
    }
    .bannerPoint2 {
        right: -30px;
        top: 180px;
    }
    .bannerPoint2 p {
        padding-left: 25px;
    }
    .point3Img {
        width: 170px;
    }
    .bannerPoint3 {
        right: 0;
        top: 320px;
    }
    .bannerPoint3 p {
        padding-left: 60px;
    }
    .bannerPoint1 p, .bannerPoint2 p, .bannerPoint3 p {
        font-size: 18px;
    }

    .greviewsImg {
        width: 300px;
    }
    .greviewsImg p {
        top: 40px;
        font-size: 19px!important;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .bannerMain {
        padding-top: 140px;
    }
    .bannerSam {
        width: 600px;
        margin-top: 20px;
    }
    .bannerLeft h1 {
        font-size: 80px;
    }
    .bannerLeft {
        padding-top: 60px;
    }
    .bannerLeft p {
        font-size: 18px;
    }
    .point1Img {
        width: 120px;
    }
    .bannerPoint1 {
        top: 0;
    }
    .point2Img {
        width: 140px;
    }
    .bannerPoint2 {
        right: 10px;
        top: 100px;
    }
    .bannerPoint2 p {
        padding-left: 5px;
    }
    .point3Img {
        width: 150px;
    }
    .bannerPoint3 {
        right: 20px;
        top: 220px;
    }
    .bannerPoint3 p {
        padding-left: 40px;
    }
    .bannerPoint1 p, .bannerPoint2 p, .bannerPoint3 p {
        font-size: 16px;
    }
    .bannerReviewsPlace {
        margin-top: 50px;
    }
    .greviewsImg {
       width: 300px;
   }
   .greviewsImg p {
       top: 40px;
       font-size: 19px!important;
   }
}
@media only screen and (max-width: 1300px) {
    .estimateBtnPlace {
        display: none;
    }
    .bannerRight {
        width: 700px;
        text-align: center;
        margin: 0 auto;
    }
    .bannerSam {
        width: 700px;
        margin: 60px auto 0;
        text-align: center;
    }
    .bannerWrap {
       flex-direction: column-reverse;
    }

}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .bannerLeft {
        width: 100%;
        text-align: center;
        padding-top: 35px;
    }
    .bannerLeft h1 {
        font-size: 80px;
    }
    .bannerLeft p {
        font-size: 18px;
        width: 460px;
        margin: 0 auto;
    }
    .bannerReviewsPlace {
        padding-left: 0;
        margin-top: 20px;
    }
    .bannerPoint1 p,
    .bannerPoint2 p,
    .bannerPoint3 p {
        font-size: 21px;
    }
    .point1Img {
        width: 200px;
    }
    .point2Img {
        width: 220px;
    }
    .point3Img {
        width: 200px;
    }
    .bannerPoint1 {
        left: 60px;
    }
    .bannerPoint2 p {
        padding-left: 40px;
    }
    .bannerPoint2 {
        right: -30px;
        top: 130px;
    }
    .bannerPoint3 p {
        padding-left: 60px;
    }
    .bannerPoint3 {
        top: 280px;
        right: -30px;
    }
    .greviewsImg {
        width: 300px;
        margin: 0 auto;
    }
    .greviewsImg p {
        top: 40px;
        font-size: 19px!important;
        padding-left: 7px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .bannerLeft {
        width: 100%;
        text-align: center;
        padding-top: 35px;
    }
    .bannerLeft h1 {
        font-size: 80px;
    }
    .bannerLeft p {
        font-size: 18px;
        width: 460px;
        margin: 0 auto;
    }

    .bannerPoint1 p,
    .bannerPoint2 p,
    .bannerPoint3 p {
        font-size: 18px;
    }
    .point1Img {
        width: 150px;
    }
    .point2Img {
        width: 160px;
    }
    .point3Img {
        width: 150px;
    }
    .bannerPoint1 {
        left: 60px;
        top: 20px;
    }
    .bannerPoint2 p {
        padding-left: 10px;
    }
    .bannerPoint2 {
        right: 30px;
    }
    .bannerPoint3 p {
        padding-left: 20px;
    }
    .bannerPoint3 {
        top: 280px;
        right: 10px;
    }
    .bannerReviewsPlace {
        padding-left: 0;
        margin-top: 20px;
    }
    .greviewsImg {
        width: 260px;
        margin: 0 auto;
    }
    .greviewsImg p {
        top: 38px;
        font-size: 17px!important;
    }
}
@media only screen and (max-width: 767px) {
    .bannerLeft {
        width: 100%;
        text-align: center;
        padding-top: 35px;
    }
    .bannerLeft h1 {
        font-size: 80px;
        line-height: .9;
    }
    .bannerLeft p {
        font-size: 18px;
        width: 460px;
        margin: 10px auto 0;
    }
    .bannerPoint1 p,
    .bannerPoint2 p,
    .bannerPoint3 p {
        font-size: 16px;
    }
    .point1Img {
        width: 150px;
    }
    .point2Img {
        width: 120px;
    }
    .point3Img {
        width: 100px;
    }
    .bannerPoint1 {
        left: 0;
    }
    .bannerPoint2 p {
        padding-left: 0;
    }
    .bannerPoint2 {
        right: 10px;
        top: 90px;
    }
    .bannerPoint3 p {
        padding-left: 0;
    }
    .bannerPoint3 {
        top: 180px;
    }
    .bannerRight,
    .bannerSam {
        width: 440px;
    }
    .bannerMain {
        padding-top: 150px;
    }
    .bannerReviewsPlace {
        padding-left: 0;
        margin-top: 20px;
    }
    .bannerReviewsPlace img {
        width: 300px;
    }
    .greviewsImg {
        width: 300px;
        margin: 0 auto;
    }
    .greviewsImg p {
        top: 42px;
        font-size: 17px!important;
        margin-top: 0!important;
    }
}
@media only screen and (max-width: 479px) {
    .bannerRight,
    .bannerSam {
        width: 300px;
    }
    .point1Img {
        width: 100px;
    }
    .bannerPoint1 {
        top: 20px;
    }
    .point2Img {
        width: 90px;
    }
    .bannerPoint2 {
        right: 0;
        top: 60px;
    }
    .bannerMain {
        padding-top: 90px;
    }
    .bannerMob h1 {
        line-height: 1.1;
    }
    .bannerPoint3 {
        top: 130px;
        right: 0;
    }
    .bannerLeft p {
        width: 288px;
    }

}
/*========================================================
		INDEX Our Services
=========================================================*/
.secServicesbg {
    padding: 250px 0 350px;
    background: #000 url('../images/index/servicesbg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.secServicesWrap {
    display: flex;
}
.secServicesLeft,
.secServicesRight {
    width: 50%;
}
.tintContent h2,
.tintContent h3 {
    font-size: 100px;
    font-family: 'Bebas Neue',arial,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    padding-left: 40px;
}
.tintContent h2::before,
.tintContent h3::before {
    width: 70px;
    height: 70px;
    content: " ";
    background-image: url('../../images/index/icon-for-title.png');
    background-size: 70px 70px;
    position: absolute;
    left: 0;
    top: -12px;
}
.tintContent p {
    font-size: 24px;
    font-weight: 300;
    color: var(--white);
    line-height: 1.9;
    padding: 70px 0 0 40px;
}
.servicesBtnPlace {
    text-align: center;
    margin: 150px auto 90px;
}
.secServicesLeft {
    display: flex;
}
.secServicesOne {
    width: 33%;
}
.secServicesTwo {
    width: 66%;
    border-left: 3px solid var(--green);
    padding: 120px 0;
    position: relative;
}
.secServicesTwo ul {
    position: absolute;
    left: -40px;
    top: 180px;
}
.secServicesTwo ul li {
    font-size: 32px;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--white);
    padding: 10px 0 10px 120px;
    line-height: 80px;
}
.secServicesTwo ul li:hover {
    color: var(--green);
}
.secServicesTwo ul li.liIcon1 {
    background: url('../images/index/window-tinting-icon.png') no-repeat;
    background-size: 80px 80px;
    background-position: left center;
}
.secServicesTwo ul li.liIcon2 {
    background: url('../images/index/ceramic-coating-icon.png') no-repeat;
    background-size: 80px 80px;
    background-position: left center;
}
.secServicesTwo ul li.liIcon3 {
    background: url('../images/index/stek-usa-ppf-icon.png') no-repeat;
    background-size: 80px 80px;
    background-position: left center;
}
.secServicesTwo ul li.liIcon4 {
    background: url('../images/index/head-taillight-tinting-icon.png') no-repeat;
    background-size: 80px 80px;
    background-position: left center;
}
.secServicesTwo ul li.liIcon5 {
    background: url('../images/index/windshield-glass-protection-icon.png') no-repeat;
    background-size: 80px 80px;
    background-position: left center;
}
.secServicesTwo ul li.liIcon6 {
    background: url('../images/index/residential-commercial-tinting-icon.png') no-repeat;
    background-size: 80px 80px;
    background-position: left center;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .secServicesbg {
        padding-top: 150px;
    }
    .tintContent h2,
    .tintContent h3 {
        font-size: 80px;
        padding-left: 30px;
    }
    .tintContent p {
        font-size: 21px;
    }
    .secServicesTwo ul li {
        font-size: 26px;
        padding-left: 100px;
        line-height: 60px;
    }
    .secServicesTwo ul li.liIcon1,
    .secServicesTwo ul li.liIcon2,
    .secServicesTwo ul li.liIcon3,
    .secServicesTwo ul li.liIcon4,
    .secServicesTwo ul li.liIcon5,
    .secServicesTwo ul li.liIcon6 {
        background-size: 60px 60px;
    }
    .secServicesTwo ul {
        left: -30px;
        top: 120px;
    }
    .servicesBtnPlace {
        margin: 120px auto 80px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .secServicesbg {
        padding: 0 0 150px;
    }
    .tintContent h2,
    .tintContent h3 {
        font-size: 70px;
        padding-left: 25px;
    }
    .tintContent h2::before,
    .tintContent h3::before {
        width: 45px;
        height: 45px;
        background-size: 45px 45px;
    }
    .tintContent p {
        font-size: 18px;
        padding: 50px 0 0 30px;
    }
    .secServicesTwo ul li {
        font-size: 21px;
        padding-left: 80px;
        line-height: 50px;
    }
    .secServicesTwo ul li.liIcon1,
    .secServicesTwo ul li.liIcon2,
    .secServicesTwo ul li.liIcon3,
    .secServicesTwo ul li.liIcon4,
    .secServicesTwo ul li.liIcon5,
    .secServicesTwo ul li.liIcon6 {
        background-size: 50px 50px;
    }
    .secServicesTwo ul {
        left: -30px;
        top: 110px;
    }
    .secServicesTwo {
        padding: 90px 0 70px;
        border-left-width: 2px;
    }
    .servicesBtnPlace {
        margin: 140px auto 120px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .secServicesbg {
        padding: 80px 0 150px;
    }
    .tintContent h2,
    .tintContent h3 {
        font-size: 60px;
        padding-left: 25px;
    }
    .tintContent h2::before,
    .tintContent h3::before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }
    .tintContent p {
        font-size: 18px;
        padding: 50px 0 0 30px;
    }
    .secServicesTwo ul li {
        font-size: 21px;
        padding-left: 80px;
        line-height: 50px;
    }
    .secServicesTwo ul li.liIcon1,
    .secServicesTwo ul li.liIcon2,
    .secServicesTwo ul li.liIcon3,
    .secServicesTwo ul li.liIcon4,
    .secServicesTwo ul li.liIcon5,
    .secServicesTwo ul li.liIcon6 {
        background-size: 50px 50px;
    }
    .secServicesTwo ul {
        left: -30px;
        top: 100px;
    }
    .secServicesTwo {
        padding: 70px 0 50px;
        border-left-width: 2px;
    }
    .servicesBtnPlace {
        margin: 90px auto 50px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .secServicesbg {
        padding: 100px 0 150px;
    }
    .secServicesWrap {
        flex-direction: column;
        margin-top: 80px;
    }
    .secServicesLeft,
    .secServicesRight {
        width: 100%;
    }
    .secServicesTwo {
        padding: 50px 0;
        height: 600px;
    }
    .secServicesTwo ul {
        top: 50px;
        left: -30px;
    }
    .secServicesTwo ul li {
        font-size: 21px;
        padding-left: 80px;
        line-height: 60px;
    }
    .secServicesTwo ul li.liIcon1,
    .secServicesTwo ul li.liIcon2,
    .secServicesTwo ul li.liIcon3,
    .secServicesTwo ul li.liIcon4,
    .secServicesTwo ul li.liIcon5,
    .secServicesTwo ul li.liIcon6 {
        background-size: 60px 60px;
    }
    .secServicesRight {
        padding-top: 70px;
    }
    .tintContent h2,
    .tintContent h3 {
        font-size: 60px;
        padding-left: 25px;
    }
    .tintContent h2::before,
    .tintContent h3::before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }
    .tintContent p {
        font-size: 18px;
        padding: 0 0 0 30px;
    }
    .servicesBtnPlace {
        margin: 50px auto 30px;
    }
    .secServicesOne {
        width: 10%;
    }
    .secServicesTwo {
        width: 90%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .secServicesbg {
        padding: 160px 0 150px;
    }
    .secServicesWrap {
        flex-direction: column;
    }
    .secServicesLeft,
    .secServicesRight {
        width: 100%;
    }
    .secServicesTwo {
        padding: 50px 0;
        height: 600px;
        width: 90%;
    }
    .secServicesTwo ul {
        top: 50px;
        left: -30px;
    }
    .secServicesTwo ul li {
        font-size: 21px;
        padding-left: 80px;
        line-height: 60px;
    }
    .secServicesTwo ul li.liIcon1,
    .secServicesTwo ul li.liIcon2,
    .secServicesTwo ul li.liIcon3,
    .secServicesTwo ul li.liIcon4,
    .secServicesTwo ul li.liIcon5,
    .secServicesTwo ul li.liIcon6 {
        background-size: 60px 60px;
    }
    .secServicesRight {
        padding-top: 70px;
    }
    .tintContent h2,
    .tintContent h3 {
        font-size: 60px;
        padding-left: 25px;
    }
    .tintContent h2::before,
    .tintContent h3::before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }
    .tintContent p {
        font-size: 18px;
        padding: 0 0 0 30px;
    }
    .servicesBtnPlace {
        margin: 50px auto 30px;
    }
    .secServicesOne {
        width: 10%;
    }

}
@media only screen and (max-width: 767px) {
   .secServicesbg {
        padding: 130px 0 70px;
    }
    .secServicesWrap {
        flex-direction: column;
    }
    .secServicesLeft,
    .secServicesRight {
        width: 100%;
    }
    .secServicesTwo {
        padding: 50px 0;
        height: 500px;
        width: 90%;
    }
    .secServicesTwo ul {
        top: 50px;
        left: -30px;
    }
    .secServicesTwo ul li {
        font-size: 21px;
        padding-left: 80px;
        line-height: 60px;
    }
    .secServicesTwo ul li.liIcon1,
    .secServicesTwo ul li.liIcon2,
    .secServicesTwo ul li.liIcon3,
    .secServicesTwo ul li.liIcon4,
    .secServicesTwo ul li.liIcon5,
    .secServicesTwo ul li.liIcon6 {
        background-size: 60px 60px;
    }
    .secServicesRight {
        padding-top: 70px;
    }
    .tintContent h2,
    .tintContent h3 {
        font-size: 60px;
        padding-left: 25px;
    }
    .tintContent h2::before,
    .tintContent h3::before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
    }
    .tintContent p {
        font-size: 18px;
        padding: 0;
    }
    .servicesBtnPlace {
        margin: 50px auto 30px;
    }
    .secServicesOne {
        width: 10%;
    }
}
@media only screen and (max-width: 479px) {
    .secServicesTwo ul li.liIcon1, .secServicesTwo ul li.liIcon2, .secServicesTwo ul li.liIcon3, .secServicesTwo ul li.liIcon4, .secServicesTwo ul li.liIcon5, .secServicesTwo ul li.liIcon6 {
        background-size: 50px 50px;
    }
    .secServicesTwo ul li {
        font-size: 18px;
        padding-left: 60px;
        line-height: 1.1;
        height: 50px;
        margin-bottom: 25px;
    }
    .tintContent h2,
    .tintContent h3 {
        font-size: 50px;
    }
    .secServicesTwo {
        height: 470px;
    }
}
/*========================================================
	INDEX Gift nad how it works Section
=========================================================*/
.howMob {
    display: none;
}
.secGiftWorksbg {
    background: #000 url('../images/index/giftworksbg.jpg');
    padding: 0 0 160px;
}
.secGiftbg {
    background: #000 url('../images/index/banner-offer.jpg') no-repeat;
    background-position: left center;
    background-size: cover;
}
.secWorksbg {
    padding-bottom: 160px;
    background: #000;
}
.giftTitle {
    font-size: 120px;
    font-family: planecrash,arial,sans-serif;
    color: var(--yellow);
}
.giftTitle span {
    display: block;
    font-size: 52px;
}
.giftsubTitle {
    font-size: 56px;
    font-family: 'Bebas Neue',arial,sans-serif;
    color: var(--white);
    text-transform: capitalize;
    font-weight: 300;
    line-height: 1.1;
    letter-spacing: 3px;
}
.giftsubTitle span {
    display: block;
}
.secGiftWrap h3 {
    font-family: 'Bebas Neue',arial,sans-serif;
    font-size: 130px;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 300;
    line-height: .9;
    padding: 40px 0;
}
.giftContent {
    width: 900px;
    font-size: 24px;
    font-weight: 300;
    color: var(--white);
    line-height: 1.9;
}
.secGiftWrap {
    padding-bottom: 200px;
}
.secGiftWrap h3 span {
    color: var(--yellow);
}
.giftBtnPlace {
    padding: 80px 0 0 100px;
}
.secHowitworksWrap {
    width: 100%;
    display: flex;
    padding-top: 100px;
}
.secHowLeft {
    width: 60%;
}
.howDesk {
    width: 100%;
    display: block;
}
.secHowRight {
    width: 40%;
    margin-top: 100px;
}
.secHowRight h4 {
    font-size: 40px;
    font-weight: 500;
    font-family: 'Bebas Neue',arial,sans-serif;
    text-transform: uppercase;
    color: var(--white);
    padding: 70px 0 0 40px;
    letter-spacing: 3px;
}
.secHowRight p {
    padding-top: 20px;
}
.secHowRight ul {
    margin: 25px auto;
    padding-left: 40px;
}
.secHowRight ul li {
    background: url('../../images/dotgreen.png') no-repeat;
    background-position: left top 15px;
    background-size: 50px 50px;
    font-size: 32px;
    text-transform: capitalize;
    color: (--white);
    padding: 20px 0 20px 65px;
}
.howBtnPlace {
    margin-top: 70px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .secGiftWrap h3 {
        font-size: 110px;
    }
    .giftContent {
        font-size: 21px;
    }
    .secGiftWorksbg {
        padding-bottom: 0;
    }
    .secGiftWrap {
        padding-bottom: 100px;
    }
    .secHowitworksWrap {
        padding-top: 100px;
    }
    .secWorksbg {
        padding-bottom: 200px;
    }
    .secHowRight ul li {
        font-size: 26px;
        background-size: 40px 40px;
        padding: 20px 0 20px 50px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
   .giftTitle {
        font-size: 100px;
    }
    .giftTitle span {
        font-size: 44px;
    }
    .secGiftWrap h3 {
        font-size: 80px;
        padding: 20px 0 30px;
    }
    .giftsubTitle {
        font-size: 40px;
        line-height: 1;
        padding-bottom: 10px;
    }
    .giftContent {
        font-size: 18px;
        line-height: 1.5;
        width: 600px;
    }
    .giftBtnPlace {
        padding-top: 40px;
    }
    .secGiftWorksbg {
        padding-bottom: 0;
    }
    .secGiftWrap {
        padding-bottom: 360px;
    }
    .secHowitworksWrap {
        padding-top: 100px;
    }
    .secWorksbg {
        padding-bottom: 20px;
    }
    .secGiftbg {
        height: 790px;
    }
    .secHowLeft {
        width: 55%;
    }
    .secHowRight {
        width: 45%;
    }
    .secHowRight h4 {
        font-size: 32px;
    }
    .secHowRight p {
        padding-top: 10px;
    }
    .secHowRight ul li {
        font-size: 21px;
        background-position: left top 17px;
        background-size: 30px 30px;
        padding: 20px 0 20px 40px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
   .giftTitle {
        font-size: 100px;
    }
    .giftTitle span {
        font-size: 44px;
    }
    .secGiftWrap h3 {
        font-size: 80px;
        padding: 20px 0 30px;
    }
    .giftsubTitle {
        font-size: 36px;
        line-height: 1;
        padding-bottom: 15px;
    }
    .giftContent {
        font-size: 18px;
        line-height: 1.5;
        width: 600px;
    }
    .giftBtnPlace {
        padding-top: 40px;
    }
    .secGiftWorksbg {
        padding-bottom: 0;
    }
    .secGiftWrap {
        padding-bottom: 360px;
    }
    .secHowitworksWrap {
        padding-top: 160px;
    }
    .secWorksbg {
        padding-bottom: 120px;
    }
    .secGiftbg {
        height: 660px;
    }
    .secHowLeft {
        width: 55%;
    }
    .secHowRight {
        width: 45%;
        margin-top: 30px;
    }
    .secHowRight h4 {
        font-size: 32px;
    }
    .secHowRight p {
        padding-top: 10px;
    }
    .secHowLeft img {
        width: 750px;
    }
    .secHowRight ul li {
        font-size: 21px;
        background-position: left top 17px;
        background-size: 30px 30px;
        padding: 20px 0 20px 40px;
    }
    .secHowRight ul {
        padding-left: 30px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .giftTitle {
        font-size: 90px;
    }
    .giftTitle span {
        font-size: 39px;
    }
    .secGiftWrap h3 {
        font-size: 70px;
        padding: 20px 0 30px;
    }
    .giftsubTitle {
        font-size: 40px;
        line-height: .9;
        padding-bottom: 10px;
    }
    .giftContent {
        font-size: 18px;
        line-height: 1.5;
        width: 600px;
    }
    .giftBtnPlace {
        padding-top: 40px;
    }
    .secGiftWorksbg {
        padding-bottom: 0;
    }
    .secGiftWrap {
        padding-bottom: 60px;
    }
    .secHowitworksWrap {
        padding-top: 0;
        flex-direction: column;
    }
    .secHowLeft,
    .secHowRight {
        width: 100%;
    }
    .secHowRight {
        margin-top: 0;
    }
    .secWorksbg {
      margin-top: 100px;
        padding-bottom: 120px;
    }
    .secGiftbg {
        height: 700px;
    }
    .secHowRight h4 {
        padding-left: 30px;
    }
    .secHowRight ul li {
        font-size: 21px;
        background-position: left top 17px;
        background-size: 30px 30px;
        padding: 20px 0 20px 40px;
    }
    .secHowRight ul {
        padding-left: 30px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .giftTitle {
        font-size: 80px;
    }
    .giftTitle span {
        font-size: 35px;
    }
    .secGiftWrap h3 {
        font-size: 64px;
        padding: 20px 0 30px;
    }
    .giftsubTitle {
        font-size: 32px;
        line-height: 1;
        padding-bottom: 10px;
    }
    .giftContent {
        font-size: 18px;
        line-height: 1.5;
        width: 600px;
    }
    .giftBtnPlace {
        padding-top: 40px;
    }
    .secGiftWorksbg {
        padding-bottom: 0;
    }
    .secGiftWrap {
        padding-bottom: 0;
    }
    .secHowitworksWrap {
        padding-top: 0;
        flex-direction: column;
    }
    .secHowLeft,
    .secHowRight {
        width: 100%;
    }
    .secHowRight {
        margin-top: 0;
    }
    .secWorksbg {
      margin-top: 100px;
        padding-bottom: 120px;
    }
    .secGiftbg {
        height: auto;
    }
    .secHowRight h4 {
            padding: 45px 0 0 30px;
    }
    .secHowRight p {
        padding-top: 0;
    }
    .secHowRight ul li {
        font-size: 21px;
        background-position: left top 17px;
        background-size: 30px 30px;
        padding: 20px 0 20px 40px;
    }
    .secHowRight ul {
        padding-left: 30px;
    }
}
@media only screen and (max-width: 767px) {
    .howDesk {
        display: none;
    }
    .howMob {
        display: block;
        width: 100%;
    }
    .secHowLeft {
        margin-top: 50px;
    }
    .giftContent {
        width: 100%;
    }
    .giftTitle {
        font-size: 80px;
    }
    .giftTitle span {
        font-size: 35px;
    }
    .secGiftWrap h3 {
        font-size: 60px;
        padding: 20px 0 30px;
    }
    .giftsubTitle {
        font-size: 30px;
        line-height: 1;
        padding-bottom: 10px;
    }
    .giftContent {
        font-size: 18px;
        line-height: 1.5;
        width: 100%;
    }
    .giftBtnPlace {
        padding-top: 40px;
    }
    .secGiftWorksbg {
        padding-bottom: 0;
    }
    .secGiftWrap {
        padding-bottom: 0;
    }
    .secHowitworksWrap {
        padding-top: 0;
        flex-direction: column;
    }
    .secHowLeft,
    .secHowRight {
        width: 100%;
    }
    .secHowRight {
        margin-top: 50px;
    }
    .secWorksbg {
        padding-bottom: 50px;
    }
    .secGiftbg {
        height: auto;
    }
    .secHowRight h4 {
        padding: 30px 0 0 0;
    }
    .secHowRight ul li {
        font-size: 21px;
        background-position: left top 17px;
        background-size: 30px 30px;
        padding: 20px 0 20px 40px;
    }
    .secHowRight ul {
        padding-left: 0;
    }
    .howBtnPlace {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 479px) {
    .giftTitle {
        font-size: 56px;
    }
    .giftTitle span {
        font-size: 25px;
    }
    .secGiftWrap h3 {
        font-size: 48px;
    }
    .giftBtnPlace {
        padding: 40px 0 0 0;
    }
    .secHowRight h4 {
        font-size: 34px;
    }
    .secHowRight p {
        padding-top: 0;
    }
    .secHowLeft {
        margin-top: 50px;
    }
    .secHowRight ul li {
        padding: 10px 0 10px 40px;
        background-position: left top 8px;
    }
    .howBtnPlace {
        margin-top: 30px;
    }
}


/*========================================================
	INDEX Gallery Section
=========================================================*/
.secGallerybg {
    padding-bottom: 180px;
    background: var(--black);
}
.secGalleryWrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.secGalleryCol {
    width: 32.5%;
}
.secGalleryCol h3 {
    line-height: 1.1;
    width: 400px;
}
.secGalleryCol h3::before {
    top: -20px;
}
.secGalleryCol h3 span {
    display: block;
}
.secGalleryCol img {
    width: 100%;
    opacity: 0.2;
}
.secGalleryCol img:hover {
    opacity: 1;
}
.galTwo img {
    margin-bottom: 30px;
    display: block;
}
.secGalContent {
    height: 476.42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .secGalContent {
        height: 369.63px;
    }
    .galTwo img {
        margin-bottom: 25px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
   .secGalContent {
        height: 310.83px;
    }
    .galTwo img {
        margin-bottom: 15px;
    }
    .secGallerybg {
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .secGalContent {
        height: 252.02px;
        margin-bottom: 15px;
    }
    .galTwo img {
        margin-bottom: 15px;
    }
    .secGallerybg {
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .secGalContent {
        height: 193.55px;
        margin-bottom: 15px;
    }
    .galTwo img {
        margin-bottom: 15px;
    }
    .secGallerybg {
        padding-bottom: 100px;
    }
    .secGalleryCol img,
    .galTwo img {
        opacity: .5;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .secGalContent {
        height: 145.14px;
        margin-bottom: 15px;
    }
    .galTwo img {
        margin-bottom: 15px;
    }
    .secGallerybg {
        padding-bottom: 50px;
    }
    .secGalMob h3 {
        font-size: 48px;
    }
    .secGalleryCol img,
    .galTwo img {
        opacity: .5;
    }
}
@media only screen and (max-width: 767px) {
   .secGalContent {
        height: 145.14px;
        margin-bottom: 15px;
    }
    .galTwo img {
        margin-bottom: 15px;
    }
    .secGallerybg {
        padding-bottom: 50px;
    }
    .secGalleryWrap {
        flex-direction: column;
    }
    .secGalleryCol {
        width: 100%;
    }
    .secGalleryCol img,
    .galTwo img {
        opacity: .9;
    }
    .secGalleryCol img {
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 479px) {

}
/*========================================================
		SERVICES page
=========================================================*/
.bannerServ {}
.bannerServWrap {
    text-align: center;
    width: 60%;
    margin: 400px auto 0;
}
.bannerServWrap p {
    font-size: 24px;
    text-align: left;
    padding-bottom: 20px;
}
.servpadbot {
    padding-bottom: 60px;
}
.scheduleBtnPlace {
    text-align: center;
    padding-top: 60px;
}
.servBookbg {
  margin-top: 100px;
    padding: 0 0 100px;
}
.servBookWrap {
    display: flex;
}
.servBookLeft {
    width: 50%;
}
.servBookRight {
    width: 50%;
}
.servBookLeft img {
    width: 100%;
    display: block;
}
.servBookLeft img:nth-child(1){
    margin-bottom: 50px;
}
.servBookRight {
    padding: 100px 0 0 150px;
}
.subH2pad {
    padding-bottom: 100px;
}
.servBookRight p {
    padding-left: 40px;
    font-size: 24px;
    padding-bottom: 30px;
}
.bookBtnPad {
    padding-top: 100px;
}
.servFeatbg {
    padding: 140px 0 120px;
}
.servFeatWrap {
    width: 50%;
    margin: 110px auto;
}
.subContent .subh3col {
    font-size: 44px;
    color: var(--green);
    text-transform: capitalize;
    padding-bottom: 35px;
    letter-spacing: 2px;
}
.subContent .subh3col::before,
.subContent .subh3norm::before {
    background: none;
}
.servBookRight p span {
    font-size: 32px;
    display: block;
}
.subContent .subh3norm {
    font-size: 32px;
    text-transform: capitalize;
    padding-left: 40px;
    font-family: 'Barlow',arial,sans-serif;
}
ul.tintFeatList {
    margin: 25px auto;
    padding-left: 40px;
}
ul.tintFeatList li {
    background: url(../../images/dotgreen.png) no-repeat;
    background-position: left top 25px;
    background-size: 35px 35px;
    padding: 25px 0 25px 45px;
    font-size: 32px;
    font-weight: 600;
    color: var(--white);
}
ul.tintFeatList li span {
    display: block;
    font-weight: 400;
    text-transform: none;
    font-size: 26px;
    padding-top: 10px;
}
.windtintRight {
    padding-top: 0;
}

details {
    padding: 20px 10px 30px 10px;
    border-bottom: 2px solid var(--green);
    background-color: transparent;
    color: var(--green);
    font-size: 32px;
    text-transform: capitalize;
}
summary {
  padding: 10px 20px 10px 0;
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  transition: height 1s ease;
}
summary::-webkit-details-marker {
  display: none;
}
summary:after{
  content: "\002B";
}
details[open] summary {
    margin-bottom: .5em;
}
details[open] summary:after{
  content: "\00D7";
}
details[open] div{
  padding: 20px 80px;
    font-size: 21px;
    color: var(--white);
    line-height: 1.5;
}
.servLookbg {
    padding: 100px 0 180px;
}
.servLookWrap {
    display: flex;
}
.servLookLeft {
    width: 45%;
}
.servLookLeft img {
    width: 100%;
}
.servLookRight {
    width: 55%;
    padding:  0 180px 0 0;
}
.servLookRight p {
    padding-left: 40px;
    font-size: 24px;
    padding-bottom: 30px;
}
ul.tintAvList {
    padding-left: 40px;
}
ul.tintAvList li {
    background: url(../../images/dotgreen.png) no-repeat;
    background-position: left top 15px;
    background-size: 20px 20px;
    font-size: 24px;
    padding: 10px 0 10px 30px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .bannerServWrap p {
        font-size: 22px;
    }
    .bannerServWrap {
        width: 70%;
    }
    .servBookRight {
        padding-top: 30px;
    }
    .servLookRight {
        padding: 20px 90px 0 0;
    }
    .subContent .subh3col {
        font-size: 38px;
    }
    ul.tintFeatList li {
        font-size: 26px;
    }
    .servBookRight p,
    ul.tintFeatList li span {
        font-size: 21px;
    }
    .bookBtnPad {
        padding-top: 35px;
    }
    .servBookbg{
      margin-top: 150px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .bannerServWrap {
        margin-top: 280px;
        width: 80%;
    }
    .bannerServWrap p,
    .servBookRight p {
        font-size: 18px;
        padding-bottom: 20px;
    }
    .topServices {
        height: 900px;
    }
    .servBookbg {
        padding-top: 30px;
    }
    .servBookRight {
        padding: 30px 0 0 100px;
    }
    .servFeatbg {
        padding: 70px 0 0;
    }
    .servFeatWrap {
        width: 65%;
        margin-top: 70px;
    }
    details {
        font-size: 28px;
    }
    details[open] div {
        font-size: 19px;
    }
    .servLookRight {
            padding: 30px 80px 0 0;
    }
    .serLast {
        padding-bottom: 50px;
    }
    .servLookRight p {
        font-size: 18px;
    }
    .servLookbg {
        padding-bottom: 70px;
    }
    .subContent .subh3col {
        font-size: 34px;
        padding-bottom: 15px;
    }
    .servBookRight p span {
        font-size: 26px;
    }
    ul.tintFeatList {
        margin: 0 auto 35px;
    }
    ul.tintFeatList li {
        font-size: 24px;
        background-position: left top 20px;
        background-size: 20px 20px;
        padding: 15px 0 15px 30px;
    }
    ul.tintFeatList li span {
        font-size: 18px;
    }
    .bookBtnPad {
        padding-top: 30px;
    }
    ul.tintAvList li {
        font-size: 18px;
        background-position: left top 10px;
        background-size: 15px 15px;
        padding: 5px 0 5px 25px;
    }
    ul.tintAvList {
        padding-bottom: 50px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
   .bannerServWrap {
        margin-top: 220px;
        width: 80%;
    }
    .bannerServWrap p,
    .servBookRight p {
        font-size: 18px;
        padding-left: 25px;
    }
    .servpadbot {
        padding-bottom: 30px;
    }
    .topServices {
        height: 700px;
    }
    .servBookbg {
      margin-top: 40px;
        padding-top: 60px;
    }
    .servBookRight {
        padding: 0 0 0 35px;
    }
    .servFeatbg {
        padding: 70px 0 0;
    }
    .servFeatWrap {
        width: 65%;
        margin-top: 70px;
    }
    details {
        font-size: 23px;
    }
    details[open] div {
        font-size: 18px;
    }
    .servLookRight {
            padding: 30px 80px 0 60px;
    }
    .serLast {
        padding-bottom: 50px;
    }
    .servLookRight p {
        font-size: 18px;
    }
    .servLookbg {
        padding-bottom: 70px;
    }
    .subH2pad {
        padding-bottom: 50px;
    }
    .bookBtnPad {
        padding-top: 45px;
    }
    .subContent .subh3col {
        font-size: 28px;
    }
    .servBookWrap {
        flex-direction: column;
    }
    .servBookLeft,
    .servBookRight {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .servBookRight {
        padding: 0;
    }
    .windtintRight {
        max-width: 800px;
    }
    .servBookRight p span {
        font-size: 26px;
    }
    ul.tintFeatList {
        margin: 0 auto 25px;
        padding-left: 25px;
    }
    ul.tintFeatList li {
        background-position: left top 15px;
        background-size: 15px 15px;
        padding: 8px 0 8px 25px;
        font-size: 24px;
    }
    ul.tintFeatList li span {
        font-size: 18px;
    }
    .servLookWrap {
        flex-direction: column-reverse;
    }
    .servLookRight,
    .servLookLeft {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .servLookRight {
        max-width: 800px;
    }
    ul.tintFeatList {
        margin: 0 auto 35px;
    }
    ul.tintFeatList li {
        font-size: 24px;
        background-position: left top 20px;
        background-size: 20px 20px;
        padding: 15px 0 15px 30px;
    }
    ul.tintFeatList li span {
        font-size: 18px;
    }
    .bookBtnPad {
        padding-top: 30px;
    }
    ul.tintAvList li {
        font-size: 18px;
        background-position: left top 10px;
        background-size: 15px 15px;
        padding: 5px 0 5px 25px;
    }
    ul.tintAvList {
        padding-bottom: 50px;
    }

}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .bannerServWrap {
        margin-top: 190px;
        width: 90%;
    }
    .bannerServWrap p,
    .servBookRight p {
        font-size: 18px;
        padding-left: 25px;
    }
    .servpadbot {
        padding-bottom: 30px;
    }
    .topServices {
        height: 700px;
    }
    .servBookbg {
        padding-top: 90px;
    }
    .servBookRight {
        padding: 0 0 0 30px;
    }
    .servFeatbg {
        padding: 70px 0 0;
    }
    .servFeatWrap {
        width: 80%;
        margin-top: 70px;
    }
    details {
        font-size: 23px;
    }
    details[open] div {
        font-size: 18px;
    }
    .servLookRight {
            padding: 30px 80px 0 60px;
    }
    .serLast {
        padding-bottom: 50px;
    }
    .servLookRight p {
        font-size: 18px;
    }
    .servLookbg {
        padding: 0 0 70px;
    }
    .subH2pad {
        padding-bottom: 50px;
    }
    .bookBtnPad {
        padding-top: 45px;
    }
    .servBookWrap,
    .servLookWrap {
        align-items: center;
    }
    .servBookWrap {
        flex-direction: column;
    }
    .servBookLeft,
    .servBookRight {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .subContent .subh3col {
        font-size: 34px;
    }
    .servBookRight p span {
        font-size: 24px;
    }
    ul.tintFeatList {
        margin: 0 auto 35px;
        padding-left: 25px;
    }
    ul.tintFeatList li {
        font-size: 24px;
        background-position: left top 20px;
        background-size: 20px 20px;
        padding: 15px 0 15px 30px;
    }
    ul.tintFeatList li span {
        font-size: 18px;
    }
    .bookBtnPad {
        padding-top: 30px;
    }
    ul.tintAvList li {
        font-size: 18px;
        background-position: left top 10px;
        background-size: 15px 15px;
        padding: 5px 0 5px 25px;
    }
    ul.tintAvList {
        padding-bottom: 50px;
    }
    .servLookWrap {
        flex-direction: column-reverse;
    }
    .servLookRight,
    .servLookLeft {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .bannerServWrap {
        margin-top: 170px;
        width: 100%;
    }
    .bannerServWrap p,
    .servBookRight p {
        font-size: 18px;
    }
    .servpadbot {
        padding-bottom: 30px;
    }
    .topServices {
        height: 700px;
    }
    .servBookbg {
      margin-top: 50px;
        padding-top: 70px;
    }
    .servBookRight {
        padding: 0;
    }
    .servFeatbg {
        padding: 70px 0 0;
    }
    .servFeatWrap {
        width: 90%;
        margin-top: 40px;
    }
    details {
        font-size: 23px;
    }
    details[open] div {
        font-size: 18px;
    }
    .servLookRight {
        padding: 60px 0 0;
    }
    .serLast {
        padding-bottom: 50px;
    }
    .servLookRight p {
        font-size: 19px;
        padding-bottom: 0;
    }
    .servLookbg {
        padding: 0 0 70px;
    }
    .subH2pad {
        padding-bottom: 50px;
    }
    .bookBtnPad {
        padding-top: 45px;
    }
    .servBookWrap,
    .servLookWrap {
        flex-direction: column;
    }
    .servBookLeft,
    .servBookRight,
    .servLookLeft,
    .servLookRight {
        width: 100%;
    }
    .servBookRight {
        margin-top: 50px;
    }
    .servBookWrap,
    .servLookWrap {
        align-items: center;
    }
    .servBookWrap {
        flex-direction: column;
    }
    .servBookLeft,
    .servBookRight {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    .subContent .subh3col {
        font-size: 34px;
    }
    .servBookRight p span {
        font-size: 24px;
    }
    ul.tintFeatList {
        margin: 0 auto 35px;
        padding-left: 25px;
    }
    ul.tintFeatList li {
        font-size: 24px;
        background-position: left top 20px;
        background-size: 20px 20px;
        padding: 15px 0 15px 30px;
    }
    ul.tintFeatList li span {
        font-size: 18px;
    }
    .bookBtnPad {
        padding-top: 30px;
    }
    ul.tintAvList li {
        font-size: 18px;
        background-position: left top 10px;
        background-size: 15px 15px;
        padding: 5px 0 5px 25px;
    }
    ul.tintAvList {
        padding-bottom: 50px;
    }
    .servLookWrap {
        flex-direction: column-reverse;
    }
    .servLookRight,
    .servLookLeft {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 767px) {
   .bannerServWrap {
        margin-top: 180px;
        width: 100%;
    }
    .bannerServWrap p,
    .servBookRight p {
        font-size: 18px;
        padding-left: 30px;
    }
    .servBookRight p span {
        font-size: 24px;
    }
    .servpadbot {
        padding-bottom: 30px;
    }
    .topServices {
        height: auto;
    }
    .servBookbg {
        padding: 50px 0 30px;
    }
    .servBookRight {
        padding: 0;
    }
    .servFeatbg {
        padding: 70px 0 0;
    }
    .servFeatWrap {
        width: 90%;
        margin-top: 40px;
    }
    details {
        font-size: 21px;
    }
    details[open] div {
        font-size: 18px;
    }
    .servLookRight {
        padding: 60px 0 0;
    }
    .serLast {
        padding-bottom: 50px;
    }
    .servLookRight p {
        font-size: 18px;
    }
    .servLookbg {
        padding: 70px 0 70px;
    }
    .subH2pad {
        padding-bottom: 50px;
    }
    .bookBtnPad {
        padding-top: 45px;
    }
    .servBookWrap,
    .servLookWrap {
        flex-direction: column;
    }
    .servBookLeft,
    .servBookRight,
    .servLookLeft,
    .servLookRight {
        width: 100%;
    }
    .servBookRight {
        margin-top: 30px;
    }
    .subContent .subh3col {
        font-size: 26px;
        width: 350px;
    }
    ul.tintFeatList {
        margin: 0 auto 35px;
        padding-left: 25px;
    }
    ul.tintFeatList li {
        font-size: 24px;
        background-position: left top 20px;
        background-size: 20px 20px;
        padding: 15px 0 15px 30px;
    }
    ul.tintFeatList li span {
        font-size: 18px;
    }
    .bookBtnPad {
        padding-top: 30px;
    }
    ul.tintAvList li {
        font-size: 18px;
        background-position: left top 10px;
        background-size: 15px 15px;
        padding: 5px 0 5px 25px;
    }
    ul.tintAvList {
        padding-bottom: 50px;
    }
    .servLookWrap {
        flex-direction: column-reverse;
    }
    .servLookRight,
    .servLookLeft {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
    }
    ul.tintAvList {
        padding-left: 30px;
    }
}
@media only screen and (max-width: 479px) {
    .scheduleBtnPlace {
        padding-top: 0;
    }
    .servBookRight p,
    .servLookRight p {
        padding-left: 0;
    }
    .subH2pad {
        padding-bottom: 20px;
    }
    .servFeatWrap {
        width: 100%;
    }
    details[open] div {
        padding: 0;
    }
    .subContent .subh3col {
        width: 100%;
    }
    ul.tintFeatList {
        padding-left: 0;
    }
    ul.tintAvList {
        padding-left: 0;
    }


}
/*========================================================
	OUR STORY page
=========================================================*/
.topStory {
    background: url(../../images/ourstory/bannerStorybg.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    height: 1080px;
}
.bannerStoryWrap {
    text-align: center;
    width: 60%;
    margin: 300px auto 0;
}
.storyH1 span {
    display: block;
}
.secStoryWrap {
    display: flex;
}
.secStoryLeft,
.secStoryRight {
    width: 50%;
}
.secStoryLeft img {
    width: 100%;
}
.secStoryRight {
    padding: 90px 0 0 80px;
}
.secStoryRight p {
    padding-left: 40px;
    font-size: 24px;
    padding-bottom: 30px;
}
.subH2storypad {
    padding-bottom: 100px;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .topStory {
        height: 980px;
    }
    .bannerStoryWrap {
        width: 70%;
    }
    .secStoryRight p {
        font-size: 21px;
    }
    .subH2storypad {
        padding-bottom: 50px;
    }
    .secStory {
        padding-bottom: 90px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .topStory {
        height: 760px;
    }
    .bannerStoryWrap {
        margin-top: 200px;
    }
    .secStoryRight p {
        font-size: 18px;
    }
    .subH2storypad {
        padding-bottom: 30px;
    }
    .secStoryRight {
        padding-top: 30px;
    }
    .secStory {
        padding-bottom: 70px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
   .topStory {
        height: 570px;
    }
    .bannerStoryWrap {
        margin-top: 200px;
    }
    .secStoryRight p {
        font-size: 16px;
    }
    .subH2storypad {
        padding-bottom: 30px;
    }
    .secStoryRight {
        padding-top: 0;
    }
    .secStory {
        padding: 50px 0 40px;
    }
    .bannerStoryWrap {
        width: 80%;
        margin-top: 160px;
    }
    .subContent h2::before,
    .subContent h3::before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
        top: -15px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .topStory {
        height: 520px;
    }
    .bannerStoryWrap {
        margin-top: 200px;
    }
    .secStoryRight p {
        font-size: 16px;
    }
    .subH2storypad {
        padding-bottom: 30px;
    }
    .secStoryRight {
        padding-top: 0;
        padding-left: 40px;
    }
    .secStory {
        padding: 50px 0 40px;
    }
    .bannerStoryWrap {
        width: 90%;
        margin-top: 150px;
    }
    .subContent h2::before,
    .subContent h3::before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
        top: -15px;
    }
    .storyH1 {
        font-size: 60px;
    }
    .storyBtnPlace {
        padding-top: 0;
    }
    .secStoryWrap {
        align-items: center;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .topStory {
        height: 500px;
    }
    .bannerStoryWrap {
        margin-top: 200px;
    }
    .secStoryRight p {
        font-size: 16px;
        padding-left: 30px;
    }
    .subH2storypad {
        padding-bottom: 30px;
    }
    .secStoryRight {
        padding: 0;
        margin-top: 50px;
    }
    .secStory {
        padding: 0 0 40px;
    }
    .bannerStoryWrap {
        width: 100%;
        margin-top: 150px;
    }
    .subContent h2::before,
    .subContent h3::before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
        top: -15px;
    }
    .storyH1 {
        font-size: 60px;
    }
    .storyBtnPlace {
        padding-top: 0;
    }
    .secStoryWrap {
        flex-direction: column;
    }
    .secStoryLeft,
    .secStoryRight {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
   .topStory {
        height: 480px;
    }
    .bannerStoryWrap {
        margin-top: 200px;
    }
    .secStoryRight p {
        font-size: 16px;
        padding-left: 30px;
    }
    .subH2storypad {
        padding-bottom: 30px;
    }
    .secStoryRight {
        padding: 0;
        margin-top: 50px;
    }
    .secStory {
        padding: 0 0 40px;
    }
    .bannerStoryWrap {
        width: 100%;
        margin-top: 150px;
    }
    .subContent h2::before,
    .subContent h3::before {
        width: 40px;
        height: 40px;
        background-size: 40px 40px;
        top: -15px;
    }
    .storyH1 {
        font-size: 60px;
    }
    .storyBtnPlace {
        padding-top: 0;
    }
    .secStoryWrap {
        flex-direction: column;
    }
    .secStoryLeft,
    .secStoryRight {
        width: 100%;
    }
}
@media only screen and (max-width: 479px) {
    .storyH1 {
        font-size: 48px;
    }
    .secStory {
        padding-top: 0;
    }
    .secStoryRight p {
        padding-left: 0;
    }
     .topStory {
        height: 420px;
    }
}
/*========================================================
	REVIEWS page
=========================================================*/
.revPlace {
    text-align: center;
}
.revPlace img {
    width: 450px;
}
.secRevbg {
    padding-bottom: 160px;
}
.revWrap {
    width: 80%;
    margin: 0 auto;
}
.revWrapTop {
    background: var(--darkgrey);
    height: 70px;
    border-radius: 8px;
    display: flex;
}
.revtopbtn {
    padding: 8px 50px 8px 36px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: var(--white);
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
}
.revtopone,
.revtoptwo,
.revtopthree {
    position: relative;
}
.revtopone::before {
    width: 22px;
    height: 22px;
    content: " ";
    background-image: url('../images/reviews/google-icon.png');
    background-size: 22px 22px;
    position: absolute;
    left: 5px;
    top: 23px;
}
.revtoptwo::before {
    width: 25px;
    height: 25px;
    content: " ";
    background-image: url('../images/reviews/facebook-icon.png');
    background-size: 25px 25px;
    position: absolute;
    left: 2px;
    top: 23px;
}
.revtopthree::before {
    width: 25px;
    height: 25px;
    content: " ";
    background-image: url('../images/reviews/yelp-icon.png');
    background-size: 25px 25px;
    position: absolute;
    left: 2px;
    top: 23px;
}
.revcontainer {
    width: 100%;
}
.revRow {
    padding: 60px 0 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.revBox {
    width: 24%;
}
.revBoxIns {
     background: var(--darkgrey);
    border-radius: 20px;
    padding: 30px;
}
.stars5 {
    width: 120px;
    margin-bottom: 20px;
}
.revBox p {
    padding-bottom: 35px;
    line-height: 1.5;
}
.revPosted {
    margin-top: auto;
}
.revPosted span {
    display: block;
    font-size: 16px;
    color: #8e8e8e;
    padding-bottom: 5px;
}
.revSocIcon {
    width: 120px;
}
.revBoxBot {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 20px 30px 15px;
}
.authIco {
    width: 60px;
}
.revBoxBot p {
    width: calc(100% - 60px);
    padding-left: 20px;
    font-size: 19px;
    font-weight: 500;
    padding-bottom: 0;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .revPlace img {
        width: 380px;
    }
    .secRevbg {
        padding-bottom: 200px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
   .revPlace img {
        width: 340px;
    }
    .revWrap {
        width: 90%;
    }
    .secRevbg {
        padding-bottom: 80px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
   .revPlace img {
        width: 300px;
    }
    .revWrap {
        width: 100%;
    }
    .revBox p {
        font-size: 16px;
    }
    .revSocIcon {
        width: 90px;
    }
    .secRevbg {
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .revPlace img {
        width: 240px;
    }
    .revWrap {
        width: 100%;
    }
    .revBox p {
        font-size: 16px;
    }
    .revSocIcon {
        width: 90px;
    }
    .secRevbg {
        padding-bottom: 100px;
    }
    .stars5 {
        width: 90px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .revPlace img {
        width: 240px;
    }
    .revWrap {
        width: 100%;
    }
    .revBox p {
        font-size: 16px;
    }
    .revSocIcon {
        width: 90px;
    }
    .secRevbg {
        padding-bottom: 100px;
    }
    .stars5 {
        width: 90px;
    }
    .revRow {
        flex-wrap: wrap;
    }
    .revBox {
        width: 49%;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 767px) {
   .revPlace img {
        width: 240px;
    }
    .revWrap {
        width: 100%;
    }
    .revBox p {
        font-size: 16px;
    }
    .revSocIcon {
        width: 90px;
    }
    .secRevbg {
        padding-bottom: 100px;
    }
    .stars5 {
        width: 90px;
    }
    .revRow {
        flex-wrap: wrap;
        padding-top: 35px;
    }
    .revBox {
        width: 100%;
        margin-bottom: 50px;
    }
    .revWrapTop {
        flex-direction: column;
        height: auto;
    }
    .revtopbtn {
        text-align: left;
        padding: 20px 50px 20px 56px;
        border-bottom: 1px solid #272727;
    }
    .revtopone::before {
        top: 19px;
        left: 20px;
    }
    .revtoptwo::before,
    .revtopthree::before {
        left: 20px;
        top: 16px;
    }
}
@media only screen and (max-width: 479px) {

}
/*========================================================
	CONTACT page
=========================================================*/
.topContact {
    background: url(../images/index/banner-main-index.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
    height: 1000px;
}
.adrWrap {
    width: 80%;
    margin: 0 auto;
    display: flex;
}
.adrLeft,
.adrRight {
    width: 50%;
}
.adrLeft {
    text-align: left;
}
.adrLeft .fooAdr span {
    display: block;
}
.contSocialPad {
    padding-top: 50px;
}
.contFormWrap {
    width: 50%;
    margin: 0 auto;
}
.contbg {
    padding: 90px 0 160px;
}
.contFormWrap p {
    font-size: 28px;
    padding: 20px 0 0 40px;
}
.contFormInside {
    width: 100%;
}
.contFormInside p {
    font-size: 30px;
    padding: 60px 0 60px 40px;
    font-weight: 500;
}
.tintForm {

}
.tintForm input[type="text"] {
    margin: 0 auto 15px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid var(--green);
    cursor: pointer;
    color: var(--white);
    padding: 10px 10px 10px 25px;
    display: block;
    width: 100%;
    height: 60px;
    font-size: 16px;
    outline: none;
}
.tintForm textarea {
    margin: 30px auto;
    border: none;
    border-bottom: 1px solid var(--green);
    padding: 10px 10px 10px 25px;
    color: var(--white);
    font-size: 16px;
    width: 100%;
    height: 90px;
    outline: none;
    background-color: transparent;
    font-family: 'Barlow',arial,sans-serif;
}
.tintForm textarea::placeholder {
    color: var(--white);
}
.tintForm input[type="submit"] {
    display: inline-block;
    background: var(--green);
    color: var(--white);
    text-align: center;
    padding: 17px 38px;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-transform: capitalize;
    border: none;
    cursor: pointer;
    outline: none;
}
.erRed {
    color: var(--errred);
}
.erGreen {
    color: var(--green);
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .contFormWrap {
        width: 55%;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .contbg {
        padding: 0 0 90px;
    }
    .topContact {
        height: 880px;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .topContact {
        height: 700px;
    }
    .contbg {
        padding: 50px 0 60px;
    }
    .contFormWrap {
        width: 60%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .topContact {
        height: 700px;
    }
    .contbg {
        padding: 25px 0 60px;
    }
    .contFormWrap {
        width: 70%;
    }
    .contFormInside p {
        padding: 40px 0 40px 40px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .topContact {
        height: 600px;
    }
    .contbg {
        padding: 50px 0 60px;
    }
    .contFormWrap {
        width: 75%;
    }
    .contFormWrap p {
        padding: 25px 0 25px 30px;
        font-size: 24px;
    }
    .adrWrap {
        width: 90%;
    }
}
@media only screen and (max-width: 767px) {
    .adrWrap {
        width: 100%;
        flex-direction: column;
    }
    .adrLeft,
    .adrRight {
        width: 100%;
    }
    .contfooSocial {
        margin-left: 35px;
    }
    .topContact {
        height: 600px;
    }
    .contbg {
        padding: 160px 0 90px;
    }
    .contFormWrap {
        width: 100%;
        margin-left: 35px;
    }
    .contFormWrap p {
        padding: 25px 0 25px 30px;
        font-size: 24px;
    }
    .contFormInside {
        width: 90%;
    }
    .fooColOne {
        margin-left: 5%;
    }
}
@media only screen and (max-width: 479px) {
    .contfooSocial {
        margin-left: 15px;
    }
    .contFormWrap {
        margin: 0;
    }
    .contFormWrap p {
        padding: 20px 0 20px 15px;
        font-size: 21px;
    }
    .contSocialPad {
        padding-top: 20px;
    }
    .contbg {
        padding-top: 90px;
    }
}
/*========================================================
		Footer
=========================================================*/
.fooColTwo ul li.mlogo,
.fooColTwo ul li.mphone,
.fooColTwo ul li.maddress,
.fooColTwo ul li.mhours,
.fooColTwo ul li.mmlinks,
.fooColTwo ul li.msocial {
    display: none;
}
.foobg {
    background: #000 url('../images/index/footerbg.jpg');
    background-size: cover;
    padding: 160px 0 120px;
}
.fooWrap {
    width: 100%;
    display: flex;
}
.fooColOne,
.fooColTwo {
    width: 50%;
}
.fooDesk {
    width: 300px;
}
.fooColOne h4 {
    font-family: 'Bebas Neue',arial,sans-serif;
    font-size: 68px;
    color: var(--green);
    text-transform: uppercase;
    font-weight: 400;
    padding: 90px 0 0;
    line-height: 1.2;
}
.fooSocial {
    display: flex;
    align-items: center;
}
.socIcoImg {
    width: 100px;
    margin-right: 45px;
    position: relative;
}
.socIcoImg .socIco {
    display: block;
    transition: all 0.5s ease-out;
    max-width: 100%;
    visibility: visible;
}
.socIcoImg:hover .socIco {
    opacity: 0;
    visibility: hidden;
}
.socIcoImg .socIcoHover {
    display: block;
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
    height: auto;
    max-width: 100%;
    transition: all 0.5s ease-out;
    border-radius: 50%;
}
.socIcoImg:hover .socIcoHover {
    opacity: 1;
    visibility: visible;
    box-shadow: 2px 2px 20px 0px rgba(255,255,255, .8);
}

.fooColTwo ul {
    padding: 130px 0 230px;
}
.fooColTwo ul li {
    font-size: 32px;
    font-weight: 300;
    text-transform: capitalize;
    color: var(--green);
    display: block;
    margin-right: 35px;
    padding: 8px 0;
}
.fooColTwo ul li:hover {
    color: var(--white);
}
.fooTel,
.fooAdr,
.fooMail {
    font-size: 28px;
    font-weight: 400;
    color: var(--white);
    position: relative;
    padding: 0 0 40px 66px;
    line-height: 46px;
}
.fooAdr span {
	display: block;
}
.fooAdr{
  line-height: 1.4;
}
.fooTel::before {
    width: 46px;
    height: 46px;
    content: " ";
    background-image: url('../../images/top-and-footer/icon-phone-top.png');
    background-size: 46px 46px;
    position: absolute;
    left: 0;
    top: 0;
}
.fooAdr::before {
    width: 46px;
    height: 46px;
    content: " ";
    background-image: url('../../images/top-and-footer/icon-location-top.png');
    background-size: 46px 46px;
    position: absolute;
    left: 0;
    top: 0;
}
.fooMail::before {
    width: 46px;
    height: 46px;
    content: " ";
    background-image: url('../../images/top-and-footer/icon-email.png');
    background-size: 46px 46px;
    position: absolute;
    left: 0;
    top: 0;
}
.foocp {
    background: var(--black);
}
.foocp p {
    font-size: 21px;
    font-weight: 300;
    color: var(--white);
    text-align: center;
    padding: 30px 0 70px;
    width: 100%;
}
.sitemapFoo{
  text-align: center;
  font-size: 16px;
  color: #aaa;
}
.foo2 {
    margin-top: 180px;
}
.foogrev {
    width: 400px;
    display: block;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .fooDesk {
        width: 250px;
    }
    .fooColTwo ul li {
        font-size: 26px;
    }
    .fooColOne h4 {
        font-size: 55px;
    }
    .fooColOne p {
        font-size: 26px;
    }
    .fooSocial .socIcoImg {
        width: 80px;
    }
    .fooTel, .fooAdr, .fooMail {
        font-size: 24px;
    }
    .foocp p {
        font-size: 18px;
    }
    .foobg {
        padding: 0 0 90px;
    }
    .foogrev {
        width: 350px;
    }
    .foo2ColTwo ul {
        padding: 130px 0 180px;
    }
    .foo2 {
        margin-top: 140px;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
   .fooDesk {
        width: 200px;
    }
    .fooColTwo ul {
        padding: 80px 0 180px;
    }
    .fooColTwo ul li {
        font-size: 21px;
    }
    .fooColOne h4 {
        font-size: 47px;
        padding-top: 60px;
    }
    .fooColOne p {
        font-size: 21px;
        padding-bottom: 20px;
    }
    .fooSocial .socIcoImg {
        width: 76px;
    }
    .fooTel, .fooAdr, .fooMail {
        font-size: 21px;
        line-height: 36px;
        padding-left: 56px;
        padding-bottom: 45px;
    }
    .foocp p {
        font-size: 16px;
    }
    .foobg {
        padding: 100px 0 90px;
    }
    .fooTel::before,
    .fooAdr::before,
    .fooMail::before {
        width: 36px;
        height: 36px;
        background-size: 36px 36px;
    }
    .foo2 {
        margin-top: 100px;
    }

}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .fooDesk {
        width: 200px;
    }
    .fooColOne {
        width: 45%;
    }
    .fooColTwo {
        width: 55%;
    }
    .fooColTwo ul {
        padding: 80px 0 180px;
    }
    .fooColTwo ul li {
        font-size: 19px;
    }
    .fooColOne h4 {
        font-size: 41px;
        padding-top: 60px;
    }
    .fooSocial .socIcoImg {
        width: 65px;
    }
    .fooTel, .fooAdr, .fooMail {
        font-size: 19px;
        line-height: 30px;
        padding-left: 46px;
        padding-bottom: 25px;
    }
    .foocp p {
        font-size: 16px;
    }
    .foobg {
        padding: 100px 0 90px;
    }
    .fooTel::before,
    .fooAdr::before,
    .fooMail::before {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    .foogrev {
        width: 320px;
    }
    .foo2 {
        margin-top: 120px;
    }
}
@media only screen and (min-width: 1301px){
  .addlink{
    margin-top: 10px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .fooDesk {
        width: 200px;
    }
    .fooColOne {
        width: 45%;
    }
    .fooColTwo {
        width: 55%;
    }
    .fooColTwo ul {
        padding: 80px 0 120px;
    }
    .fooColTwo ul li {
        font-size: 18px;
        margin-right: 15px;
    }
    .fooColOne h4 {
        font-size: 35px;
        padding-top: 30px;
    }
    .fooSocial .socIcoImg {
        width: 65px;
        margin-right: 25px;
    }
    .fooTel, .fooAdr, .fooMail {
        font-size: 19px;
        line-height: 30px;
        padding-left: 46px;
        padding-bottom: 25px;
    }
    .foocp p {
        font-size: 16px;
    }
    .foobg {
        padding: 100px 0 90px;
    }
    .fooTel::before,
    .fooAdr::before,
    .fooMail::before {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }
    .foogrev {
        width: 270px;
    }
    .foo2 {
        margin-top: 90px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .fooDesk {
        width: 150px;
    }
    .fooColOne {
        width: 45%;
    }
    .fooColTwo {
        width: 55%;
    }
    .fooColTwo ul {
        padding: 60px 0 120px;
    }
    .fooColTwo ul li {
        font-size: 14px;
        margin-right: 10px;
    }
    .fooColOne h4 {
        font-size: 31px;
        padding-top: 30px;
    }
    .fooSocial .socIcoImg {
        width: 55px;
        margin-right: 15px;
    }
    .fooTel, .fooAdr, .fooMail {
        font-size: 16px;
        line-height: 25px;
        padding-left: 40px;
        padding-bottom: 25px;
        margin-left: 35px;
    }
    .fooAdr span {
        display: block;
    }
    .foocp p {
        font-size: 16px;
    }
    .foobg {
        padding: 50px 0 50px;
    }
    .fooTel::before,
    .fooAdr::before,
    .fooMail::before {
        width: 25px;
        height: 25px;
        background-size: 25px 25px;
    }
    .foogrev {
        width: 240px;
    }
    .foo2ColTwo ul {
        padding: 60px 0 90px;
    }
    .foo2 {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .fooWrap {
        flex-direction: column;
    }
    .fooColOne, .fooColTwo {
        width: 100%;
    }
    .fooDesk {
        width: 150px;
    }
    .fooColTwo ul {
        padding: 60px 0;
        margin-left: 35px;
    }
    .fooColTwo ul li {
        font-size: 18px;
        margin-right: 10px;
        display: block;
        padding: 8px 0;
        font-weight: 400;
    }
    .fooColOne h4 {
        font-size: 40px;
        padding-top: 30px;
    }
    .fooSocial .socIcoImg {
        width: 55px;
        margin-right: 15px;
    }
    .fooTel, .fooAdr, .fooMail {
        font-size: 18px;
        line-height: 25px;
        padding-left: 40px;
        padding-bottom: 25px;
        margin-left: 35px;
    }
    .fooAdr span {
        display: block;
    }
    .foocp p {
        font-size: 14px;
    }
    .sitemapFoo{
      font-size: 14px;
    }
    .foobg {
        padding: 50px 0 50px;
    }
    .fooTel::before,
    .fooAdr::before,
    .fooMail::before {
        width: 25px;
        height: 25px;
        background-size: 25px 25px;
    }
    .foogrev {
        width: 260px;
    }
    .foo2 {
        margin: 50px 0 0 35px;
    }
}

@media only screen and (max-width: 479px) {
    .fooColOne h4 {
        font-size: 32px;
    }
    .fooColTwo ul,
    .fooTel, .fooAdr, .fooMail {
        margin-left: 15px;
    }
    .fooColOne p span,
    .foocp p span{
        display: block;
    }
    .foo2 {
        margin-left: 15px;
    }
}

/*========================================================
    Review Us Page - RevPage
=========================================================*/
.wrapBoxes {
  width: 78%;
  margin: 60px auto;
  text-align: center;
  overflow: hidden;
  max-width: 1440px;
}

.wrapBoxes h1 {
  margin-bottom: 84px;
  text-transform: capitalize;
  font-family: coolvetica, arial, sans-serif;
  font-size: 36px;
  text-align: center;
  color: var(--top-ban-h1);
}

.revBoxes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.revBox {
  width: 25%;
  padding: 12px 15px;
  overflow: hidden;
}

.revBox p {
  color: var(--white);
  padding-bottom: 15px;
}

.inRevBox {
  background: #131313;
  padding: 10px 15px;
  border: 1px solid var(--yellow);
}

@media only screen and (min-width: 2560px){
  .wrapBoxes h1 {
  	font-size: 120px;
  }

}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
  .wrapBoxes {
    width: 90%;
  }
  .wrapBoxes h1 {
    font-size: 84px;
  }
}

@media only screen and (min-width: 1301px) and (max-width: 1919px) {
  .wrapBoxes {
    width: 90%;
  }
  .wrapBoxes h1 {
    font-size: 84px;
  }
  .revBox {
    width: 23%;
  }
}

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

  .revBox {
    width: 31%;
  }

  .wrapBoxes h1 {
    font-size: 44px;
  }
}

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

  .revBox {
    width: 48%;
  }

  .wrapBoxes h1 {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .wrapBoxes h1 {
    font-size: 36px;
  }
  .revBox{
    margin-bottom: 25px;
  }
  .revBox p{
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .wrapBoxes {
    width: 90%;
  }

  .revBox {
    width: 300px;
  }

  .rowBtns {
    margin-top: 25px;
  }
}

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

  .revBox {
    width: 100%;
  }

  .wrapBoxes h1 {
    margin-bottom: 20px;
  }
}
/*========================================================
    Responsive Menu
=========================================================*/
@media only screen  and (min-width: 1301px) {
    ul.mobimenu {
        background: transparent!important;
    }
}
/*========================================================
    Mobile Menu
=========================================================*/
@media only screen  and (max-width: 1300px) {
	.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;
	}
	.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 {
        display: block;
    }
    .menu ul li a {
        font-size: 18px;
    }

	.menu ul li.mlogo {
        margin: 20px auto 0;
        display: block;
        text-align: center;
	}
	.menu ul li.mlogo  img {
		width: 240px;
        margin: 0 auto 30px;
        position: static;
	}
	.menu ul li.mphone {
		display: block;
        margin-bottom: 10px;
	}
    .menu ul li.mphone span {
        display: block;
        font-size: 16px;
        font-weight: 300;
        color: #777;
    }
	.menu ul li.mphone a {
		font-size: 26px;
        color: #fff;
	}
	.menu ul li.maddress {
		display: block;
		font-size: 16px;
		line-height: 1.5;
		text-transform: capitalize;
		margin: 35px auto 20px;
		 color: #777;
	}
	.menu ul li.maddress span {
			display: block;
	}
    .menu ul li.mhours {
        display: block;
		font-size: 14px;
		line-height: inherit;
        margin: 0 auto 30px;
        color: #fff;
        font-family: barlowmedium,arial,sans-serif;
    }
    .menu ul li.mhours span {
        display: block;
    }
	.menu ul li.msocial {
		display: flex;
        justify-content: center;
        align-items: center;
		width: 100%;
        margin: 35px auto 20px;
	}
    .menu ul li.dget {
        line-height: 1;
        padding: 10px 25px 20px;
    }
    .menu ul li.dget a {
        color: var(--yellow)!important;
        display: inline-block;
        line-height: 1;
    }
    .socIcoMob {
        background: var(--white);
        width: 42px;
        height: 42px;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 5px;
    }
    .famobico {
        font-size: 16px;
        color: var(--red);
    }

		.mobimenu {
			padding: 0;
			margin: 0px;
			width: 14.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;
	}
    .boxesWrap {
        width: 90%;

    }
    .top {
       background: var(--light-black);
    }
    .logoDesk {
        display: none;
    }
    .logoMob {
        width: 60%;
        position: relative;
        display: block;
    }
    .logoMob img {
        width: 160px;
        position: absolute;
        top: -60px;
        left: 0;
    }
    .one {
        width: 100%;
        background: none;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-top: 0;
        position: inherit;
        height: 150px;
    }
    .two {
        display: none;
    }
    .mobRest {
        width: 40%;
        display: flex;
        align-items: center;
        padding-left: 0;
        justify-content: flex-end;
    }
    nav,
    .telMob,
    .locMob {
        width: 33.33%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    nav {
        padding-left: 0;
    }
    .telMob a {
        display: inline-block;
    }
    .telMob img,
    .locMob img {
        width: 50px;
    }
    .socIco {
        width: 40px;
        margin-right: 5px;
    }
    .menu ul li.mmlinks{
      display: block;
      margin-top: 15px;
    }
}
@media only screen and (max-width: 767px) {
    .logoMob,
    .mobRest {
        width: 50%;
    }
}
@media only screen and (max-width: 479px) {
    .logoMob img {
        top: -40px;
    }
    .telMob img, .locMob img {
        width: 40px;
    }
    .smobitrigger {
        background-size: 40px 40px;
        width: 40px;
        height: 40px;
    }
    .one {
        height: 96px;
    }
    .logoMob {
        width: 40%;
    }
    .mobRest {
        width: 60%;
    }
}
/*========================================================
    FOOTER Changes
=========================================================*/
.foobg {
   border-top: 1px solid #ff0000;
}
.fooInfo {
    padding: 50px 0;
}
.socIcoImg {
    width: 70px;
}
.fooWrap {
    width: 60%;
    margin: 0 auto;
}
.fooColOne {
    width: 50%;
}
.fooColTwo {
    padding: 130px 0 230px 50px;
}
.fooColThree {
    padding: 130px 0 230px 90px;
}
.fooColTwo ul {
    padding: 0;
}
.fooColTwo h5, .fooColThree h5 {
    font-size: 32px;
    font-weight: 500;
    color: var(--white);
    text-transform: capitalize;
    padding-bottom: 10px;
}
.fooColTwo, .fooColThree {
    width: 25%;
}
.fooColTwo ul li, .fooColThree ul li {
    font-size: 32px;
    font-weight: 300;
    text-transform: capitalize;
    color: var(--green);
    display: block;
    margin-right: 35px;
    padding: 8px 0;
}
.dmap {
    color: #2e2e2e!important;
}
@media only screen and (min-width: 1920px) and (max-width: 2559px) {
    .secGallerybg {
        padding-bottom: 90px;
    }
    .foobg {
        padding: 70px 0 90px;
    }
    .fooSocial .socIcoImg {
        width: 50px;
    }
    .fooWrap {
        width: 70%;
    }
    .fooColTwo ul li, .fooColThree ul li, .fooColTwo h5, .fooColThree h5 {
        font-size: 26px;
    }
    .fooColTwo {
        padding-left: 0;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 1919px) {
    .foobg {
        padding: 100px 0 0;
    }
    .fooColTwo {
        padding: 80px 0 180px 0;
    }
    .fooColThree {
        padding: 80px 0 180px 50px;
    }
    .fooColTwo ul li, .fooColThree ul li, .fooColTwo h5, .fooColThree h5 {
        font-size: 21px;
    }
    .fooSocial .socIcoImg {
        width: 50px;
        margin-right: 20px;
    }

    .fooInfo {
        padding: 35px 0;
    }
}
@media only screen and (min-width: 1301px) and (max-width: 1600px) {
    .foobg {
        padding: 60px 0 70px;
    }
    .fooWrap {
        width: 75%;
    }
    .fooColTwo {
        padding: 80px 0 80px 0;
    }
    .fooColThree {
        padding: 80px 0 80px 50px;
    }
    .fooColTwo ul li, .fooColThree ul li, .fooColTwo h5, .fooColThree h5 {
        font-size: 19px;
    }
   .fooSocial .socIcoImg {
        width: 50px;
       margin-right: 20px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1300px) {
    .foobg {
        padding: 50px 0 30px;
    }
    .fooWrap {
        width: 90%;
    }
    .fooColTwo {
        padding: 80px 0 120px 0;
    }
    .fooColThree {
        padding: 80px 0 120px 50px;
    }
    .fooSocial .socIcoImg {
        margin-right: 0;
    }
    .fooColTwo ul li, .fooColThree ul li, .fooColTwo h5, .fooColThree h5 {
        font-size: 18px;
        margin-right: 15px;
    }

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .foobg {
        padding: 50px 0 0;
    }
    .fooWrap {
        width: 90%;
    }
    .fooTel, .fooAdr, .fooMail  {
        margin-left: 0;
    }
    .fooColTwo {
        padding: 60px 0 90px 0;
    }
    .fooColThree {
        padding: 60px 0 90px 50px;
    }
    .fooColTwo ul li, .fooColThree ul li, .fooColTwo h5, .fooColThree h5 {
        font-size: 18px;
        margin-right: 10px;
    }
    .socIcoImg .socIco {
        width: 40px;
    }
    .fooSocial .socIcoImg {
        margin-right: 0;
    }
}
@media only screen and (max-width: 767px) {
    .foobg {
        padding: 50px 0 0;
    }
   .fooWrap {
        flex-direction: column;
        width: 100%;
    }
    .fooColOne {
        text-align: center;
    }
    .fooColOne, .fooColTwo, .fooColThree {
        width: 100%;
        margin-left: 0;
    }
    .fooColTwo, .fooColThree {
        padding: 60px 0 0;
    }
    .fooColOne ul, .fooColTwo ul, .fooColThree ul {
        margin-left: 0;
    }
    .fooDesk {
        width: 150px;
        margin: 0 auto;
    }
    .fooColOneInfo {
        padding: 50px 0 30px;
        text-align: center;
    }
    .fooTel {
        width: 160px;
        margin: 0 auto;
    }
    .fooAdr {
        width: 230px;
        margin: 0 auto;
    }
    .fooMail {
        width: 270px;
        margin: 0 auto;
    }
    .fooSocial {
        justify-content: space-between;
        width: 240px;
        margin: 0 auto;
    }
    .fooSocial .socIcoImg {
        width: 40px;
        margin-right: 0;
    }
    .fooColTwo ul li, .fooColThree ul li, .fooColTwo h5, .fooColThree h5 {
        font-size: 18px;
        display: block;
        padding: 8px 0;
        font-weight: 400;
        text-align: center;
        margin-right: 0;
    }
    .fooColThree ul {
        padding-bottom: 80px;
    }
    .fooColOne {
        margin-left: 0;
    }
    .fooColOneInfo {
        padding: 50px 0 30px;
        text-align: center;
    }
}
@media only screen and (max-width: 479px) {

}