@media screen and (min-width: 1921px){
.GreenPannel h2
{
   font-size: 115px;
  line-height: 135px;
  letter-spacing: -2.3px;
}
.GreenPannel h4
{
  font-size: 57px;
  line-height: 57px;
letter-spacing: -1.14px;

}
.bigText > span:nth-child(1){
  font-size: 43px;
  line-height: 38px;
  letter-spacing: 0.43px;
}
.GetintouchRow .container .col h2
{
  font-size: 120px;
  line-height: 100px;
  letter-spacing: -2.4px;
}
.RowTwo .textblock h3, .RowTwo .mappanel h3
{
  font-size: 77px;
  line-height: 77px;
  letter-spacing: -1.54px;
}
}
@media screen and (min-width: 0px) and (max-width:1700px) {
  .GetintouchRow .container .col {
    font-size: 24px;
    line-height: 30px;
  }
}
@media screen and (min-width: 0px) and (max-width:1600px) {
.birdTwo {
      /* top: -19vw; */
          height: 135%;
  }
  .GetintouchRow .container .col {
    font-size: 22px;
    line-height: 28px;
}
}
@media screen and (min-width: 0px) and (max-width:1400px) {

  .logo, .footerlogo{
    width: 150px;
  }
  footer
  {
    min-height: 220px;
    padding: 50px 20px 50px 190px;
  }
  .pageWrapper {
    padding: 150px 20px 80px 20px;
    margin: 0 auto;
    max-width: 100%;
  }
body, .GetintouchRow .container .col{
  font-size: 18px;
  line-height: 24px;
}
footer ul.footerMenu li {
    padding: 10px 10px;
}
.copyrighttxt {
    padding-right: 10px;
}
.birdOne
{
  width: 52vw;
  bottom: 0;
}
.RowTwo
{
  margin-top: -8vw;
}
.parnerLogo
{
  height: 40px;
}
.RowOne .TextArea {
    max-width: 45vw;
  }
  .birdTwo
  {
    /* width: 35vw;
    top: -25vw;
    height: 70vw;
    left: -5vw; */

    height:40vw;
    left: -3vw;

  }
  .GetintouchRow .container > .col:nth-child(1)
  {
    width: 35%;
  }
  .GetintouchRow .container > .col:nth-child(2)
  {
    width: 65%;
  }

}


@media screen and (min-width: 0px) and (max-width:1140px) {
  .GreenPannel .RowOne
  {
    padding-left: 3vw;
  }
.RowOne .TextArea, .GreenPannel h4
{padding-left: 3vw;}
.RowTwo .textblock h3 span:nth-child(2), .RowTwo .mappanel h3,
.RowTwo .textblock p {
    padding-left: 10%;
}
.RowOne .TextArea {
    max-width: 50vw;
}
}
@media screen and (min-width: 0px) and (max-width: 896px) {
  .pagenotfound svg {
    font: 200px 'Monoton';
    width: 300px;
    height: 300px;
}
  footer > div
  {
    flex-direction: column-reverse;
  }
  .copyrighttxt
  {
    padding-top: 10px
  }


@media all and (orientation: landscape) {

  .pinch-zoom-container
  {
    min-height: 56vw;
  }
  .touch .imgNote
  {
    display: block !important;
  }
  .touch .zoomPan {
      position: absolute !important;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
  }
  .zoomPan img {
      width: 100%;
  }
  /* .HeroSection  {
    padding-bottom: 56.1%;
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
  }
  .HeroSection  iframe {
    width: 102%;
    height: 102%;
    position: absolute;
    left: -0.5%;
    top: 0;
    z-index: 1;
    min-height: auto;
    min-width: auto;
    transform: none;
  } */

  h1, .HeroSection .overlayText h1 {
    font-size: 35px;
    line-height: 42px;
}
.nextScroll
{
  font-size: 20px;
  line-height: 30px;
}
.HeroSection .overlayText
{
  padding-bottom: 17vh;
}
.nextScroll{bottom: 0px;}
.birdOne {
    width: 38vw;
    top: 6%;
    bottom: auto;
}
.GreenPannel div.container
{
  padding: 50px 20px 70px 20px;
}
.RowOne .TextArea {
    max-width: 100%;
    padding-bottom:0%;
    padding-left: 0;
}
.GreenPannel h2 {
  font-size: 7vw;
  line-height: 7vw;

}
.GreenPannel h4 {
  font-size: 4vw;
  line-height: 4vw;
  padding-left: 0;
}
.bigText > span:nth-child(1) {
  font-size: 4vw;
  line-height: 4vw;
}
.RowTwo .videoBlock {
    width: 55%;
  }

  .RowTwo
  {
    padding-bottom: 20px;
  }
  .viewGallery
  {
    width: 70px;
    height: 70px;
  }
  .RowTwo .textblock h3, .RowTwo .mappanel h3 {
    font-size: 6vw;
    line-height: 6vw;
  }
body, .GetintouchRow .container .col {
  font-size: 16px;
  line-height: 24px;
}
.birdTwo {
  top: 0vw;
  margin-top: -5vw;
  /* margin-top: -28vw; */
  width: 40%;
  height: 100%;
      position: absolute;

  }
  .RowTwo {
      margin-top: 0;
  }
  .RowTwo .videoBlock {
      width: 100%;
  }
  .RowTwo .textblock {
      width: 100%;
      padding: 0px 20px 20px 35vw;

      display: flex;
    flex-direction: column-reverse;
  }
  .RowTwo .textblock p br{
    display: none;
  }
  .RowTwo .textblock p {
      padding-left: 0%;
  }
    .GetintouchRow .container
    {
      padding: 30px 0px 0px 0px;
    }
  .GetintouchRow .container > .col:nth-child(1)
  {
  width: 37%
  }
  .GetintouchRow .container > .col:nth-child(2)
  {
    width: 63%;
    margin-top: -13vw;
  }
  /* .GetintouchRow .container .col .col_1_1 .col
  {
    display: flex;
  }
  .GetintouchRow .container .col_1_1 .col:last-child
  {display: block;}
  .GetintouchRow .container .col {
    width: 100%;
  }
    .GetintouchRow .container .col .col_1_1 .col > div:first-child
    {
      width: 25%
    }
    .GetintouchRow .container .col .col_1_1 .col > div:last-child
    {
      width: 75%;
      padding-left: 15px;
    }
    .GetintouchRow .container .col .col_1_1 .col:last-child > div:last-child
    {
      width: 100%;
      padding-left: 0px;
    } */
}
@media all and (orientation: portrait) {

  h1 {
      font-size: 45px;
      line-height: 50px;
    }
    .HeroSection .overlayText h1 {
    font-size: 40px;
    line-height: 50px;
  }
  .HeroSection  {
  	/* padding-bottom: 56.1%; */
  	position: relative;
  	width: 100%;
    height: auto;
  	margin-bottom: 0px;
    display: block;
  }
  .HeroSection  iframe {
    width: 102%;
  	height: 102%;
  	position: absolute;
  	left: -0.5%;
  	top: 0;
  	z-index: 1;
    min-height: auto;
    min-width: auto;
    transform: none;
  }
  .HeroSection .overlayText
  {padding: 20px 20px 50px 20px;

    position: relative;
  }
  .nextScroll
  {
    bottom: 0px;
    font-size: 18px;
    line-height: 28px;
    left: 0;
    right: 0;
  }
  .RowOne .TextArea {
      max-width: 100%;
      padding-left: 0;
      padding-bottom: 0px;
  }
  .GreenPannel h2 {
    font-size: 9vw;
    line-height: 9vw;
  }
  .GreenPannel h4 {
    font-size: 5vw;
    line-height: 5vw;
  }
.bigText > span:nth-child(1) {
    font-size: 5vw;
    line-height: 5vw;
  }
  body, .GetintouchRow .container .col, .page-template-default {
    font-size: 16px;
    line-height: 20px;
}
.birdOne {
  position: relative;
    width: 70vw;
    margin-right: 0;
    margin-left: auto;
      bottom: -7vw;
}
.patch
{
  height: 100vh;
    top: 35%;
}
.GreenPannel div.container
{
  padding: 20px 20px 50px 20px;
}
.GetintouchRow
{
  padding: 0px 20px 40px 20px;
}
.GetintouchRow .container > .col:nth-child(2) {

    margin-top: -5%;
}
.RowTwo {
    margin-top: 20px;
    padding-bottom: 35vw;
}
.RowTwo .videoBlock {
    width: 100%;
}
.RowTwo .textblock {
    width: 100%;
    padding: 0px 20px 20px 25vw;
        padding-left: 20vw;
        display: flex;
      flex-direction: column-reverse;
      }
      .RowTwo .textblock p
      {padding-left: 0px;}
      .RowTwo .textblock p br{
      display: none;
      }
      .RowTwo .textblock p
      {padding-left: 0px;}
.GreenPannel span {
    display: block;
    padding: 3px 0px;
    overflow: hidden;
}

.RowTwo .textblock h3, .RowTwo .mappanel h3 {
    font-size: 9vw;
    line-height: 9vw;
  }
  .viewGallery {

    width: 85px;
    height: 85px;
  }
  /* .GetintouchRow .container .col {
    width: 100%;
  } */
    .GetintouchRow .container .col .col_1_1, .GetintouchRow .container > .col:nth-child(2)
    {
      width: 100%;
    }
    .GetintouchRow .container .col > div {
    margin-bottom: 20px;
}
.GetintouchRow .container .col > div:not(:nth-child(1)) {
    margin-bottom: 20px;
}
  /* .GetintouchRow .container .col .col_1_1 .col
  {
    display: flex;
  } */
  .GetintouchRow .container .col_1_1 .col:last-child
  {display: block;}
    /* .GetintouchRow .container .col .col_1_1 .col > div:first-child
    {
      width: 25%
    }
    .GetintouchRow .container .col .col_1_1 .col > div:last-child
    {
      width: 75%;
      padding-left: 15px;
    }
    .GetintouchRow .container .col .col_1_1 .col:last-child > div:last-child
    {
      width: 100%;
      padding-left: 0px;
      padding-top: 20px;
    } */
  .GetintouchRow .container
  {
    display: block;
    padding: 0px 0px;
  }
  .birdTwo {
    position: relative;
    top: auto;
    width: 70vw;
    margin-top: -30vw;
    height: 100%;
}
.parnerLogo {
    height: 35px;
}
.GetintouchRow .container .col h2 {
    font-size: 13vw;
    line-height: 13vw;
  }
  .parnerLogo {
    margin-bottom: 0px;
  }
  .toppatch
  {
    height: 15%;
  }
  .middlepatch
  {
    width: 125%;
  }
  .bottompatch
  {
    width: 50%;
    height: 50%;
  }
  ul.footerMenu li a {
    font-size: 16px;
    line-height: 22px;
}
}
}
@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: 834px) and (device-height: 1194px) and (orientation:portrait),
all and (device-width: 810px) and (device-height: 1080px) and (orientation:portrait)
{
  .birdOne {
      width: 48vw;
      /* top: 15%; */
      position: absolute;
  }
  .GreenPannel div.container {
    padding: 50px 20px 50px 20px;
}
.toppatch {
    height: 75%;
}
.middlepatch
{
  width: 110%;
}

  .GreenPannel h2 {
    font-size: 7vw;
    line-height: 7vw;

  }
  .GreenPannel h4 {
    font-size: 4vw;
    line-height: 4vw;
    padding-left: 0;
  }
.bigText > span:nth-child(1) {
    font-size: 4vw;
    line-height: 4vw;
  }
  .RowTwo {
      margin-top: 50px;
      padding-bottom: 100px
    }
  .RowOne .TextArea {
    max-width: 55%;

  }
  .RowTwo .videoBlock {
    width: 60%;
}
.RowTwo .textblock {
    width: 40%;
      padding-left: 20px;
  }
  .RowTwo .textblock h3, .RowTwo .mappanel h3 {
    font-size: 4.01vw;
    line-height: 4.01vw;
  }
  .birdTwo {
    position: absolute;
    /* top: -25vw; */
    top: -10vw;
    width: 38vw;
    height: 90%;
    margin-top: 0;
}
.GetintouchRow .container > .col:nth-child(2) {
    margin-top: 5%;
    padding-bottom: 5%;
}
.GetintouchRow .container
{display: flex;}
.GetintouchRow .container .col .col_1_1 .col {
    display: block;
}
.GetintouchRow .container .col .col_1_1 .col > div:first-child, .GetintouchRow .container .col .col_1_1 .col > div:last-child
{
  padding-left: 0px;
  width: 100%;
}
.GetintouchRow .container > .col:nth-child(1)
{
  width: 35%;
}
.GetintouchRow .container > .col:nth-child(2)
{
  width: 65%;
}
.GetintouchRow .container .col h2 {
    font-size: 6.25VW;
    line-height: 6.25VW;
  }
  .GetintouchRow .container .col {
    width: 100%;
}
}

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
  .HeroSection  {
    /* padding-bottom: 56.1%; */
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0px;
  }
  /* .HeroSection  {
  	padding-bottom: 72.1%;
  	position: relative;
  	width: 100%;
    height: auto;
  	margin-bottom: 0px;
  }
  .HeroSection  iframe {
  	width: 160%;
  	height: 115%;
  	position: absolute;
  	left: 0;
  	top: 0;
  	z-index: 1;
    min-height: auto;
    min-width: auto;
    transform: translate(-20%, -5%);
  } */
}

@media screen and (min-width: 0px) and (max-width:1024px) {
  body, .GetintouchRow .container .col, .page-template-default {
    font-size: 16px;
    line-height: 20px;
}

h2{
  font-size: 40px;
  line-height: 50px;
    padding-bottom: 20px;
}
h3{
  font-size: 26px;
  line-height: 32px;
    padding-bottom: 20px;
}
h4{
  font-size: 22px;
  line-height: 30px;
    padding-bottom: 20px;
}
h5{
  font-size: 20px;
  line-height: 28px;
    padding-bottom: 20px;
}
h6{
  font-size: 15px;
  line-height: 24px;
}
.GreenPannel .RowOne {

    padding-left: 20px;
}
.RowTwo .mappanel
{padding: 40px 50px 20px 50px}

}
@media screen and (min-width: 0px) and (max-width:767px) {
  .GreenPannel .RowOne {
    padding-left: 0px;
}
.GreenPannel div.container {
    padding: 20px 25px 50px 25px;
}
.RowOne .TextArea, .GreenPannel h4 {
    padding-left:3vw;
}
  .pinch-zoom-container
  {
    min-height: 56vw;
  }
  .touch .imgNote
  {
    display: block !important;
  }
  .touch .zoomPan {
      position: absolute !important;
      width: 100%;
      height: 100%;
      left: 0px;
      top: 0px;
  }
  .zoomPan img {
      width: 100%;
  }
.HeroSection .overlayText h1 {
    font-size: 6vw;
    line-height: 6vw;
  }
  footer{flex-flow: row wrap; padding: 50px 20px;}
  footer > div
  {
    width: 100%;
  }
  .copyrighttxt {

    padding: 10px 0px 0px 0px;
}
  .footerlogo {
    position: relative;
    left: 0px;
    top: 0%;
    transform: none;
    margin: 0 auto 20px auto;
}
}
@media screen and (min-width: 0px) and (max-width:480px) {
.GetintouchRow .container .col {
  font-size: 15px;
  line-height: 18px;
}
.RowTwo .mappanel h3
{
  padding-left: 0px;
}
.RowOne .TextArea p br{
  display: none;
}
body, .GetintouchRow .container .col, .page-template-default {
    font-size: 15px;
    line-height: 20px;
}
.overlayText
{
  font-size: 14px;
}
.GetintouchRow .container .col
{
  width: 100%;
}
.GetintouchRow .container .col .col_1_1 .col
{
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
}
.GetintouchRow .container .col .col_1_1 .col > div:first-child
{
  width: 25%;
  padding-left: 0px;
}
.GetintouchRow .container .col .col_1_1 .col > div
{
  width: 75%;
  padding-left: 15px;
}
.GetintouchRow .container .col .col_1_1 .col:last-child > div:last-child
{
  width: 100%;
  padding-left: 0px;
  padding-top: 20px;
}
.GetintouchRow .container .col_1_1 .col:last-child
{
  display: block;
}
}

@media screen and (min-width: 0px) and (max-width:420px) {
  .GreenPannel .RowOne {
      padding-left: 0px;
  }
  .RowTwo .mappanel {
    padding: 20px 20px 20px 20px;
}
}
@media screen and (min-width: 0px) and (max-width:374px) {
.GetintouchRow .container .col {
  font-size: 14px;
  line-height: 18px;
}
.TextArea br{
  display: none;
}
}