@media only screen and (max-width: 1200px) {
    /* Header */
    #menu {
        display: none;
    }
    #overdiv #mobileMenuArea,
    #overdiv.openUI .UIsideBar {
        display: flex;
        flex-direction: column;
    }
    #header_logo {
        max-width: 64px;
    }
    /* Components */
    /* Form */
    .component[data-component="form"] .form-with-sidebar {
        gap: 40px;
    }
    /* Product gallery */
    .component[data-component="product-gallery"] .product-gallery-container {
        gap: 40px;
    }
    .component[data-component="product-gallery"] .product-gallery-left {
        flex-shrink: 0;
        width: 100%;
        max-width: 50%;
    }
}
@media only screen and (max-width: 1024px) {
    #overdiv .table-container {
        overflow: auto;
        margin: 0 -24px;
        width: 100vw;
    }
    #overdiv table {
        border-radius: 0;
    }
    #overdiv table td {
        white-space: nowrap;
    }
    #news_container .preview-article:first-child {
        grid-column: 1 / span 2;
    }
    #news_container .article-overview-container {
        grid-template-columns: repeat(2, 1fr);
    }
    /* Components */
    /* Cards */
    .component[data-component="cards"] .cards-container.four-col {
        grid-template-columns: repeat(2, 1fr);
        width: 100%;
        max-width: 648px;
        margin: 0 auto;
    }
    .component[data-component="cards"] .card-multi .card-bottom-bottom:not(:empty) {
        margin-top: 24px;
    }
    #overdiv .component[data-component="cards"] .card-multi .button,
    #overdiv .component[data-component="cards"] .card-multi .multiField_3,
    #overdiv .component[data-component="cards"] .card-multi .multiField_4 {
        max-width: 100%;
        width: 100%;
    }
    .component[data-component="cards"] .cards-container.three-col .card-multi .card-bottom {
        padding: 24px;
    }
    /* Form */
    .component[data-component="form"] .form-with-sidebar {
        flex-direction: column;
        align-items: center;
    }
    .component[data-component="form"] .form-sidebar {
        max-width: 712px;
        padding: 40px;
    }
    .component[data-component="form"] .form-sidebar .form-sidebar-multi-container {
        gap: 32px;
    }
    /* Testimonials */
    .component[data-component="testimonials"] .testimonials-cards-container {
        grid-template-columns: repeat(2, 1fr);
    }
    .component[data-component="testimonials"] .testimonials-card-multi:has(.multiField_4) {
        grid-column: 1 / span 2;
    }
    /* Footer */
    #footer_top,
    #footer_left {
        gap: 40px;
    }
}
@media only screen and (max-width: 900px) {
    /* Story */
    #news_container .preview-article:first-child .preview-article-bottom,
    #news_container .preview-article:first-child .preview-article-top {
        width: 100%;
        max-width: calc(50% - 12px);
    }
    #news_container .preview-article:first-child .preview-article-bottom {
        flex-shrink: auto;
        margin: 0;
    }
    #related_articles .preview-article-bottom,
    .preview-article:not(:first-child) .preview-article-bottom {
        padding: 24px;
    }
    /* Components */
    /* Cards */
    .component[data-component="cards"] .cards-container.two-col .card-multi:has(.multiField_0) .card-bottom {
        margin: -24px 0 0;
    }
    .component[data-component="cards"] .cards-container.two-col .card-multi .card-bottom {
        padding: 24px;
    }
    .component[data-component="cards"] .cards-container.two-col .card-multi .multiField_1 {
        font-size: var(--28px);
    }
    .component[data-component="cards"] .cards-container.three-col {
        grid-template-columns: 1fr;
        max-width: 348px;
        margin: 0 auto;
    }
    /* Circles col */
    .component[data-component="circles-cols"] .circle-container {
        gap: 32px;
    }
    .component[data-component="circles-cols"] .circle-container.three-col {
        grid-template-columns: 1fr;
        max-width: 648px;
        margin: 0 auto;
    }
    /* Gallery */
    .component[data-component="product-gallery"] .product-gallery-container {
        flex-direction: column;
    }
    .component[data-component="product-gallery"] .product-gallery-left {
        max-width: 712px;
        margin: 0 auto;
    }
    /* Steps */
    .component[data-component="steps"] .steps-multi .multiField_4 {
        width: 248px;
    }
    .component[data-component="steps"] .steps-multi .multiField_4 .steps-number {
        width: 56px;
        height: 56px;
        top: 0;
        font-size: var(--34px);
    }
    .component[data-component="steps"] .steps-multi:nth-child(2n) .multiField_4 .steps-number {
        top: 0;
    }
    /* Two cols */
    .component[data-component="two-cols"] .overdiv-1224 {
        column-gap: 24px;
    }
    .component[data-component="two-cols"] .overdiv-1224.prefooter {
        display: flex;
        flex-direction: column-reverse;
        gap: 24px;
    }
    .component[data-component="two-cols"] .prefooter-buttons:has(.third-field, .fourth-field) {
        margin-top: 24px;
    }
    .component[data-component="two-cols"] .overdiv-1224.prefooter .first-field {
        margin-bottom: 24px;
    }
    /* Footer */
    #footer {
        padding: 24px 0;
    }
    #footer_left {
        gap: 24px;
        flex-direction: column;
    }
    #footer_logo {
        margin-bottom: 8px;
    }
    #footer_bottom {
        margin-top: 32px;
    }
}
@media only screen and (max-width: 768px) {
    #overdiv h1 {
        font-size: var(--48px);
        line-height: 1.25;
    }
    #overdiv h2 {
        font-size: var(--40px);
        line-height: 1.3;
    }
    #overdiv h3 {
        font-size: var(--34px);
        line-height: 1.41;
    }
    #overdiv h4 {
        font-size: var(--28px);
        line-height: 1.42;
    }
    #overdiv h5 {
        font-size: var(--24px);
        line-height: 1.41;
    }
    .pt-64,
    .pt-80 {
        padding-top: 40px;
    }
    .pb-48,
    .pb-64,
    .pb-80 {
        padding-bottom: 40px;
    }
    /* Header */
    #header_register span,
    #overdiv .button.header-icon span {
        display: none;
    }
    #overdiv .button.header-icon:not(#mobileMenuArea, #mobileMenuAreaClose):hover {
        gap: 0;
        width: 40px;
        padding: 0;
    }
    /* Components */
    /* Cards */
    .component[data-component="cards"] .cards-container.two-col {
        grid-template-columns: 1fr;
        max-width: 348px;
        margin: 0 auto;
    }
    /* Circle cols */
    .component[data-component="circles-cols"] .circle-multi .multiField_1 {
        width: 120px;
        height: 120px;
    }
    .component[data-component="circles-cols"] .circle-multi .multiField_1 img {
        padding: 8px;
    }
    /* Gallery */
    .gallery-categories {
        gap: 8px;
    }
    .component[data-component="gallery"] .gallery-container {
        grid-template-columns: repeat(auto-fill, minmax(144px, 1fr));
        column-gap: 24px;
        row-gap: 16px;
        margin-top: 32px;
    }
    .component[data-component="gallery"] .gallery-container .gallery-multi .multiField_0 {
        height: 144px;
    }
    /* Steps */
    .component[data-component="steps"] .steps-multi {
        padding: 32px;
    }
    .component[data-component="steps"] .steps-multi .multiField_4 {
        width: 200px;
    }
    .component[data-component="steps"] .steps-multi .multiField_4 .steps-number {
        width: 48px;
        height: 48px;
        font-size: var(--28px);
    }
    .component[data-component="steps"] .steps-multi,
    .component[data-component="steps"] .steps-multi:nth-child(2n) {
        flex-direction: column-reverse;
        gap: 24px;
    }
    .component[data-component="steps"] .steps-multi:nth-child(2n) .multiField_4 .steps-number {
        inset: 0 8px auto auto;
    }
    /* Testimonials */
    .component[data-component="testimonials"] .testimonials-cards-container {
        column-gap: 16px;
    }
    .component[data-component="testimonials"] .testimonials-card-multi .testimonials-card-multi-wrap {
        padding: 40px 24px 24px;
    }
    .component[data-component="testimonials"] .testimonials-card-multi:has(.multiField_4) .testimonials-card-multi-wrap {
        max-width: 50%;
    }
    .component[data-component="testimonials"] .testimonials-card-multi .multiField_2 {
        font-size: var(--20px);
    }
    .component[data-component="testimonials"] .testimonials-card-multi .multiField_3 {
        font-size: 16px;
    }
    /* Two cols */
    .component[data-component="two-cols"] .overdiv-1224 {
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width: 600px) {
    #overdiv, #overdiv input,
    #overdiv textarea,
    #overdiv select,
    #mint_popup.general-popup,
    #mint_popup.general-popup .button {
        font-size: var(--16px);
    }
    #header_shop,
    #header_school,
    #header_search {
        display: none!important;
    }
    #overdiv #components_banner_img,
    #components_banner,
    #components_banner_img img {
        min-height: 232px;
        aspect-ratio: 1.55;
    }
    #components_banner_title {
        margin-bottom: 15%;
    }
    /* Story */
    #news_container .article-overview-container {
        width: 100%;
        margin: 40px auto;
        max-width: 348px;
	    display: flex;
        flex-direction: column;
    }
    #news_container .preview-article-snip {
        display: none;
    }
    #news_container .preview-article:first-child {
        grid-column: auto;
    }
    .preview-article:first-child .preview-cat,
    .preview-article:not(:first-child) .preview-cat {
        top: 8px;
        right: 8px;
    }
    .preview-article .preview-article-top,
    .preview-article .preview-img {
        border-radius: 15px;
        max-height: 256px;
        height: 100%;
        overflow: hidden;
    }
    .preview-article .button {
        margin-top: 24px;
    }
    #news_container .preview-article:first-child .preview-article-bottom {
        border-radius: 15px;
        background-color: var(--white);
        margin-top: -32px;
        padding: 24px;
        z-index: 2;
        position: relative;
    }
    #news_container .preview-article:first-child {
        display: block;
        padding: 0;
    }
    #news_container .preview-article:first-child .preview-article-bottom, 
    #news_container .preview-article:first-child .preview-article-top {
        width: 100%;
        max-width: 100%;
    }
    /* Component */
    /* Banner slider */
    .component[data-component="banner-slider"] .banner-slider-multi .multiField_1 {
        margin-bottom: 24px;
    }
    .component[data-component="banner-slider"] .banner-slider-multi .multiField_2 {
        font-size: var(--18px);
    }
    .component[data-component="banner-slider"] .banner-slider-multi-dots:not(:empty) {
        bottom: 40px;
        justify-content: center;
    }
    /* Cards */
    .component[data-component="cards"] .cards-container.two-col .card-multi .multiField_1,
    .component[data-component="cards"] .cards-container.three-col .card-multi .multiField_1 {
        font-size: var(--24px);
    }
    .component[data-component="cards"] .cards-container.four-col {
        grid-template-columns: 1fr;
        max-width: 312px;
    }
    /* Forms */
    .component[data-component="form"] .form-sidebar,
    .component[data-component="form"] .forms-container {
        padding: 24px;
    }
    .component[data-component="form"] .form-sidebar .form-sidebar-multi-container {
        gap: 24px;
    }
    .component[data-component="form"] .form-sidebar .form-sidebar-multi {
        gap: 16px;
    }
    .component[data-component="form"] .form-step-content {
        column-gap: 16px;
        padding: 24px 0;
    }
    .component[data-component="form"] .button {
        margin-top: 24px;
    }
    /* Gallery */
    .component[data-component="gallery"] .gallery-container {
        grid-template-columns: repeat(auto-fill, minmax(144px, 1fr));
        column-gap: 24px;
        row-gap: 16px;
        margin-top: 32px;
    }
    /* Image with box */
    .component[data-component="image-with-box"] .text {
        padding: 24px;
    }
    /* Product gallery */
    .component[data-component="product-gallery"] .product-gallery .gal_img {
        width: 64px;
        height: 64px;
    }
    /* Steps */
    .component[data-component="steps"] .steps-multi-container {
        gap: 56px;
    }
    .component[data-component="steps"] .steps-multi {
        padding: 24px;
    }
    .component[data-component="steps"] .steps-multi .multiField_2 {
        font-size: var(--24px);
        line-height: 1.41;
        margin-bottom: 16px;
    }
    .component[data-component="steps"] .steps-multi .multiField_4 {
        width: 144px;
        padding: 36px;
    }
    .component[data-component="steps"] .steps-multi .multiField_4 .steps-number {
        width: 40px;
        height: 40px;
        font-size: var(--24px);
    }
    .component[data-component="steps"] .steps-multi .step-arrow {
        width: 40px;
        height: 40px;
    }
    /* Testimonials */
    .component[data-component="testimonials"] .testimonials-cards-container {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .component[data-component="testimonials"] .testimonials-card-multi {
        max-width: 392px;
    }
    .component[data-component="testimonials"] .testimonials-card-multi:has(.multiField_4) {
        grid-column: auto;
        flex-direction: column-reverse;
    }
    .component[data-component="testimonials"] .testimonials-card-multi .multiField_4 {
        border-radius: 20px 20px 0 0;
        margin-right: 0;
    }
    .component[data-component="testimonials"] .testimonials-card-multi:has(.multiField_4) .testimonials-card-multi-wrap {
        max-width: 100%;
        padding: 24px;
    }
    /* Footer */
    #footer .p-16 {
        font-size: var(--14px);
    }
    #footer_logo {
        width: 72px;
        height: 72px;
    }
    #footer_top {
        position: relative;
    }
    #footer_right {
        position: absolute;
        right: 0;
        top: 0;
    }
    #footer_right img {
       max-width: 80px; 
    }
    .share-container span,
    #footer_social span {
        width: 40px;
        height: 40px;
    }
}
@media only screen and (max-width: 500px) {
    #overdiv h1 {
        font-size: var(--40px);
        line-height: 1.3;
    }
    #overdiv h2 {
        font-size: var(--34px);
        line-height: 1.41;
    }
    #overdiv h3 {
        font-size: var(--28px);
        line-height: 1.42;
    }
    #overdiv h4 {
        font-size: var(--24px);
        line-height: 1.41;
    }
     #overdiv h6 {
        font-size: var(--20px);
        line-height: 1.4;
    }
    .p-20 {
        font-size: var(--18px);
    }
    .back-link {
        margin: 0 0 24px;
    }
    /* Header */
    #overdiv #header_shop,
    #overdiv #header_school,
    #overdiv #header_search {
        display: none;
    }
    /* Components */
    /* Breadcrumbs */
    .component[data-component="breadcrumbs"] .overdiv-1224 {
        font-size: var(--14px);
    }
    /* Circle cols */
    .component[data-component="circles-cols"] .circle-multi .multiField_1 {
        width: 96px;
        height: 96px;
    }
    /* Faqs */
    .component[data-component="faqs"] .first-field {
        margin-bottom: 32px;
    }
    .component[data-component="faqs"] .faq-multi {
        padding: 12px 12px 12px 24px;
    }
    .component[data-component="faqs"] .faq-multi .faq-plus {
        inset: 14px 14px auto auto;
    }
    .component[data-component="faqs"] .faq-multi .multiField_0 {
        font-size: var(--18px);
    }
    .component[data-component="faqs"] .second-field {
        margin-top: 32px;
    }
    /* Forms */
    #overdiv .component[data-component="form"] .form-with-sidebar .button {
        max-width: 100%;
    }
    .component[data-component="form"] .form-sidebar .form-sidebar-multi .multiField_0 img {
        max-width: 40px!important;
    }
    .component[data-component="form"] .form-group.form-half,
    .component[data-component="form"] .button {
        width: 100%;
    }
    /* Image with box */
    .component[data-component="image-with-box"] .text .button {
        width: 100%;
    }
    /* Product gallery */
    .component[data-component="product-gallery"] .product-gallery-container {
        gap: 32px;
    }
    .component[data-component="product-gallery"] .product-gallery-img {
        margin-bottom: 16px;
    }
    .component[data-component="product-gallery"] .product-gallery .gal_img {
        width: 40px;
        height: 40px;
    }
    .component[data-component="product-gallery"] .product-gallery-right .title {
        font-size: var(--28px);
    }
    .component[data-component="product-gallery"] .product-gallery-right .cost {
        margin: 24px 0;
    }
    .component[data-component="product-gallery"] .product-gallery-right .button {
        width: 100%;
    }
    .component[data-component="product-gallery"] .product-gallery-right .bottom {
        margin-top: 24px;
        padding-top: 24px;
    }
    /* Steps */
    #overdiv .component[data-component="steps"] .steps-multi .button {
        width: 100%;
    }
    /* Two cols */
    #overdiv .component[data-component="two-cols"] .prefooter-buttons .third-field,
    #overdiv .component[data-component="two-cols"] .prefooter-buttons .fourth-field,
    #overdiv .component[data-component="two-cols"] .prefooter-buttons .button {
        width: 100%;
    }
}