/* For 1600px and above */
@media (min-width: 1600px) {
  .container {
    max-width: 1366px;
  }
}

@media (min-width: 991px) and (max-width: 1440px) {
  img.custom-logo {
    max-width: 150px;
  }
}

@media (min-width: 1200.98px) and (max-width: 1280px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item {
    margin: 0 10px 0 0;
  }
}

@media (max-width: 1024px) {
  .footer-menu-accorions {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  ul.footer-menu-wrapper {
    display: none;
  }

  .footer-menu-accorions.active img {
    rotate: 180deg;
  }

  .footer-menu-accorions .arrow {
    display: block;
  }

  footer {
    padding: 40px 10px;
  }

  footer [data-push-left*=off-1] {
    margin-left: 0 !important;
  }

  .artium-search-block {
    padding: 5px 15px;
  }

  h1,
  .h1 {
    font-size: 2.8rem;
    line-height: 1.3;
  }

  h2,
  .h2 {
    font-size: 2.2rem;
    line-height: 1.25;
  }

  .sidebar-wrapper {
    padding-left: 20px;
  }

  #post-details-siderbar {
    padding-left: 20px;
  }

  .desktop-post-details-reverse {
    display: block;
  }

  #inner-header-small .header-small-wrapper {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  #inner-header-small .small-header-content,
  #inner-header-small .small-header-search {
    padding-left: 43px;
    padding-right: 43px;
  }

  #inner-header-small .small-header-content,
  .col-5_md-6_sm-12 {
    width: 100%;
  }

  #inner-header-small .container {
    padding: 0;
  }

  #inner-header-small .artium-search-block {
    max-width: 100%;
  }

  #inner-header-small {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  #inner-header-small .small-header-content {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    width: 100%;
    max-width: 100%;
  }

  #inner-header-small .small-header-search {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    background: #ffffff;
    width: 100%;
    max-width: 100%;
  }

  .artium-search-wrapper {
    max-width: 100%;
  }

  body.single .breadcrumbs-and-heading-wrapper,
  body.single .small-header-content,
  body.search-results .small-header-content,
  body.search-results .breadcrumbs-and-heading-wrapper {
    display: none;
  }

  .search-page-heading {
    margin-bottom: 30px;
  }
}

/* Tablets and smaller */
@media (max-width: 991px) {
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
    padding: 15px 0px;
    width: 100%;
  }

  .header-nav-and-cta {
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-right: 0;
  }

  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item>ul.mega-sub-menu {
    padding-left: 15px;
  }

  #mega-menu-wrap-menu-1:has(.mega-menu-open) #mega-menu-menu-1[data-effect-mobile^="slide_left"]+button.mega-close {
    right: 10px;
    left: auto;
    top: 50px;
  }

  li.mega-menu-grid>ul,
  li.mega-menu-flyout ul.mega-sub-menu {
    box-shadow: none !important;
    padding: 0px 15px !important;
  }

  li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
    border-bottom: 2px solid #EFEFEF !important;
  }

  ul#mega-menu-menu-1 {
    padding-top: 90px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  ul#mega-menu-menu-1 {
    overflow-y: auto !important;
    z-index: 999999999 !important;
    padding-bottom: 100px !important;
  }
}

@media (max-width: 768px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .site-branding img {
    max-width: 120px;
  }

  h1,
  .h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }

  h2,
  .h2 {
    font-size: 1.5rem;
    line-height: 1.25;
  }

  h3,
  .h3 {
    font-size: 1.2rem;
    line-height: 1.2;
  }

  h4,
  .h4 {
    font-size: 1rem;
    line-height: 1.5;
  }

  .h5,
  .h6 {
    font-size: 1rem;
    line-height: 1.6;
  }



  .header-cta.cta-primary {
    padding: 8px 15px;
    display: none !important;
  }

  .header-nav-and-cta {
    gap: 15px;
  }

  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
    padding: 15px 0px;
    width: 100%;
  }

  #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item>ul.mega-sub-menu {
    padding-left: 15px;
  }

  #mega-menu-wrap-menu-1:has(.mega-menu-open) #mega-menu-menu-1[data-effect-mobile^="slide_left"]+button.mega-close {
    right: 10px;
    left: auto;
    top: 20px;
  }

  li.mega-menu-grid>ul,
  li.mega-menu-flyout ul.mega-sub-menu {
    box-shadow: none !important;
    padding: 0px 15px !important;
  }

  li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
    border-bottom: 2px solid #EFEFEF !important;
  }

  .artium-category-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .ascl-inner::before {
    content: '';
    left: 85%;
  }

  span.search-btn-text {
    display: none;
  }

  a.artium-search-menu-toggle {
    padding: 0;
    width: 60px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
  }

  .artium-search-menu img {
    width: 40px;
  }

  #inner-header-small .ascl-inner::before {
    content: '';
    left: 90%;
  }

  .ascl-inner {
    width: 94%;
    margin-left: 2%;
  }

  .post-item .post-title-sm a {
    font-weight: 600;
  }

  p.post-meta-sm {
    margin-top: 5px;
  }

  ul.post-terms-list {
    gap: 15px 15px;
  }

  .artium-search-input {
    height: 40px;
  }

  ul.post-terms-list li a {
    padding: 12px 15px;
    font-weight: 500;
    gap: 5px;
    font-size: 14px;
    white-space: break-spaces;
  }

  .cat-icon {
    width: 16px;
  }

  .artium-shortcode-banner-wrapper .artium-shortcode-desktop-banner {
    display: none;
  }

  .artium-shortcode-banner-wrapper .artium-shortcode-mobile-banner {
    display: block;
  }

  .sidebar-wrapper {
    padding-left: 0px;
  }

  .sidebar-main-wrapper {
    display: none;
  }

  .artium-search-wrapper {
    margin: 0;
  }

  .mobile-post-details-reverse {
    display: block;
  }

  .desktop-post-details-reverse {
    display: none;
  }

  section#inner-header-large {
    display: flex;
    flex-direction: column-reverse;
    padding-top: 0;
    padding-bottom: 0;
  }

  .large-header-search-form-wrapper {
    background: #ffffff;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .large-header-search-content-wrapper {
    padding-top: 40px;
  }

  header.site-header {
    border-bottom: none;
  }

  #inner-header-small .small-header-content,
  #inner-header-small .small-header-search {
    padding-left: 43px;
    padding-right: 43px;
  }

  .search-page-heading h1 {
    margin-top: 10px;
  }

  .top-bar-content {
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 15px;
    flex-direction: column;
  }

  .top-bar-close-icon-wrapper {
    text-align: right;
    width: 30px;
    position: absolute;
    top: 20px;
    right: 20px;
  }

  body.admin-bar .top-bar-close-icon-wrapper {
    top: 60px;
  }

  .top-bar-text p {
    margin-right: 30px;
  }

  .marketing-popup-wrapper {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    text-align: center;
  }

  .marketing-popup-heading {
    margin-top: 30px;
  }

  .marketing-popup-image-wrapper {
    margin-right: 0;
  }

  #marketing-popup {
    padding: 0;
  }

  #marketing-popup .container {
    padding: 0;
  }

  .marketing-popup-image-wrapper img {
    width: 100%;
    border-radius: 16px 16px 0px 0px;
  }

  .marketing-popup-content {
    padding: 0 30px;
  }

  .marketing-popup-close-btn {
    top: 15px;
    right: 20px;
  }

  .marketing-popup-wrapper {
    padding-top: 0px;
  }

  .marketing-popup-wrapper .col-3_sm-12.pb-0 {
    padding: 0;
  }

  #marketing-popup {
    border-radius: 15px 15px 0px 0px;
    z-index: 99999;
  }

  #marketing-popup a {
    width: 100%;
    margin-bottom: 10px;
    max-width: 300px;
  }

  .pulse {
    display: none !important;
  }

  .mobile-strip-whatsapp-wrapper .whatsapp-float-cta .pulse {
    display: flex !important;
    position: inherit;
    height: 45px;
  }

  .mobile-strip-whatsapp-wrapper .whatsapp-float-cta .pulse svg {
    margin-right: 5px;
    width: 24px;
  }

  .mobile-strip-whatsapp-wrapper .whatsapp-float-cta .pulse .whatsapp-cta-text.hide-mobile {
    display: block !important;
  }

  #mobile-strip {
    display: block;
  }

  footer {
    padding: 40px 10px;
    padding-bottom: 100px;
  }

  .slider-nav {
    display: none !important;
  }

  .artium-search-wrapper {
    max-width: 78%;
  }

  .large-header-search-form-wrapper .artium-search-block {
    max-width: 100%;
  }

  html #wpadminbar {
    display: none !important;
  }

  html {
    margin-top: 0 !important;
  }
}

/* Small mobiles */
@media (max-width: 480px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .artium-search-wrapper {
    gap: 10px;
  }

  a.artium-search-menu-toggle {
    width: 55px;
  }

  .artium-search-block {
    padding: 5px 15px;
  }

  .artium-search-menu img {
    width: 35px;
  }

  .ascl-inner {
    width: 96%;
    margin-left: 2%;
  }

  .artium-search-block.focus .search-icon-left,
  .artium-search-block.focus .search-arrow {
    display: block;
    min-width: 15px !important;
  }

  #inner-header-small .small-header-content {
    padding-left: 23px;
    padding-right: 23px;
  }

  #inner-header-small .small-header-search {
    padding-left: 23px;
    padding-right: 23px;
  }

  .pulse {
    right: 40px;
  }
}

@media (min-width: 768px) {
  .hide-desktop {
    display: none !important;
  }

  .hide-mobile {
    display: block !important;
  }
}