@media (max-width: 1280px) {
    .product-item .product-item-content {
        padding: 0 40px 40px;
    }
}

@media (min-width: 1201px) {
    .menu-toggle {
        display: none;
    }
    .header-wrap .menu > ul > li .sub-menu {
        display: block !important;
    }
}
@media (max-width: 1200px) {
    .header-wrap {
        --header-height: 86px;
        height: var(--header-height);
    }
    .header-wrap .container {
        height: 100%;
    }
    .header-menu {
        position: fixed;
        top: var(--header-height);
        right: -100%;
        height: calc(100dvh - var(--header-height));
        width: 100%;
        background: var(--color-black);
        overflow: auto;
        transition: var(--transition);
    }
    .header-wrap.menu-show .header-menu {
        right: 0;
    }
    .header-wrap .menu > ul {
        flex-direction: column;
        gap: 0;
    }
    .header-wrap .menu > ul > li {
        padding: 0;
        flex-wrap: wrap;
        gap: 0;
        justify-content: space-between;
        border-top: 1px solid var(--color-white);
    }
    .header-wrap .menu > ul > li > a {
        padding: var(--size-10) var(--size-20);
        font-size: var(--text-lg);
    }
    .header-wrap .menu > ul > li .nav-link-toggle {
        width: 50px;
        height: 50px;
        pointer-events: all;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--color-white);
        color: var(--color-black);
    }
    .header-wrap .menu > ul > li .nav-link-toggle svg {
        transition: var(--transition);
    }
    .header-wrap .menu > ul > li .nav-link-toggle.open svg {
        transform: rotate(180deg);
    }
    .header-wrap .menu > ul > li .sub-menu {
        position: relative;
        width: 100%;
        left: 0;
        transform: translate(0, 0);
        transition: none;
        opacity: 1;
        visibility: visible;
        background: rgba(255, 255, 255, 0.1);
        display: none;
    }
    .header-wrap .menu > ul > li .sub-menu li a {
        padding: var(--size-10) var(--size-40);
    }
    .header-wrap .header-search {
        position: fixed;
        height: var(--header-height);
        padding: 0 var(--size-20);
    }
    .header-wrap .header-search .search-toggle {
        display: block;
    }
}

@media (max-width: 1024px) {
    :root {
        --font-h1: 48px;
        --font-h2: 36px;
        --font-h3: 32px;
        --font-h4: 28px;
        --font-h5: 24px;
        --font-h6: 20px;
        --text-lg: 18px;
        --text-md: 18px;
        --section-padding-top: var(--size-52);
        --section-padding-bottom: var(--size-52);
    }
    .product-banner-section {
        height: auto;
        min-height: 100px;
    }
    .product-banner-section .cover-img {
        position: relative;
        height: auto;
    }
    .product-banner-section .container-small {
        padding-top: var(--size-20);
        padding-bottom: var(--size-20);
        justify-content: flex-start;
    }
    .video-section .container {
        padding: 0;
    }
    .play-icon {
        width: var(--size-64);
        height: var(--size-64);
    }
    .play-icon .icon {
        width: var(--size-32);
        height: var(--size-32);
    }
    .faq-section .title-wrap {
        padding-bottom: 8px;
    }
    .groove-notes-section .title-wrap {
        padding-bottom: var(--size-24);
    }
    .notes-list .notes-list-item {
        width: 50%;
    }
    .notes-list.is-latest-note-list .notes-list-item:nth-child(4) {
        display: block;
    }
    .review-slider-item .review-slider-item-content:after {
        display: none;
    }
    .review-slider-item .review-slider-item-img {
        padding-right: var(--size-24);
    }
    .review-slider-item .review-slider-item-content {
        gap: var(--size-16);
    }
    .product-list .product-list-item {
        width: 100%;
    }
    .product-item .product-item-content {
        position: relative;
        padding: var(--size-24) 0 0;
        display: flex;
        justify-content: space-between;
    }
    .single-product-section .product-item .product-item-img {
        padding: 0 var(--size-20);
    }
    .single-product-section .product-item .product-item-img img {
        aspect-ratio: auto;
    }
    [data-tab-panel] {
        transform: translate(0, 0);
    }
    .here-groove-tabs .tab-nav {
        display: none;
    }
    .here-groove-tabs [data-tab-target].is-mobile {
        display: flex;
    }
    .here-groove-tabs .tab-content {
        background: transparent;
        display: flex;
        flex-direction: column;
        gap: var(--size-24);
    }
    .audio-list-wrap {
        background: var(--color-white);
        padding: var(--size-16);
    }
    .here-groove-tabs .tab-nav-item {
        margin-top: 0;
    }
    .sticky-nav-section .container {
        padding: 0;
    }
    .sticky-nav-section .sticky-nav-inner {
        background: var(--color-black);
    }
    scrollspy-nav {
        padding: 0 44px;
    }
    .sticky-nav-items ul {
        width: auto;
    }
    .sticky-nav-item {
        font-size: var(--size-14);
    }
    .sticky-nav-items ul li {
        min-width: 177px;
        width: auto;
    }
    .sticky-nav-action {
        display: block;
    }
    .banner-section {
        height: auto;
    }
    .banner-section .cover-img {
        aspect-ratio: 16 / 9;
        position: relative;
    }
    .notes-filter-section .btn {
        width: 100%;
        justify-content: space-between;
    }
    .notes-filter-section .container {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--size-16);
    }
    .notes-filter-section .notes-category-list-wrap > .btn {
        display: flex;
    }
    .notes-category-list {
        position: absolute;
        top: 100%;
        width: 100%;
        left: 0;
        background: var(--color-white);
        white-space: nowrap;
        list-style: none;
        margin: 0;
        opacity: 0;
        visibility: hidden;
        transition: var(--transition);
        min-width: 154px;
        z-index: 12;
    }
    .notes-category-list.active {
        opacity: 1;
        visibility: visible;
    }
    .notes-category-list ul {
        flex-direction: column;
    }
    .notes-product-dropdown {
        width: 100%;
    }
    .notes-list.is-two-column {
        row-gap: var(--size-48);
    }
    .notes-list.is-two-column .note-item .note-item-action .btn {
        width: 100%;
        justify-content: space-between;
    }
    .dealer-nav {
        padding-bottom: var(--size-16);
    }
    .download-tabs {
        flex-direction: column;
        gap: var(--size-24);
    }
    .download-tabs .tab-nav {
        width: 100%;
    }
    .download-tabs .download-tabs-toggle {
        display: flex;
    }
    .download-tabs .tab-nav-item:not(.active) {
        max-height: 0;
        overflow: hidden;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: 0;
        border-top: 0;
    }
    .download-tabs .active .tab-nav-item:not(.active) {
        max-height: 66px;
        overflow: hidden;
        padding-top: var(--size-16);
        padding-bottom: var(--size-16);
        border-top: 1px solid var(--color-white);
        border-bottom: 1px solid var(--color-white);
    }
    .download-tabs .tab-nav-item.active {
        max-height: 66px;
    }
    .login-wrap {
        flex-direction: column;
    }
    .login-wrap .title-wrap {
        width: 100%;
    }
    .my-account-box .my-account-menus {
        width: 100%;
    }
    .my-account-box .my-account-content {
        width: 100%;
        padding-left: 0;
        padding-top: var(--size-16);
    }
    .my-account-menus .menu-tabs-toggle {
        display: flex;
    }
    .my-account-menu a:not(.active) {
        max-height: 0;
        overflow: hidden;
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .active .my-account-menu a:not(.active) {
        max-height: 66px;
        overflow: hidden;
        padding-top: var(--size-10);
        padding-bottom: var(--size-10);
        border-bottom: 1px solid var(--color-gray-2);
    }
}
@media (max-width: 991px) {
    .footer-row .footer-col {
        width: 50%;
    }
    .footer-row .footer-col.f-logo-col {
        order: -1;
    }
    .f-logo {
        text-align: left;
    }
    .col-5,
    .col-6,
    .col-7 {
        width: 100%;
    }
    .audio-list {
        gap: var(--size-16);
    }
    .audio-list .audio-list-item {
        width: 100%;
    }
    .get-support-section {
        text-align: center;
    }
    .get-support-section .btn-group {
        justify-content: center;
        padding-top: var(--size-24);
    }
    .quote-item .quote-item-img {
        width: 120px;
    }
    .quote-item .quote-item-text,
    .about-banner-section .banner-logo,
    .contact-info-list,
    .contact-form-wrap .contact-support-info {
        padding-bottom: var(--size-24);
    }
    .two-column-section.is-full-column .row {
        row-gap: var(--size-24);
    }
    .support-dashboard-box .row {
        gap: var(--size-32);
    }
    .support-box-links {
        padding-top: var(--size-24);
    }
}

@media (max-width: 767px) {
    :root {
        --font-h1: 32px;
        --font-h2: 28px;
        --font-h3: 24px;
        --font-h4: 20px;
        --font-h5: 18px;
        --font-h6: 18px;
        --text-md: 16px;
        --text-base: 16px;
        --text-sm: 12px;
        --text-body: var(--size-18);
        --section-padding-top: var(--size-48);
        --section-padding-bottom: var(--size-48);
    }
    .container,
    .container-small {
        padding-left: var(--size-16);
        padding-right: var(--size-16);
    }
    .header-wrap .logo {
        max-width: 140px;
    }
    .header-actions {
        gap: var(--size-8);
    }
    .user-dd .user-dd-btn span {
        max-width: 70px;
    }
    .btn-group {
        gap: var(--size-16);
    }
    .col-md-6 {
        width: 100%;
    }
    .eyebrow-title {
        padding-bottom: var(--size-10);
    }
    .play-icon {
        width: var(--size-48);
        height: var(--size-48);
    }
    .play-icon .icon {
        width: var(--size-24);
        height: var(--size-24);
    }
    .faq-wrap .accordion-header {
        font-size: var(--size-20);
    }
    .videos-list > ul > li {
        width: 100%;
    }
    .image-slider-wrap .slider-actions {
        padding-top: var(--size-16);
        padding-bottom: 0;
        position: relative;
    }
    .image-slider-wrap .slider-arrow {
        display: none;
    }
    .notes-list .notes-list-item {
        width: 100%;
    }
    .notes-list.is-latest-note-list .notes-list-item:nth-child(4) {
        display: none;
    }
    .note-item {
        gap: var(--size-16);
    }
    .review-slider-item {
        flex-direction: column;
        row-gap: var(--size-24);
    }
    .review-slider-item .review-slider-item-img {
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
    .review-slider-item .review-slider-item-img img {
        max-width: 260px;
        margin: 0 auto;
    }
    .review-slider-item .review-slider-item-content {
        width: 100%;
        gap: var(--size-24);
        padding: 0 var(--size-8) var(--size-24);
        text-align: center;
        align-items: center;
    }
    .review-slider-item .review-slider-item-quote {
        font-size: var(--font-h4);
    }
    .client-review-slider-wrap .slider-actions {
        margin-top: 0;
    }
    .client-review-slider-wrap .slider-actions .slider-dot {
        width: 100%;
        padding: 0;
        justify-content: center;
    }
    .product-item .product-item-content {
        flex-direction: column;
        padding-top: var(--size-16);
    }
    .single-product-section .product-item .product-item-img {
        padding: 0 var(--size-16);
    }
    .single-product-section .product-item .product-item-content {
        padding-left: var(--size-16);
        padding-right: var(--size-16);
    }
    .here-groove-tabs .tab-nav-item {
        padding: var(--size-16);
    }
    .sticky-nav-items ul li {
        min-width: 132px;
    }
    .banner-section .container {
        position: relative;
        padding-top: var(--size-20);
        padding-bottom: var(--size-20);
        background: var(--color-white);
    }
    .notes-list.is-two-column {
        row-gap: var(--size-16);
    }
    .notes-list.is-two-column .notes-list-item {
        width: 100%;
    }
    .notes-list.is-two-column .notes-list-item.is-subscribe-item {
        padding-top: var(--size-16);
        padding-bottom: var(--size-16);
    }
    .notes-filter-section .container {
        grid-template-columns: 1fr;
    }
    .notes-list .subscribe-section,
    .subscribe-section-small .subscribe-section {
        padding: var(--size-32) var(--size-20);
    }
    .subscribe-section-small .subscribe-section .container-small{
        padding: 0;
    }
    .pagination-wrap {
        padding-top: var(--size-32);
    }
    .pagination {
        gap: var(--size-8);
    }
    .pagination .page-link {
        width: var(--size-40);
        height: var(--size-40);
    }
    .quote-item {
        flex-direction: column;
    }
    .quote-item .quote-item-img {
        width: 75px;
    }
    .banner-img-section {
        aspect-ratio: 1 / 0.5;
    }
    .contact-info-list-item .contact-info-link a {
        font-size: var(--font-h4);
    }
    .dealer-nav {
        padding-bottom: 0;
    }
    .dealer-item {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: var(--size-8);
    }
    .dealer-item .dealer-item-content {
        padding-top: var(--size-8);
        padding-left: var(--size-10);
        padding-right: var(--size-10);
    }
    .dealer-item .dealer-item-action {
        width: 100%;
        text-align: center;
    }
    .dealer-nav ul li a {
        font-size: 14px;
    }
    .faq-list .faq-list-item {
        flex-direction: column;
    }
    .featured-tutorials-section .title-wrap,
    .downloads-section .title-wrap {
        padding-bottom: var(--size-24);
    }
    .form-wrap .form-action:has(.form-action-text) {
        flex-wrap: wrap;
    }
    .form-wrap .form-col-2 {
        grid-template-columns: repeat(1, 1fr);
    }
    .product-download-info {
        grid-template-columns: repeat(1, 1fr);
        gap: var(--size-24);
        padding-top: var(--size-24);
    }
    .form-wrap .gform-theme--foundation .gform_fields {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 500px) {
    .footer-row .footer-col {
        width: 100%;
    }
    .f-logo {
        text-align: center;
    }
    .get-support-section .btn-group {
        flex-direction: column;
    }
    .form-wrap .form-action:has(.form-action-text) {
        flex-direction: column;
        align-items: flex-start;
    }
}