@media screen and (max-width: 1199px) {
.js .main-navigation{display:none;}
.js .slicknav_menu{display:block;}
}

/* VERTICAL http://cssmenumaker.com/blog/css-flyout-menu-starter-kit */
/* changed from 40em width */
@media screen and (min-width: 1200px) {
.js .main-navigation{display:block;}
.js .slicknav_menu{display:none;}

.vertical-menu {padding: 0; margin: 0; border: 0;}
.vertical-menu ul,.vertical-menu ul li,.vertical-menu ul ul {list-style: none; margin: 0; padding: 0; border: 0;}
.vertical-menu ul {position: relative; z-index: 397;}
.vertical-menu ul li {min-height: 1px; line-height: 1em; vertical-align: middle;}
.vertical-menu ul li:hover {position: relative; z-index: 399; cursor: default;}
.vertical-menu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 398;}
.vertical-menu ul ul ul {top: 0px; left: 99%;}
.vertical-menu ul li:hover > ul { visibility: visible;}
.vertical-menu ul ul {top: 0px; left: 99%;}
.vertical-menu ul li a{display: block;}

.horizontal-menu ul{list-style:none;padding:0;margin:0;}
.horizontal-menu ul li{display:block;position:relative;float:left;}
.horizontal-menu li ul{display:none;}
.horizontal-menu ul li a{display:block;white-space:nowrap;}
.horizontal-menu li:hover>ul{display:block;position:absolute;}
.horizontal-menu li:hover li{float:none;}
.horizontal-menu li ul li{border-top:0;}
.horizontal-menu ul ul ul{left:100%;top:0;}
.horizontal-menu ul::before,.horizontal-menu ul::after{content:" ";display:table;}
.horizontal-menu ul::after{clear:both;}
}

@media screen and (min-width: 992px) {
  div.EvtCal table.EvtCalSm {
   margin-left: 15px;
  }
}

@media screen and (min-width: 1200px) {
  nav.main-navigation.horizontal-menu {
      display: inline-block;
      vertical-align: top;
  }
  #SMenu {
    display: block;
    padding: 0;
  }
  .slicknav_menu {
    display: none; 
    background: none;
  }
  #menu #SMenu li ul {
    box-shadow: 0px 4px 20px -8px rgba(0, 0, 0, 0.15);
    z-index: 99999;
    min-width: 232px;
    padding: 10px 0;
    background: #fff;
  }
  #menu #SMenu li ul ul {
    background: #f1f1f1;
  }
  #menu #SMenu > li > ul {
    min-width: 280px;
  }
  #menu #SMenu li ul li {
    display: block !important;
    text-align: left;
  }
  .horizontal-menu ul li a {
    white-space: normal !important;
    line-height: 1.5;
  }
  #menu #SMenu li ul a {
    color: #4c4545;
    padding: 5px 30px;
    font-size: 14px;
  }
  #menu #SMenu > li:hover > a,
  #menu #SMenu > li > a:active,
  #menu #SMenu > li > a:focus   {
    color: #aaa;
  }
  #menu #SMenu > li > a {
    padding: 35px 24px;
    font-size: 17px;
  }
  #menu #SMenu > li {
    text-align: center;
  }
  #menu #SMenu > li.page_5228 > a::after,
  #menu #SMenu > li.page_4393 > a::after,
  #menu #SMenu > li.page_5 > a::after,
  #menu #SMenu > li.page_5229 > a::after,
  #menu #SMenu > li.page_5230 > a::after,
  #menu #SMenu > li.page_5231 > a::after,
  #menu #SMenu > li.page_5305 > a::after,
  #menu #SMenu > li.page_5317 > a::after,
  #menu #SMenu > li.page_5571 > a::after,
  #menu #SMenu > li.page_5286 > a::after,
  #menu #SMenu > li.page_5569 > a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 6 Free";
    content: "\f107";
    font-weight: 900;
    padding-left: 8px;
    font-size: 14px;
  }
  #menu #SMenu li ul li:hover a,
  #menu #SMenu li ul ul a {
    background: #f1f1f1;
  }
  #menu #SMenu li ul a:hover,
  #menu #SMenu li ul ul a:hover {
    background: #e1e1e1;
  }
  .banner .button {
    font-size: 16px;
  }
  .join-banner-buttons {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 9;
    margin: 0;
  }
  .join-banner-buttons .button {
    margin: 0;
  }

  #menu #SMenu > li#page_20,
  #menu #SMenu > li#thispage.page_20,
  #menu li#link_after .cart-items {
    display: none;
  }

  .intro h1 {
    font-size: 44px;
  }

  .members-home-gallery .logo_gallery {
    padding: 0;
  }

  .members-home-gallery .slick-dots {
    display: none !important;
  }

  .members-home-gallery .slick-prev,
  .members-home-gallery .slick-next {
    background-color: #6d6d6d !important;
    top: 36%;
  }

  html {
    scroll-padding-top: 160px;
  }
}

@media screen and (min-width: 1400px) {
  .banner {
    padding: 48px 0;
  }
}

@media screen and (max-width: 1400px) {
  #menu #SMenu li.page_5231 ul ul {
    left: auto;
    right: 100%;
  }

  #menu #SMenu > li > ul {
    min-width: 310px;
  }

  .banner.banner-home {
    padding: 15% 0 3%;
  }

  .slick-prev,
  .slick-next,
  #banner .bx-wrapper .bx-controls-direction a {
     display: none !important;
  }

  .members-home-gallery .slick-prev,
  .members-home-gallery .slick-next {
    display: block !important;
  }

  #utility-nav, #utility-nav a {
    font-size: 14px;
  }

  .util-link {
    padding: 8px 14px;
  }
}

@media screen and (max-width: 1199px) {
  .sticky-top {
    position: relative;
  }
  .sortable-list li {
    max-width: 150px;
    font-size: 12px !important;
  }
  #utility-nav .link-drop {
    position: absolute;
    top: -26px;
    padding: 0;
  }
  #utility-nav .link-drop.donate-link {
    right: 120px;
  }

  .search-wrap {
    padding: 12px 0 12px 6px;
  }

  #menu {
    position: relative;
  }

  #menu .maroon-button {
    position: absolute;
    top: 14px;
    left: 15px;
    margin: 0;
    padding: 9px 22px;
  }

  .footer-bottom,
  .footer-bottom .text-right {
    text-align: center !important;
  }

  #banner .bx-wrapper .bx-caption span {
    font-size: 13px;
  }
  .border-mobile {
    border-bottom: 1px solid #ccc;
  }

  .members-home-gallery .slick-prev,
  .members-home-gallery .slick-next {
    display: none !important;
  }
}


@media screen and (max-width: 991px) {
  #banner .bx-wrapper .bx-caption span {
    font-size: 16px;
  }

  .banner .align-items-end {
    align-items: center !important;
  }

  .sidebar {
    margin: 0 0 50px;
  }
  .table-space {
    margin: 0 0 24px;
    border-collapse: collapse;
  }
  .table-style,
  .table-style td {
    width: 100% !important;
  }
  .table-style td {
    display: block;
    margin-bottom: 24px;
  }
  .bx-wrapper .bx-caption {
      position: static !important;
      width: 100% !important;
      border-radius: 0;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
      background: none !important;
  }
  .bx-wrapper img {
      width: auto;
      border-radius: 20px;
      margin: 0 auto;
  }
  #banner .bx-wrapper .bx-pager.bx-default-pager a {
    background: #ccc !important;
  }
  #footer,
  #footer .text-right {
    text-align: center !important;
  }
  footer table td {
    padding: 0;
    display: block;
    width: 100% !important;
    margin-bottom: 30px;
  }
  footer table td:last-child {
    margin-bottom: 0;
  }
  footer#footer td:first-child p {
    max-width: 100%;
  }
  footer#footer ul.social {
      display: inline-flex;
  }
  div.EvtCal .EvtCalList dt {
    float: none;
    font-size: 14px;
  }
  .featured-blocks table tr td {
    font-size: 14px;
  }
  .featured-blocks table tr td h3 {
      font-size: 22px;
  }
  footer#footer h2 {
    margin: 0 0 12px;
  }
  .checkbox-grid {
    display: block !important;
  }
  .checkbox-grid .checkboxInput {
    margin-bottom: 10px;
    width: 50%;
    float: left;
  }
  .checkbox-grid:after {
    display: block;
    clear: both;
    content: "";
  }

  .members-home-gallery .slick-dots {
    bottom: 0px !important;
  }

  .members-home-gallery .slick-dotted.slick-slider {
    margin: 0 !important;
  }
}

@media screen and (max-width: 767px) {
  .banner #logo img {
    max-width: 210px;
  }

  .banner-home #logo img {
    max-width: 280px;
  }

  .banner {
    padding: 24px 0;
  }

  .pmenu a,
  .ZinePath a {
    font-size: 12px;
  }

  .pmenu a::after,
  .ZinePath a::after {
    padding: 0 6px;
    font-size: 8px;
  }

  .sortable-container {
    width: 43%;
    min-width: auto !important;
  }

  .logo_gallery_caption h3 {
    font-size: 16px;
  }
  .logo_gallery_caption p {
    font-size: 14px;
    margin: 0;
  }
  .intro,
  .featured-block,
  #logoGallery,
  .event-wrap,
  .bottom-ad {
    padding: 25px 0;
  }
  .body-content {
    margin-top: 25px;
  }
  .featured-blocks td {
    display: block;
    width: 100% !important;
  }
  #search_form input[type="text"] {
    width: 250px;
  }
  h1 {
    font-size: 30px;
  }
  .table {
    font-size: 12px;
  }
  .header-link {
    font-size: 18px;
  }
  #photos, #photo {
    float: none;
    margin: 0 0 20px;
  }
  #photos img, #photo img {
    padding: 0;
  }
  img[align=left],
  img[align=right],
  img[style*="float: left;"],
  img[style*="float:left;"],
  img[style*="float: right;"],
  img[style*="float:right;"] {
    float: none !important;
    max-width: 100%;
    margin: 0 0 24px;
  }
  #section-highlight h2 {
    font-size: 18px;
  }
  span.sep {
    margin: 0;
  }
  .member_home_boxes td {
    display: block;
    width: 100% !important;
  }
  .mobile-block td {
    display: block;
    width: 100% !important;
    padding: 0;
    margin-bottom: 54px;
  }
  .mobile-block td img {
    margin: 0 auto;
    display: block;
  }

  form .mobile-block td {
    margin-bottom: 24px;
  }

  form .mobile-block td:last-child {
    margin: 0;
  }
}

@media screen and (max-width: 480px) {
  .sortable-list li {
    max-width: 120px;
  }
  .header-link {
    font-size: 14px;
  }
  .member_home_boxes a {
    font-size: 12px;
  }

  #utility-nav .link-drop {
    top: -23px;
  }

  #utility-nav .link-drop.donate-link {
    right: 100px;
  }
}

@media screen and (max-width: 420px) {
  .sortable-list li {
    max-width: 100px;
  }
 #utility-nav .icon {
    display: none;
 }
 .border-mobile .util-link {
    padding: 12px 8px 8px 0;
 }
}

@media screen and (max-width: 360px) {
  .sortable-list li {
    max-width: 80px;
  }
  #utility-nav .link-drop {
    top: -23px;
  }
  #utility-nav .border-mobile .util-link,
  #utility-nav .util-link.link-drop a {
    font-size: 8px;
  }
  #utility-nav .link-drop.donate-link {
    right: 85px;
  }
}