/*
Theme Name: TimeCode Responsive Styles
Description: Consolidated responsive media queries from all theme files.
Version: 1.2
*/

@media (max-width: 1130px) {
    ul#navigation a {
            font-size:  var(--font-size-md);
           padding:6px;
        }
}

@media (max-width: 1105px) {
    ul#navigation a {
            font-size:  var(--font-size-md);
           padding:6px;
        }
}

@media (max-width: 1083px) {
    ul#navigation a {
            font-size:  var(--font-size-md);
            padding: 5px;
        }
}

@media (max-width: 1062px) {
    .main__menu__list {
            display: none !important;
        }
}

@media (max-width: 1024px) {
    .m3-related-grid {
        grid-template-columns: repeat(3, 1fr);
      }
    .m3-search-form{
        grid-template-columns: repeat(4, 1fr);
    }
    .m3-drawer-layout {
        flex-direction: column;
        padding: var(--page-padding);
    }

    .m3-sidebar-toggle {
        display: flex; 
    }

    .m3-navigation-drawer {
        position: fixed;
        top: 0;
        right: 0;
        height: 100vh;
        width: 300px;
        z-index: var(--z-drawer); 
        transform: translateX(100%); 
        transition: transform 0.3s cubic-bezier(0.2, 0, 0, 1);
        box-shadow: var(--shadow-lg);
        margin: 0;
        border-radius: var(--radius-lg) 0 0 var(--radius-lg);
        background: var(--surface-container);
        overflow-y: auto;
        padding: var(--container-padding);
       }

      .m3-drawer-layout.sidebar-open .m3-navigation-drawer {
        transform: translateX(0); 
       }

      .m3-drawer-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: var(--z-overlay);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        backdrop-filter: blur(4px);
       }

      .m3-drawer-layout.sidebar-open .m3-drawer-overlay {
        opacity: 1;
        visibility: visible;
       }
       .accordion-item-content li, .blog-mweb-caption li {
        font-size:  var(--font-size-normal);
      }
      /* Layout & Container */
      .wt-container {
        padding-top: 20px !important;
      }
      .container {
        padding-inline: var(--page-padding);
      }
      .content,
      .sidebar {
        width: 100%;
        margin-right: 0;
        float: none;
      }
      .hide-mobile,
      .hide-phone {
        display: none !important;
      }
      /* Content Related */
      .content-releated__row__item {
        min-height: auto !important;
      }
      .content-releated__col__item {
        width: calc(50% - 10px);
      }
      .content-body__detail {
            margin-top: 0;
            margin-bottom: 0;
            padding: 0;
      }
      .content-video {
        width: 100%;
        order: -1;
        padding: 0;
        margin-bottom: 20px;
      }
    .content-thumbnail, .content-video, .content-audio{
        max-width: 1024px;
    }
      .content-thumbnail, .content-video, .content-audio {
        float: none;
        margin-bottom: 20px;
        padding: 0;
        margin-right: 0;
        padding: 0;
        margin-right: 0;
    }
      .content-audio .waveform-wrap,
      .content-audio img {
          width: 100% !important;
          height: auto !important;
      }
      .tc-new-specs-container {
          width: 100%;
          order: 0;
      }

      .content-body__detail h3, 
      .content-body__detail h2 {
        clear: left !important;
      }

      /* Header & Navigation */
      .header__appbar--right__logo {
        max-width: 100px;
      }

      /* Footer */
      .footer-right {
        display: none;
      }
      .footer-left {
        width: 100%;
      }

      /* Timeline */
      .content-timeline__detail--top ul {
        max-width: 150px;
      }
      .content-timeline__tab__title {
        font-size:  var(--font-size-md);
        margin: 0 10px 15px 0;
      }

      /* Ads & Promos */
      .tc-promo-300x250-content {
        float: none !important;
        margin: 0 auto 16px auto !important;
      }
      .edd_postdetail {
        padding-right: 15px !important;
      }

      /* Video & Download */
      .mejs-container.mejs-video .mejs-controls {
        bottom: 35px;
        width: 100%;
      }
      span.dl-label {
        display: none;
      }
      label.dl-label .fa {
        font-size:  var(--font-size-normal);
      }
      .dlbox-tab_container {
        width: 100%;
      }
      .prev-btn, .next-btn {
        display: block;
      }
        .top_right_menu_dashboard,
      .top_right_menu_logout {
        width: 100%;
      }
      #con001 {
        margin-top: 30px;
      }
        .drawer__menu ul {
        top: 0;
      }
      ul.sub-menu {
        display: none;
      }
      ul.drawer__menu.active.level_1 > .drawer__menu__item.active > .sub-menu {
        display: block;
      }
      ul.drawer__menu.active.level_1 {
        visibility: hidden;
        height: 0;
      }
      ul.drawer__menu.active.level_1 li {
        overflow: hidden;
        visibility: hidden;
        height: 0;
      }
      .drawer__menu.active.level_1 > .drawer__menu__item.active > .sub-menu > li {
        visibility: visible;
        height: auto;
        overflow: inherit;
      }
      ul.drawer__menu.active.level_2 > .drawer__menu__item.active > .sub-menu {
        display: block;
        visibility: hidden;
        height: 0;
      }
      ul.drawer__menu.active.level_2 > .drawer__menu__item.active > .sub-menu > .drawer__menu__item.active > .sub-menu {
        display: block;
      }
      ul.drawer__menu.active.level_2 {
        visibility: hidden;
        height: 0;
      }
      ul.drawer__menu.active.level_2 li {
        overflow: hidden;
        visibility: hidden;
        height: 0;
      }
      ul.drawer__menu.active.level_2 > .drawer__menu__item.active > .sub-menu > .drawer__menu__item.active > .sub-menu > li {
        visibility: visible;
        height: 41px;
        overflow: inherit;
      }
        ul#navigation a {
        font-size:  var(--font-size-md);
        padding:3px;
    }

      .mobile-header-toggle,
      .mobile-search-toggle,
      .search-trigger-btn {
        display: flex !important;
      }
      .theme-toggle-wrapper {
        display: none !important;
      }
      .category_section h1 {
        font-size:  var(--font-size-md);
      }
        .header__appbar--right__logo {
        width: 120px;
      }
      .header__appbar--right__menu {
        display: none;
      }
      .header__appbar--right__nav {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        background-color: rgba(255, 255, 255, 0.15); /* More visible */
        border-radius: 4px;
        margin-left: 0;
      }
      .header-right-group, .mobile-icons-wrapper {
          gap: 20px;
      }

      @media (max-width: 480px) {
          .header-right-group, .mobile-icons-wrapper {
              gap: 15px;
          }
      }
      .header__appbar--right__buy {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 48px;
        height: 48px;
        color: var(--text-primary) !important;
        border-radius: 50%;
        background: #FFC107;
      }
      .header__appbar--right__buy i {
          font-size: var(--font-size-huge);
    color: var(--on-brand-accent);
      }
      .header__appbar--right__nav.visible-mobile{
          color: var(--on-brand-accent);
      }
      .header__appbar--left .material-button--icon {
        width: 32px;
        height: 32px;
      }
        ul#navigation a {
        font-size:  var(--font-size-md);
        padding:5px;
    }

      .container {
        margin-inline:0;
        padding-inline: 0;
    }
        .logo-desktop {
          display: none;
      }
      .logo-mobile {
          display: inline-flex;
      }
}

@media only screen and (max-width: 1024px) {
    .content {
            width: 100%;
          }
          .sidebar {
            display: none;
          }
          /* Fix for removing left sidebar (banners) and making content full width */
          #homepage_col_2 {
            display: none !important;
          }
          #homepage_col_1 {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important; 
          }
            .top_right_menu{
                display: flex;
                align-items: center;
                width: 100%;
                box-sizing: border-box;
                flex-direction: column;
                padding: 0px 30px 0px 30px;
                gap: 15px;
                margin-top: 50px;
        }
}

@media screen and (max-width: 1024px) {
    .hide-on-mobile {
            display: none !important;
          }
          .visible-mobile {
            display: flex !important;
            align-items: center;
          }
          .top_right_menu_logout .text,
          .top_right_menu_dashboard .text {
            min-width: 122px;
          }
          .statlist {
            display: none;
          }
          .header__appbar {
            background-color: var(--error);
          }
          .ilcontent .overflow {
            overflow-x: auto;
          }
          .header__tabbar,
          .top-menu {
            display: none !important;
          }
}

@media (max-width: 1005px) {
    #homepage_col_1 {
            width: 100%;
            float: right;
          }
}

@media only screen and (max-width: 930px) {
    span.dl-label {
            font-size:  var(--font-size-md);
          }
          label.dl-label .fa {
            font-size:  var(--font-size-md);
          }
}

@media (max-width: 768px) {
  .m3-sites-grid {
    grid-template-columns: repeat(2, 1fr);
}
    .m3-single-container {
        padding: 16px;
      }
    .m3-post-title {
        font-size: var(--font-size-huge);
      }

      .m3-post-subtitle {
        font-size: var(--font-size-large);
      }
    .m3-specs-list {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
      }
    .m3-tab-label {
        display: none;
      }

      .m3-tab {
        padding: 12px 16px;
        justify-content: center;
      }
    .m3-related-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
      }

      .m3-section-title {
        font-size: var(--font-size-large);
      }
    .content-gallery .swiper-button-prev, .content-gallery .swiper-button-next {
            width: 30px;
            height: 30px;
            top: 45%;
        }

        .content-gallery .swiper-button-prev::after, .content-gallery .swiper-button-next::after {
            font-size:  var(--font-size-md);
        }
    .mejs-overlay-button {
            transform: scale(0.6);
            transform-origin: center center;
        }
    .ma_item .content-timeline__detail__container {
            width: 100%;
            margin: 0;
            padding: 0;
          }
          div#homepage_col_2 {
            display: none;
        }
          .ma_item .content-timeline__detail--top ul {
            max-width: unset;
          }
          div#home-container {
            padding: 0;
          }
          .ma_post_carousel .ma_nav button {
            display: none;
          }
          .ma_post_carousel .ma_nav select {
            display: block;
            padding: 0 20px;
            height: 40px;
            border: 1px solid #dfdfdf;
            border-radius: 4px;
            font-size:  var(--font-size-md);
            background: var(--surface-subtle);
            font-family: IranSans, serif;
            position: relative;
            top: -5px;
          }
            /* Responsive Table (Cards Pattern) */
            .transactions-table-wrapper,
            .downloads-table-wrapper {
                border: none;
                overflow-x: visible;
            }

            .transactions-table thead,
            .downloads-table thead {
                display: none;
            }

            .transactions-table,
            .transactions-table tbody,
            .transactions-table tr,
            .downloads-table,
            .downloads-table tbody,
            .downloads-table tr {
                display: block;
                width: 100%;
            }

            .transactions-table tr,
            .downloads-table tr {
                margin-bottom: var(--item-gap);
                border: 1px solid var(--outline-variant);
                border-radius: var(--radius-md);
                background: var(--surface-container-low);
                overflow: hidden;
            }

            .transactions-table td,
            .downloads-table td {
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 12px 16px;
                border-bottom: 1px solid var(--outline-variant);
            }

            .transactions-table td:last-child,
            .downloads-table td:last-child {
                border-bottom: none;
            }

            .transactions-table td::before,
            .downloads-table td::before {
                content: attr(data-label);
                font-weight: 600;
                color: var(--text-secondary);
                margin-left: 12px;
            }

            .transactions-table td[data-label="#"],
            .downloads-table td[data-label="#"] {
                display: none;
            }
            #statistics {
            display: none !important;
          }
          /* Comment Area Mobile Stack */
          .comments-area > ul li.comment > article {
            flex-direction: column;
          }
          .comments-area > ul li.comment > article .comment-top {
            flex-direction: column;
            justify-content: center;
            gap: 10px;
          }
          .comment-info {
            justify-content: center;
            flex-wrap: wrap;
          }
          .comments-area .comment-respond .comment-form-author,
          .comments-area .comment-respond .comment-form-email {
            width: 100%;
            float: none;
          }
}

@media (max-width: 767px) {
    .content-tags__list {
            padding: 15px;
          }
          .comments-area {
            padding: 15px;
          }
          .content-title h1 {
            font-size:  var(--font-size-md);
          }
          h2.entry-title-english {
            text-align: right;
            direction: ltr;
            font-size:  var(--font-size-md);
            color: var(--text-muted);
          }
          a.category {
            font-size:  var(--font-size-sm);
          }

         .content-info-top .date,
         .file-size, .update, .post-count, .tc-post-id,
         .content-info-top #tc-post-id{
        display: none;
          }

          /* Timeline Restructuring for Mobile */
          .content-timeline__media {
            margin: 0px;
            width: 100% !important;
            height: auto;
            float: none;
          }
          .content-timeline__media__image {
            width: 100%;
            position: relative;
            display: block;
            height: auto;
          }
          .content-timeline__media__image img {
            width: 100%;
            height: auto;
          }
          .content-timeline__media__rating .rating-circle {
            width: 56px;
            height: 56px;
            transform: translate(-33px, -53px);
          }
          .content-timeline__media__icon {
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -52px -32px;
            z-index: 10;
          }
          .content-timeline__media__icon:before {
            content: "";
            position: absolute;
            left: 9px;
            top: 9px;
            width: 45px;
            height: 45px;
            z-index: -1;
            border-radius: 100%;
            background-clip: padding-box;
            background-color: rgba(0, 0, 0, 0.6);
          }
          .content-timeline__media__icon i.zmdi {
            font-size: var(--font-size-ex)!important;
            margin: 18px 26px;
          }
          .content-timeline__media.media-video .content-timeline__media__icon {
            z-index: 0;
          }
          .content-timeline--right {
            display: none !important;
          }
          .content-timeline--left {
            width: 100%;
            margin-right: 0px;
          }
          .content-timeline--left:before {
            display: none !important;
          }
          .content-timeline__link {
            padding: 0px;
          }
          .content-timeline__detail {
            width: 100%;
            height: auto;
            margin: 0px;
            float: none;
            position: relative;
            z-index: 1;
          }
          .content-timeline__detail__container {
            width: calc(100% - 20px);
            height: auto;
            position: relative;
            display: block;
            margin: -40px 10px 20px 10px;
            background-color: var(--surface-container);
            padding: 20px 20px 0 20px;
          }
          .content-timeline__detail--top:before,
          .content-timeline__detail--top:after {
            content: "";
            display: table;
          }
          .content-timeline__detail--top:after {
            clear: both;
          }
          .content-timeline__detail__category {
            margin: 0;
            float: left;
          }
          .content-timeline__detail__time {
            float: right;
            display: block !important;
            color: #c0c3ca;
            font-family: "IRANSans-num", serif;
            font-size: var(--font-size-md);
            line-height: normal;
            font-style: normal;
            direction: rtl;
          }
          .content-timeline__author {
            display: none;
          }
          .content-timeline__social-media {
            left: 5px !important;
            top: auto;
            bottom: 10px !important;
            z-index: 9;
            margin: 0;
            color: #c0c3ca !important;
          }
}

@media only screen and (max-width: 760px) {
    .footer-right span {
              font-size: var(--font-size-sm);
            }
}

@media (max-width: 719px) {
    .hide_on_mobile {
            display: none;
          }
          .ma_post_grid .sm-12 {
            width: 100%;
          }
          .ma_post_grid .sm-6 {
            width: calc(6 * 100% / 12);
          }
          .ma_post_grid .sm-5 {
            width: calc(5 * 100% / 12);
          }
          .ma_post_grid .sm-4 {
            width: calc(4 * 100% / 12);
          }
          .ma_post_grid .sm-3 {
            width: calc(3 * 100% / 12);
          }
          .ma_post_grid .sm-2 {
            width: calc(2 * 100% / 12);
          }
          .ma_post_grid .sm-1 {
            width: calc(1 * 100% / 12);
          }
}

@media screen and (max-width: 700px) {
    #pagination {
            justify-content: center;
          }
          #pagination p {
            font-size: var(--font-size-sm);
            width: 100%;
            text-align: center;
            margin-bottom: 5px;
          }

          .m3-search-form{
                grid-template-columns: repeat(2, 1fr);
          }
}

@media (max-width: 640px) {
    .m3-post-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
      }
}

@media only screen and (max-width: 640px) {
    .comments-area > ul li.comment > article .comment-top {
            padding: 0;
            width: 100%;
          }
          .comments-area > ul li.comment > article {
            padding: 15px 10px 15px;
          }
          .comments-area > ul li.comment > article > img.avatar {
            display: none;
          }
}

@media (max-width: 600px) {
    .ma_post_grid .section_title {
            border-bottom: none;
          }
          .ma_post_grid .section_title h2 {
            position: static !important;
            display: block;
          }
          .ma_post_grid .section_title a.more {
            position: relative;
            display: block;
            top: 10px;
            text-align: center;
          }
          .ma_post_carousel .ma_nav {
            position: relative;
          }
          .ma_post_carousel .ma_nav select {
            width: 100%;
            position: relative;
            top: -30px;
          }
          .ma_post_carousel .carousel_title {
            margin-bottom: -20px;
          }
          .ma_post_carousel .carousel_title h2 {
            display: block;
            padding-bottom: 40px;
          }
          .ma_post_carousel .carousel_title a.more {
            position: relative !important;
            left: unset !important;
            top: -32px !important;
            text-align: center;
          }
          .ma_post_carousel .carousel_title:before {
            display: none;
          }
            .lcf_icon li {
            width: 100%;
          }
}

@media (max-width: 576px) {
    .content-gallery .swiper-button-prev, .content-gallery .swiper-button-next {
            display: none !important;
        }
}

@media screen and (max-width: 500px) {
    #pagination a {
            font-size:  var(--font-size-md);
            min-width: 24px;
            height: 24px;
            margin: 2px;
          }
}

@media only screen and (max-width: 485px) {
    .kk-r, .kk-l {
                width: 100%;
                display: inline-block;
            }

            .kk-r {
                float: right;
                padding-bottom: 15px;
            }
            .kk-r, .kk-l {
            width: 100%;
            display: inline-block;
          }
          .kk-r {
            float: right;
            padding-bottom: 15px;
          }
}

@media (max-width: 480px) {
    .m3-single-container {
        padding: 12px;
      }

      .m3-single-content {
        gap: 16px;
      }
    .m3-post-title {
        font-size: var(--font-size-large);
      }

      .m3-post-subtitle {
        font-size: var(--font-size-normal);
      }

      .m3-meta-item {
        font-size: var(--font-size-sm);
      }
    .m3-specs-container {
        padding: 16px;
      }

      .m3-specs-list {
        grid-template-columns: 1fr;
        gap: 8px;
      }
    .m3-download-box {
        padding: 16px;
      }

      .m3-tabs {
        justify-content: space-around;
      }

      .m3-tab {
        flex: 1;
        min-width: 0;
        padding: 12px 8px;
      }
    .m3-related-grid {
        grid-template-columns: 1fr;
      }

      .m3-play-overlay {
        width: 48px;
        height: 48px;
      }

      .m3-play-overlay .material-icons {
        font-size: var(--font-size-ex);
      }
    .m3-media-audio {
            padding: 16px;
          }

          .m3-play-button,
          .m3-pause-button {
            width: 48px;
            height: 48px;
          }

          .m3-play-button .material-icons,
          .m3-pause-button .material-icons {
            font-size: var(--font-size-huge);
          }
}

@media screen and (max-width: 480px) {
    .password,
          .report-box a {
            width: 100%;
            font-size:  var(--font-size-sm); /* merged font-size rules */
          }
          .content-info-top .update {
            display: none;
          }
          .report-box li {
            width: 100%;
          }
          .content-video {
            min-height: 100px;
                    margin-bottom: 20px;
          }
          .ma_term_links .inner .ma_term_link .image img {
            width: 20px !important;
            height: 20px !important;
            max-width: 20px !important;
          }
          .category_section h1 {
            font-size:  var(--font-size-sm);
          }
          .content-releated__col__item {
            width: 100%;
          }
          .content-releated {
            padding: 15px;
          }
}

@media only screen and (max-width: 425px) {
    .about-us .us-left {
            margin-bottom: 16px;
            width: 100%;
          }
          .m3-about-features p {
    display: none;
}
.m3-about-features, .m3-about-stats {
    grid-template-columns: repeat(2, 1fr);
}
}

@media screen and (max-width: 425px) {
    .content-releated__row__item__title {
            font-size:  var(--font-size-md);
        }
          section.content.content-blog {
            padding: 20px;
        }
        .content-tags__list__item a {
            font-size:  var(--font-size-sm);
        }
          .price-box ul {
            min-width: calc(100% * (3 / 3) - 30px - 1px);
          }

            #lcf-contactform {
        padding: 10px;
          }
          /* Related posts mobile fix */
          .content-releated__col__item {
            width: 100% !important;
          }
          #kk_star_ratings,
          .content-info-top .date,
          .content-info-top #tc-post-id {
            display: none;
          }
}

@media screen and (max-width: 424px) {
    .header__appbar--right__menu__list,
          .header__appbar--left,
          .header__tabbar--right {
            display: none;
          }
}

@media only screen and (max-width: 375px) {
    .content-releated__row__item__title {
            font-size:  var(--font-size-sm);
        }
}

@media only screen and (max-width: 325px) {
    .section_title {
            margin-bottom: 44px;
          }
}

@media only screen and (max-width: 320px) {
    .simplefavorite-button {
            display: none;
          }
          .footer-left nav {
            flex: 0 0 100%;
          }
}

@media only screen and (max-width: 300px) {
    .footer-prev,
          .footer-next,
          .footer-text {
            font-size: var(--font-size-sm);
          }
}

@media (max-width: 1141px) and (min-width: 768px) {
    .header__tabbar--dark {
            width: 100%;
          }
}

@media (min-width: 1024px) and (max-width: 1024px) {
    .content-timeline__media.media-video img {
            width: 100%;
            height: auto;
          }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .simplefavorite-button-main {
            left: 40px;
          }
}

@media (min-width: 720px) and (max-width: 959px) {
    .hide_on_tablet {
            display: none;
          }
          .ma_post_grid .md-12 {
            width: 100%;
          }
          .ma_post_grid .md-6 {
            width: calc(6 * 100% / 12);
          }
          .ma_post_grid .md-5 {
            width: calc(5 * 100% / 12);
          }
          .ma_post_grid .md-4 {
            width: calc(4 * 100% / 12);
          }
          .ma_post_grid .md-3 {
            width: calc(3 * 100% / 12);
          }
          .ma_post_grid .md-2 {
            width: calc(2 * 100% / 12);
          }
          .ma_post_grid .md-1 {
            width: calc(1 * 100% / 12);
          }
}

@media (max-width: 411px), (min-width: 426px) and (max-width: 750px), (min-width: 888px) and (max-width: 1050px) {
    .category-ads {
            display: none;
          }
}

@media (min-width: 375px) and (max-width: 1024px) {
    /* Redundant overlapping rules merged above, keeping specifics here if unique */
          .wt-container {
            padding-top: 30px !important;
          }
          .container {
            padding:0 16px;
          }
}

@media only screen and (min-width: 321px) and (max-width: 620px) {
    .footer-left nav {
            flex: 0 0 50%;
          }
}

@media (min-width: 320px) and (max-width: 375px) {
    /* Redundant overlapping rules merged above, keeping specifics here if unique */
          .header__appbar {
            padding-inline: 0px;
        }
}

@media (min-width: 320px) and (max-width: 720px) {
    .order-table li,
          .order-table li:nth-child(even) {
            width: 100%;
          }
          .radio-box {
            width: 100%;
            margin-left: 0;
          }
}

@media (min-width: 768px) {
    .ma_post_grid .row .item.ma_item:nth-child(2n+1) {
                clear: right;
            }
            .content-timeline__media__icon--play-button {
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            cursor: pointer;
          }
          .content-timeline__media__icon--play-button:before {
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
          }
          .content-timeline__media__icon--play-button:hover:before {
            background-color: #3f51b5;
          }
}

@media (min-width: 781px) {
    #ma_menu_wrapper {
                margin-top: 30px;
                margin-left: 33px;
            }
}

@media (min-width: 960px) {
    .hide_on_desktop {
            display: none;
          }
          .ma_post_grid .lg-12 {
            width: 100%;
          }
          .ma_post_grid .lg-6 {
            width: calc(6 * 100% / 12);
          }
          .ma_post_grid .lg-5 {
            width: calc(5 * 100% / 12);
          }
          .ma_post_grid .lg-4 {
            width: calc(4 * 100% / 12);
          }
          .ma_post_grid .lg-3 {
            width: calc(3 * 100% / 12);
          }
          .ma_post_grid .lg-2 {
            width: calc(2 * 100% / 12);
          }
          .ma_post_grid .lg-1 {
            width: calc(1 * 100% / 12);
          }
            [data-desktop_count="4"] .view {
            display: none;
          }
}

@media (min-width: 1006px) {
    #homepage_col_1 {
            flex: 1;
          }
          div#homepage_col_2 {
            flex: 0 1 264px;
          }
}

@media only screen and (min-width: 1025px) {
    .wrap {
            margin: 0 auto;
            width: 100%;
          }
          .isidebar {
            width: 25%;
            margin-left: 3%;
          }
          .ilcontent {
            width: 70%;
          }
          .mobile-icons-wrapper {
            display: none !important;
          }
          .desktop-icons-wrapper {
            display: flex !important;
            visibility: visible !important;
            opacity: 1 !important;
            justify-content: space-evenly;
          }
}

@media (min-width: 1048px) {
    .header__appbar--right__menu__list__item:hover .dropdown-container,
          .header__appbar--right__menu__list__item:focus-within .dropdown-container {
            opacity: 1;
            visibility: visible;
            transform: scale(1) translateY(0);
            pointer-events: auto;
          }
          .header.is-active-tabbar {
            transform: translateY(-64px);
          }
}

@media (min-width: 1200px) {
    .wrap {
            width: 100%;
            margin: 0 auto;
          }
          #navigation .main__menu__list{
            font-size:  var(--font-size-md);
            padding: 0;
        }
}

@media (min-width: 1300px) {
    .tc-promo-sticky {
            display: block;
          }
          .tc-promo-sticky-left {
            left: 50%;
            margin-left: -664px;
          }
          .tc-promo-sticky-right {
            left: 50%;
            margin-left: 544px;
          }
}

@media (min-width: 1025px) {
    .ma_category_menu_handle i {
        top: 0;
    }
}

@media (max-width: 1218px) {
    .footer-right {
        display: none;
    }

    .main-footer {
        grid-template-columns: 1fr;
    }
    .footer-left {
        grid-template-columns: repeat(4, 1fr);
        gap: 27px;
    }
}

@media (max-width: 600px) {
    .footer-left {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1124px) {

    #statistics{
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
}

      @media (max-width: 320px) {

      .header-right-group, .mobile-icons-wrapper {
      gap: 10px;
      }

      .header__top_right img {
      max-width: 50px;
      }

      .header__appbar--right__buy {
      width: 40px;
      height: 40px;
      display: none !important;
      }

      .container {
      padding: 0 15px;
      }

      .header__appbar--right {
      gap: 10px;
      }

      .header__appbar--right__nav {
      color: var(--on-brand-accent);
      }


.footer {
    padding: 30px 20px 0px 20px;

}
      }


@media (max-width: 1200px) {
    .m3-search-form {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .m3-search-form {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 523px) {
    .m3-search-form {
        grid-template-columns: 1fr;
    }
}