@media screen and (min-width: 0px) and (max-width:1420px){}

@media screen and (min-width: 0px) and (max-width:1600px){
.revolution svg{bottom:-2.2vw; width:30vw; left:-4vw;}
.balance svg{bottom:-2.1vw; width:11vw;}

.kidsWithTree{width:20%;}
.betterBuildings{width:20%; margin-bottom:-1.8%;}
}

  @media screen and (min-width:1921px) {
    .revolution svg{bottom: -1.4vw;}
    .balance svg{bottom: -1.4vw;}
  }

@media screen and (min-width: 0px) and (max-width:1440px){
.titleAni.show{margin-bottom:-2%!important;}

.menuBox.flexVerticalCenter{padding-top:100px; align-items:flex-start;}
.menuBox.flexVerticalCenter .content_1000{padding-bottom:100px;}

.kidsWithTree{width:20%;}
.betterBuildings{width:20%; margin-bottom:-1.8%;}
}

@media screen and (min-width: 0px) and (max-width:1240px){
  footer .content_1750{ display: block;}
  .logoSec, .copyright, .address{ width: 100%; float: none;}
  .logoSec{ max-width:360px; padding-bottom: 30px;}
  .copyright{ padding-bottom: 30px;}
  .address{ text-align: center; padding-top: 0px;}
  .address ul{ justify-content: center; padding-bottom: 6px;}
  .copyright.desktop{ padding-top:0px;}
}

@media screen and (min-width: 0px) and (max-width:1220px){

.container.logoPos{ width: 220px; height: 220px; margin-left: -110px; margin-top: -238px;}
.bottomArrow{ width: 60px; height:80px;}
.largeText{ font-size: 40px; line-height:51px; letter-spacing:-0.6px;}
.healthyTxt::after{bottom: -65%;}

.revolution svg{bottom:-3vw; width:34vw; left:-5vw;}
.balance svg{bottom:-2.6vw; width:13vw;}
}

@media screen and (min-width: 0px) and (max-width:1100px){
.balance svg{width:15vw; bottom:-3vw;}
}

@media screen and (min-width: 0px) and (max-width:1025px){
  .commonSpace{padding:90px 0;}
}

@media screen and (min-width: 0px) and (max-width:1024px){
.menubtn{ padding:10px 20px; top:0px;}
}

@media screen and (min-width: 0px) and (max-width:980px){
.textBreak{ display: block;}
.menuBox .grid{ padding-left: 20px; padding-right: 20px;}
}

@media screen and (min-width: 0px) and (max-width:900px){

  .container.logoPos{ width:188px; height:188px; margin-left: -94px; margin-top: -208px;}

  .largeText{ font-size:34px; line-height:46px; letter-spacing:-1.8px;}
  .healthyTxt::after{bottom: -72%;}


  .menuBox.flexVerticalCenter{padding-top:0;}

  .menuBox .col{width:50%;}
  .menuBox .content_1000{height:100%; padding-top:100px;}
  .menuBox .content_1000 .grid{ padding-bottom: 40px;}
  .menuBox h2{ font-size:80px; line-height:80px; letter-spacing:-4px; padding-bottom:30px;}
  .closebtn{right:20px; top:30px;}
  .menuBox .grid{ padding-left: 0px; padding-right: 0px;}
  .menuBox .col{ padding:24px; border-left: 0px; border-right: #fff solid 1px;}
  .menuBox .col:first-child{ width: 100%; padding-left:20px; padding-bottom:40px; margin-bottom:30px;
    border-bottom:#fff solid 1px; border-right: 0px;
  text-align: center;}
  .menuBox .col:first-child img{ margin: 0 auto;}
  .logoBox.branding{ margin: 0 auto;}

  .revolution svg{bottom:-4vw; width:37vw; left:-7vw;}
  .balance svg{width:17vw; bottom:-3.5vw;}

}

@media screen and (min-width: 0px) and (max-width:880px){
footer .content_1750{ display: block;}
.logoSec, .copyright{ width: 100%; display: block; text-align: center;}
.copyright{ padding-bottom: 10px;}
.logoSec{ max-width:200px;}
.logoSec img{ margin: 0 auto; width: 50px;}
.logoSec span{ padding: 10px 0 0 0; display: inline-block; font-size: 15px; line-height: 22px;}
.address{ float: left; width:100%; line-height: 23px; text-align: center; padding: 8px 0 0 0;}
footer{padding:30px 0;}
}

@media screen and (min-width: 0px) and (max-width: 896px) {
  @media all and (orientation: portrait){
  #edge-slide-image-new{
  -ms-transform: translateX(9%);
  -webkit-transform: translateX(9%);
  -moz-transform: translateX(9%);
  -o-transform: translateX(9%);
  transform:translateX(9%);}
  .slick-dots{top:auto; bottom:100px;}

  .kidsWithTree{width:32%;}
  .betterBuildings{width:32%; margin-bottom:-2.8%;}

  .largeText, .kidsWithTree{ padding-bottom: 60px;}
  .betterBuildings{padding-top:60px;}

  }
  li.bgadjust img.OF-cover
  {
    object-position: 70% 50%;
  }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait),
all and (device-width: 820px) and (device-height: 1180px) and (orientation:portrait),
all and (device-width: 810px) and (device-height: 1080px) and (orientation:portrait),
all and (device-width: 834px) and (device-height: 1194px) and (orientation:portrait),
all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait)
{
  @media not all and (min-resolution:.001dpcm)
  { @supports (-webkit-appearance:none) {

      /* .pinkCircle svg{top:-3.5vw; width:13vw;} */
      /* .humanText svg{top:-4vw; width:17vw;} */
      /* .sqft svg{top:-1.6vw; width:30vw;} */
      .slick-dots{top:50%!important; bottom:auto!important;}
  }}
  .slick-dots{top:50%!important; bottom:auto!important;}
  li.bgadjust img.OF-cover
  {
    object-position: 80% 50%;
  }
}


@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape),
all and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape),
all and (device-width: 1080px) and (device-height: 810px) and (orientation:landscape),
all and (device-width: 1194px) and (device-height: 834px) and (orientation:landscape),
all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape),
all and (device-width: 810px) and (device-height: 1080px) and (orientation:landscape)
{
  @media not all and (min-resolution:.001dpcm)
  { @supports (-webkit-appearance:none) {

  }}


}
@media screen and (min-width: 0px) and (max-width:768px){
  /* .logoSec span{ padding-left: 20px;} */
  .logoHolder svg{ width: 100%;}


  .balance svg{width:19vw; bottom:-4.4vw;}
}

@media screen and (min-width: 0px) and (max-width:767px){
  .bottomArrow.show{ bottom: 70px;}
  .hideMobile{ display: none;}

  .menubtn, .closebtn{ padding: 10px 12px; font-size: 14px; line-height:14px; letter-spacing:1.4px;top:-24px;}
  .menubtn{ width: 52px; height: 52px; padding: 0px; background-image: url('../images/mail-icon.svg'); background-position: center center; background-repeat: no-repeat; background-size:36px; text-indent: -120px; overflow:hidden;}
  .menubtn::before{ display: none;}
  .closebtn{top:30px;}
}

@media screen and (min-width: 0px) and (max-width:680px){

  .revolution svg{bottom:-5vw; width:22vw; left:-4vw;}
  .balance svg{width:21vw; bottom:-4.8vw;}

}
@media screen and (min-width: 0px) and (max-width:650px){
.remove_br{ display: none;}
}

@media screen and (min-width: 0px) and (max-width:600px){
  .menuBox .col{ width: 100%; border-right: 0px;
    /* border-bottom:#fff solid 1px;  */
    padding: 20px 0;}
    .menuBox .col:first-child{border-bottom:0px;}
  /* .menuBox .col:first-child{ margin-bottom: 0px; padding:20px 0; text-align: left;}
  .menuBox .col:first-child img{ margin: 0px;} */
  .menuBox .col:first-child{ padding: 20px 0; margin-bottom: 0px;}
  .logoBox{ padding-bottom: 30px;}
  /* .closebtn{ right: 0px;} */
  /* .closebtn:hover{border: #000 solid 2px;} */

  .menuBox h2{ font-size: 60px; line-height: 60px; letter-spacing:-3px; padding-bottom: 20px;}

  .menuBox .content_1000{ padding-top: 80px;}

  .menuBox .col{text-align: center;}
  .menuBox .col img{ margin: 0 auto;}
  .logoBox.branding{ max-width:140px; padding-top: 20px;}


  .revolution svg{width:26vw; bottom:-5.5vw;}
  .balance svg{width:22vw; bottom:-5.2vw;}
}

@media screen and (min-width: 0px) and (max-width:550px){
  .commonSpace{ padding: 80px 0;}

  .largeText{
    padding-bottom:40px;
    font-size:27px;
    letter-spacing: -1.4px;
    line-height:38px;
  }
  .mediumText{ padding-bottom: 50px; font-size: 20px; letter-spacing:-1px; line-height: 30px;}
  .boldText{ font-size: 28px; letter-spacing:0.28px; line-height: 36px;}
  .healthyTxt::after{bottom: -88%;}
  /* .circle{ top: -50%;} */
  /* .line{ bottom: -110%;} */

  .sqft svg{ width: 102%; transform: translate(-51.5%, -50%);}

  .logoHolder h1{font-size:90px; line-height:90px;}

  .copyright.mobile{display:block;}
  .copyright.desktop{display:none;}

  .address ul{padding-bottom:30px; display:block;}
  .address ul li{width:100%; padding:0 0 4px 0; border-right:0px;}
  .address ul li:last-child{padding-bottom:0px;}

  .revolution svg{bottom:-6.5vw;}
  .balance svg{bottom:-6.2vw;}

  .innerContent h1{font-size:40px; line-height:46px;}
  .innerContent h2{font-size:36px; line-height:42px;}
  .innerContent h3{font-size:32px; line-height:38px;}
  .innerContent h4{font-size:24px; line-height:30px;}
  .innerContent h5{font-size:22px; line-height:28px;}
  .innerContent h6{font-size:20px; line-height:26px;}

  /* .slick-dots{bottom:116px;} */

  .kidsWithTree{padding-bottom:40px; width:50%;}
  .betterBuildings{padding-top:40px; width:50%; margin-bottom:-4.6%;}
}

@media screen and (min-width: 0px) and (max-width:500px){
  header{ padding: 24px 0; height: 77px;}
  .headlogo{ width:244px;}
  .menubtn{ top:-24px;}
  .closebtn{ top: 26px;}
}

@media screen and (min-width: 0px) and (max-width:480px){
  .logoHolder{padding:0 20px;}
  .logoHolder h1{font-size:68px; line-height:68px;}
  /* .logoHolder{ max-width:280px;} */
  .container.logoPos{ width:138px; height:138px; margin-left: -69px; margin-top: -162px;}

  .slick-dots{ right: 20px;}
  .healthyTxt::after{bottom: -94%;}

  .revolution svg{bottom:-8.2vw;}
  .balance svg{bottom:-8vw; width:28vw;}

  .menubtn, .closebtn{padding: 10px 8px;letter-spacing: 1px;}

  @media not all and (min-resolution:.001dpcm)
  { @supports (-webkit-appearance:none) {


  }}

}

@media screen and (min-width: 0px) and (max-width:420px){
  .commonSpace{ padding: 60px 0; }
  .mediumText{ padding-bottom: 40px;}
  .circle{ margin: 0 auto; left: 0; right: 0;}



  /* .largeText{ font-size: 36px; line-height: 46px; letter-spacing: -1.75px;} */
  .hideMobile.first{ display:block;}
  .hideMobile{ display:none;}

  .largeText{font-size:27px;line-height:38px;}

  @media not all and (min-resolution:.001dpcm)
  { @supports (-webkit-appearance:none) {


  }}
}

@media screen and (min-width: 0px) and (max-width:410px){
  header .content_1750{ padding-left: 10px; padding-right: 10px;}
  .headlogo{ width:210px; position: relative; top:4px;}
  .menubtn.show, .menubtn{ right: 10px;}

  .largeText{font-size:26px;line-height:36px;}
}

@media screen and (min-width: 0px) and (max-width:380px){
  /* .largeText{ font-size: 32px; line-height: 42px; letter-spacing: -1.6px;} */
  .logoHolder h1{font-size:60px; line-height:60px;}
  .revolution svg{width: 31vw;bottom: -9vw;}
}

@media screen and (max-device-width: 812px) and (orientation: landscape){
  /* .logoHolder{max-width:220px;} */
  .logoHolder svg{ width: 100%;}
  .bottomArrow{width:40px; height:52px;}
  .bottomArrow.show{ bottom: 40px;}
  .container.logoPos{ width:96px; height:96px; margin-left: -48px; margin-top: -124px;}
}

@media screen and (min-width: 0px) and (max-width:420px){
  .bottomArrow{ bottom: 140px;}
  .bottomArrow.show{ bottom: 120px;}
}

@media screen and (min-width: 0px) and (max-width:375px){
.largeText{font-size:26px;line-height:38px;}
}

@media screen and (min-width: 0px) and (max-width:350px){
.headlogo{width: 180px;}
.logoHolder h1{font-size:52px; line-height:52px;}

}

@media screen and (min-width: 0px) and (max-width:320px){
  .bottomArrow{bottom:120px;}
  .bottomArrow.show{bottom:100px;}
  .largeText{font-size:22px; line-height:32px;}
}
/* @media (orientation: landscape) {
.logoHolder{max-width:220px;}
.bottomArrow{width:40px; height:52px;}
} */