.hamburger-container {
   display: none
}

/* IE10+ SPECIFIC STYLES GO HERE. IE10+ NO LONGER SUPPORT CONDITIONAL STATEMENTS IN THE HEAD OF A FILE */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
}

@media (max-width: 1400px) {
   /* NAV */
   header {
      padding-left: 0;
      padding-right: 0;
   }

   header ul {
      gap: 12px;
   }

   /* CONTACT */
   .contact-columns-section .cols {
      gap: 20px
   }

   .contact-columns-section .col {
      flex: 0 0 calc((100% - (2 * 20px)) / 3);
   }

   .contact-col-inner {
      padding: 30px 25px;
   }

   .contact-col-inner p {
      font-size: 16px;
   }
   
   .shop-our-books   {right: 30px;}
   
}

@media (max-width: 1200px) {
   /* HOME SPLIT LISTING */
   .split-listing-panel-section .split-listing-text p {
      font-size: 20px;
   }

   /* SHOP ONLINE SECTION */
   .shop-online-section .cols.span-4 {
      gap: 30px;
   }

   .shop-online-section .cols.span-4 .col {
      flex: 0 0 calc((100% - (3 * 30px)) / 4);
   }

   .shop-online-card h2 {
      font-size: 30px;
   }

   .shop-online-card p {
      font-size: 16px;
   }

   /* FEATURED AUTHOR PAGE */
   .fab-left {
      width: 40%
   }

   .fab-right {
      width: 60%
   }

   .authors-books li {
      font-size: 16px;
   }

   .featured-authors-bio .inner {
      width: calc(100% - 40px)
   }

   /* SUPPLIERS */
   .suppliers-listing .cols {
      height: 470px;
   }

   .suppliers-listing {
      width: 340px;
   }

   .suppliers-listing .search-text-box input[type=text] {
      font-size: 16px;
   }
}

@media (max-width: 1150px) {
   /* NAV */
   header ul,
   nav ul li ul {
      font-size: 13px;
   }

   /* CONTACT */
   .contact-columns-section .col {
      flex: 0 0 calc((100% - (1 * 20px)) / 2);
   }
}

@media (max-width: 1110px) {
   /* WHATS NEW */
   .slt-top {
      margin: 0 0 20px 0
   }

   .slt-bottom {
      margin: 20px 0 0 0
   }

   .whats-new-author-section .slt-top p,
   .whats-new-author-section .slt-bottom p,
   .featured-news-listing-section .slt-bottom p,
   .featured-news-listing-section .slt-top p {
      font-size: 16px !important;
   }

   .whats-new-author-section .split-listing-panel-section .slt-inner {
      gap: 20px;
   }

   .whats-new-author-section .split-listing-panel-section .btn {
      font-size: 12px;
      letter-spacing: 1px
   }

   /* FEATURED AUTHORS */
   .fc-text {
      padding: 0 20px
   }

   .author-card .btn {
      margin-left: 20px
   }

   /* BESTSELLERS LISTING */
   .bestsellers-listing-grid .col {
      flex: 0 0 calc((100% - (2 * 40px)) / 3);
   }

   /* FEATURED AUTHOR */
   .author-social li a {
      width: 40px;
      height: 40px;
   }

   .author-social li a svg {
      max-width: 20px;
      max-height: 20px;
   }

   .fab-details {
      padding-left: 20px;
      padding-right: 20px;
   }

   .fab-left h3 {
      font-size: 20px;
   }

   /* NEWS AND MEDIA */
   .featured-news.featured-news-page {
      padding-top: 35px;
      padding-bottom: 50px;
   }

   .featured-news-listing-section-grid .cols {
      grid-template-columns: repeat(2, 1fr);
      gap: 30px;
   }

   .news-card .fc-text {
      padding: 0 10px;
   }

   .news-card .fc-text h3 {
      font-size: 24px;
   }

   .news-card .fc-text p {
      font-size: 14px;
   }

   .news-card {
      flex-direction: column;
      justify-content: flex-start
   }

   .news-card .listing-card-image-container {
      width: 100%;
      padding-top: 100%;
      margin-bottom: 25px;
   }

   /* FOOTER */
   footer ul,
   .footer-address p {
      font-size: 14px;
   }
}

@media (max-width: 1040px) {
   /* NAV */
   header ul,
   nav ul li ul {
      font-size: 12px;
   }
}

@media (max-width: 980px) {

   h2 {
      font-size: 30px;
   }

   header {
      z-index: 50;
      padding-top: 30px;
      padding-bottom: 30px;
   }

   /* NAV */

   header .logo {
      position: relative;
      z-index: 10
   }

   nav.main-menu {
      position: fixed;
      visibility: hidden;
      opacity: 0;
      left: 0;
      top: 0;
      height: 100vh;
      width: 100%;
      transition: var(--smooth);
   }

   nav.main-menu:after {
      position: absolute;
      left: 0;
      top: -100%;
      width: 100%;
      height: 100%;
      background-color: #000000;
      content: '';
      display: block;
      transition: var(--smooth);
   }

   nav.open {
      opacity: 1;
      visibility: visible
   }

   nav.open:after {
      top: 0;
   }

   header nav.main-menu ul {
      max-width: 414px;
      width: calc(100% - 60px);
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      left: 50%;
      transform: translateX(-50%);
      text-align: left;
      z-index: 10;
      font-size: 22px
   }

   header nav.main-menu ul li {
      margin: 5px 0;
      width: 100%;
      position: relative;
      border-bottom: 0.5px solid var(--gold);
      padding-right: 60px;
   }

   header nav.main-menu ul li a {
      display: flex;
      justify-content: space-between;
      min-height: 40px;
      align-items: center
   }

   header nav.main-menu ul li:hover {
   }

   header nav.main-menu ul li ul {
      display: none;
      position: relative;
      transition: none;
      opacity: 1 !important;
      visibility: visible !important;
      left: auto;
      top: auto;
      width: 100%;
      padding: 0;
      transform: none;
      height: auto;
      background: none;
      font-size: 16px;
   }

   header nav.main-menu ul li:hover ul {
      top: auto !important;
      left: auto !important;
      transform: none !important
   }

   header nav.main-menu ul li span {
      width: 40px;
      height: 40px;
      background-color: var(--gold);
      display: none;
      flex-shrink: 0;
      position: absolute;
      right: 0px;
      top: 0;
      z-index: 50;
      transform: rotate(90deg)
   }

   header nav.main-menu ul li.dropdown span {
      display: block;
      background-image: url(/_uploads/_assets/slick-arrow.svg);
      background-size: auto;
      background-position: center;
      background-repeat: no-repeat;
   }

   header nav.main-menu ul li.dropdown li span {
      display: none
   }

   header nav.main-menu ul li.dropdown li {
      border: none
   }

   header nav.main-menu ul li.active:after {
      display: none
   }
   
   .header-right  {
      align-items: flex-end;
   }
   
   header.scrolled ul.region-select {
      transform: translateY(0);
   }
   
   ul.region-select li  {
      width: 26px;      
   }
   
   ul.region-select li button img {
      border-radius: 2px
   }
   
   /* HAMBURGER CONTAINER */
   .hamburger-container {
      display: flex;
      color: #ffffff;
      align-items: center;
      gap: 10px;
      font-size: 13px;
      cursor: pointer;
      position: relative;
      z-index: 49;
      justify-self: flex-end;
   }

   .hamburger-container .hamburger {
      width: 25px;
      height: 17px;
      position: relative;
   }

   .hamburger-container .hamburger span {
      background-color: #ffffff;
      width: 100%;
      height: 3px;
      display: block;
      transition: var(--smooth);
      position: absolute;
   }

   .hamburger-container .hamburger span:nth-child(1) {
      top: 0px;
   }

   .hamburger-container .hamburger span:nth-child(2) {
      top: 7px;
      background-color: transparent;
      font-size: 0;
   }

   .hamburger-container .hamburger span:nth-child(3) {
      top: 14px;
   }

   .hamburger-container.open .hamburger span:nth-child(1) {
      position: absolute;
      transform: rotate(45deg);
      top: 8px;
   }

   .hamburger-container.open .hamburger span:nth-child(2) {
      opacity: 0;
      visibility: hidden;
      transform: scale(0)
   }

   .hamburger-container.open .hamburger span:nth-child(3) {
      position: absolute;
      transform: rotate(-45deg);
      top: 8px;
   }

   /* HOME HERO */
   .home-hero-text {
      width: 100%;
   }

   .home-hero-text h1 {
      font-size: 12vw;
   }

   /* HOME SPLIT LISTING */
   .split-listing-panel-section .split-listing-text p {
      font-size: 18px;
   }

   .split-listing-panel-section .slt-inner {
      gap: 15px;
   }

   /* ONLINE CLUBS */
   .online-clubs-section h3 {
      font-size: 20px;
   }

   .online-clubs-section .cols.span-3 {
      gap: 30px;
   }

   .online-clubs-section .cols.span-3 .col {
      flex: 0 0 calc((100% - (2 * 30px)) / 3);
   }

   /* HERO TEXT */
   .hero-text h1 {
      font-size: 12vw
   }

   .hero-text h1 span {
      font-size: 20px
   }

   /* TIMELINE */
   .timeline-section h2 {
      font-size: 40px;
   }

   .hero-image-section-plain h1 {
      font-size: 70px
   }

   /* SUPPLIERS */
   .map-section-container {
      padding: 0
   }

   .suppliers-map-section {
      padding-bottom: 30px;
      background-color: #ffffff
   }

   /* BUTTON */
   .btn {
      font-size: 14px;
   }

   /* FOOTER */
   footer {
      padding: 50px 0
   }

   footer .cols.span-4 {
      flex-direction: column;
      gap: 20px;
   }

   .footer-address img {
      position: relative;
      left: auto;
      margin-bottom: 10px;
   }
}

@media (max-width: 900px) {

   /* INTRO SECTION */
   .intro-section .inner {
      padding-left: 20px;
      padding-right: 20px;
   }

   /* SHOP ONLINE SECTION */
   .shop-online-section .cols.span-4 .col {
      flex: 0 0 calc((100% - (1 * 30px)) / 2);
   }

   .shop-online-card {
      height: 45vw;
      max-height: unset
   }

   /* FEATURED AUTHORS */
   .featured-authors-grid .col {
      flex: 0 0 calc((100% - (1 * 40px)) / 2);
   }
}

@media (max-width: 840px) {

   .split-listing-panel-section .split-listing-text p,
   .split-listing-panel-section.split-listing-featured .split-listing-text p {
      font-size: 16px;
   }

   /* CONTACT */
   .contact-columns-section .col {
      flex: 0 0 100%;
      margin-bottom: 10px
   }

   /* FEATURED AUTHOR */
   .featured-authors-bio .cols {
      flex-direction: column
   }

   .fab-left {
      width: 100%
   }

   .fab-right {
      width: 100%;
      padding: 40px 0
   }

   /* AWARDS */
   .awards-section .award-row {
      text-align: center;
      max-width: 100%
   }

   .award-row .cols {
      gap: 20px;
   }

   .award-row .col-award-left {
      width: 100%;
   }

   .award-row .col-award-right {
      width: 100%;
      background-color: var(--lightGold);
      padding: 30px 20px;
      text-align: left
   }

   .award-row .col-award-left img {
      width: 150px;
   }
}

@media (max-width: 768px) {

   /* HOME HERO */
   .home-hero-text h2 {
      font-size: 24px;
   }

   .hero-shop-books-section p {
      font-size: 20px;
   }

   /* TIMELINE */
   .timeline-col {
      width: 320px;
   }

   .timeline-col p {
      font-size: 16px;
   }
}

@media (max-width: 767px) {
   .home-listing,
   .online-clubs-section {
      padding: 30px 0
   }

   /* HOME SPLIT LISTING */
   .split-listing-panel-section {
      margin-bottom: 40px
   }

   .split-listing-panel-section .cols {
      flex-direction: column-reverse !important;
      align-items: center
   }

   .split-listing-panel-section .split-listing-image {
      width: 100%;
      max-width: 414px;
   }

   .split-listing-panel-section .split-listing-text {
      width: 100%;
      padding-top: 25px;
   }

   /* ONLINE CLUBS */
   .online-clubs-section .cols.span-3 {
      flex-direction: column;
      flex-wrap: nowrap
   }

   .listing-card-image-container {
      max-width: 414px;
      width: 100%;
   }

   .online-clubs-section .listing-card {
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

   .listing-card-text {
      width: calc(100% - 60px);
      max-width: 535px;
   }

   .online-clubs-section .listing-card-image-container {
      padding-top: 0;
      font-size: 0
   }

   .online-clubs-section .listing-card-image-container img {
      position: relative;
      object-fit: cover;
   }

   /* WHERE TO BUY */
   .where-to-buy-section p {
      font-size: 16px;
   }

   .where-to-buy-section {
      background-size: contain
   }

   /* SHOP ONLINE SECTION */
   .shop-online-section {
      padding: 50px 0;
   }

   .shop-online-section .cols.span-3 {
      width: 414px;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%;
      margin-top: 40px;
   }

   .shop-online-section .cols.span-3 .col {
      flex: 0 0 100%;
   }

   .shop-online-card {
      max-height: 414px;
      height: 100%;
      max-height: unset;
      height: 414px;
   }

   /* WHATS NEW */
   .bestsellers-section {
      padding-top: 50px;
      padding-bottom: 50px;
   }

   .featured-news .section-intro,
   .bestsellers-section .section-intro,
   .featured-authors-listing-section .section-intro,
   .bestsellers-listing-section .section-intro {
      margin-bottom: 40px;
   }

   p a.text-btn {
      font-size: 14px;
   }

   /* FEATURED NEWS */
   .featured-news {
      padding-top: 50px;
      padding-bottom: 20px;
   }

   /* FEATURED AUTHORS */
   .featured-authors-grid .cols {
      gap: 20px;
   }

   .featured-authors-grid .col {
      flex: 0 0 calc((100% - (1 * 20px)) / 2);
   }

   .featured-authors-listing-section {
      padding: 50px 0
   }

   /* BESTSELLERS LISTING */
   .bestsellers-listing-section {
      padding: 50px 0
   }

   .bestsellers-listing-grid .cols {
      gap: 20px;
   }

   .bestsellers-listing-grid .col {
      flex: 0 0 calc((100% - (1 * 30px)) / 2);
      margin-bottom: 25px;
   }

   /* TRADE SECTION */
   .trade-section {
      padding-top: 50px;
   }

   /* SUPLIERS */
   .map-section {
      flex-direction: column-reverse
   }

   .map-section-container {
   }

   .map-image {
      height: 100vw;
      width: 100%;
      flex: 0 0 auto
   }

   .suppliers-listing {
      width: 100%
   }
}

@media (max-width: 640px) {
   /* FOOTER */
   footer .inner {
      display: flex;
      flex-direction: column-reverse
   }

   .footer-address-cols {
      flex-direction: column;
      justify-content: flex-start;
      gap: 20px;
   }

   .footer-bottom {
      margin-top: 0;
      margin-bottom: 40px;
   }

   .footer-bottom .cols {
      flex-direction: column-reverse;
      align-items: flex-start
   }

   .footer-bottom .col:first-child {
      flex: 1
   }

   /* OUR STORY */
   .timeline-hand {
      right: 0;
      top: 110px;
      width: 200px
   }

   .timeline {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
   }

   .timeline-col {
      width: calc(100% - 60px);
      flex-direction: column !important
   }

   .timeline-col-outer {
      align-items: center
   }

   .timeline-section h2 {
      text-align: center
   }

   .timeline-section h3 {
      margin-top: 20px;
   }

   .timeline .circle-image {
      order: 1;
      margin-top: 10px;
   }

   .timeline-col p {
      order: 2;
      max-width: 414px;
      width: 100%;
      margin: 20px 0
   }

   .timeline .line {
      order: 3
   }

   .timeline-col-spacer {
      display: none
   }

   .timeline:after {
      display: none
   }

   /* FEATURED AUTHORS */
   .fc-text h3 {
      font-size: 26px;
   }

   .fc-text p {
      font-size: 14px;
   }

   .hero-image-section-plain h1 {
      font-size: 50px
   }

   header.scrolled {
      background-color: #000000
   }

   /* NEWS AND MEDIA */
   .featured-news.featured-news-page {
      padding-top: 0px;
      background-color: #ffffff;
   }

   .featured-news-listing-section-grid .inner {
      padding: 0;
   }

   .featured-news-listing-section-grid .cols {
      grid-template-columns: repeat(1, 1fr);
      gap: 40px;
   }

   .featured-news-listing-section-grid .news-card {
      padding: 0
   }
}

@media (max-width: 600px) {
   /* BESTSELLERS LISTING */
   .bestsellers-listing-grid .cols {
      justify-content: center
   }

   .bestsellers-listing-grid .col {
      flex: 0 1 414px;
      margin-bottom: 25px;
   }

   .hero-image-section-plain-smaller h1 {
      font-size: 30px;
   }

   .hero-image-section-plain-smaller {
      padding: 160px 0 130px;
   }
}

@media (max-width: 580px) {
   /* TEAM */
   .team-members .inner {
      padding-left: 20px;
      padding-right: 20px;
   }

   .team-members .col {
      flex: calc(50% - 20px);
   }

   .person .circle-image {
      width: 140px;
      height: 140px;
      border-radius: 140px;
   }

   .person .circle-image img {
      width: 120px;
      height: 120px;
      border-radius: 120px;
   }

   .person .circle-image:after {
      width: 120px;
      height: 120px;
      border-radius: 120px;
   }

   .person .person-text {
      margin-top: 15px;
   }

   .person .person-text h4 {
      font-size: 14px;
      line-height: 1.2em
   }

   .person .person-text p {
      font-size: 12px;
   }

   .team-members h3 {
      margin-bottom: 1em;
      font-size: 20px
   }

   .team-members hr {
      margin: 40px auto;
   }

   .team-text {
      margin-top: 30px;
   }

   .team-text p {
      font-size: 16px;
   }

   /* FEATURED AUTHORS */
   .featured-authors-grid .col {
      flex: 0 0 100%
   }

   .author-card .listing-card-image-container {
      max-width: 100%
   }

   .featured-authors-grid .cols {
      gap: 30px;
   }

   /* TRADE SECTION */
   .ts-text {
      text-align: center
   }

   .ts-text h2 {
      font-size: 40px;
   }

   .trade-section {
      padding: 100px 0
   }

   .trade-section .hand-motif {
      top: auto;
      transform: none;
      bottom: 40px;
      opacity: 0.35
   }


   .where-to-buy-section h2 {
      font-size: 40px;
      margin-bottom: 0.5em;
   }
}

@media (max-width: 520px) {
   p {
      font-size: 18px;
   }

   /* HOME HERO */
   .home-hero-text {
   }

   .home-hero-text h2 {
      font-size: 22px;
   }

   .home-hero-text p {
      font-size: 14px;
   }

   .search-text-box {
      margin-top: 20px;
      height: 64px;
   }

   .search-text-box input[type=text] {
      font-size: 22px;
   }

   .search-text-box input[type=submit] {
      width: 48px;
      height: 48px;
      margin-top: -24px;
      background-size: 24px;
   }

   .home-hero-text .btn {
      font-size: 20px;
      padding-left: 20px;
      padding-right: 20px;
   }

   /* HOME SPLIT LISTING */
   .split-listing-panel-section .slt-inner {
      width: 100%;
   }

   /* ONLINE CLUBS */
   .listing-card-text {
      width: 100%;
   }

   /* OUR STORY */
   .intro-section,
   .intro-section.shop-online-section {
      padding-top: 40px;
   }

   .intro-text p {
      font-size: 20px;
   }

   .intro-text p span.first-character {
      font-size: 90px;
      line-height: 90px;
      margin-bottom: -10px;
   }

   /* SUPPLIERS MAP */
   .map-image {
      height: 50vw;
      min-height: 300px;
   }

   /* AWARDS */
   .award-row .col-award-right h3 {
      font-size: 24px;
   }

   .award-row .col-award-right h4 {
      font-size: 16px;
   }

   /* NAV */
   header nav.main-menu ul {
      justify-content: flex-start;
      padding-top: 140px;
      overflow-y: auto;
      padding-bottom: 50px;
      width: 100%;
      max-width: 100%;
      padding-left: 30px;
      padding-right: 30px;
   }

   nav.main-menu ul:hover li {
      opacity: 1;
   }

   header:before {
      opacity: 0;
      visibility: hidden;
      content: '';
      width: 100%;
      background-color: #000000;
      display: block;
      height: 110px;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1;
      transition: var(--smooth);
   }

   .nav-open:before {
      opacity: 1;
      visibility: visible;
   }
   
   .shop-our-books span {
      font-size: 9px;
   }
   
   .shop-our-books img {
      font-size: 20px;
   }
   
}

@media (max-width: 414px) {
   h2 {
      font-size: 24px;
   }

   .online-clubs-section h3 {
      font-size: 18px;
      letter-spacing: 1px
   }

   .search-text-box input[type=text] {
      font-size: 20px;
      padding-left: 30px;
   }

   .fc-text h3,
   .split-listing-panel-section .split-listing-text h2 {
      font-size: 24px;
   }

   .btn {
      font-size: 12px;
      letter-spacing: 1px
   }

   /* HOME HERO */
   .home-hero-text h2 {
      font-size: 20px;
   }

   .home-hero-text .btn {
      font-size: 16px;
   }

   /* CONTENT HERO */
   .hero-image-section,
   .hero-image-section-plain {
      min-height: 400px;
   }

   /* SHOP ONLINE SECTION */
   .shop-online-section .cols.span-4 {
      width: 414px;
      margin-left: auto;
      margin-right: auto;
      max-width: 100%
   }

   .shop-online-section .cols.span-4 .col {
      flex: 0 0 100%;
   }

   .shop-online-card {
      height: calc(100vw - 60px);
   }

   .newsletter-signup input[type="text"] {
      font-size: 16px;
      padding: 0 10px;
      height: 50px;
   }

   /* TEAM */
   .person .person-text h4 {
      font-size: 12px;
   }

   .person .person-text p {
      font-size: 11px;
   }

   /* WHATS NEW */
   .whats-new-author-section .split-listing-text {
      padding-left: 0;
      padding-right: 0
   }

   .whats-new-author-section .split-listing-panel-section {
      margin-bottom: 10px;
   }

   .whats-new-author-section .split-listing-panel-section .slt-top {
      margin-bottom: 10px;
   }

   /* SHOP BOOKS ONLINE */
   .home-hero-text p, .hero-shop-books-section p {
      font-size: 16px;
   }

   /* CONTACT */
   .contact-col-inner p {
      font-size: 14px;
   }

   .contact-columns-section .inner {
      padding: 0 20px;
   }
}

@media (max-width: 413px) {
   /* TIMELINE */
   .timeline-section h2 {
      font-size: 30px;
   }

   /* HERO TEXT */
   .home-hero-text p, .hero-shop-books-section p {
      font-size: 15px;
   }
}


@media (max-width: 375px) {
   /* FOOTER */
   .newsletter-signup {
      flex-direction: column
   }

   .newsletter-signup input[type="submit"] {
      height: 50px;
   }

   .newsletter-signup input[type="text"] {
      flex-basis: 50px;
      text-align: center
   }
}

@media (max-width: 360px) {
   /* SAMSUNG GALAXY S5 */
}

@media (max-width: 320px) {
   /* IPHONE 5 */
}


/**** TIMELINE ******/

@media (min-width: 1024px) and (max-height: 768px) {

   .timeline {
      height: 100vh;
      display: flex;
      align-items: flex-start;
   }

   .timeline .line {
      height: 40px;
   }

   .timeline-col-outer {
      flex-direction: column !important;
      padding: 0 30px;
   }

   .timeline-col {
      flex-direction: column-reverse !important;
      justify-content: flex-start;
   }

   .timeline-col-spacer {
      display: none;
   }

   .timeline-col h3 {
      margin: 0 0 10px 0;
   }

   .timeline:after {
      margin-top: -30vh;
   }
}