@media (max-width: 1600px) {

  #testimonials ul li section {
      padding: 140px;
  }

  #testimonials .slick-arrow.slick-prev {
      left: 0;
  }

  #testimonials .slick-arrow.slick-next {
      right: 0;
  }

  html {
      font-size: 49%;
  }

  .pillars ul li a {
      height: 425px;
  }


  .pg-lg figure,
  .home-about figure {
    height: 600px;
  }
  .pg-lg figure img,
  .home-about figure img {
    max-height: 100%;
    width: auto;
  }


}


@media (max-width: 1367px) {

  .pillars ul li a img {
      width: auto;
      max-height: 100%;
  }

  .pillars ul li a {
      height: 345px;
  }

  .pillars ul li a strong {
      left: 38px;
      bottom: 28px;
  }

  .pillars ul li a:hover strong, .pillars ul li a:focus strong {
      bottom: 38px;
  }

  .home-about .home-content, .hero .home-content {
      padding: 0 60px;
  }

  .header .navigation ul li:not(:last-child) a:after {
      bottom: -26px;
  }

  .header .navigation ul li a {
      padding: 0 19px;
  }

  .header .navigation ul li:not(:last-child) a:after {
      left: 19px;
      right: 19px;
  }

}

@media (max-width: 1199px) {

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

.contact-info {
    margin: 0 0 30px;
}

.contact-info ul li {
    display: inline-block;
}

.contact-info ul li:last-child {
    margin-left: 20px;
}

  .home-content {
      padding: 0 50px;
  }
  .gallery a {
      height: 225px;
  }

  .gallery a img {
      max-width: 105%;
  }

  html {
      font-size: 45%;
  }

  .brand a img {
      max-width: 100%;
      height: auto;
  }

  .header .navigation ul li a {
      font-size: 2.7rem;
  }

  .icon-phone {
      width: 25px;
      height: 25px;
  }

  header .navigation ul li:last-child a i {
      margin: 0 8px 0 0;
  }

  .header .navigation ul li a {
      padding: 0 13px;
  }

  .header .navigation ul li:not(:last-child) a:after {
      left: 13px;
      right: 13px;
      bottom: -20px;
  }

  .pillars ul li a {
      height: 275px;
  }

  .pillars ul li a img {
      max-height: unset;
      max-width: 120%;
  }

  .pg-lg figure,
  .home-about figure {
      height: 510px;
  }

  :root {
    --spacing: 30px;
  }

  #testimonials ul li section {
      padding: 100px;
  }

  .footer .brand a img {
      height: 130px;
  }

  .footer p:not(.brand) {
      font-size: 1.7rem;
  }

  .home-content p {
      margin: 0 0 35px;
  }

  .home-content h1, .home-content h2 {
      margin: 0 0 11px;
      font-size: 5rem;
  }

  .home-content h1 strong, .home-content h2 strong {
      font-size: 140%;
  }

}

@media (max-width: 991px) {

  .gallery a {
      height: 155px;
  }

.pg-title h1 {
  font-size: 8.5rem;
}

  .check-list ul {
    display: block;
  }

  .check-list ul li {
    max-width: unset;
  }

  #testimonials ul li section {
      padding: 75px;
  }
  .why-choose .container {
      max-width: 100%;
  }

  .pg-lg,
  .home-about, .hero {
      -webkit-flex-direction: column;
      flex-direction: column;
  }

  .pg-lg figure,
  .home-about figure, .hero .slideshow {
      max-width: 100%;
      flex: 0 0 100%;
      -webkit-flex: 0 0 100%;
      width: 100%;
  }

  .pg-lg.pg-lg-reverse figure {
    order: 0;
  }

  .slideshow img {
      border-radius: 0 0 calc(var(--radius) * 2.25) calc(var(--radius) * 2.25);
  }

  .hero {
      height: auto;
  }

  .home-about .home-content, .hero .home-content {
      padding: 40px;
      height: auto;
      min-height: 1px;
      text-align: center;
      display: block;
  }

  .pg-lg figure,
  .home-about figure {
      height: auto;
  }
  .home-about figure img {
    border-radius: var(--radius) var(--radius) 0 0;
  }
  .pg-lg figure img {
    border-radius: var(--radius);
  }

  .home-content {
    padding: var(--spacing);
  }

  .pg-lg figure img,
  .home-about figure img {
      max-height: unset;
      max-width: 95%;
      height: auto;
      margin: 0 auto;
      display: block;
  }

  .pg-lg figure,
  .home-about figure {
      border-radius: calc(var(--radius) * 2.25) calc(var(--radius) * 2.25) 0 0;
  }

  .pillars ul li a {
      height: 185px;
  }

  .pillars ul li a strong {
      font-size: 4rem;
  }

  .pillars ul li a strong em {
      font-size: 125%;
  }

  .pillars ul li a strong {
      left: 22px;
      bottom: 18px;
  }

  .pillars ul li a strong small i {
      display: block;
  }

  :root {
    --radius: 20px;
  }

  .header .navigation ul li:not(:last-child) a:after {
      bottom: -13px;
  }

  .why-choose section {
      position: relative;
      padding-left: 100px;
  }

  .why-choose section i {
      position: absolute;
      top: 44px;
      left: 26px;
  }

  .why-choose section h2 br, .why-choose section h2 br::after {content: " ";}

  .why-choose h2 {
      margin: 0 0 6px;
  }

  .why-choose i[class^="icon-"] {
      width: 46px;
      height: 44px;
  }

  #testimonials ul li section {
      display: block;
  }

  #testimonials ul li section h2, #testimonials ul li section blockquote {
      max-width: 100%;
  }

  #testimonials ul li section h2 {
      margin: 0 0 10px;
  }


}

@media (min-width: 768px) {

  .navigation ul[style*="block"] {
    display: -webkit-flex !important;
    display: flex !important;
  }

}

@media (max-width: 767px) {

.home-content h1, .home-content h2 {
  line-height: 0.85;
}

  .contact-info ul li {
      display: block;
  }

  .contact-info ul li:last-child {
      margin-left: 0;
  }
  .gallery a {
    max-width: 49%;
    -webkit-flex: 0 0 49%;
    flex: 0 0 49%;
  }

  .home-about .home-content, .hero .home-content, .request-quote {padding: var(--spacing);}

  .request-quote form {
      margin: 30px 0 0;
  }

  .contact-form .form-group,
  .request-quote .form-group {
      width: 100%;
      float: none;
  }

  .navigation ul {
      display: none;
      height: auto;
      margin: 0 -15px;
  }

  .header .navigation ul li:first-child a, .header .navigation ul li a {
      display: block;
      width: 100%;
      padding: 10px 20px;
      font-size: 3.5rem;
  }

  .header .navigation ul li a:after {
      display: none !important;
  }

  .header .navigation ul li:last-child {
      display: none;
  }

  .header .navigation ul li a {
      text-align: center;
      border-top: 1px solid rgba(255,255,255,0.1);
  }

  .header .navigation ul li a.nav-selected {
    background-color: var(--blue);
  }

  .mopt a i {
    border-radius: 5px;
    -webkit-background-size: 22px;
    background-size: 22px;
  }

  .icon-menu {
    background-image: url(../i/icon-menu.svg);
  }
  .icon-call {
    background-image: url(../i/icon-call.svg);
  }

  .pillars {
      padding: calc(var(--spacing) * 1.25);
  }

  .pillars ul {
      display: block;
  }

  .pillars ul li a strong {
      position: relative;
      display: block;
      top: 0;
      left: 0;
      opacity: 1;
      bottom: 0;
      padding: 20px;
      right: 0;
      text-align: center;
      z-index: 10;
      margin: -100px 0 0;
      background-color: var(--blue);
  }

  .pillars ul li a img {
      max-width: 100%;
      display: block;
      position: relative;
      top: -90px;
      left: 0;
      right: 0;
      bottom: 0;
  }

  .pillars ul li {
      max-width: 100%;
  }

  .pillars ul li a {
      height: auto;
      border-radius: var(--radius) !important;
  }

  .pillars ul li a strong em {
      font-size: 100%;
      font-weight: 300;
      display: inline-block;
  }

  .pillars ul li a strong small i {
      display: none;
  }

  .pillars ul li a strong small {
      margin: 5px 0 0;
  }

  .pillars ul li:nth-child(2) {
      margin: 25px 0;
  }

  .mopt a {
      top: 4px;
      position: relative;
  }

  #testimonials .slick-arrow {
      width: 20px;
      height: 28px;
  }

  #testimonials ul li section {
      padding: 50px 48px;
  }

  #testimonials ul li section h2:before {
      width: 69px;
      height: 58px;
      top: -20px;
      left: -20px;
  }

  .why-choose section {
      padding-left: 85px;
  }
  .footer .flex {
      display: block;
  }

  footer ul li a i {
      margin: 5px 6px 0 0;
      position: relative;
      top: 5px;
  }

  footer .brand {
      margin: 0 0 8px;
  }

  .footer p:not(.brand) em {
      display: block;
      height: 0;
      overflow: hidden;
      margin: 0 0 10px;
  }

  :root {
    --radius: 15px;
  }

  *[type="submit"], .button {
      padding: 15px 25px;
  }

  .request-quote h2 {
    font-size: 5rem;
  }

  .footer .brand a img {
      height: 90px;
      max-height: unset;
  }

  .brand a img {
      max-height: 45px;
      width: auto;
      max-width: unset;
      position: relative;
      top: 8px;
  }

}

@media (max-width:480px) {
  .gallery a {
      height: 120px;
  }

  .pg-title h1 {
      margin: 0 0 -10px;
  }

}