/* MEDIA QUERIES */
@media screen and (max-width: 1300px) {

  .page-header {
    height: 450px;
  }

  .logo img {
    height: 50px;
  }

  #top-bar-menu .top-bar-right {
    margin-top: 15px;
  }

}

@media screen and (min-width: 75em) {

  .hide-for-xlarge {
    display: none !important;
  }

}

@media screen and (max-width: 74.9375em) {

  .show-for-xlarge {
    display: none !important;
  }

}

@media screen and (min-width: 75em) and (max-width: 74.9375em) {

  .hide-for-xlarge-only {
    display: none !important;
    }

}

@media screen and (max-width: 74.9375em), screen and (min-width: 75em) {

  .show-for-xlarge-only {
    display: none !important;
    }

}

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

  .top-bar-upper {padding: 0 16px;}

  .off-canvas-wrapper {background: #e6e6e6;}

  .off-canvas-close {
    font-size: 32px;
    color: #145a80;
    font-weight: bold;
    float: right;
    margin: 16px 16px 0;
    cursor: pointer;
  }

  .page-header .content h1 {
    padding: 10px 50px;
    font-size: 28px;
  }

  .menu-button {
    line-height: 50px;
  }

  #top-bar-menu .top-bar-right {
    margin-top: 0px;
  }

  #off-canvas .search-form {
    width: 100%;
    padding: 0 16px;
  }

  #off-canvas .button {
    padding: 10px;
    width: 100%;
    min-width: 0;
  }

  #off-canvas .solutions .button {
    margin-bottom: 1px;
  }

}

@media screen and (min-width: 1024px) {
  .process-flow .number {
    margin-left: 30px;
  }

  .process-flow .text {
    margin-right: 30px;
    padding-left: 150px;
  }
}

@media screen and (max-width: 1024px) {
  .block-center.medium-up-1 > .column-block { width: 100%; }
  .block-center.medium-up-2 > .column-block { width: 49%; }
  .block-center.medium-up-3 > .column-block { width: 33%; }
  .block-center.medium-up-4 > .column-block { width: 24%; }
  .block-center.medium-up-5 > .column-block { width: 19%; }
  .block-center.medium-up-6 > .column-block { width: 16%; }
  .block-center.medium-up-7 > .column-block { width: 14%; }
  .block-center.medium-up-8 > .column-block { width: 12%; }

  .page-header {height: 340px;}

  .sub-page-header {height: 150px;}
}

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

  .page-header {height: 274px;}

}

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

  .top-bar .top-bar-left {width: 80%}
  .top-bar .top-bar-right {
    width: 20%;
    text-align: right;
  }

  .video .right-column {
    padding: 0;
  }

  .video .right-column .v-center {
    position: static;
    transform: translateY(0);
  }

  .slide-content h1 {
    font-size: 20px;
  }

  .image-slider .slick-slider .slick-next, .image-slider .slick-slider .slick-prev {
    width: 13px;
    height: 24px;
    margin-top: -16px;
  }

  .page-header {
    height: 152px;
  }

  .page-header .content h1 {
    font-size: 20px;
    padding: 5px 15px;
  }

  .how-works-icons .button {
    min-width: 0;
  }

  #breadcrumbs {
    font-size: 12px;
  }

  .accordion-title .accordion-title-text {
    font-size: 18px;
  }

  .process-flow-accordion .flow-trigger {
    height: 60px;
    background-size: 150px 60px;
    font-size: 24px;
    padding-top: 16px;
  }

  #fancybox-content .team-member-modal .columns {
    width: 100% !important;
  }

  .generic-icons .column {
    margin: 20px 0;
  }

  .accordion-title::before {
    font-size: 28px;
    margin-top: -16px;
  }

  .gfield_radio li {
    width: 100%;
  }

}

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

  body {
    font-size: 17px;
  }

  h2 {
    font-size: 25px;
  }

  .button {
    padding: 15px 20px;
    min-width: 200px;
  }

  .block-center.small-up-1 > .column-block { width: 100%; }
  .block-center.small-up-2 > .column-block { width: 49%; }
  .block-center.small-up-3 > .column-block { width: 33%; }
  .block-center.small-up-4 > .column-block { width: 24%; }
  .block-center.small-up-5 > .column-block { width: 19%; }
  .block-center.small-up-6 > .column-block { width: 16%; }
  .block-center.small-up-7 > .column-block { width: 14%; }
  .block-center.small-up-8 > .column-block { width: 12%; }

  .process-flow .number {
    height: 60px;
    width: 60px;
    padding: 17px 0;
    font-size: 25px;
    line-height: 20px;
    border: 3px solid #d0dee6;
    margin-right: 15px;
  }

  .process-flow .text {
    padding-left: 75px;
  }

  .single .post .article-image {
    float: none;
    margin-right: 5px;
  }

}

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

  .logo img {height: auto;}

  .top-bar .top-bar-right .menu-btn {font-size: 30px;}

  .page-header {
    height: 120px;
  }

  .content h2 {font-size: 32px;}

}