@media (max-width: 1735px) {
    .container {
        max-width: 1600px;
    }
    .home-heading {
        left: 280px;
    }
    .back-img {
        right: 24%;
    }
}

@media (max-width: 1600px) {
    .container {
        max-width: 1431px;
    }
    .home-heading {
        left: 390px;
        top: 90px;
        font-size: 100px;
    }
    .back-img {
        right: 26%;
    }
    .play-btn {
        padding: 36px;
    }
    .about-content-grid {
        -ms-grid-columns: 1.5fr 2fr;
        grid-template-columns: 1.5fr 2fr;
    }
    .overlay {
        width: 20%;
    }
}

@media (max-width: 1431px) {
    .container {
        max-width: 1366px;
    }
    .overlay {
        width: 22%;
    }
    .home-heading {
        left: 325px;
    }
    .second-block {
        margin-top: 100px;
    }
    section#articles {
        margin-top: 50px;
    }
    section#ratings {
        margin-top: 100px;
    }
    #news .category_posts_name {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 1366px) {
    .container {
        max-width: 1280px;
    }
    .overlay {
        width: 23%;
    }
    .header-wrapper {
        -ms-grid-columns: minmax(230px, 1fr) 4fr 2fr 1fr;
        grid-template-columns: minmax(230px, 1fr) 4fr 2fr 1fr;
    }
    .home-heading {
        left: 260px;
    }
    main.about h1 {
        font-size: 80px;
    }
    .about-description {
        font-size: 24px;
    }
    @-webkit-keyframes triangle-1 {
        from { left: -300px; }
        to { left: 70px; }
    }
    @keyframes triangle-1 {
        from { left: -300px; }
        to { left: 70px; }
    }
    @-webkit-keyframes triangle-2 {
     0% { left: -300px; }
     50% { -webkit-box-shadow: 0px 0px 0px rgb(202 202 202); box-shadow: 0px 0px 0px rgb(202 202 202); }
     100% { left: 70px; -webkit-box-shadow: 10px 10px 10px rgb(202 202 202); box-shadow: 10px 10px 10px rgb(202 202 202); }
    }
    @keyframes triangle-2 {
     0% { left: -300px; }
     50% { -webkit-box-shadow: 0px 0px 0px rgb(202 202 202); box-shadow: 0px 0px 0px rgb(202 202 202); }
     100% { left: 70px; -webkit-box-shadow: 10px 10px 10px rgb(202 202 202); box-shadow: 10px 10px 10px rgb(202 202 202); }
    }
    @-webkit-keyframes playline {
     from { width: 0%; }
     to { width: 80%; }
    }
    @keyframes playline {
     from { width: 0%; }
     to { width: 80%; }
    }
    .about-wrapper > div {
        -ms-grid-columns: minmax(270px, 1fr) 4fr;
        grid-template-columns: minmax(270px, 1fr) 4fr;
    }
    .about-us {
        margin: 84px 0 70px;
    }
    .works-wrapper .slick-track {
        gap: 80px;
    }
    .glsr-default .glsr-review>.glsr-review-content p:after {
        left: 90%;
    }
}

@media (max-width: 1280px) {
    .container {
        max-width: 1024px;
    }
    .overlay {
        width: 25%;
    }
    .header-wrapper {
        -ms-grid-columns: minmax(190px, 1fr) 4fr 1fr 1fr;
        grid-template-columns: minmax(190px, 1fr) 4fr 1fr 1fr;
    }
    .header-wrapper .main-navigation li:not(:first-child) a {
        padding: 0px 15px;
    }
    .fast-links {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    .fast-links button {
        margin-left: 10px;
    }
    .home-image {
        right: 0;
        max-width: 350px;
    }
    .home-heading {
        left: 245px;
        font-size: 85px;
    }
    .back-img {
        right: 15%;
        top: 22%;
    }
    @-webkit-keyframes triangle-1 {
        from { left: -300px; }
        to { left: 40px; }
    }
    @keyframes triangle-1 {
        from { left: -300px; }
        to { left: 40px; }
    }
    @-webkit-keyframes triangle-2 {
     0% { left: -300px; }
     50% { -webkit-box-shadow: 0px 0px 0px rgb(202 202 202); box-shadow: 0px 0px 0px rgb(202 202 202); }
     100% { left: 40px; -webkit-box-shadow: 10px 10px 10px rgb(202 202 202); box-shadow: 10px 10px 10px rgb(202 202 202); }
    }
    @keyframes triangle-2 {
     0% { left: -300px; }
     50% { -webkit-box-shadow: 0px 0px 0px rgb(202 202 202); box-shadow: 0px 0px 0px rgb(202 202 202); }
     100% { left: 40px; -webkit-box-shadow: 10px 10px 10px rgb(202 202 202); box-shadow: 10px 10px 10px rgb(202 202 202); }
    }
    .about-wrapper > div {
        -ms-grid-columns: minmax(200px, 1fr) 4fr;
        grid-template-columns: minmax(200px, 1fr) 4fr;
    }
    .about-content .list-item-name {
        font-size: 40px;
        line-height: 1.2;
    }
    .about-us {
        margin: 60px 0;
    }
    .about-content-grid > div:first-child {
        font-size: 16px;
        line-height: 1.7;
    }
    .about-content-grid > div:nth-child(2) {
        font-size: 14px;
        line-height: 1.7;
        padding-right: 20px;
    }
    .about-content-grid {
        gap: 40px;
    }
    h2 {
        font-size: 70px;
    }
    .images-wrapper > div:nth-child(2):before {
        border: 33px solid transparent;
        border-right: 33px solid var(--mainColor);
        border-bottom: 33px solid var(--mainColor);
        top: -33px;
        left: -33px;
    }
    .images-wrapper > div {
        -ms-flex-item-align: center;
            -ms-grid-row-align: center;
            align-self: center;
    }
    .benefit-item {
        padding: 20px;
    }
    .benefit-name {
        font-size: 18px;
        margin: 20px 0;
    }
    .rating-img {
        max-width: 240px;
        padding: 0 30px;
    }
    .rating-stars {
        font-size: 35px;
    }
    .rating-stars img {
        margin-bottom: 20px;
    }
    .magazine {
        font-size: 20px;
        line-height: 26px;
    }
    .video-block {
        max-width: 850px;
    }
    .timeline .days .day .events p {
        max-width: 380px;
        font-size: 16px;
        line-height: 18px;
    }
    .control, .controls {
        left: 90%;
    }
    .works-heading {
        font-size: 40px;
    }
    .glsr-default .glsr-review>.glsr-review-content p:before, .glsr-default .glsr-review>.glsr-review-content p:after {
        margin-top: 0px;
    }
    #news .news-wrapper {
        -ms-grid-columns: minmax(480px, 1fr) 30px 1fr 30px 1fr;
        grid-template-columns: minmax(480px, 1fr) 1fr 1fr;
        gap: 30px;
    }
    #news .category_posts_name {
        font-size: 18px;
        line-height: 22px;
    }
    #news .category_post-img span {
        padding: 10px 30px 5px;
    }
}

@media (max-width: 1024px) {
    .container {
        max-width: 800px;
    }
    .overlay {
        width: 30%;
    }
    .header-wrapper {
        -ms-grid-columns: minmax(200px, 1fr) 4fr 1fr;
        grid-template-columns: minmax(200px, 1fr) 4fr 1fr;
    }
    .header-wrapper .main-navigation {
        display: none;
    }
    #searchform {
        margin-right: 20px;
        -ms-grid-column-align: end;
            justify-self: end;
    }
    .fast-links button {
        margin-left: 20px;
    }
    section#home {
        min-height: 570px;
    }
    .triangle {
        top: 55%;
    }
    .triangle-1 {
        border: 24px solid transparent;
        border-right: 24px solid #C4C4C4;
        border-bottom: 24px solid #C4C4C4;
        top: 55%;
    }
    .triangle-2 {
        border: 50px solid transparent;
        border-right: 50px solid var(--mainColor);
        border-bottom: 50px solid var(--mainColor);
    }
    .home-heading {
        left: 130px;
        font-size: 70px;
        top: 50px;
    }
    .home-heading .home-desc {
        font-size: 18px;
    }
    .home-image {
        right: 0;
        max-width: 270px;
    }
    .back-img {
        top: 18%;
        right: 17%;
    }
    .decorative {
        right: 0;
        top: 0;
    }
    @-webkit-keyframes lines {
     from { right: -500px; top: -500px; }
     to { right: 0; top: 0; }
    }
    @keyframes lines {
     from { right: -500px; top: -500px; }
     to { right: 0; top: 0; }
    }
    .about-wrapper > div {
        -ms-grid-columns: 1fr 4fr;
        grid-template-columns: 1fr 4fr;
    }
    .about-wrapper .number {
        font-size: 80px;
        padding-top: 15px;
    }
    .about-content .list-item-name {
        font-size: 30px;
    }
    .about-content-grid {
        gap: 20px;
    }
    .about-content-grid .triangle {
        width: 48px;
        height: 48px;
        border-right: 24px solid var(--mainColor);
        border-bottom: 24px solid var(--mainColor);
    }
    .features span {
        font-size: 24px;
    }
    .second-block {
        margin-top: 60px;
    }
    main.about h1 {
        font-size: 70px;
    }
    .about-description {
        font-size: 21px;
        margin-bottom: 0;
    }
    .timeline .days .day .events p {
        max-width: 270px;
        letter-spacing: 0.13em;
    }
    h2 {
        font-size: 54px;
    }
    #articles .main-category .category_posts_name {
        font-size: 18px;
        line-height: 24px;
    }
    #articles .main-category {
        gap: 30px;
    }
    #articles .main-category p {
        font-size: 14px;
        line-height: 1.7;
    }
    .images-wrapper img {
        width: 100%;
    }
    .images-wrapper {
        gap: 40px;
    }
    .benefits-heading {
        margin-bottom: 50px;
    }
    .benefits-list {
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
    #ratings h2 {
        margin: 0 0 50px 0;
    }
    .ratings-block {
        margin-top: 0px;
    }
    .rating-img {
        max-width: 200px;
        padding: 0 20px;
    }
    .rating-stars {
        font-size: 26px;
    }
    .magazine {
        font-size: 16px;
        line-height: 22px;
    }
    section#works {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .works-wrapper .category_posts {
        max-width: 800px;
    }
    .works-heading {
        font-size: 34px;
    }
    .glsr-review-title h3 {
        font-size: 34px;
    }
    .glsr-default .glsr-review>.glsr-review-content p:before, .glsr-default .glsr-review>.glsr-review-content p:after {
        width: 24px;
        height: 17px;
        background-size: 24px;
        margin-bottom: 15px;
    }
    .offer-form-block > div {
        width: unset;
    }
    .offer-form-block {
        gap: 40px;
    }
    .offer-form-block .offer-form {
        max-width: 530px;
    }
    #offer .wpforms-field-container > div:not(:last-child) {
        margin-bottom: 20px;
    }
    div.wpforms-container-full .wpforms-form textarea, div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=text] {
        min-width: 530px;
    }
    #news .heading {
        margin: 60px 0 50px;
    }
    #news .news-wrapper {
        -ms-grid-columns: minmax(340px, 1fr) 20px 1fr 20px 1fr;
        grid-template-columns: minmax(340px, 1fr) 1fr 1fr;
        gap: 20px;
    }
    #news .category_posts_name {
        font-size: 16px;
        line-height: 20px;
        margin: 20px 0;
    }
    .footer-wrapper {
        -ms-grid-columns: 2fr 2fr 1fr 2fr;
        grid-template-columns: 2fr 2fr 1fr 2fr;
        gap: 20px;
    }
    .footer-header {
        margin-bottom: 20px;
    }
    .footer-menu li {
        margin-bottom: 14px;
    }
    .footer-menu a {
        font-size: 14px;
    }
    .trianglez {
        display: none;
    }
    .links a {
        font-size: 14px;
        padding: 20px 30px;
    }
    .flex-block .contacts ul {
        font-size: 18px;
        line-height: 24px;
    }
    
    .site-info-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    }
    .article-wrapper {
        gap: 20px;
    }
    .article-info .entry-title {
        font-size: 20px;
        line-height: 24px;
    }
    .article-excerpt {
        font-size: 14px;
        line-height: 20px;
    }
    .article-excerpt p {
        margin: 0 0 20px;
    }
    .article-link a {
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 5px;
    }
    .category .post {
        margin: 0 0 40px;
    }
}

@media (max-width: 800px) {
    .container {
        max-width: 640px;
    }
    .overlay {
        width: 40%;
    }
    h1, .h1 {
        font-size: 40px;
    }
    .children a {
        font-size: 24px;
    }
    .tabs__links {
        margin: 10px 0 -50px;
    }
    .tabs__links a {
        font-size: 20px;
        line-height: 28px;
    }
    section#home {
        min-height: 500px;
    }
    .home-image {
        max-width: 230px;
    }
    .back-img {
        top: 18%;
        right: 17%;
        width: 30%;
    }
    .home-heading {
        left: 80px;
        font-size: 56px;
    }
    .home-heading .home-desc {
        font-size: 16px;
        max-width: 270px;
    }
    .decorative {
        width: 300px;
    }
    .play-btn {
        padding: 30px;
    }
    section#about {
        margin-top: 0;
    }
    .about-wrapper .number {
        font-size: 60px;
        padding-top: 10px;
    }
    .about-content .list-item-name {
        font-size: 24px;
    }
    .about-us {
        margin: 30px 0;
    }
    .about-content-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: 1fr 2fr 1fr 1fr;
        grid-template-rows: 1fr 2fr 1fr 1fr;
    }
    .about-content-grid > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .about-content-grid > *:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .about-content-grid > *:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .about-content-grid > *:nth-child(4) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    h2 {
        font-size: 40px;
    }
    section#benefits, section#images {
        margin-top: 60px;
    }
    section#ratings {
        margin-top: 40px;
    }
    .video-block {
        max-width: 640px;
    }
    .video-block video {
        height: 315px;
    }
    .section-links.fixed {
        right: 30px;
    }
    .works-wrapper .category_posts {
        max-width: 640px;
    }
    .works-wrapper .slick-track {
        gap: 60px;
    }
    #about_us {
        padding-top: 60px;
    }
    .works-heading {
        font-size: 28px;
    }
    .about_us-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .about_us-wrapper > div {
        width: unset;
    }
    div.wpforms-container-full .wpforms-form textarea, div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=text] {
        min-width: 400px;
    }
    #offer .wpforms-submit-container {
        max-width: 400px;
    }
    #offer .wpforms-submit-container button {
        padding: 20px 40px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }
    #news .news-wrapper {
        -ms-grid-columns: minmax(250px, 1fr) 1fr 1fr;
        grid-template-columns: minmax(250px, 1fr) 1fr 1fr;
    }
    #news .category_posts_name {
        font-size: 14px;
        line-height: 18px;
        margin: 10px 0;
    }
    #news .formbtn {
        padding: 20px 40px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        margin-top: 20px;
    }
    .footer-wrapper {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .footer-contacts {
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
    }
    .site-footer .newsletter {
        margin-bottom: 40px;
    }
    .site-info-wrapper > * {
        margin-top: 10px;
    }
    main.about h1 {
        font-size: 50px;
        margin: 20px 0;
    }
    .about-description {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .timeline .days .day:nth-child(odd) .events {
        width: 100%;
        border-left: 0;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .timeline .days .day .events {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        border-right: none;
        text-align: left;
        padding: 10px;
    }
    .timeline .days .day:nth-child(even) .events {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .timeline .days .day .events span {
        position: relative;
        right: unset;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        left: 0;
        top: 0;
        -webkit-transform: unset;
            -ms-transform: unset;
                transform: unset;
        -ms-flex-preferred-size: 100px;
            flex-basis: 100px;
        margin-right: 20px;
    }
    .timeline .days .day .events:after,
    .timeline .days .day:nth-child(odd) .events:after {
        display: none;
    }
    .timeline .days .day .events p {
        max-width: unset;
    }
    .flex-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
    .flex-block > div {
        width: 100%;
    }
    .flex-block .contacts {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        text-align: left;
    }
    .flex-block .contacts .footer-social {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: end;
        margin-top: 0;
    }
    .article-info .entry-title {
        font-size: 16px;
        line-height: 20px;
    }
    .article-excerpt {
        font-size: 12px;
        line-height: 18px;
    }
}

@media (max-width: 640px) {
    .container {
        max-width: 600px;
    }
    .overlay {
        width: 50%;
    }
    .section-links.fixed {
        right: 10px;
    }
    .back-img {
        right: 20%;
    }
    .home-heading {
        top: 30px;
    }
    .decorative {
        width: 270px;
    }
    section#home {
        min-height: 450px;
    }
    .about-content .list-item-name {
        font-size: 22px;
    }
    .about-content-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: 1fr 1fr .5fr 1fr;
        grid-template-rows: 1fr 1fr .5fr 1fr;
    }
    .about-content-grid > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .about-content-grid > *:nth-child(2) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    .about-content-grid > *:nth-child(3) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    .about-content-grid > *:nth-child(4) {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
    }
    #articles .main-category {
        overflow-x: auto;
    }
    #articles .main-category > div {
        width: 100%;
        min-width: 500px;
        padding-bottom: 30px;
    }
    .rating-stars {
        font-size: 24px;
    }
    .rating-img {
        max-width: 150px;
        padding: 0 10px 0 20px;
    }
    .magazine {
        font-size: 14px;
        line-height: 18px;
    }
    .rating-stars img {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .works-wrapper .category_posts {
        max-width: 550px;
    }
    .works-wrapper .slick-track {
        gap: 30px;
    }
    #works .category_posts_name {
        font-size: 18px;
        line-height: 22px;
        max-width: 80%;
    }
    .control, .controls {
        left: 83%;
        bottom: 180px;
    }
    .works-heading {
        margin-bottom: 30px;
    }
    .glsr-default .glsr-review>.glsr-review-content {
        padding: 0 20px;
    }
    div.wpforms-container-full .wpforms-form textarea, div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=text] {
        min-width: 330px;
    }
    #offer .wpforms-submit-container button {
        padding: 20px 20px;
        margin-left: 10px;
        font-size: 14px;
    }
    #offer .heading {
        font-size: 28px;
        margin-bottom: 10px;
    }
    #news .heading p {
        font-size: 28px;
    }
    #news .news-wrapper {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 2fr 1fr 1fr;
        grid-template-rows: 2fr 1fr 1fr;
        padding: 0 20px;
    }
    #news .news-wrapper > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    #news .news-wrapper > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
    }
    #news .news-wrapper > *:nth-child(3) {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
    }
    #news .news-wrapper > *:nth-child(4) {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
    }
    #news .news-wrapper > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
    #news .news-wrapper > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 2;
    }
    #news .news-wrapper .category_posts:first-child {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
    }
    #news .category_post-img {
        text-align: center;
    }
    #news .category_post-img span {
        bottom: 5px;
    }
    #news .category_posts_name {
        font-size: 18px;
        line-height: 22px;
    }
    .timeline .days .day .events span {
        font-size: 50px;
        -ms-flex-preferred-size: 80px;
            flex-basis: 80px;
    }
    .timeline .year {
        display: none;
    }
    .flex-block .contacts ul {
        font-size: 14px;
    }
    .links a {
        font-size: 14px;
        padding: 14px 20px;
    }
    .article-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .date-publish {
        padding: 8px 25px;
        bottom: 5px;
    }
}

@media (max-width: 600px) {
    .container {
        max-width: 480px;
    }
    .fast-links a {
        display: none;
    }
    .tabs__links a {
        font-size: 16px;
        line-height: 22px;
    }
    .tabs__links li:not(:last-child):after {
        margin: 0 10px;
    }
    section#home {
        min-height: 400px;
    }
    .home-image {
        max-width: 190px;
    }
    .home-heading {
        left: 60px;
        font-size: 50px;
    }
    .home-heading .home-desc {
        margin-top: 10px;
        max-width: 200px;
    }
    .play-btn {
        padding: 24px;
    }
    .triangle-2 {
        border: 40px solid transparent;
        border-right: 40px solid var(--mainColor);
        border-bottom: 40px solid var(--mainColor);
    }
    .triangle {
        top: 60%;
    }
    .triangle-1 {
        top: 60%;
    }
    .about-wrapper .number {
        font-size: 44px;
    }
    .about-content .list-item-name {
        font-size: 20px;
    }
    .about-content-grid {
        -ms-grid-rows: .5fr 1fr .5fr .5fr;
        grid-template-rows: .5fr 1fr .5fr .5fr;
    }
    .features > div {
        width: 100%;
    }
    #articles .main-category > div {
        min-width: 400px;
    }
    h2 {
        font-size: 28px;
    }
    .benefit-name {
        font-size: 16px;
        margin: 10px 0;
    }
    .benefit-desc {
        font-size: 14px;
        line-height: 1.5;
    }
    .video-block {
        max-width: 480px;
    }
    .video-block video {
        height: 237px;
    }
    .ratings-block {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .ratings-block > div {
        width: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .rating-img {
        max-width: 200px;
    }
    .works-wrapper .category_posts {
        max-width: 450px;
    }
    .control, .controls {
        left: 83%;
        bottom: 200px;
    }
    .offer-form-block {
        gap: 0;
    }
    .offer-form-block .offer-img {
        display: none;
    }
    .offer-form-block > div {
        width: 100%;
    }
    .offer-form-block .offer-form {
        max-width: 100%;
    }
    #offer .wpforms-field-container > div:not(:last-child) {
        margin-bottom: 10px;
    }
    #offer .wpforms-submit-container button {
        padding: 20px 40px;
    }
    #offer .wpforms-submit-container {
        max-width: 100%;
    }
    #news .category_posts_name {
        font-size: 16px;
        line-height: 20px;
    }
    main.about h1,
    .timeline-head {
        font-size: 40px;
    }
    .about-description {
        font-size: 14px;
    }
    .timeline .days .day .events span {
        font-size: 36px;
        -ms-flex-preferred-size: 60px;
            flex-basis: 60px;
    }
    .timeline .days .day .events p {
        letter-spacing: 0;
        margin: 10px 0;
    }
    .links {
        /*border: 1px solid var(--mainColor);*/
        padding: 10px;
    }
    .links a {
        background: transparent;
        color: var(--mainColor);
        padding: 0;
        text-align: right;
        border: 0;
    }
}

@media (max-width: 480px) {
    .container {
        max-width: 425px;
    }
    .overlay {
        width: 65%;
    }
    #searchform {
        max-width: 140px;
    }
    section#home {
        min-height: 330px;
    }
    #home .social-links {
        display: none;
    }
    #home .triangle {
        display: none;
    }
    .home-heading {
        left: 0;
    }
    .home-image {
        max-width: 170px;
    }
    .back-img {
        right: 25%;
    }
    .play-block {
        bottom: 40px;
    }
    .decorative {
        display: none;
    }
    .about-content-grid {
        -ms-grid-rows: .5fr 1fr .5fr;
        grid-template-rows: .5fr 1fr .5fr;
    }
    .about-wrapper .number {
        font-size: 34px;
        padding-top: 15px;
    }
    .about-wrapper > div {
        -ms-grid-columns: 1fr 6fr;
        grid-template-columns: 1fr 6fr;
    }
    .about-content .list-item-name {
        font-size: 18px;
    }
    .about-content-grid > div:first-child {
        font-size: 14px;
    }
    .about-content-grid .triangle {
        position: absolute;
        left: -200px;
        top: 50%;
    }
    @-webkit-keyframes triangle-1 {
     from { left: -200px; }
     to { left: -20px; }
    }
    @keyframes triangle-1 {
     from { left: -200px; }
     to { left: -20px; }
    }
    section#articles {
        margin-top: 20px;
    }
    #articles .main-category > div {
        min-width: 350px;
    }
    .images-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .images-wrapper > div {
        width: 100%;
    }
    .images-wrapper > div:nth-child(2):before {
        top: -50px;
        left: -18px;
    }
    .images-wrapper span {
        line-height: 1.5;
        margin-top: 15px;
    }
    .benefits-heading a {
        font-size: 14px;
        line-height: 1.7;
    }
    .benefits-heading a svg {
        margin-right: 10px;
    }
    .benefits-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    #ratings h2 {
        margin: 0 0 20px 0;
    }
    .video-block {
        max-width: 375px;
    }
    .video-block video {
        height: 185px;
    }
    .ratings-block {
        padding: 0 20px 0 0;
    }
    .works-wrapper .category_posts {
        max-width: 375px;
    }
    .category_posts .excerpt {
        font-size: 14px;
    }
    .control, .controls {
        left: 80%;
        bottom: 180px;
    }
    .works-heading {
        font-size: 24px;
    }
    #about_us .reviews .formbtn, #news .formbtn {
        margin: 20px 0 30px;
    }
    #news .category_posts_name {
        font-size: 14px;
        line-height: 18px;
    }
    .site-footer .newsletter {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
    }
    .footer-contacts {
        -ms-grid-row: 3;
        -ms-grid-row-span: 1;
        grid-row: 3/4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
    }
    .site-footer form {
        max-width: 100%;
    }
    .footer-social {
        margin-top: 0;
        padding: 20px 0;
        gap: 20px;
    }
    main.about h1, .timeline-head {
        font-size: 34px;
    }
}

@media (max-width: 425px) {
    .container {
        max-width: 375px;
    }
    .overlay {
        width: 100%;
    }
    h1, .h1 {
        font-size: 30px;
        line-height: 34px;
    }
    .children a {
        font-size: 20px;
    }
    .children {
        margin-top: 10px;
    }
    #searchform {
        display: none;
    }
    .site-branding {
        margin-top: 0;
    }
    .fast-links button {
        margin-left: 0;
        margin-top: 0;
    }
    .header-wrapper {
        -ms-grid-columns: 4fr 1fr;
        grid-template-columns: 4fr 1fr;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 15px;
    }
    section#home {
        min-height: unset;
        max-height: 300px;
    }
    .section-links.fixed {
        display: none;
    }
    .play-block {
        bottom: 70px;
    }
    .play-btn {
        padding: 11px;
    }
    .home-image {
        max-width: 150px;
    }
    .home-heading {
        font-size: 44px;
    }
    .home-heading .home-desc {
        font-size: 14px;
    }
    .about-wrapper .number {
        font-size: 30px;
        padding-top: 10px;
    }
    .about-wrapper > div {
        -ms-grid-columns: 1.2fr 7fr;
        grid-template-columns: 1.2fr 7fr;
    }
    .about-content .list-item-name {
        font-size: 15px;
    }
    .about-us {
        margin: 20px 0;
    }
    h2 {
        font-size: 16px;
    }
    p {
        font-size: 14px;
    }
    #articles .main-category .category_posts_name {
        font-size: 14px;
        line-height: 20px;
    }
    #articles .main-category > div {
        min-width: 300px;
    }
    .benefits-heading {
        margin-bottom: 20px;
    }
    section#benefits {
        margin-top: 20px;
    }
    .works-wrapper .category_posts {
        max-width: 320px;
    }
    #works .category_posts_name {
        font-size: 12px;
        line-height: 16px;
        font-weight: bold;
    }
    .category_posts .excerpt {
        font-size: 12px;
    }
    .control, .controls {
        left: 75%;
        bottom: 10px;
    }
    #articles .main-category > div a, #works a, #news .readmore {
        font-size: 12px;
        line-height: 18px;
        padding-bottom: 10px;
    }
    #about_us {
        padding-top: 20px;
        border: 0;
    }
    .works-heading {
        font-size: 16px;
    }
    section#works {
        margin-bottom: 10px;
    }
    .glsr-review-title h3 {
        font-size: 18px;
    }
    .glsr-default .glsr-review>.glsr-review-title h3 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .controls {
        bottom: unset;
        top: 0;
    }
    .glsr-default .glsr-review>.glsr-review-content p {
        font-size: 12px;
    }
    .glsr-default .glsr-review>.glsr-review-content {
        padding: 0;
    }
    .glsr-default .glsr-review>.glsr-review-content p:before, .glsr-default .glsr-review>.glsr-review-content p:after {
        width: 13px;
        height: 10px;
        background-size: 13px;
    }
    .glsr-default .glsr-review>.glsr-review-avatar img {
        max-width: 50px;
        max-height: 50px;
    }
    #about_us .reviews .formbtn, #news .formbtn {
        margin: 20px 0 40px;
        padding: 12px 30px;
        width: 100%;
        text-align: center;
    }
    #offer .heading {
        font-size: 18px;
    }
    #offer .heading + p {
        font-size: 12px;
    }
    #offer .wpforms-submit-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 30px;
    }
    #offer .wpforms-submit-container button {
        padding: 12px 30px;
        width: 100%;
        margin-left: 0;
    }
    #offer {
        margin-bottom: 30px;
    }
    #news .heading {
        display: none;
    }
    #news .news-wrapper .category_posts:not(:first-child) {
        display: none;
    }
    #news .news-wrapper {
        -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
        padding: 0;
    }
    #news .formbtn {
        margin: 20px 0 0;
    }
    .site-footer {
        margin-top: 15px;
    }
    .timeline .days .day .events span {
        font-size: 30px;
        -ms-flex-preferred-size: 60px;
            flex-basis: 60px;
    }
    .timeline .days .day .events p {
        font-size: 14px;
    }
    .flex-block .contacts {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
    .flex-block .contacts .footer-social {
        margin: 0;
    }
    .links {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
        padding: 10px 0;
    }
    .flex-block .contacts ul {
        font-size: 20px;
        line-height: 28px;
    }
    ul {
        font-size: 14px;
        margin-left: 0;
    }
    .copyright, .copyright + a {
        font-size: 12px;
    }
}

@media (max-width: 375px) {
    .container {
        max-width: 300px;
    }
    .timeline .days .day .events {
        padding: 10px 0;
    }
    section#home {
        max-height: 250px;
    }
    .home-heading {
        font-size: 38px;
    }
    .home-image {
        max-width: 125px;
    }
    .home-heading .home-desc {
        font-size: 12px;
        max-width: 140px;
    }
    .play-block {
        bottom: 40px;
    }
    .back-img {
        top: 30%;
    }
    .play-btn svg {
        width: 12px;
        height: 12px;
        left: 2px;
    }
    .about-wrapper > div {
        -ms-grid-columns: 1fr 5fr;
        grid-template-columns: 1fr 5fr;
    }
    .about-content-grid {
        -ms-grid-rows: 1fr 2fr .5fr;
        grid-template-rows: 1fr 2fr .5fr;
    }
    .about-us {
        font-size: 16px;
    }
    .features span {
        font-size: 18px;
    }
    .features {
        font-size: 12px;
    }
    #articles .main-category > div {
        min-width: 250px;
    }
    #articles .main-category p {
        font-size: 12px;
        line-height: 1.7;
    }
    .benefit-item {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 6fr;
        grid-template-columns: 1fr 6fr;
    }
    .benefit-img {
        width: 30px;
        height: 30px;
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        grid-row: 1/3;
        padding-top: 10px;
    }
    .control, .controls {
        left: 80%;
    }
}