@media (min-width: 768px) and (max-height: 725px) {

  .full-panel {
    padding: 40px 60px;
}

.full-panel .close-menu {
    top: 67px;
    right: 60px;
}

.full-panel a svg {
    width: 50px;
    height: 50px;
}

.full-panel #logo {
    width: 100px;
    height: 100px;
}

.form-stacked fieldset .form-group .form-control {
    font-size: 1.6rem;
    padding: 6px;
}

#book .form-stacked fieldset .form-group {
    margin: 0 0 6px;
}

#book .book-section textarea {
    height: 60px;
}

#book .book-section p {
    display: none;
}

}


@media (min-width: 768px) and (max-height: 615px) {
  .full-panel ul li a {
      font-size: 4rem;
  }
}


@media (max-width: 1750px) {

  .home-section {
      margin: 100px;
  }

  .home-section.blue {
      margin: 150px 100px;
  }

}

@media (max-width: 1575px) {

  .home-section section {
      padding: 0 60px;
  }

  html {
      font-size: 53%;
  }

}

@media (max-width: 1450px) {

  .home-section figure img {
      max-width: 640px;
  }

  .home-section .line.mid {
      width: 635px;
  }

  .home-section {
      margin: 65px;
  }

  .home-section.blue {
      margin: 150px 65px;
  }

  .hero.inner {
      height: 510px;
  }

  #book .book-section {
    width: 100%;
  }

  .gallery a {
    height: 290px;
}

.pg-content {
    padding: 80px;
}

.pg-content.pg-partners {
  padding: 80px 0;
}

.fwimg {
    padding: 150px 0;
}

.footer {padding: 44px 60px;border-top: 6px solid var(--blue);}

.copyright {
  padding: 27px 60px;
}

}

@media (max-width: 1300px) {
  .full-panel {
    padding: 40px 60px;
}

.full-panel .close-menu {
    top: 67px;
    right: 60px;
}

.full-panel a svg {
    width: 50px;
    height: 50px;
}

.full-panel #logo {
    width: 100px;
    height: 100px;
}
  html {
      font-size: 49%;
  }

  .suppliers-page ul li a img {
      max-height: 40px;
  }

  .home-section {
      margin: 75px 35px 75px 50px;
  }
  .home-section figure img, .home-section .line.mid {
      max-width: 555px;
  }

  .home-section .line.mid {max-width: 550px;}

  .home-section section p {
      font-size: 2.25rem;
  }


  .icon-menu {
    width: 29px;
    height: 22px;
}

.hero .open-menu, .hero .book-appt {
    top: 35px;
}

.hero .open-menu {
    left: 41px;
}

.hero .book-appt {
    right: 32px;
}

.icon-calendar {
    width: 28px;
    height: 30px;
}

  #main h1 a svg {
          width: 350px
      }
#main {
    padding: 30px;
}

.line-left {
    top: 110px;
    bottom: 50px;
    left: 50px;
}

.line-right {
    top: 110px;
    right: 50px;
    bottom: 50px;
}

#main h1 a {
    display: inline-block;
}

#main h1 a img {
    width: 350px;
}

.intro h3 {
    font-size: 5.9rem;
}

.intro h2 {
    font-size: 1.8rem;
    margin: -9px 0 19px;
}

.intro section:before, .intro section:after {
    width: 155px;
}

}

@media (max-width: 1199px) {

  .get-touch {
      padding: 0 30px 20px;
      margin: 23px 0 0 0;
  }

  .suppliers-page ul li:nth-child(3) {
      margin-top: 55px;
  }

  .suppliers-page ul li ul li:nth-child(3) {
      margin-top: 0;
  }

.build-box p em {
  font-size: 1.5rem;
  padding: 0 30px;
}

  .hero.inner .intro {
      padding-top: 115px;
  }

  .hero.inner {
      height: 410px;
  }

  .footer a svg {
      height: 55px;
  }

  .footer {
      padding: 25px 0;
      border-top: 4px solid var(--blue);
  }

  .copyright {
      padding: 20px 0;
  }

  .why-choose {
      padding: 60px 0;
  }

  .values-home {
      padding: 175px 0;
  }

  html {
      font-size: 44%;
  }

  .values-home h2 em {
      margin: 0 0 0 165px;
  }

  .home-section figure img, .home-section .line.mid {
      max-width: 475px;
  }

  .home-section section {
      padding: 0 80px;
  }

  .home-section.blue section {
      padding: 0 70px 0 50px;
  }
  .home-section.blue {
      margin: 130px 37px;
  }

  .home-section section svg {
      transform-origin: top center;
      transform: scale(0.6);
      width: 198px;
      margin-bottom: 6px;
      margin-top: 10px;
  }

  .home-section section p {
      margin: 0 0 31px;
  }
  .home-section section {
      padding: 0 50px;
  }


}




@media (max-width: 1075px) {

.intro section {
    padding: 0 38px 40px;
}

.intro h3 {
    font-size: 4.4rem;
}

.intro h2 {
    font-size: 1.2rem;
    margin: -6px 0 16px;
}

.intro section:before, .intro section:after {
    width: 115px;
}

.intro .icon {
    -webkit-background-size: 18px;
    background-size: 18px;
    width: 42px;
    height: 42px;
}

.intro ul li {
    margin: 0 5px;
}

.intro ul li a em {
    font-size: 10px;
    width: 66px;
    padding: 5px 0;
    top: -35px;
    left: -12px;
}

.intro ul li:nth-child(2) a em {
    width: 140px;
    left: -49px;
    right: auto;
}
.intro ul li a em:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
    bottom: -4px;
}

}

@media (max-width: 991px) {

  .pg-contact .col-sm-4, .pg-contact .col-sm-8 {-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}

  .get-touch {
      margin: 0 0 35px;
  }

  .pg-our-core-values .col-sm-4 svg {
      -webkit-transform: scale(0.8);
      transform: scale(0.8);
      -webkit-transform-origin: top left;
      transform-origin: top left;
  }

  .pg-our-core-values .col-sm-8 + .col-sm-4 svg {
      -webkit-transform-origin: top right;
      transform-origin: top right;
  }

  .value-box {
      margin-top: 110px;
  }

  .pg-our-core-values .col-sm-5 {-webkit-order: 2;order: 2;margin-top: 55px;text-align: center;}

  .section-intro h2 {
      font-size: 3.5rem;
  }

  .gallery a {
      height: 150px;
  }

  .pg-content {
      padding: 60px 30px;
  }
  .page-template-service .pg-content .col-sm-5, .page-template-service .pg-content .col-sm-7 {
      -webkit-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
  }

  .page-template-service .pg-content .col-sm-5 {-webkit-order: 2;order: 2;text-align: center;margin-top: 55px;}

  .center-to-image {
      padding: 0;
      display: block;
      height: auto;
  }

  .copyright, .copyright .text-right {
      text-align: center !important;
  }

  .copyright {
      font-size: 10px;
  }

  .copyright em {
      display: block;
      height: 0;
      font-size: 0;
  }

  .copyright a {
      padding-top: 6px;
      display: inline-block;
  }

  .home-section {
      -webkit-flex-direction: column;
      flex-direction: column;
  }

  .home-section.blue figure {
      -webkit-order: 1;
      order: 1;
  }

  .home-section.blue section {
      -webkit-order: 12;
      order: 12;
  }

  .home-section.blue section {
      padding: inherit;
  }

  .home-section section, .home-section.blue section {
      padding: 80px 80px 55px;
  }

  .home-section figure img, .home-section .line.mid {
      max-width: 100%;
  }
.home-section.blue .line.mid,
  .home-section .line.mid {
      bottom: unset;
      top: 220px;
      right: 30px;
      width: auto;
      height: 380px;
      left: 30px;
  }

  .home-section figure {
      margin: -40px 0 0;
  }

  .home-section.blue figure:before,
  .home-section figure:before {
      top: 20px;
      left: 20px;
      right: 20px;
      bottom: 20px;
      border: 1px solid #fff !important;
      margin: auto !important;
  }

  .home-section .icon-lines-green, .home-section .icon-lines-yellow, .home-section .icon-lines-green, .home-section .icon-lines-blue {
      display: none;
  }

  .home-section.green {
      margin-top: 105px;
  }

  .values-home {
      padding: 75px 0;
  }

  .values-home section:before {
      display: none;
  }

  .values-home h2 {
      text-align: center;
  }

  .values-home h2 em {
      margin: 0;
  }

  .values-home section {
      padding: 0 40px;
      text-align: center;
  }

  .values-home .value-line {
      float: none;
      margin: 30px auto 50px;
      width: 310px;
  }

  .values-home .value-line:before {
      left: 0;
      right: 0;
  }

  .why-choose .bottom-row {
      margin-top: 57px;
  }

  .suppliers {
      padding: 50px 20px;
  }

  .footer {
      text-align: center;
      padding: 45px 0;
  }

  .footer ul {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      margin: 13px 0 0;
  }

  .footer ul li:last-child {
      margin: 0 0 0 45px;
  }

  .suppliers ul li {
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
  }

}

@media (max-width: 850px) {

  .home-section section, .home-section.blue section {
    padding: 50px;
  }
  .home-section.blue .line.mid,
  .home-section .line.mid {
      bottom: unset;
      top: 185px;
      right: -10px;
      width: auto;
      height: 330px;
      left: -10px;
      max-width: unset;
  }

}

@media (max-width: 800px) {

.line-right {
    display: none;
}

.line-left {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-writing-mode: unset;
    writing-mode: unset;
    -webkit-transform: unset;
    transform: unset;
}

.line-left:before, .line-left:after {
    width: 260px;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    position: relative;
    margin: 10px auto;
}


.line-left {
    font-size: 1.2rem;
}


.intro ul {
    bottom: 20px;
}

.intro h3 {
    font-size: 2.3rem;
}

.intro section {
    padding: 0 18px 25px;
}

.intro h2 {
    font-size: 0.9rem;
    letter-spacing: 3px;
    margin: -5px 0 7px;
}

.intro section:before, .intro section:after {
    width: 55px;
}

}


@media (max-width: 767px) {
    .hero .cycle-slide {
        background-position: center;
    }
.section-intro p br,
.section-intro p br::after {
  content: ' ';
}

html .cocon-button, .button, .form-actions .btn {
    padding: 14px 19px !important;
}

.home-section section p a {
    margin: 0;
}

  .values-home h2 {
    font-size: 6rem;
}

.values-home h2 em {
    font-size: 140%;
}

.values-home .value-line {
    width: 170px;
}

  .fwimg {
      padding: 90px 0;
  }

  .pg-pricing .column-text {
    margin: 0;
  }

  .price-box p {
      margin: -8px 0 0;
  }

  .pg-pricing .col-sm-4:nth-child(2) {
      margin-top: 35px;
      margin-bottom: 40px;
  }

  .column-text h2 {
      font-size: 5rem;
      line-height: 1;
  }

  .suppliers-page ul li {
    display: block;
}

.suppliers-page ul li ul li {
    display: inline-block;
}

.suppliers-page ul li:nth-child(2) {
    margin-top: 55px;
}

.suppliers-page ul li ul li:nth-child(2) {
    margin-top: 0;
}

  .pg-grey.pg-our-core-values .col-sm-8 {-webkit-order: 2;order: 2;}

  .value-box {
      margin-top: 0px;
      text-align: center;
      padding: 0 30px 30px;
  }

  .pg-our-core-values h2 { line-height: 1.1; }

  .value-box:before { display: none; }

  .pg-our-core-values .col-sm-4 svg {
      margin: 60px auto 0;
      -webkit-transform: scale(0.6);
      transform: scale(0.6);
      transform-origin: center !important;
  }

  .value-box h3 {
      margin: -20px 0;
      top: -10px;
  }

  .build-box {
      height: auto;
      margin: 50px 0 30px;
  }

  .col-sm-6:nth-child(2) .build-box {
      margin-top: 20px;
  }

  .gallery a {
      height: 90px;
  }
  .gallery a img {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      max-width: 105%;
  }
  .hero.inner .intro h1 {
    font-size: 6.5rem;
    line-height: 0.9;
  }

.hero.inner section svg {
    margin-top: 10px;
    -webkit-transform-origin: top center;
    -webkit-transform: scale(0.6);
    transform-origin: top center;
    transform: scale(0.6);
}

.hero.inner {
    height: 320px;
}



  .page-template-service .column-text h2 {
    font-size: 3.8rem;
}

  #divCoCoForm .cocon-row .coco-label, .form-stacked fieldset .form-group .control-label {
      font-size: 1.8rem !important;
      margin: 0 0 -6px !important;
  }
  .why-choose section {
      padding: 0px 9px 26px;
  }

  .full-panel .full .icon {
      width: 23px;
      height: 23px;
  }

  .full-panel h2,
  .full-panel ul li a {
      font-size: 3.625rem;
      letter-spacing: 0;
  }

  .full-panel ul:nth-of-type(1) {
      margin-right: 46px;
  }

  .full-panel #logo {
      width: 60px;
      height: 60px;
  }

  .full-panel {
      padding: 30px;
  }

  .full-panel .close-menu {
      top: 36px;
      right: 25px;
  }

  .suppliers {
      padding: 30px;
  }

  .footer ul {
      display: block;
      text-align:center;
  }

  .footer ul li a {
      justify-content: center;
      margin-top: 15px;
  }


  .footer ul li:last-child {
      margin: 0;
  }

  .icon-mail {
      width: 20px;
      height: 19px;
  }

  .footer ul li a i {
      margin: 0 15px 0 0;
  }

  .why-choose h2 {
    line-height: 1.1;
  }

  .icon-phone {
      width: 18px;
      height: 18px;
  }
  .home-section.yellow {
      margin-bottom: 50px;
  }

  .home-section section, .home-section.blue section {
    padding: 40px 20px;
  }

  .home-section.green {
      margin-top: 95px;
  }

  .home-section.blue {
      margin: 90px auto !important;
  }
  .copyright, .copyright .text-right {
      text-align: center !important;
  }

  .copyright {
      font-size: 10px;
  }

  .copyright em {
      display: block;
      height: 0;
      font-size: 0;
  }

  .copyright a {
      padding-top: 6px;
      display: inline-block;
  }

  .home-section.blue .line.mid, .home-section .line.mid {
      display: none;
  }

  .home-section, .home-section.blue {
      margin: 0 auto;
      max-width: 90%;
  }

  .home .hero {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
    padding: 30px 0;
  }

  .home-section.green {
    margin-top: calc(100vh + 95px);
  }

  #main h1 a svg {
      width: 210px;
  }

   #main {
      padding: 18px 30px;
      margin: 0;
  }
  .home #main {
      padding: 25px 30px !important;
      margin: 25px 0;
  }

  .home.ios .hero .book-appt {
      top: 75px;
  }

  .home.ios .hero .open-menu {
      top: 78px;
  }

  .ios.home #main {
    padding: 25px 30px;
    top: 25px;
    margin: 25px 0;
    bottom: 25px;
  }

  .intro section:before, .intro section:after {
      width: 32px;
  }

  .intro {
        margin: 15px 30px 0;
  }

  .intro h3 {
      font-size: 5.3rem;
  }

  .intro h2 {
      font-size: 1.4rem;
  }

  .ios .hero .open-menu, .ios .hero .book-appt {
      padding: 11px;
      top: 18px;
  }
  .ios .hero .open-menu {
      top: 21px;
  }

  .hero .open-menu, .hero .book-appt {
      padding: 11px;
      top: 22px;
  }

  .hero .open-menu {
      top: 25px;
  }

  .home .hero .open-menu, .home .hero .book-appt {
      top: 48px;
  }

  .home .hero .open-menu {
      top: 51px;
  }

  .hero .open-menu {
      left: 6px;
  }




  .hero .book-appt {
      right: 6px;
  }

  .suppliers ul li {
    -webkit-flex: 0 0 45%;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
  }

}

@media (max-width: 767px) and (max-height: 480px) {

  #main h1 a svg {
        width: 225px
    }

  .line-left {
      font-size: 0.9rem;
      letter-spacing: 4px;
  }

  .line-left:before, .line-left:after {
      width: 190px;
      margin: 6px auto;
  }

}

@media (min-width: 768px) and (max-height: 700px) {

  .line-left {
      font-size: 1.0rem;
  }

  .line-left:before, .line-left:after {
      height: 19%;
  }

  .line-left, .line-right {
      top: 130px;
      bottom: 30px;
  }

}
@media (min-width: 768px) and (max-height: 500px) {

  .line-left {
      font-size: 0.8rem;
      letter-spacing: 2px;
  }
  #main h1 a svg  {
      width: 240px;
  }
  .line-left:before, .line-left:after {
      height: 50px;
  }

  .line-left, .line-right {
      top: 130px;
      bottom: 30px;
  }

}