/**
 * Gallery
 */
 
  .show {
    display: block !important;
  }

  main[role=main].container-fluid {
    padding-top: 0 !important;
  }
  .page-banner-slider,
  .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
  }
  header {
    min-height: 375px;
    height: 100vh;
    max-height: 550px;
  }
  #navbarNav_SuppHorizontalNav a.nav-item.nav-link {
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 200px !important;
  }
  #navbarNav_SuppHorizontalNav a.nav-item:last-child span.vert-sep {
    display: none;
  }
  #navbarNav_SuppHorizontalNav a.nav-item.active span.vert-sep,
  #navbarNav_SuppHorizontalNav a.nav-item:active span.vert-sep,
  #navbarNav_SuppHorizontalNav a.nav-item:hover span.vert-sep,
  #navbarNav_SuppHorizontalNav a.nav-item:focus span.vert-sep {
    color: #fefefe;
  }
  .gallery-navi-category {
    min-height: unset !important;
  }
  .gallery-navi-category .navbar {
    padding-bottom: 0 !important;
  }

  /* CSS-Grid For Gallery Content Section */
  .grid-row,
  .grid-row-reverse  {
    display: grid;
    grid-template-columns: repeat( 4, auto );
    grid-template-rows: repeat( 3, auto );
    grid-row-gap: 15px;
    grid-column-gap: 20px;
    padding-top: 15px;
  }
/*
  .grid-row:first-child {
    padding-top: 0;
  }
  .grid-row-reverse {
    padding-top: 15px;
  }
*/
  .grid__item popup-gallery [class*=row-] {
    padding: 0 !important;
  }
  .grid-row .row-cover {
    grid-column: span 2;
    grid-row: span 2;
    height: 100% !important;
  }
  .grid-row-reverse .row-cover {
    grid-column: 3 / span 2;
    grid-row: 1 / span 2;
  }
  .grid-row .row-thumb,
  .grid-row-reverse .row-thumb {
    grid-column: span 1;
    grid-row: span 1;
    height: 100% !important;
  }

  .grid__item popup-gallery  {
    display: none;
  }

  .for-mobile {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }

  @media only screen and (max-width: 1440px) {
    .grid-row,
    .grid-row-reverse  {
      grid-template-columns: auto auto auto auto;
      grid-template-rows: auto auto auto;
    }
    .row-cover,
    .row-thumb {
      height: 100% !important;
    }
    a.nav-item.nav-link {
      font-size: 14px;
      line-height: 28px;
    }
  }
  @media only screen and (max-width: 1280px) {
    .navbar-collapse {
      height: auto !important;
      background-color: transparent;
      transform: none;
    }
  }
  @media only screen and (max-width: 992px) {
    /* CSS-GRID */
  .grid-row,
  .grid-row-reverse,
    .grid-row-mobile {
      display: grid;
      grid-template-columns: repeat( 2, auto );
      grid-template-rows: repeat( 3, auto );
      grid-row-gap: 15px;
      grid-column-gap: 15px;
      max-width: 100%;
      padding-top: 15px;
    }
    .grid-row-mobile:nth-of-type(1) {
      padding-top: 0;
    }
    .grid-row .row-cover,
    .grid-row-reverse .row-cover,
    .grid-row-mobile .row-cover {
      grid-column: span 2;
      grid-row: span 2;
    }
    .grid-row .row-thumb,
    .grid-row-reverse .row-thumb,
    .grid-row-mobile .row-thumb {
      grid-column: span 1;
      grid-row: span 1;
    }

    .for-mobile {
      grid-column: span 2 !important;
      grid-row: span 2 !important;
    }

  }
  @media only screen and (max-width: 768px) {
    #navbarNav_SuppHorizontalNav a.nav-item.nav-link {
      padding-left: 30px;
      padding-right: 30px;
      max-width: 75% !important;
    }
    header .sticky-header {
      min-height: 80px;
      background-color: #1d1b1b;
      -webkit-animation: unset !important;
      animation: unset !important;
    }

    .page-banner-slider {
      min-height: 65px !important;
    }

    .empty-banner, .no-banner {
      min-height: 65px !important;
      max-height: 75px !important;
      background-color: #181818 !important;
    }

    .stick-header {
      display: block;
    }

    nav .navbar-collapse {
      min-height: 100vh;
      transform: translate3d(0, 30px, 0);
    }

    header.jumbotron {
      min-height: 65px !important;
    }

    #navbarNav_SuppHorizontalNav {
      min-height: 60px !important;
      max-height: 80px !important;
      transform: none;
    }

    a.nav-item.nav-link {
      padding-left: 25px;
      padding-right: 25px;
    }

  }

  @media only screen and (max-width: 576px) {
    a.nav-item.nav-link {
      padding-left: 15px;
      padding-right: 15px;
    }
    .vert-sep {
      display: none;
    }
  }