/* ===== RESPONSIVE ===== */

  @media(max-width:1500px){

  }

  @media(max-width:1400px){

  }

  @media(max-width:1300px){

  }


  @media(max-width:1200px){
    .nav-cta{max-width: fit-content;}
    .nav-cta a.btn{font-size: 16px;letter-spacing: unset;padding: 10px 8px;}
    .header-icons a span{display: none;}
    .why-grid{grid-template-columns: 0.85fr 1.5fr;}

  }

/* Tablet / mobile toggle */
@media (max-width: 1024px) {

    nav.main-nav li.menu-item-has-children.is-open > ul.submenu {
        display: block;
    }

    nav.main-nav li.menu-item-has-children.is-open > a > .dropdown-toggle {
        transform: translateY(-30%) rotate(225deg);
    }

}

  @media(max-width:1000px){
    .none{display:none;}
    header{position:relative;padding: 0 25px;border: none;}

    .main-logo{width: 100%;}

    .nav-cta a.btn{font-size: inherit;letter-spacing: 0.09em;padding: 16px 28px;}
    .header-icons{flex-direction: column;align-items: end;text-align: right;}
    .header-icons a span{display: block;}

    nav.main-nav{background: var(--priColor);padding: 25px 0;}
    nav.main-nav ul{display: block; padding: 0; border: none; width: 100%;}
    nav.main-nav ul li{display: inline-block;vertical-align: top;position: relative;line-height: 79px;width: 32%;margin-bottom: 10px;}
    nav.main-nav ul li a{text-decoration: none;border: 1px solid #494949;border-radius: 30px;line-height: 60px;height: auto;margin: 0 5px;margin-left: 5px;margin-left: 5px;display: block;padding: 0;padding-left: 0px;padding-left: 0px;background: #fff;    color: var(--priColor);font-size: inherit; letter-spacing: unset;}
    nav.main-nav li.menu-item-has-children > a{margin-right: 5px;}
    nav.main-nav a::after{display:none;}
    nav.main-nav a:hover, nav.main-nav li.current_page_item a{background: var(--secColor);color: #fff;}

    nav.main-nav ul li:hover > ul{display: block;width: 100%;border: none;}
    nav.main-nav ul > li.menu-item-has-children{padding: 0;}
    nav.main-nav li.menu-item-has-children > a > .dropdown-toggle{right: 20px;}
    nav.main-nav ul ul li{background: unset;border: none;}

    nav.main-nav ul ul li a{
    background: var(--white) !important;
    color: var(--priColor) !important;}

    nav.main-nav ul ul li a:hover, 
    nav.main-nav ul ul li.current-menu-item a {
      color: var(--white)  !important;
      background: var(--secColor) !important;
    }

    nav.main-nav ul ul ul{right: unset;left: -46%;}
    nav.main-nav ul ul li.menu-item-has-children > a > .dropdown-toggle{
      left: 20px;
      right: unset;
    }

    #banner{padding: 0;margin: 0;}
    #banner::before{display: none;}
    .non_ban figure{width: 100%;position: static;transform: unset;margin-bottom: -7px;}
    .page_title{backdrop-filter: unset;position: static;transform: unset;width: 100%;   background: var(--priColor);padding: 20px 25px;}

    #breadcrumbs{margin: 0 0 20px;}

    .hero{}
    .hero-img_con{width: 100%;}
    .hero-info{position: static;   padding: 40px 15px;   text-align: center;   background: var(--priColor);   transform: unset;}
    .hero-copy{ max-width: 100%;}
    .hero-actions{justify-content: center;}

    .intro{padding: 0;text-align: center;}
    main{width: 100%;max-width: 100%;min-height: auto;}
    .categories, .why, .how, .group-banner, .region, .affil, .cta{padding: 40px 25px;}
    .why-grid, .group-banner-grid, .region-grid, .affil-card{ grid-template-columns:1fr; }
    .intro-grid{display: flex;flex-direction: column;align-items: center;}
    .group-banner-grid{text-align: center;}
    .affil-card{padding: 40px 20px;}
    .affil-badge{ border-right:none; border-bottom:1px dashed var(--line); padding-right:0; padding-bottom:24px; }
    .cat-grid{ grid-template-columns:repeat(2,1fr); }
    .how-steps{ grid-template-columns:repeat(2,1fr); }
    .how-steps > :last-child {
      grid-column: 1 / -1;
    }
    .how-line{ display:none; }
    .group-banner p{ max-width:100%; }
    .why-list{ grid-template-columns:1fr; }
    footer{padding: 50px 25px;}
    .footer-grid > div {   width: 100%; }
    .footer-grid{display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}
    /* .contact_info1{order: 1;} */
    .footer-logo{margin: 0 auto 20px;}
    .foot-links{order: 4;}
    /* .social_media{order: 3;}
    .foot-links2{order: 3;}
    .contact_info2 {order: 2;} */
    .social_media ul{justify-content: center;}
    .foot-links ul{display: block; padding: 0 10px;}
    .foot-links ul li{display: inline-block;vertical-align: top;position: relative;     line-height: 79px;width: 32%;margin-bottom: 10px;}
    .foot-links ul li a{text-decoration: none;border: 1px solid #494949;border-radius: 30px;line-height: 60px;margin: 0 5px;display: block;padding: 0;background: #fff;color: var(--priColor);font-weight: 600;}
    .foot-links ul li a:hover, .foot-links ul li.current_page_item a{background: var(--secColor);color: var(--white); text-decoration: none;}
  }

  /* @media (min-width: 800px) {
    .sidebar,
    .sidebar-overlay,
    .hamburger-btn {
      display: none !important;
    }
  } */

  
  @media(max-width:800px){

    .main-logo figure img{width: 78%;}

    nav.main-nav{padding: 0;display:none;}
  .header-icons{flex-direction: row;align-items: center;}
  .header-icons a span{display: none;}

  .nav-toggle-checkbox{
    display:none;
  }

  nav.main-nav .toggle_holder.active{
  }

  nav.main-nav .toggle_holder .label{
    display:none;
  }

  .hamburger{
    width:22px;
    display:flex;
    flex-direction:column;
    gap:5px;
    pointer-events:none;
  }

  .hamburger span{
    display:block;
    height:2px;
    width:100%;
    background:var(--priColor);
    border-radius:2px;
    transition:transform .3s ease, opacity .3s ease;
  }
  .sidebar,
    .sidebar-overlay,
    .hamburger-btn {
      display: flex !important;
    }
  .sidebar-nav ul li a{
    background: var(--white) !important;
    color: var(--priColor) !important;}

    .sidebar-nav ul li a:hover, 
    .sidebar-nav ul li.current-menu-item a {
      color: var(--white) !important;
      background: var(--secColor) !important;
    }
    .sidebar-nav ul li > a{
      line-height: 100%;min-height: 60px;align-content: center;padding: 10px 15px;
    }

  .foot-links ul li{width: 49%;}
  .foot-cta{flex-direction: column;gap: 20px;}
  .foot-bottom{text-align: center;}
}
  @media(max-width:600px){
    .hamburger-btn{width: auto;height: auto;background: transparent;}
    .hamburger-btn span{height: 4px;background: var(--secColor);}
    .sidebar-nav{text-align: left;padding: 20px;}
    .sidebar-nav li{line-height: 100%;}
    .sidebar-nav li > a{line-height: 100%;background: transparent !important;border: none;color: var(--white) !important;margin: 0;}
    .sidebar-nav li a:hover, .sidebar-nav li.current-menu-item a{color: var(--secColor);background: transparent;}
    .sidebar-nav ul li a{
      background: transparent !important;
      color: var(--white) !important;
    }
    .sidebar-nav ul li a:hover, .sidebar-nav ul li.current-menu-item a {
      color: var(--secColor) !important;  
      background: transparent !important;
    }

    .sidebar-nav ul li.current-menu-item ul li a{
      background: transparent !important;
      color: var(--white) !important;
    }
    .sidebar-nav ul li ul li a:hover, .sidebar-nav ul li.current-menu-item ul li a:hover {
      background: transparent !important;
      color: var(--secColor) !important;  
    }
    .sidebar-nav ul li > a{
      min-height: 0;padding: 0;
    }

    .nav-cta {margin: 0;padding: 0 0 0 20px;   }
    .nav-cta a.btn{padding: 16px 28px !important;}

    .cat-grid{ grid-template-columns:1fr; }
    .how-steps{ grid-template-columns:1fr; }
    .footer-grid{ grid-template-columns:1fr; }
    .region-card ul{ grid-template-columns:1fr; }
    .foot-links ul{padding: 0;}
    .foot-links ul li{width: 100%;}
  }