@media screen and (min-width: 0px) and (max-width: 1715px) {
.hero h1{font-size:40px;line-height:55px;}
}
@media screen and (min-width: 0px) and (max-width: 1680px) {

  footer h5 {
    font-size: 18px;
    line-height: 40px;
}
}


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

.main-nav.Tspace70{padding:0px 0 0 0}
.hero .col_1_1 .col:first-child{width: 50%;}
.hero .col_1_1 .col:last-child{width: 50%;  padding: 0px 0px 0px 80px;}
.hero h1{font-size:40px;line-height:55px;}
  header .MainMenu li a {
    font-size: 44px;
    line-height: 60px;
  }
  .contentBlock{
    padding-left: 80px;
    padding-right: 80px;

  }
  .commonSection.imageText > .col_1_1 .col:last-child .text{
    padding: 70px 80px 70px 80px;

  }

  .commonSection.textImage > .col_1_1 .col:last-child .text{
  padding: 70px 52px 70px 80px;
}
.txtimgblock .slideTxt{
padding: 160px 80px 100px 80px;
}
.slick-prev.slick-arrow
{
  left: 30px;
}
.next-coatch
{
  left: 75px;
}
.txtImgSliderWrap h2.sectionTitle
{
  left: 80px;
  top: 70px;
}
 /*.commonSection.imageText > .col_1_1 .col:first-child .animationCol {
padding: 130px 0px 130px 0px;

}
.commonSection.textImage > .col_1_1 .col:first-child .animationCol {
  padding: 130px 0px 130px 0px;

}*/
.ourExperience .col_1_1 .col {
  padding: 0 80px;
}

  footer h5 {

  font-size: 16px;
  line-height: 42px;
  padding-bottom: 0px;
}

}

@media screen and (min-width: 0px) and (max-width: 1440px) {
.hero .col_1_1 .col:first-child {

  width: 50%;padding-right:70px;
}
.hero .captioncolumn{padding-bottom:40px;}

.hero{ padding-top: 0px;}
.hero .centerBlock{ display: flex;
  -webkit-box-align: center;
   -webkit-align-items: center;
   -ms-flex-align: center;
   align-items: center;
  -webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
flex-wrap: wrap;}
.hero .centerBlock .col_1_1.Bspace140{ padding-bottom: 0px;width:100%}
.hero .col_1_1 .col:first-child{  width: 50%;}
}
@media screen and (min-width: 0px) and (max-width: 1366px) {


}

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

  .hero .col_1_1:last-child.Bspace{padding:0px 0px 0px 0px}
  .ourExperience .col_1_1.Tspace{padding:0px 0px}

}
@media screen and (max-width: 1200px) {
.pageHeader .TBspace{padding:50px 0 30px 0;}
  .hamburger {
  top: -4px;
}


footer .col_1_1_1_1 .col:first-child h2{
  font-size: 28px;
  line-height: 44px;

}

  footer .col_1_1_1_1 .col:first-child{width:20%}
  footer .col_1_1_1_1 .col:nth-child(2){width:36%}
  footer .col_1_1_1_1 .col:nth-child(3){width:15%}
  footer .col_1_1_1_1 .col:last-child{width:29%}

  .hero h1 {
    font-size: 33px;
    line-height: 48px;
  }


h1{
  font-size: 50px;
  line-height: 65px;
}

h2{
  font-size: 40px;
  line-height: 55px;

}

h3{
  font-size: 35px;
  line-height: 50px;

}
h4{
  font-size: 30px;
  line-height: 45px;

}
h5{
  font-size: 28px;
  line-height: 44px;

}
h6{
  font-size: 26px;
  line-height:42px;
}

body {

  font-size: 22px;
  line-height: 32px;
}
.gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme .gfield input.large {
  font-size: 18px !important;
  line-height: 48px !important;}

  blockquote {
  font-size: 22px;
  line-height: 32px;
}
/*.commonSection.imageText > .col_1_1 .col:first-child .animationCol {
padding: 0px 0px ;

}
.commonSection.textImage > .col_1_1 .col:first-child .animationCol {
 padding: 0px 0px ;

}*/
}

@media screen and (min-width: 0px) and (max-width: 1024px) {
  .nextScroll
  {width: 30px;
  height: 40px;
}
.hero{height:auto;}
header .MainMenu li a {
  font-size: 42px;
  line-height: 62px;
}
.hero h1 {
  font-size: 27px;
  line-height: 42px;
}
.hero  h2{
font-size: 35px;
line-height: 50px;}
h2{
font-size: 35px;
line-height: 50px;}

.hero .col_1_1:last-child.Bspace{padding:0px 0px 0px 0px}
.ourExperience .col_1_1.Tspace{padding:0px 0px}

body {

  font-size: 20px;
  line-height: 30px;
}
.hamburger {top:-3px;}
}


@media screen and (min-width: 321px) and (max-height: 500px) {
  .MenuWrapper {
    display: block;
  }

}
@media screen and (min-width: 321px) and (max-width: 1250px) {
.next-coatch
{
  left: 50px;
}
}



@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) {


.commonSection.Bspace{padding: 0px 0px 0px 0px;}
.MenuWrapper{
  display: flex;
  justify-content: center;
  align-items: center;}
.MenuWrapper.Tspace210{
  padding:0px 0px 0px 0px}
.main-nav.TBspace{padding:0px  0px;

}
.hero .captioncolumn{position: relative;padding-bottom: 0px;padding-left:30px!important;padding-right:30px!important;}
.pageHeader .TBspace{padding:50px 0 30px 0!important;}
}

@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape),
all and (device-width: 1180px) and (device-height: 820px) and (orientation:landscape),
all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape),
all and (device-width: 1194px) and (device-height: 834px) and (orientation:landscape),
all and (device-width: 1080px) and (device-height: 810px) and (orientation:landscape) {

  .hero .col_1_1 .col:first-child {

  width: 50%;

}
.hero{height:100vh;}
  h2 {
    font-size: 35px;
    line-height: 55px;
  }
  .hero .col_1_1:last-child .col:last-child {
    padding: 0px 0px 0px 50px;
  }
.hero .col_1_1:last-child.Bspace{padding:0px 0px 0px 0px}
.ourExperience .col_1_1.Tspace{padding:0px 0px}
.contact.TBspace{padding:65px 0px 65px 0px;}

.menuBtn {right:50px}
.contentBlock{
  padding-left: 50px;
  padding-right: 50px;

}
.commonSection.imageText > .col_1_1 .col:last-child .text{
  padding: 40px 50px 40px 50px;

}

.commonSection.textImage > .col_1_1 .col:last-child .text{
padding: 40px 50px 40px 50px;

}

.txtimgblock .slideTxt{
padding: 110px 50px 100px 50px;
}
.txtImgSliderWrap h2.sectionTitle
{
  left: 50px;
  top: 40px;
}
.slick-prev.slick-arrow{
  left: 15px;
}
.next-coatch
{
  left: 45px;
}
.slick-next.slick-arrow
{
  right: calc(50% + 15px);
}
 /*.commonSection.imageText > .col_1_1 .col:first-child .animationCol {
padding: 50px 0px;
}
.commonSection.textImage > .col_1_1 .col:first-child .animationCol {
padding: 50px 0px;
}*/
.ourExperience  h2{padding-bottom: 30px;}
.commonSection .text h2 {
  padding-bottom: 30px;
}

.ourExperience .col_1_1 .col {
  padding: 0 50px;
}
.pageHeader .TBspace{padding:50px 0 30px 0!important;}
}

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation:portrait) {
  /* */
  .next-coatch
  {
    left: 75px;
  }
  .hero{ height: auto!important;}
  .hero.Tspace225{ padding-top: 60px!important; padding-bottom:90px!important;}
  .hero .col_1_1:last-child .col:last-child{ padding-bottom: 0px;}
  .hero .col_1_1 .col:first-child{ width: 100%;}
  .hero .col_1_1:last-child .col:first-child{ padding: 0px!important;}
  .hero .col_1_1:last-child .col:last-child{ padding-bottom: 0px!important;}
  .hero .captioncolumn {
  position: relative;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
}
.hero .col_1_1:last-child .col:first-child,
.hero .col_1_1:last-child .col:last-child{ width: 100%;}
.hero .col_1_1:last-child .col:last-child{ padding-left: 0px;}
.hero .captioncolumn{ width: 100%; padding-left: 50px!important; padding-right: 50px!important;}
.hero h1 {
  font-size: 32px;
  line-height: 48px;
}

/* */
}
@media all and (device-width: 1366px) and (device-height: 1024px) and (orientation:landscape)
{

}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  /* */
  .hero{ height: auto!important;}
  .hero.Tspace225{ padding-top: 60px!important; padding-bottom:90px!important;}
  .hero .col_1_1:last-child .col:last-child{ padding-bottom: 0px;}
  /*.hero .col_1_1 .col:first-child{padding: 8% 0; padding-left: 20px; padding-right: 20px;}*/
  .hero .col_1_1:last-child .col:first-child{ padding: 0px!important;}
  .hero .col_1_1:last-child .col:last-child{ padding-bottom: 0px!important;}
.hero .captioncolumn{ width: 100%!important; padding-left: 50px!important; padding-right: 50px!important;}
/* */

.hero{height:70vh;}
.hero .captioncolumn{position: relative;padding-bottom: 0px;padding-left:40px;padding-right:40px}



  .hero h1 {
    font-size: 32px;
    line-height: 48px;
  }
  .hero .col_1_1:last-child .col:first-child{
    width: 100%;

  }

  .hero .col_1_1:last-child .col:last-child{width: 100%;  padding: 0px 0px 20px 0px;}





.main-nav.Tspace70{padding:0px 0 0 0;}
  h1{
    font-size: 38px;
    line-height: 52px;
  }

  h2{
    font-size: 36px;
    line-height: 50px;

  }

  h3{
    font-size: 34px;
    line-height: 48px;

  }
  h4{
    font-size: 30px;
    line-height: 46px;

  }
  h5{
    font-size: 28px;
    line-height: 44px;

  }
  h6{
    font-size: 26px;
    line-height:40px;
  }


  blockquote {
  font-size: 20px;
  line-height: 30px;
  }

  .hamburger {
  top: -1px;
  }

  .hamburger--spin-r .hamburger-inner{top:0px;}

  .hamburger--spin-r.is-active .hamburger-inner {
      top: 10px;
  }

  .hamburger-inner, .hamburger-inner-before, .hamburger-inner-after {
    width: 45px;
    height: 3px;
  }

  .menuBtn {
    width: 45px;
    height: 45px;
    right: 50px;

  }
.MenuWrapper {width:100%}
.hamburger--spin-r .hamburger-inner-before {
    top: -8px;
  }

  .hamburger--spin-r .hamburger-inner-after {
    top: 8px;
  }


.centerBlock, .centerBlock40{
  padding-left: 50px;
  padding-right: 50px;
}


.contentBlock{
  padding-left: 50px;
  padding-right: 50px;
  position:relative;
}


.hero h1 {
  text-align: left;
  padding-right: 0px;
  padding-bottom:0px;
}
.hero.Tspace225{padding:120px 0 0 0;}
.hero .Bspace140 {
  padding: 0 0 0px 0;
}
.hero .TBspace{padding:0 0;}

.commonSection.TBspace{padding:0px 0;}

.commonSection.Tspace{padding:0px 0 0 0;}

.commonSection.Bspace{padding:0 0 0px 0;}


  .commonSection > .col_1_1 .col{width: 100%}


.commonSection.imageText > .col_1_1 .col:last-child .text{
  padding: 50px 50px;
}

.commonSection.textImage > .col_1_1 .col:last-child .text{
padding: 50px 50px 0px 50px;

}
.txtimgblock > div
{
width: 100%;
}
.txtImgSliderWrap h2.sectionTitle
{
  position: relative;
}
.txtimgblock .slideTxt{
padding: 50px 50px 20px 50px;
}
.txtImgSliderWrap h2.sectionTitle
{
  left: 50px;
  top: 40px;
}
.next-coatch
{
  display: none;
}
/*.commonSection.imageText > .col_1_1 .col:first-child .animationCol {
padding:  50px 0px;
}
.commonSection.textImage > .col_1_1 .col:first-child .animationCol {
padding:  50px 0px;
}*/

.contact.TBspace {
  padding: 50px 0px 50px 0px;
}

.ourExperience .col_1_1 .col{
  width:100%;

}



.ourExperience.TBspace{padding:0 0;}

.ourExperience .col_1_1 .col:first-child {
  padding: 50px 50px 50px 50px;
}

.ourExperience .col_1_1 .col:last-child{
  padding: 0px 50px 50px 50px;
}

.ourExperience ul{padding:0px 0px 0px 0px;
margin:0px -10px;
}


.ourExperience ul li {padding: 10px 10px;
}
.ourExperience ul li{width:33.33%;}


.ourExperience  h2{padding-bottom: 20px;}

.clientlogo.Tspace{padding: 0px 0px 0px 0px;}


.ourExperience .gallery-item {

  padding: 20px 20px;

}
.ourExperience .gallery {
  margin: 0 -20px !important;
}

  .hero .col_1_1 .col:first-child, .hero .col_1_1 .col:last-child{width: 100%}
  .hero .col_1_1 .col:last-child h4{
    text-align: left;
    }





  .gform_button.button {

  font-size: 24px !important;
  line-height: 50px !important;
  padding: 4px 20px;

}

  footer h5 {
    font-size: 16px;
    line-height: 40px;
    padding-bottom:0px;
  }

  footer .col_1_1_1_1 .col:first-child{width:40%; margin:0 auto;text-align:center;padding:0 0 10px 0;}
  footer .col_1_1_1_1 .col:nth-child(2){width:60%;padding:0 0 10px 0;}
  footer .col_1_1_1_1 .col:nth-child(3){width:40%;padding:0 0 0px 0;}
  footer .col_1_1_1_1 .col:last-child{width:60%;padding:0 0 0px 0;}

footer .col_1_1_1_1 .col:first-child{text-align: left;margin-left:0px; }



}

@media screen and (min-width: 0px) and (max-width: 1023px) and (orientation:portrait) {
  .hero .col_1_1:last-child.Bspace{padding:0px 0 0px 0;}
    .ourExperience .col_1_1.Tspace{padding:0px 0px}
  .commonSection .text h2 {
    padding-bottom: 20px;
  }
    .commonSection.Bspace{padding: 0px 0px 0px 0px;}

    .MenuWrapper.Tspace210{padding:0px 0px 0px 0px}
    .main-nav.TBspace{padding:0px  0px;}
}





@media screen and (min-width: 0px) and (max-width: 1023px) and (orientation: landscape) {

.ourExperience.TBspace{padding: 0px 0px 50px 0px;}
.commonSection .text h2 {
  padding-bottom: 40px;
}
.clientLogo.Tspace{padding: 20px 0 0 0;}
}





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

.hero .captioncolumn{padding-left: 25px;padding-right: 25px;}


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

.hero .captioncolumn{padding-left: 25px;padding-right: 25px;}
.hero{height:auto;}
.contact h2 {
  padding-bottom: 20px;
}
.commonSection .text h2{padding-bottom: 20px;}
.ourExperience.TBspace {
  padding: 0px 0px 0px 0px;
}

}

@media screen and (min-width: 0px) and (max-width: 480px) {
.menuBackground{right:20px;}
.sticky .menuBackground{right:20px;}
.hero .col_1_1 .col:first-child{ padding-left: 0px; padding-right: 0px;}
.hero .centerBlock .col_1_1 {
  padding-left: 20px;
  padding-right: 20px;
}
.hero .captioncolumn{padding-left: 20px!important;padding-right: 20px!important; width: 100%;}

  .hero h1 {
    font-size: 28px;
    line-height: 44px;
  }

  h1{
    font-size: 28px;
    line-height: 42px;
  }

  h2{
    font-size: 26px;
    line-height: 40px;

  }

  h3{
    font-size: 24px;
    line-height: 38px;

  }
  h4{
    font-size: 22px;
    line-height: 36px;

  }
  h5{
    font-size: 20px;
    line-height: 34px;

  }
  h6{
    font-size: 18px;
    line-height:32px;
  }


  blockquote {
  font-size: 16px;
  line-height: 26px;
}
  .gform_wrapper.gravity-theme .gfield_label, .gform_wrapper.gravity-theme .gfield input.large {
    font-size: 16px !important;
    line-height: 46px !important;}



    .sticky .menuBackground {
      right: 20px;
    }

  header .main-nav ul li  {
    padding: 0 0 0px 0;
  }
  header .MainMenu li a {
    font-size: 30px;
    line-height: 40px;}


    .commonSection.imageText > .col_1_1 .col:last-child .text{
      padding: 20px 20px;
    }

   .commonSection.textImage > .col_1_1 .col:last-child .text, .txtimgblock .slideTxt{
      padding: 20px 20px 0px 20px;
    }
    .txtImgSliderWrap h2.sectionTitle
    {
      position: relative;
    }
    .txtimgblock .slideTxt{
    padding: 30px 20px 20px 20px;
    }
    .txtImgSliderWrap h2.sectionTitle
    {
      left: 20px;
      top: 20px;
    }
    .txtimgblock .slideTxt h3
    {
      font-size: 20px;
      line-height: 26px;padding-bottom: 0px;
    }
    /*.commonSection.imageText > .col_1_1 .col:first-child .animationCol ,
    .commonSection.textImage > .col_1_1 .col:first-child .animationCol {
      padding: 20px 0px;

    }*/

    .commonSection .text h2 {
      padding-bottom: 10px;
      }
    .ourExperience .col_1_1 .col{
      width:100%;

    }

    .ourExperience.TBspace{padding:0 0;}

    .ourExperience .col_1_1 .col:first-child {
      padding: 20px 20px 20px 20px;
    }

    .ourExperience .col_1_1 .col:last-child{
      padding: 0px 20px 0px 20px;
    }

.ourExperience ul {justify-content:space-between;}




.ourExperience .col_1_1 .col  {
  padding: 20px 20px 0px 20px;
}


.ourExperience .col_1_1{ margin:0 0px;}

.ourExperience h2 {
  padding-bottom: 10px;
}

.ourExperience ul li {
  width: 45%;
}

  .contact.TBspace{padding: 20px 0px;}

  .contact h2{  padding-bottom: 10px;text-transform:uppercase;}


   footer.TBspace{padding: 20px 0;}


   footer .col_1_1_1_1 .col:first-child {
     width: 100%;
     padding-left: 0px;
   }
 footer .col_1_1_1_1 .col:nth-child(2), footer .col_1_1_1_1 .col:nth-child(3)
{width: 100%;padding: 0 0 0px 0;}
footer .col_1_1_1_1 .col:last-child
{width: 100%;padding: 0 0 0px 0;}
footer .col_1_1_1_1 .col:nth-child(2){
  margin-left: 0px;
}

footer{font-size:16px;line-height:20px;}

footer .col_1_1_1_1 .col:nth-child(2)  p:last-of-type, footer .col_1_1_1_1 .col:nth-child(3)  p:last-of-type{padding-bottom:10px}
.contentBlock {
    padding-left: 20px;
    padding-right: 20px;

}
.centerBlock40 {
    padding-left: 20px;
    padding-right: 20px;

}
.centerBlock {
    padding-left: 20px;
    padding-right: 20px;

}
.menuBtn {
    width: 45px;
    height: 45px;
    right: 20px;
}
}



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

  .hero h1 {
    font-size: 24px;
    line-height: 40px;
  }
}