/* --- > Media Queries
-------------------------------------------------------- */

/* --- > Min 601px
-------------------------------------------------------- */

@media screen and (min-width: 37.5625em) {

  .pop-up-playlist .inner-popup-playlist {
    margin-inline: 0;
    right: 20px;
    width: 350px;
  }

  #billing {
    grid-template-columns: 1fr 1fr;
  }

  .post-navigation-link-next {
    margin-top: 0;
  }

  .wc-block-grid.has-2-columns .wc-block-grid__products,
  .wc-block-grid.has-4-columns .wc-block-grid__products,
  .wc-block-grid.has-5-columns .wc-block-grid__products,
  .wc-block-grid.has-6-columns .wc-block-grid__products,
  .woocommerce ul.products.columns-2,
  .woocommerce-page ul.products.columns-2,
  .woocommerce .products.columns-4,
  .woocommerce .products.columns-5,
  .woocommerce .products.columns-6 {
    grid-template-columns: 1fr 1fr;
  }

  .nav-row>.wp-block-group {
    gap: 10px;
  }

  .wp-group-author figure.wp-block-image {
    margin-bottom: 0;
  }

  .wp-block-post-content .wp-mobile-icon-menu,
  .block-editor-page .wp-mobile-icon-menu {
    display: block;
  }

  .explore-col .columns-2 .wp-block-column {
    flex-basis: 0 !important;
    flex-grow: 1;
  }

  .woocommerce .products.columns-3,
  .wc-block-grid.has-3-columns .wc-block-grid__products {
    grid-template-columns: repeat(3, 1fr);
  }

  .wp-block-navigation__responsive-container ul.wp-block-navigation__container>li>a {
    margin: 0;
  }

  .wp-block-post-template.is-flex-container.is-flex-container.columns-5>li,
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li {
    width: calc(20% - 1.54em);
  }

  .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
    width: calc(33.33333% - 1.6em);
  }

  .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li {
    width: calc(50% - 1.2em);
  }

  .is-stacked-on-mobile .wp-block-media-text__media {
    margin-bottom: 0;
  }
}

/* --- > Min 640px
-------------------------------------------------------- */

@media screen and (min-width: 40em) {

  .header {
    margin-inline: 30px;
  }

  .wp-block-group.section-heading p {
    padding-right: 20%;
  }

  .wp-block-group.section-heading .wp-block-group:first-child {
    flex-basis: 70%;
  }

  .wp-block-columns.upper-footer {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-cols {
    padding: 1rem 0;
  }

  .testimonial-slider.wp-block-group .testimonial-cols {
    max-width: 72%;

    &:before,
    &:after {
      width: 35px;
      left: -35px;
    }

    &:after {
      left: auto;
      right: -35px;
    }
  }

  .rock-tune-slider .swiper-button-next,
  .rock-tune-slider .swiper-button-prev,
  .fse-slider-wrapper .swiper-button-next,
  .fse-slider-wrapper .swiper-button-prev {
    height: 50px;
    width: 50px;
  }

  .rock-tune-slider .swiper-button-next:before,
  .rock-tune-slider .testimonial-slider.wp-block-group .swiper-button-next.testimonial-cols:after,
  .testimonial-slider.wp-block-group .rock-tune-slider .swiper-button-next.testimonial-cols:after,
  .rock-tune-slider .swiper-button-prev:before,
  .rock-tune-slider .testimonial-slider.wp-block-group .swiper-button-prev.testimonial-cols:after,
  .testimonial-slider.wp-block-group .rock-tune-slider .swiper-button-prev.testimonial-cols:after,
  .fse-slider-wrapper .swiper-button-next:before,
  .fse-slider-wrapper .testimonial-slider.wp-block-group .swiper-button-next.testimonial-cols:after,
  .testimonial-slider.wp-block-group .fse-slider-wrapper .swiper-button-next.testimonial-cols:after,
  .fse-slider-wrapper .swiper-button-prev:before,
  .fse-slider-wrapper .testimonial-slider.wp-block-group .swiper-button-prev.testimonial-cols:after,
  .testimonial-slider.wp-block-group .fse-slider-wrapper .swiper-button-prev.testimonial-cols:after {
    content: "";
    height: 2px;
    width: 40px;
    background: var(--wp--preset--color--dark-color);
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: absolute;
    opacity: 0.4;
    right: 15px;
  }

  .rock-tune-slider .swiper-button-prev:after,
  .fse-slider-wrapper .swiper-button-prev:after {
    left: 15px;
  }

  .testimonial-section .swiper-horizontal .navigation-wrap .swiper-button-next,
  .testimonial-section .horizontal+.swiper-pagination+.navigation-wrap .swiper-button-next {
    right: 7%;
  }

  .testimonial-section .swiper-horizontal .navigation-wrap .swiper-button-prev,
  .testimonial-section .horizontal+.swiper-pagination+.navigation-wrap .swiper-button-prev {
    left: 7%;
  }

  .wp-block-group.section-heading {
    .wp-block-buttons {
      display: block;
    }
  }

  .featured-product-section .wp-block-columns .wc-block-featured-product__wrapper,
  .featured-cat-section .wp-block-columns .wc-block-featured-category__wrapper {
    grid-template-columns: repeat(3, 1fr);

    .wp-block-buttons {
      justify-content: flex-end;
    }
  }

  .wp-block-columns.tour-col {
    display: grid;
    grid-template-columns: 15% 55% 1fr;
  }

  .tour-btn {
    @include flex;
    justify-content: flex-end;
  }

  .testimonial-content {
    padding-right: 7%;
  }
}


/* --- > Min 768px
-------------------------------------------------------- */

@media screen and (min-width: 48em) {
  .woocommerce-page {
    ul.woocommerce-order-overview li {
      margin-bottom: 0;
    }
  }

  .header .wp-primary-search {
    display: block;
  }

  .footer-details {
    padding-left: 50px;
  }

  .testimonial-content {
    padding: 1.5rem;
  }

  .slider .swiper-horizontal.navigation-enabled .navigation-wrap,
  .slider .horizontal+.no-pagination+.navigation-wrap {
    right: 8%;
  }

  .header-media,
  .slider .wp-block-rock-tune-slider,
  .slider .rock-tune-slider {
    height: 100vh;
  }

  .admin-bar {

    .header-media,
    .slider .wp-block-rock-tune-slider,
    .slider .rock-tune-slider {
      height: calc(100vh - 46px);
      min-height: calc(100vh - 46px);
    }
  }

  .slider {
    .navigation-wrap {
      bottom: 40px;
      position: absolute;
    }

    .wp-block-cover {
      flex-direction: column;
      min-height: 100dvh !important;

      .wp-block-cover__image-background {
        position: absolute;
      }
    }
  }

  .slider .rock-tune-slider .swiper-pagination-bullets,
  .slider .fse-slider-wrapper .swiper-pagination-bullets {
    bottom: 40px;
    left: 50%;
    @include transform(translateX(-50%));
    position: absolute;
    width: auto;
  }

  .slider .rock-tune-slider .swiper-button-next,
  .slider .rock-tune-slider .swiper-button-prev,
  .slider .fse-slider-wrapper .swiper-button-next,
  .slider .fse-slider-wrapper .swiper-button-prev {
    @include transform(translateY(-50%));
    top: 50%;
  }

  .swiper-slide-active .wp-block-cover__image-background {
    @include transition(transform 15s ease-in-out);
  }

  .footer-three-columns .wp-block-columns.upper-footer {
    grid-template-columns: repeat(3, 1fr);
  }

  .newsletter-wrap {
    align-items: center;
    @include flex;
    flex-direction: column;
    gap: 0;
  }

  .footer-two-columns .upper-footer {
    &:after {
      background-color: var(--wp--preset--color--hover-color);
      content: "";
      left: 50%;
      position: absolute;
      height: 100%;
      top: 50%;
      @include transform(translate(-50%, -50%));
      width: 1px;
    }
  }

  .banner .wp-block-cover,
  .banner .wp-block-cover-image {
    min-height: 320px;
    padding-top: 90px;
  }

  .testimonial-content {

    .wp-block-heading {
      max-width: 500px;
    }
  }

  .tour-col:not(:last-child):after {
    bottom: -15px;
  }

  .is-style-rock-tune-button.wp-block-button .wp-block-button__link,
  .wp-block-post-excerpt__more-link {
    &:before {
      width: 17px;
      height: 2px;
      @include transform(rotate(320deg));
      right: -1px;
      top: 15px;
    }

    &:after {
      width: 10px;
      height: 10px;
      border-right: 2px solid var(--wp--preset--color--color-light);
      border-bottom: 2px solid var(--wp--preset--color--color-light);
      @include transform(rotate(270deg));
      top: 9px;
      right: 0;
    }
  }

  .header {
    margin-inline: 40px;
  }

  .hero-section {

    .wp-block-columns:not(.typo-cols) {
      gap: 5rem;
    }
  }

  .wp-mobile-icon-menu {
    display: none;
  }

  .show-search {
    overflow-y: scroll;
  }

  .header .right-section .wp-block-rock-tune-header-search {
    display: block;
  }

  .header .search-product {

    .wp-block-search__label {
      display: block;
      font-weight: var(--wp--custom--typography--font-weight--medium);
      font-size: var(--wp--preset--font-size--extra-small);
      color: var(--wp--preset--color--dark-color);
      margin: 0;
    }
  }

  .search-toggle {
    .search-product {
      .wp-block-search__inside-wrapper {
        @include transform(translateY(0) scale(1));
        opacity: 1;
        visibility: visible;
        transition-delay: 0.8s;

      }
    }
  }

  .search-product {
    top: 0;
    bottom: auto;
  }

  .header {

    .dummy-icon .wp-block-search__inside-wrapper .wp-block-search__button,
    .wp-block-woocommerce-customer-account {
      display: block;
    }
  }

  .main-front-page .block-editor-block-list__block.wp-block-section.wp-mobile-icon-menu,
  .wp-block-post-content .wp-mobile-icon-menu {
    display: block;
  }

  .woocommerce-page .woocommerce-customer-details address {
    width: 70%;
  }

  html {
    font-size: 20px;
  }

  [class*="wp-container-"].site-section {
    gap: 1.5rem;
  }

  .woocommerce .products.columns-5,
  .wc-block-grid.has-5-columns .wc-block-grid__products {
    grid-template-columns: repeat(5, 1fr);

  }

  .woocommerce .products.columns-6,
  .wc-block-grid.has-6-columns .wc-block-grid__products {
    grid-template-columns: repeat(3, 1fr);

  }

  .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
    width: calc(25% - 1.5em);
  }

  .header .wp-block-navigation__responsive-container.is-menu-open {
    box-shadow: 0px 0 19px -9px var(--wp--preset--color--background);
    left: 0;
  }

  .header .wp-block-navigation__responsive-container:where([class*=is-menu-open]) {
    left: -100%;
    max-width: 320px;
  }
}

@media (min-width: 481px) and (max-width: 600px) {
  .wc-block-grid.has-3-columns .wc-block-grid__product {
    flex: 1 0 50%;
    max-width: 45%;
    padding: 0;
    margin: 0 0 24px;
  }
}

/* --- > Min 782px
-------------------------------------------------------- */

@media screen and (min-width: 48.875em) {

  .not-found-cols {
    flex-direction: row;
  }

  .typo-section.alignfull .typo-cols .wp-block-column:after {
    height: 30px;
    width: 30px;
    right: -65px;
  }

  .admin-bar {

    .header-media,
    .slider .wp-block-rock-tune-slider,
    .slider .rock-tune-slider {
      height: calc(100vh - 32px);
      min-height: calc(100vh - 32px);
    }

    .transparent-header {
      top: 32px;
    }
  }

  .admin-bar .search-product {
    margin-top: 32px;
  }

  .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
    width: calc(25% - 1.9em);
  }

  .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
    width: calc(33.33333% - 1.8em);
  }

  .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li {
    width: calc(50% - 1.2em);
  }

  .wp-block-footer .wp-block-widget,
  .wp-block-footer .wp-block-widget:not(:last-child) {
    margin-bottom: 0;
  }

  .wp-block-footer .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    bottom: 0;
  }

  .wp-block-footer .wp-block-navigation .wp-block-navigation__submenu-icon svg {
    margin-bottom: 3px;
    transform: rotate(180deg);
  }
}

/* --- >Min  1024px
-------------------------------------------------------- */

@media screen and (min-width: 64em) {
  .testimonial-section {
    .fse-slider-wrapper .swiper-pagination-bullets {
      margin-top: 50px;
    }
  }


  .sticky-playlist:not(.pop-up-playlist) .simple-audio-player .simp-cover,
  .sticky-playlist:not(.pop-up-playlist) .simple-audio-player .simp-time,
  .sticky-playlist:not(.pop-up-playlist) .simple-audio-player .simp-others>button {
    display: block;
  }

  .sticky-playlist:not(.pop-up-playlist) .simple-audio-player .simp-plauseward,
  .sticky-playlist:not(.pop-up-playlist) .simple-audio-player .simp-time {
    flex: none;
  }

  .sticky-playlist:not(.pop-up-playlist) .simple-audio-player .simp-tracker {
    position: relative;
  }

  /*Chrome*/
  .player-section {
    .wp-block-rock-tune-playlist {
      input[type='range'] {
        height: 5px;
        @include border(5px);
      }

      input[type='range']::-webkit-slider-runnable-track {
        -webkit-appearance: none;
        color: #13bba4;
        margin-top: -1px;
      }

      input[type='range']::-webkit-slider-thumb {
        -webkit-appearance: none;
        cursor: ew-resize;
        background-color: var(--wp--preset--color--color-light);
        position: relative;
      }
    }
  }

  .player-section .wp-block-rock-tune-playlist {

    /** FF*/
    input[type="range"]::-moz-range-progress {
      background-color: var(--wp--preset--color--hover-color);
      height: 5px;
    }

  }

  .footer-four-columns .wp-block-columns.upper-footer {
    grid-template-columns: repeat(4, 1fr);
  }

  .wp-block-group .wp-block-post-excerpt {
    max-width: 80%;
  }

  .woocommerce .products.columns-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .woocommerce .products.columns-4,
  .wc-block-grid.has-4-columns .wc-block-grid__products {
    grid-template-columns: repeat(4, 1fr);
  }

  .woocommerce-Tabs-panel {

    .comment-form-author,
    .comment-form-email {
      width: 100%;
    }
  }

  .comment-form-author {
    width: 46%;
    display: inline-block;
    margin-right: 18px;
  }

  .comment-form-email {
    width: 50%;
    display: inline-block;
  }

  .wp-block-post-comments .comment-author .avatar {
    height: 100px;
    width: 100px;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content>ul>.wp-block-navigation-item>a {
    margin-bottom: 0;
  }

  .wp-block-group.nav-row {
    gap: 10px;
  }

  [class*="wp-container-"].nav-social {
    display: flex;
  }
}

/* --- > Min 1200px
-------------------------------------------------------- */

@media screen and (min-width: 75em) {
  button.search-controller svg {

    &.cross {
      height: 35px;
      width: 35px;
    }
  }

  .banner .wp-block-cover,
  .banner .wp-block-cover-image {
    min-height: 450px;
    padding-top: 130px;
  }

  .typo-section.alignfull .typo-cols {

    .wp-block-column {

      &:after {
        height: 50px;
        width: 50px;
        right: -57px;
      }
    }
  }

  .wc-block-components-sidebar-layout {
    grid-template-columns: 65% 1fr;
  }

  .player-section {
    .wp-block-columns {
      flex-direction: row;
    }
  }

  .wp-block-group .header .wp-block-navigation .wp-block-navigation__responsive-container:where(:not([class*=is-menu-open]):not([class*=has-modal-open])) .wp-block-navigation-item .wp-block-navigation__submenu-container {
    padding: 7px 0;
  }

  .header-media {
    height: 100vh;
  }


  .wp-block-woocommerce-customer-account {
    .label {
      display: block;
    }
  }

  .header .wp-block-button.my-account a:before {
    top: 0;
  }

  .header .wp-block-button.my-account {
    width: auto;
  }

  .wp-block-group .cart-row {

    .cart-text {
      display: block;
      font-weight: var(--wp--custom--typography--font-weight--medium);
      font-size: var(--wp--preset--font-size--extra-small);
      color: var(--wp--preset--color--color-light)
    }

  }

  .wp-block-social-link-anchor svg {
    font-size: 1rem;
  }
}

@media screen and (max-width: 75em) {

  footer a.wp-block-pages-list__item__link.wp-block-navigation-item__content {
    padding: 0.55rem 0;
  }

  .wp-block-footer.wp-block-site-generator p a {
    padding: 0.65rem 0;
  }

  .is-style-rock-tune-button .wp-block-button__link {
    padding: 0.5rem 0;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    padding-top: 0;
  }

  .admin-bar button.wp-block-navigation__responsive-container-close {
    top: 1rem;
  }

  .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    gap: 0;
  }
}

/* --- > Min 1366px
-------------------------------------------------------- */

@media screen and (min-width: 85.375em) {

  .news-section .wp-block-post-title {
    margin-top: 22px;
  }

  .simple-audio-player .simp-playlist ul li {
    padding: 1.5rem 2rem;
  }

  .pop-up-playlist .inner-popup-playlist {
    min-width: 450px;
    max-width: 450px !important;
    padding: 100px;
    padding-inline: 30px;
  }

  .playlist-section .simple-audio-player .simp-album {
    grid-template-columns: 160px 1fr;

    .simp-cover div {
      height: 160px !important;
      width: 160px !important;
    }
  }

  .header {
    margin-inline: 50px;
  }

  .wp-block-cover.header-media .slider-heading {
    text-shadow: 10px 10px 0 var(--wp--preset--color--dark-color);

    .slider-sub-heading {
      font-weight: 600;
      letter-spacing: 40.67px;
    }
  }

  .header {
    padding-bottom: 35px;
    padding-top: 35px;
  }

  .woocommerce-cart main .woocommerce {
    overflow: hidden;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;

    .woocommerce-notices-wrapper {
      width: 100%;
    }

    .woocommerce-cart-form {
      width: 70%;
    }

    .cart-collaterals {
      margin-right: 0;
      width: 25%;
      margin-left: auto;
      padding-left: 5%;
    }
  }

  .woocommerce .cart-collaterals .cart_totals,
  .woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
  }

  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }

  .header>.wp-block-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    .nav-row {
      width: 100%;
    }

    .site-section {
      width: 100%;
    }

    .right-section {
      width: 100%;
    }
  }

  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block;
  }

  .wp-block-navigation .wp-block-navigation__submenu-container {
    opacity: 0;
    visibility: hidden;
  }

  .wp-block-navigation .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container,
  .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container,
  .wp-block-navigation ul .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container {
    @include transition(0.5s cubic-bezier(0.3, 0.17, 0.32, 1.28));
    @include transform(translateY(25%));
    opacity: 0;
    background-color: var(--wp--preset--color--secondary-bg-color);

    li {
      @include transform(translateY(-10%));
      opacity: 0;
    }
  }

  .wp-block-navigation ul li.wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
    @include transform(translateY(0));
    opacity: 1;

    li {
      @include transform(translateY(0px));
      opacity: 1;

      &:before {
        opacity: 0;
      }
    }
  }

  .wp-block-navigation ul li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li ul.wp-block-navigation__submenu-container li {
    left: 0;
    transform: none;
    transition-delay: 0s !important;
  }

  .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open):not(.has-modal-open) ul li.wp-block-navigation-item.has-child {

    &:hover,
    &:focus {
      ul.wp-block-navigation__submenu-container {
        @include transform(translateY(0));
        opacity: 1;

        li {
          @include transform(translateY(0px));
          opacity: 1;
        }
      }
    }
  }

  .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open):not(.has-modal-open) ul li.wp-block-navigation-item.has-child ul.wp-block-navigation__submenu-container li ul.wp-block-navigation__submenu-container li {
    left: 0;
    transform: none;
    transition-delay: 0s !important;
  }

  .transparent-header .wp-block-navigation .wp-block-navigation__responsive-container ul:not(.wp-block-navigation__submenu-container)>li.current-menu-item>.wp-block-navigation-item__content {
    color: var(--wp--preset--color--hover-color);
  }

  .wp-block-navigation__responsive-container-content>ul,
  ul.wp-block-page-list {

    &:hover,
    &:focus {
      >li {
        opacity: 0.5;

        &:hover,
        &:focus {
          opacity: 1;
        }
      }
    }
  }

  .wp-block-navigation__responsive-container-content>ul {
    >li.wp-block-navigation-item.current-menu-item.wp-block-navigation-link {
      opacity: 1;
    }
  }

  .header ul.wp-block-navigation__container,
  .header .wp-block-page-list {
    column-gap: 1.75em;
    row-gap: 0;
  }
}

/* --- > Min 1400px
-------------------------------------------------------- */
@media screen and (min-width: 87.5em) {
  .wp-block-group.section-heading .wp-block-group:first-child {
    flex-basis: auto;
  }

  .testimonial-cols {
    padding: 0;
  }
}

/* --- > Min 1500px
-------------------------------------------------------- */

@media screen and (min-width: 93.75em) {

  .hero-section {

    .wp-block-columns:not(.typo-cols) {
      gap: 8rem;
    }
  }
}

/* --- > Min 1600px
-------------------------------------------------------- */

@media screen and (min-width: 100em) {
  .testimonial-slider.wp-block-group .testimonial-cols {
    max-width: 62%;
  }
}

/* --- > Min 1920px
-------------------------------------------------------- */

@media screen and (min-width: 120em) {}