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

  .row-cols-8>*,
  .row-cols-5>* {
    flex: 0 0 auto;
    width: 33.3334%;
  }

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

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

}


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


  /* ------------------ WP + SOW gallery ------------------ */
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item {
    width: calc(50% - calc(0.5 * var(--spacer)));
    flex: 0 0 auto;
	}

  .gallery-columns-2 .gallery-item:nth-child(odd) {
    margin-right: calc(0.25 * var(--spacer));
  }

  .gallery-columns-2 .gallery-item:nth-child(even) {
    margin-left: calc(0.25 * var(--spacer));
  }


}


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


  .row-cols-8>*,
  .row-cols-5>* {
    flex: 0 0 auto;
    width: 25%;
  }

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

  /* ------------------ loop-posts ------------------ */
  .loop-posts.template-default article {
    width: 50%;
  }

  /* .loop-posts.template-list article {
    flex-flow: row;
  }

  .loop-posts.template-list article .featured-image {
    width: calc(100%/3);
  }

  .loop-posts.template-list article .entry-container {
    width: calc( calc(100%/3*2) - calc(100%/12) );
    padding-left: calc( var(--bs-gutter-x) + calc(100%/12/2) );
  } */


}


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

  .row-cols-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-8>* {
    flex: 0 0 auto;
    width: 12.5%;
  }

  .site-brand .site-title {
    background-image: url('images/site-title.svg');
    width: 180px; height: 62px;
  }

  .site-footer .site-brand .site-title {
    background-image: url('images/site-title-b.svg');
    width: 180px; height: 62px;
  }


  /* ------------- navbar-menu ------------- */
  .navbar-menu > .menu-item:first-of-type {
    margin-left: 0;
  }

  .navbar-menu > .menu-item:last-of-type {
    margin-right: 0;
  }

  .navbar-menu > .menu-item:first-of-type .nav-link {
    padding-left: 0;
  }

  .navbar-menu > .menu-item:last-of-type .nav-link {
    padding-right: 0;
  }

  .navbar-collapse {}

    .navbar-collapse .navbar-menu .menu-item {
      display: flex;
      justify-content: flex-start;
      align-items: baseline;
      width: 100%;
    }

      .navbar-collapse .navbar-menu > .menu-item {
        width: max-content;
        position: relative;
      }

    .navbar-collapse .toggle-link {
      display: none;
    }

      .navbar-collapse .sub-menu .toggle-link {
        position: relative;
        top: 2px;
        display: inline-block;
        transform: rotate(-90deg);
        width: 12px; height: 12px;
      }


  /* ------------- navbar ------------- */
  .navbar-socket {
    justify-content: flex-end;
  }

    .navbar-mobile-menu-hr {
      display: none;
    }

  #header-socket-nav {
    /* position: absolute;
    top: 0; */
  }

  .navbar-main {

  }

  /* ------------- main-nav ------------- */
  #main-nav .navbar-menu .menu-item {
    /* margin-top: calc( .325 * var(--spacer) ); */
    margin-top: 0;
  }

  .navbar-menu > .menu-item {
    margin: 0 calc( 1.125 * var(--spacer) );
  }

    .navbar-menu > .menu-item:first-of-type {
      margin-left: 0;
    }

    .navbar-menu > .menu-item:last-of-type {
      margin-right: 0;
    }

    .navbar-menu > .menu-item:first-of-type .nav-link {
      padding-left: 0;
    }

    .navbar-menu > .menu-item:last-of-type .nav-link {
      padding-right: 0;
    }


  #main-nav .sub-menu {
    padding: 20px;
    margin: 0;
    width: auto;
  }

  #main-nav .navbar-menu > .menu-item:hover .sub-menu-level-1 {
    display: block;
  }

    #main-nav .sub-menu .toggle-link {
    }

      #main-nav .sub-menu .menu-item {
        flex-wrap: nowrap;
      }

  #main-nav .menu-item-parent-symbol {
    display: none;
  }

    #main-nav .sub-menu-level-1 {
      display: none;
      position: absolute;
      flex-flow: column wrap;
      align-items: flex-start;
      top: 30px;
      left: -20px;
      z-index: 2;
      padding-top: 20px;
      background: #fff;
    }

      #main-nav .sub-menu-level-1 .menu-item {
        padding: 8px 30px 8px 0;

      }

        #main-nav .sub-menu-level-1 .menu-item:hover .sub-menu-level-2 {
          display: block;
        }

        #main-nav .sub-menu-level-2 {
          display: none;
          position: absolute;
          left: calc(100% - 20px);
          top: 0px;
          padding-top: 20px;
          width: max-content;
          background: #fff;
          /* height: -webkit-fill-available; */
          min-height: -webkit-fill-available;
        }

          #main-nav .sub-menu-level-2 .menu-item {

          }

          #main-nav .sub-menu-level-2 .nav-link {

          }

  /* ------------- footer-socket-nav ------------- */
  #footer-socket-nav {
    flex-flow: row;
  }

    #footer-socket-nav .sub-menu {
      display: block;
      padding: 0;
    }

  /* ------------------ page / page-template-default ------------------ */
  .page-template-default .entry-content {
    width: calc(66% - 48px);
    padding-right: 48px;
  }

  /* ------------------ loop-posts ------------------ */
  .loop-posts.template-default article {
    width: 33.33333333%;
  }


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

  .gallery-columns-3 .gallery-item {
    width: 33.3333%;
    flex: 0 0 auto;
	}

  /* ------------------ SOW image grid ------------------ */
  .sow-image-grid-wrapper {
    margin-left: -5px;
    margin-right: 5px;
  }


}

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

}

@media (min-width: 1400px) {

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

}