@media screen and (min-width: 992px) {
  .banner-content h1 span {
    display: block;
  }

 .table-style .img-style,
 .table-style .img-style-2,
 .table-style img {
    margin: 0 auto;
  }

  .ZineImage {
    float: right; 
    margin: 0 0 30px 30px;
  }

 .table-style td:last-child {
    padding-left: 48px;
    width: 70%;
  }

.MembershipMiniProfile {
    display: inline-block;
    vertical-align: top;
    width: 28%;
    min-width: 182px;
    min-height: 225px;
    margin: 0 4% 4% 0;
  }

  .formButtons {
    width: 370px;
  }
}

@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: 1200px) {
  nav.main-navigation.horizontal-menu {
    display: inline-block;
    vertical-align: middle;
  }
  #SMenu {
    display: block;
    padding: 0;
  }
  .slicknav_menu {
    display: none;
    background: none;
  }
  #menu #SMenu > li > a {
    padding: 10px;
  }
  #menu #SMenu li ul {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    z-index: 99999;
    min-width: 250px;
    padding: 10px 0;
    background: #fff;
    border-radius: 20px;
  }

  #menu #SMenu li ul ul {
    background: #f1f1f1;
  }

  #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: #2597d9;
    font-size: 16px;
    padding: 7px 20px;
    font-weight: normal;
  }

  #menu #SMenu > li:hover > a,
  #menu #SMenu > li > a:active,
  #menu #SMenu > li > a:focus,
  #menu #SMenu li#link_after a:hover,
  #menu #SMenu li#link_after a:active,
  #menu #SMenu li#link_after a:focus {
    color: #eb7023;
  }

  #menu #SMenu > li > a::after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 6 Free";
    content: "\f107";
    font-weight: 900;
    color: #009E83;
    padding-left: 4px;
    font-size: 14px;
  }

  #menu #SMenu > li#page_19,
  #menu #SMenu > li#thispage.page_19,
  #menu #SMenu > li#page_42,
  #menu #SMenu > li#thispage.page_42,
  #menu li#link_after a::after,
  #menu #SMenu > li#page_63 a::after,
  #menu #SMenu > li#thispage.page_63 a::after {
    display: none;
  }

  #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;
  }

  li#link_before {
    float: none;
    margin-bottom: 20px;
  }

  header {
    padding: 20px 0;
  }

  .utility-nav {
    padding: 0;
  }

  .utility-nav,
  .utility-nav a,
  .utility-nav .util-link.english span.VersionMenu .version:after,
  .utility-nav .util-link.french span.VersionMenu .version:after,
  .utility-nav a.shoppingCart {
    font-size: 16px;
  }

  .utility-nav .util-link {
    padding: 0 12px;
  }

 .table-style h2,
  .feature h2,
  .feature .ZineTitle h2,
  .form-section h2,
  .bg-highlight .ZineTitle h2,
  .event-wrap h2,
  .map-wrap h2 {
    font-size: 44px;
  }

  h3 {
    font-size: 32px;
  }

  .feature-style::before,
  .feature-style::after {
    bottom: 50px;
    left: -24px;
    width: 50px;
    height: 50px;
  }

  .feature-style::after {
    width: 100px;
    height: 100px;
    left: auto;
    right: -30px;
    bottom: 35%;
    z-index: -1;
  }

  .feature-style-2::after,
  .map-wrap::before,
  .ZinePhotodirectory::after {
    width: 186px;
    height: 186px;
  }

  .feature-style-2::after {
    bottom: auto;
    top: 40px;
  }

  .feature-style-3::before {
    width: 49px;
    height: 52px;
    bottom: 80px;
    z-index: 1;
  }

  .feature-style-3::after,
  .ZinePhotodirectory::before {
    width: 130px;
    height: 78px;
    left: auto;
    right: -15px;
    top: -38px;
    bottom: auto;
    z-index: 9;
  }

  .ZinePhotodirectory::before {
    top: auto;
    bottom: -35px;
    left: -60px;
    height: 108px;
    z-index: 99;
  }

  .ZinePhotodirectory::after {
    top: -75px;
    right: -75px;
  }

  .banner-inside::after {
    width: 96px;
    height: 96px;
    bottom: -50px;
    left: 40px;
  }

  .map-wrap::before {
    bottom: 40px;
    left: -70px;
  }

  .table-grey td {
    background: #fbf9ee;
  }

  .container,
  .container-fluid {
    padding: 0 40px;
  }

  .container {
    max-width: 1680px;
  }

  .body-content .container {
    max-width: 1140px;
  }

  .text-over-image {
    position: relative;
  }

  .text-over-image p {
    background-image: linear-gradient(to right, transparent, white);
    background-image: linear-gradient(to left, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    font-size: 27px;
    border-radius: 16px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
  }

  .text-over-image p span {
    max-width: 450px;
    margin-left: auto;
    padding: 0 40px;
  }

  table td .text-over-image p:last-child {
    margin-top: 0;
  }

  .feature-style-3 p {
    background-image: linear-gradient(to left, transparent, #394c53);
    color: #fff;
    align-items: normal;
  }

  .feature-style-3 .text-over-image p span {
    max-width: 570px;
    margin-left: 0;
    padding-top: 40px;
  }

  .feature,
  .feature td,
  .form-wrap {
    padding: 36px;
  }

  table {
    margin-bottom: 72px;
  }

  form table {
    margin-bottom: 12px;
  }

  #menu #SMenu > li > a {
    padding: 10px 15px;
  }

  .vmenu {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .vmenu a {
    width: 49%;
  }

  .vision .vmenu a {
    width: 100%;
  }

  h1,
  .ZineTitle h2,
  .ZineTitle h3,
  .LoginForm h2 {
    font-size: 50px;
  }

  .ZineIndex,
  .ZineArchive,
  .ZinePhotodirectory,
  .event-wrap .event-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px;
  }

  .ZinePhotodirectory {
    justify-content: space-between;
  }

  .event-wrap .event-wrapper,
  .bg-highlight .ZineIndex {
    justify-content: center;
  }

  .ZineIndex .ZineItem,
  .ZinePhotodirectory li,
  .event-wrap .event-wrapper .event-item {
    -ms-flex: 0 0 22.8%;
    flex: 0 0 22.8%;
    max-width: 22.8%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }

  .ZinePhotodirectory li {
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    max-width: 31%;
  }

  .home-news-events .ZineIndex,
  .home-news-events .event-wrap .event-wrapper {
    display: block;
  }

  .home-news-events .ZineIndex .ZineItem,
  .home-news-events .event-wrap .event-wrapper .event-item {
    max-width: 100%;
    display: block;
  }

  .form-section-landing {
    margin-top: -130px;
  }

  .form-section p:last-child {
    margin: 0;
  }

  #footer .social {
    float: right;
  }

  #footer table,
  .contact-info {
    margin: 0;
  }
}

@media screen and (min-width: 1400px) {
  hr {
    margin: 72px 0;
  }

  #menu a .fa-arrow-right,
  #footer a .fa-arrow-right {
    font-size: 16px;
  }

  .social a {
    width: 36px;
    height: 36px;
    line-height: 38px;
    font-size: 20px;
  }

  .search.button {
    width: 48px;
    height: 48px;
    font-size: 24px;
  }

  #footer {
    font-size: 16px;
  }

  #footer .footer-bottom small {
    font-size: 16px;
  }

  h1,
  .ZineTitle h2,
  .ZineTitle h3,
  .LoginForm h2 {
    font-size: 60px;
  }

  .banner-inside .banner-content {
    height: 65vh;
  }

  .feature p {
    font-size: 24px;
  }

  .text-over-image p {
    font-size: 36px;
  }

  .text-over-image p span {
    max-width: 500px;
  }

 .table-style .button,
  .feature .button-dark {
    font-size: 18px;
  }

  .feature-style-3 .text-over-image p span {
    max-width: 740px;
  }

  #menu #SMenu > li > a {
    font-size: 20px;
  }

  #menu #SMenu > li > a::after {
    padding-left: 8px;
    font-size: 16px;
  }
  .ZineIndex,
  .ZineArchive,
  .ZinePhotodirectory {
    gap: 28px;
  }

  .ZineLink,
  .event-wrap .event-title a {
    font-size: 24px;
  }
}

@media screen and (min-width: 1728px) {
  .EvtCalSm {
    max-width: 610px;
  }

  #menu #SMenu > li > a {
    padding: 10px 20px;
    font-size: 24px;
  }

  #menu #SMenu li ul a {
    font-size: 18px;
  }

  .body-content .container {
    max-width: 1330px;
  }
  h1,
  .ZineTitle h2,
  .ZineTitle h3,
  .LoginForm h2 {
    font-size: 80px;
    max-width: none;
  }

  .banner-content p {
    font-size: 24px;
    max-width: 600px;
  }
  .feature-style {
    margin-top: -85px;
  }
  .text-over-image p {
    font-size: 40px;
  }
  .ZineIndex,
  .ZineArchive,
  .ZinePhotodirectory {
    gap: 33px;
  }
}

@media screen and (max-width: 1199px) {
  .logo img {
    max-width: 240px;
  }

  #footer .logo img {
    max-width: 213px;
  }

  .banner {
    background-size: 640px;
    background-position: right 0;
    padding-bottom: 30px;
  }

  .feature-style {
    margin-top: -264px;
  }

  .banner-content p {
    max-width: 400px;
  }

  .view-all.button-dark:after,
  .vmenu a:after {
    float: none;
  }
}

@media screen and (max-width: 991px) {
  .banner {
    background-image: none;
    padding: 0;
    height: auto;
  }
  
  .feature-style {
    margin: 0;
  }

  .feature.feature-style-custom td:last-child {
    padding: 24px 0 0 0;
  }

  .banner-content p {
    max-width: 100%;
  }

  .banner-buttons {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 35px;
    text-align: center;
  }

  .sidebar {
    margin: 0 0 50px;
  }

  .table-space {
    margin: 0 0 24px;
    border-collapse: collapse;
  }

 .table-style,
 .table-style td,
  .feature td,
  .feature-style-custom td,
  .feature-style-custom td:first-child {
    width: 100% !important;
  }

 .table-style td {
    padding: 0;
  }

 .table-style td,
  .feature td {
    display: block;
  }

  .view-all.button-dark:after,
  .vmenu a:after {
    float: right;
  }

  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;
  }

}

@media screen and (max-width: 991px) {
  .pmenu a,
  .ZinePath a {
    font-size: 12px;
  }

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

  .resource-table td {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ababab;
    padding: 24px 0;
  }

  #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;"],
  .ZineImage {
    float: none !important;
    max-width: 100%;
    margin: 0 auto 24px;
  }
}