@media only screen
and (min-width : 376px) {

  .logo-hp-hero img {
    max-width: 260px !important;
  }

}




@media only screen
and (min-width : 480px) {

  #carousel-home {
    /* height: 545px; */
  }

  .brand-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .carousel-inner,
  .carousel-item {
    height: 100%;
  }

}


@media only screen
and (min-width : 576px) {



  #carousel-home {
    /* height: 585px; */
  }

  .gallery.gallery-columns-2 .gallery-item,
  .gallery.gallery-columns-3 .gallery-item {
    flex: 0 0 auto;
    width: calc(50% - 11px);
  }

  /* ------------- wpa9-content ------------- */

  .wpa9-content-content.style-line {
    padding: 0 calc(1.3333 * var(--spacer) ) 0 calc(1 * var(--spacer) );
  }

  .wpa9-content-image {
    height: 360px;
  }

    .wpa9-content .wpa9-content-image img {
      height: 100%;
      width: auto;
    }

  /* ------------- wpa9-cta-box ------------- */
  .wpa9-cta-box-ext-content {
    flex-direction: row;
    justify-content: center;
  }

    .advantage-section {
      margin: 0 5px 20px;
    }


  /* ------------- wpa9-testimonial ------------- */
  .wpa9-testimonial {}

    .wpa9-testimonial .col-image {
      width: 35%;
    }


}


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

  .navbar-sub-menu {
    margin: calc(.5 * var(--spacer)) 0 calc(1.5 * var(--spacer));
  }

  /* ------------- carousel-home ------------- */
  #carousel-home {
    /* max-height: 586px;
    height: 40vw; */
  }

    .carousel-item img {
      width: 100%;
      height: auto;
    }


  /* ------------- gallery ------------- */
  .gallery.gallery-columns-3 .gallery-item {
    flex: 0 0 auto;
    width: calc(33.3333% - calc(.25 * var(--spacer)));
  }


  /* ------------- wpa9-image-slider ------------- */
  .wpa9-image-slider-image {
    max-width: 576px;
  }


  /* ------------- wpa-cta ------------- */
  .wpa9-cta {
    margin: 0;
  }

  /* ------------- wpa9-testimonial ------------- */
  .wpa9-testimonial {}

    .wpa9-testimonial .col-text {
      width: 65%;
      order: 1;
    }

    .wpa9-testimonial .col-image {
      width: 30%;
      margin-left: 5%;
      order: 2;
    }


  footer .soc-net {
    text-align: right;
  }

  footer .soc-net li {
    margin-left: 15px;
  }

}


@media only screen
and (min-width : 992px) {

  td, th, th:first-child, td:first-child {
    padding: 0.75% 1%;
  }

  /* -------------  ------------- */
  .panel-grid .panel-grid-cell {
    margin: 0 auto;
  }


  #masthead .navbar {
    justify-content: space-between;
  }

  .socket-nav {
    /* display: block; */
  }

  /* ------------- wpa-content ------------- */
  .wpa9-content-text,
  .wpa9-content-image {
    margin: calc(0 * var(--spacer) ) 0;
  }

  .wpa9-content-image {
    height: 480px;
    justify-content: center;
  }


/* ------------- navbar ------------- */
.navbar {}

  .navbar li {
    list-style: none;
    background: none;
    padding: 0;
    margin: 0;
  }

  .navbar .navbar-nav {
    padding: 0;
  }

    .navbar .navbar-nav .nav-link {
      padding: calc( 0.125 * var(--spacer) ) 0;
    }

      .navbar .navbar-nav .menu-item .separator {
        display: none;
      }

      .navbar .navbar-nav .menu-item .nav-link {
        display: inline-block;
        font-size: .9375rem;
        text-align: left;
        padding: 0 .125rem;
      }

      .navbar .navbar-nav .menu-item:hover .nav-link {
        text-decoration: none;
        color: #000;
        background-color: transparent;
      }

        .navbar .navbar-nav .menu-item:hover .nav-link:hover,
        .navbar .navbar-nav .menu-item.current-menu-item > .nav-link {
          text-decoration: none;
          color: var(--c-main);
          background-color: transparent;
        }

      .navbar .navbar-nav .menu-item:hover .sub-menu {
        display: block;
      }

        .navbar .navbar-nav .menu-item .separator {
          display: inline-block;
          padding: 0 calc(0.125 * var(--spacer));
        }

        .navbar .navbar-nav .menu-item:last-child .separator {
          display: none;
        }

        .navbar .navbar-nav .menu-item:last-child .nav-link {
          padding-right: 0;
        }

  .navbar .navbar-nav .menu-item .toggle-link {
    display: none;
  }


  /* ------------- sub-menu ------------- */
  .navbar .navbar-nav .sub-menu {
    position: absolute;
    padding: 10px 25px;
    margin-left: -30px;
    width: 280px;
  }

    .navbar .navbar-nav .sub-menu .menu-item .nav-link {
      display: block;
      padding: 2.5px 10px;
      border-top: 1px solid var(--c-grey-light) !important;
    }

    .navbar .navbar-nav .sub-menu .menu-item:last-child .nav-link {
      border-bottom: 1px solid var(--c-grey-light) !important;
    }


/* ------------- independent sub-menu ------------- */
.navbar-sub-menu {}

  .navbar-sub-menu .navbar-nav {
    display: flex;
    flex-direction: row;
  }

    .navbar-sub-menu .navbar-nav .menu-item:hover .nav-link {

    }

      .navbar-sub-menu .navbar-nav .menu-item .nav-link {}



/* ------------- main-nav ------------- */
#main-nav {
  position: relative;
  width: 100%;
  left: 0;
  margin: 0;
}

  #main-nav > .navbar-nav {
    padding-top: 0;
  }

    #main-nav > .navbar-nav > .menu-item {
      padding: 0;
    }

    #main-nav > .navbar-nav .menu-item .nav-link,
    #main-nav > .navbar-nav .menu-item:last-child .nav-link {
      border: none;
    }

/* ------------- wpa9-cta-box-ext ------------- */
.wpa9-cta-box-ext {}

  .wpa9-cta-box-ext-content {
    flex-direction: row;

  }

  .advantage-section {
    flex-direction: row;
    justify-content: start;
    text-align: left;
    padding: 60px 15px 60px 30px;

    width: 290px;
    max-width: 33.3333%;
  }

    .advantage-section .icon {
      margin-right: 20px;
      margin-bottom: 0px;
    }


  /* ------------- wpa9-testimonial ------------- */
  .wpa9-testimonial {}

    .wpa9-testimonial .col-text {
      padding: calc(1 * var(--spacer) ) calc(3.5 * var(--spacer) );
    }

    .wpa9-testimonial .col-image {
      width: 35%;
      margin-left: 0;
    }

    .flickity-page-dots {
      margin-left: 90px !important;
      right: calc(35% + calc(3.5 * var(--spacer)));
      text-align: right;
    }


  /* ------------- wpa9-accordion-content ------------- */
  body .wpa9-accordion-toggler .wpa9-accordion-title {
    padding: calc(.75 * var(--spacer) ) calc(1 * var(--spacer) );
  }
  body .wpa9-accordion-content {
    padding: calc(.75 * var(--spacer) ) calc(1.5 * var(--spacer) );
  }

}

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

  h1, .h1 {
    font-size: 3.25em;
    line-height: 62px;
  }

  .wpa9-content-image {
    height: 570px;
  }

}

@media (min-width: 1400px) {

  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1200px;
  }

}