@media (min-width: 1281px) {

    .btn:hover,
    .form input[type=submit]:hover + .btn,
    .copy:hover,
    .contact__item .social a:hover,
    .heateor_sss_horizontal_sharing .heateor_sss_svg:hover {
        background: #14D8C6 !important;
        border-color: #14D8C6;
        transition: all .4s ease;
    }

    .heateor_sss_horizontal_sharing .heateor_sss_svg {
        transition: all .4s ease;
    }

    .file:hover b {
        color: #00B8A7;
        transition: all .4s ease;
    }

    .file:hover span:has(img) {
        background: #F0F6F6;
        border-color: #F0F6F6;
        transition: all .4s ease;
    }

    .file:hover span:has(img) img,
    .delete .file:hover span:has(img)::before {
        filter: brightness(0) saturate(100%) invert(43%) sepia(95%) saturate(1109%) hue-rotate(140deg) brightness(97%) contrast(101%);
        transition: all .4s ease;
    }

    .social a:hover {
        background: #00B8A7;
        transition: all .4s ease;
    }

    .social a:hover img {
        filter: brightness(0) invert(1);
        transition: all .4s ease;
    }

    .swiper-btn:hover {
        background: #EEF5F5;
        border-color: #EEF5F5;
        transition: all .4s ease;
    }

    .swiper-btn:hover::after {
        filter: brightness(0) saturate(100%) invert(43%) sepia(95%) saturate(1109%) hue-rotate(140deg) brightness(97%) contrast(101%);
    }

    .logo:hover {
        transition: all .4s ease;
        filter: brightness(0) saturate(100%) invert(49%) sepia(86%) saturate(1196%) hue-rotate(136deg) brightness(93%) contrast(101%);
    }

    .lang span:hover {
        color: #00B8A7;
        transition: all .4s ease;
    }

    .lang span:hover::after {
        transition: all .4s ease;
        filter: brightness(0) saturate(100%) invert(49%) sepia(86%) saturate(1196%) hue-rotate(136deg) brightness(93%) contrast(101%);
    }

    .lang ul a:hover {
        color: #00B8A7 !important;
        transition: all .4s ease;
    }

    .tel:not(.lang):hover,
    .tel span:hover {
        color: #00B8A7;
        transition: all .4s ease;
    }

    .tel:not(.lang):hover img,
    .tel a:hover img,
    .tel span:hover img {
        filter: brightness(0) saturate(100%) invert(49%) sepia(86%) saturate(1196%) hue-rotate(136deg) brightness(93%) contrast(101%);
        transition: all .4s ease;
    }

    .nav ul a:hover {
        color: #00B8A7;
        transition: all .4s ease;
    }

    .footer__item ul a:hover,
    .footer__item > a:hover {
        opacity: 1;
        transition: all .4s ease;
    }

    .footer__copy .med:hover {
        color: #00B8A7;
        transition: all .4s ease;
    }

    .footer__copy ul a:hover {
        opacity: 1;
        transition: all .4s ease;
    }

    .modal .close:hover {
        background: #EEF5F5;
        border-color: #EEF5F5;
        transition: all .4s ease;
    }

    .modal .close:hover::before {
        transition: all .4s ease;
        filter: brightness(0) saturate(100%) invert(43%) sepia(95%) saturate(1109%) hue-rotate(140deg) brightness(97%) contrast(101%);
    }

    .services__item:hover {
        background: #EEF5F5;
        transition: all .4s ease;
    }

    .services__item:hover img {
        right: -30px;
        transition: all .4s ease;
    }

    .services__item:hover .h5 {
        color: #00B8A7;
        transition: all .4s ease;
    }

    .services__aside .services__item:hover .services__item-img img {
        transform: scale(1.05);
        transition: all .4s ease;
    }

    .work__swiper .swiper-btn:hover {
        background: #14D8C6;
        border-color: #14D8C6;
        transition: all .4s ease;
    }

    .work__swiper .swiper-slide:hover .h6 {
        color: #00B8A7;
        transition: all .4s ease;
    }

    .news__item:hover::before {
        opacity: 0.6;
        transition: all .4s ease;
    }

    .news__item:hover img {
        transform: scale(1.05);
        transition: all .4s ease;
    }

    .news__header a:hover {
        color: #fff;
        background: #00B8A7;
        transition: all .4s ease;
    }

    .pagination a:hover {
        background: #F0F6F6;
        color: #00B8A7;
        transition: all .4s ease;
    }

    .breadcrumps span a:hover {
        color: #00B8A7;
        transition: all .4s ease;
    }

    .accordion__item:hover .accordion__header {
        color: #00B8A7;
        transition: all .4s ease;
    }

    .accordion__item:hover .accordion__header span {
        transition: all .4s ease;
        transform: rotate(90deg);
    }

    .accordion__header span:hover {
        background: #14D8C6;
        transition: all .4s ease;
    }

    .showMore:hover {
        text-decoration: underline;
    }

    .work__swiper .swiper-slide:hover .work__img img {
        transform: scale(1.05);
        transition: all .4s ease;
    }
}

@media (max-width: 1700px) {

    h1,
    .h1 {
        font-size: 45px;
    }

    /* Hero */
    .hero {
        max-height: 641px;
    }

    .hero__content > .flex-row {
        gap: 40px;
    }

    .hero__content {
        width: 803px;
    }

    .hero h1 span {
        margin-left: 84px;
    }

    .hero__content > .flex-row {
        margin-left: 0;
    }

    .hero__swiper {
        width: calc(100% - 803px);
    }

    .hero .mouse {
        display: none;
    }

    .hero h1 b {
        font-size: 18px;
        padding: 12px 30px;
    }

    .hero__img {
        max-width: 600px;
    }

    /* Services */
    .services__item img {
        width: 55%;
    }

    /* Garant */
    .garant__items {
        width: 605px;
    }

    .garant__content {
        width: calc(100% - 685px);
    }

    /* Tod */
    .tod__content {
        max-width: 636px;
    }

    /* Info */
    .info__swiper-content {
        width: 303px;
    }

    .info__swiper .swiper-slide > img {
        width: calc(100% - 360px);
    }

    .lang-en .hero h1 {
        font-size: 38px;
    }
}

@media (max-width: 1470px) {

    /* Nav */
    .nav .logo {
        margin-right: 20px;
    }

    .tel {
        margin-right: 20px;
    }

    .nav ul {
        gap: 0;
    }

    /* Modal */
    .modal {
        max-width: 889px;
        padding: 136px 50px 50px;
    }

    /* Garant */
    .garant__content > div {
        max-width: 264px;
    }

    /* Hero */
    .hero__img {
        max-width: calc(100% - 800px);
    }

    /* Tod */
    .tod__content {
        max-width: 636px;
    }

    .tod > img {
        width: calc(100% - 656px);
    }

    /* Begin */
    .begin__swiper .swiper-slide > img {
        width: 500px;
    }

    .begin__item-content {
        width: calc(100% - 570px);
    }

}

@media (max-width: 1400px) {}

@media (max-width: 1330px) {

    /* Default */
    .container {
        padding: 0 30px;
    }

    body {
        font: 14px "Segoe UI", sans-serif;
    }

    .h1,
    h1 {
        font-size: 32px;
    }

    .lang-en .hero h1 {
        font-size: 32px;
    }

    .h2,
    h2 {
        font-size: 24px;
    }

    .h3,
    h3 {
        font-size: 24px;
    }

    .h4,
    h4,
    .begin__pagination-date {
        font-size: 21px;
    }

    .h5,
    h5 {
        font-size: 18px;
    }

    .h6,
    h6 {
        font-size: 16px;
    }

    .btn {
        padding: 10px 20px !important;
        font-size: 14px !important;
    }

    .items {
        width: calc(100% + 10px);
        margin: 0 -5px -10px;
    }

    .col-1,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .pagination {
        padding: 0 5px 10px;
    }

    .begin__pagination-date {
        bottom: -40px;
    }

    /* Footer */
    footer {
        padding: 0 30px;
    }

    .footer {
        padding: 30px;
    }

    .footer__copy {
        width: calc(100% + 60px);
        margin: 95px -30px -30px;
        padding: 18px 30px;
    }

    .footer .logo::before {
        width: 200px;
        height: 195px;
    }

    /* Modal */
    .modal {
        max-width: 529px;
        padding: 136px 20px 20px;
    }

    .modal .close {
        width: 50px;
        height: 50px;
        top: 20px;
        right: 20px;
    }

    .modal .h3 {
        margin-bottom: 20px;
    }

    .modal > p {
        font-size: 14px;
        margin-bottom: 27px;
    }

    .form label {
        font-size: 14px;
    }

    .form input:not([type="submit"]),
    .form textarea {
        font-size: 14px;
        padding: 13px;
        border-radius: 10px;
    }

    .form textarea {
        height: 90px;
    }

    .form .check {
        width: calc(100% - 200px);
    }

    .form > p:last-child {
        width: 180px;
    }

    .check > span {
        width: 100%;
    }

    .file span:has(img) {
        max-width: 45px;
        min-width: 45px;
        height: 45px;
    }

    .file span:has(img) img {
        width: 17px;
        height: auto;
    }

    /* Hero */
    .hero {
        min-height: 400px;
        max-height: 641px;
    }

    .hero__content > .flex-row {
        gap: 30px;
        flex-direction: column-reverse;
        width: 100%;
        align-items: flex-start;
    }

    .hero__content > .flex-row p {
        font-size: 14px;
        width: 100%;
    }

    .hero__content {
        width: 536px;
    }

    .hero h1 span {
        margin-left: 0;
    }

    .hero h1 {
        margin-bottom: 20px;
    }

    .hero h1 b {
        padding: 10px 20px;
        font-size: 14px;
        margin-left: 6px;
        top: -7px;
    }

    .hero__part {
        flex-direction: row !important;
        flex-wrap: wrap;
        gap: 25px !important;
    }

    .hero__part p {
        max-width: fit-content !important;
        margin: -12px 0 0;
    }

    .hero__swiper {
        width: calc(100% - 536px);
    }

    .section__hero-part .hero__content {
        max-width: 443px;
    }

    .section__hero-part .hero h1 {
        margin-bottom: 20px;
    }

    .hero__img {
        max-width: calc(100% - 550px);
        height: 308px !important;
    }

    /* Services */
    .services__items > div {
        width: 50%;
    }

    .services__item {
        min-height: 223px;
        padding: 20px;
    }

    .services__item .btn {
        padding: 10px 20px;
    }

    .services__aside .services__item {
        padding: 20px;
    }

    .services__aside .services__item .h5,
    .services__aside .services__item p {
        max-width: calc(50% - 15px);
    }

    .services__aside .services__item p {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .services__aside .services__item .btn {
        padding: 10px 20px;
    }

    .services__aside .services__item-img {
        width: calc(50% - 40px);
        right: 20px;
        height: 177px;
    }

    .services__header h1 {
        margin-bottom: 18px;
    }

    .services__header p {
        font-size: 14px;
    }

    .services__header {
        width: 320px;
    }

    .services__aside {
        width: calc(100% - 360px);
    }

    .services__items {
        margin-top: 27px !important;
    }

    /* News */
    .news__item {
        height: 300px;
        padding: 20px;
    }

    .news__items {
        margin-top: 27px !important;
    }

    .news__header {
        margin: 27px 0 0;
        gap: 10px;
    }

    .news__header a {
        padding: 8px 15px;
        font-size: 14px;
    }

    .pagination nav {
        gap: 5px;
    }

    .pagination span,
    .pagination a {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }

    .breadcrumps span a,
    .breadcrumps span span:has(a)::after {
        margin-right: 15px;
    }

    /* Start */
    .start__header {
        max-width: 526px;
    }

    .start__header p {
        font-size: 14px;
    }

    .start__item {
        padding: 20px;
    }

    .start__header {
        margin-bottom: 27px;
    }

    .start__item .num {
        font-size: 24px;
    }

    .start__item .num::before {
        width: 4px;
        height: 30px;
    }

    .start__item .h6 {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .start > img {
        width: 418px;
        top: 0;
        right: 30px;
    }

    /* Garant */
    .garant {
        padding: 70px 30px;
    }

    .garant__content > div {
        max-width: 334px;
        font-size: 14px;
    }

    .garant__content .h3 {
        margin-bottom: 20px;
        max-width: 355px;
    }

    .garant::before {
        width: 350px;
        height: 320px;
    }

    .garant__item {
        gap: 20px;
        padding: 20px;
    }

    .garant__item img {
        width: 80px;
        height: 80px;
    }

    /* Pot */
    .pot__item:last-child .pot__item-img {
        width: 110%;
    }

    /* Faq */
    .accordion {
        margin-top: 27px;
        gap: 10px;
    }

    .accordion > div {
        width: calc(50% - 5px);
    }

    .accordion__item {
        margin-bottom: 10px;
    }

    .accordion__header {
        padding: 20px;
        font-size: 16px;
        gap: 10px;
    }

    .accordion__header::after {
        max-width: 30px;
        min-width: 30px;
        height: 30px;
    }

    .accordion__content {
        padding: 0 20px;
    }

    .accordion__item.active .accordion__content {
        padding: 0 20px 20px;
        margin-top: -10px;
    }

    /* Tod */
    .tod {
        padding: 40px 20px;
    }

    .tod__content {
        max-width: 490px;
    }

    .tod__content p {
        font-size: 14px;
        margin-bottom: 30px;
    }

    .tod > img {
        width: calc(100% - 656px);
    }

    .tod .parralax {
        height: 176px;
        width: 176px;
        filter: blur(90px);
        right: 40%;
    }

    /* Pol */
    main:has(.pol) .breadcrumps {
        max-width: 1060px;
    }

    main:has(.section__article) .scrollbar-content {
        max-width: 1000px;
    }

    .pol {
        max-width: 1060px;
    }

    .pol h1 {
        margin-bottom: 27px;
    }

    .pol h2,
    .pol h3,
    .pol h4,
    .pol h5,
    .pol h6 {
        margin: 20px 0 15px;
    }

    .pol p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .pol li {
        font-size: 14px;
    }

    .pol ul,
    .pol ol {
        margin-top: -14px;
    }

    /* Error */
    .section__error {
        padding: 74px 0;
    }

    .error {
        max-width: 378px;
        width: 100%;
        margin: 0 auto;
    }

    .error h1 {
        font-size: 120px;
        margin-bottom: 30px;
    }

    .error h2 {
        margin-bottom: 15px;
    }

    .error p {
        font-size: 14px;
        margin-bottom: 27px;
    }

    /* Contact */
    .contact {
        gap: 20px;
    }

    .contact__content {
        width: 269px;
    }

    .contact__map {
        width: calc(100% - 289px);
    }

    .contact__lang {
        gap: 12px;
    }

    .contact__lang img {
        width: 19px;
        height: 19px;
    }

    .contact__item:nth-child(3) {
        margin-top: 33px;
    }

    .contact__item {
        padding: 34px 20px;
    }

    .contact__item a {
        font-size: 16px;
    }

    .contact__item .social {
        gap: 5px;
    }

    .contact__item .social a {
        border-radius: 50%;
        width: 40px;
        height: 40px;
    }

    .contact__map-content {
        bottom: 20px;
        left: 20px;
        padding: 20px;
    }

    .contact__map-btn {
        display: none;
    }

    .contact__map-content .btn {
        display: inline-flex;
    }

    /*
    .contact__map-btn {
        bottom: auto;
        top: -1px;
        border-radius: 0 0 0 20px;
        padding: 0 0 20px 20px;
    }
*/
    /* Tseh */
    .tseh__swiper .swiper-slide {
        width: 410px;
        height: 248px;
    }

    .tseh__swiper .swiper-wrapper {
        gap: 10px;
    }

    .tseh__swiper:nth-child(3) {
        margin-top: 27px;
    }

    .tseh__swiper {
        margin-bottom: 10px;
    }

    .tseh {
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .tseh p {
        margin-top: 18px;
        font-size: 14px;
        max-width: 526px;
    }

    /* Begin */
    .begin__swiper {
        padding-bottom: 70px;
    }

    .begin__swiper .swiper-slide {
        padding: 70px 20px 30px;
    }

    .begin .begin__pagination {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .begin__item-content p {
        font-size: 14px;
    }

    .begin__item-date {
        display: none;
    }

    .begin .swiper-pagination {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .begin__swiper .swiper-slide > img {
        width: 290px;
        height: 273px;
    }

    .begin__item-content {
        width: calc(100% - 320px);
    }

    /* Article */
    .article__info,
    .article__item,
    .wp-block-image,
    .article__gallery,
    .wp-block-gallery {
        margin-bottom: 27px;
    }

    .article__gallery,
    .wp-block-gallery {
        gap: 12px !important;
    }

    .article__gallery:has(img:nth-child(2n)) img,
    .wp-block-gallery:has(figure:nth-child(2n)) figure {
        width: calc(50% - 6px);
    }

    .article__info p {
        font-size: 14px;
    }

    /* Info */
    .info__content {
        width: 400px;
    }

    .info__container {
        width: calc(100% - 430px);
    }

    .info__content h1 {
        margin-bottom: 18px;
    }

    .info__content p {
        font-size: 14px;
    }

    .showMore {
        font-size: 16px;
    }

    .info__img,
    .info__item {
        margin-bottom: 40px;
    }

    .info__img > div {
        font-size: 14px;
    }

    .info__item .h4 {
        margin-bottom: 20px;
    }

    .info__item ul li {
        font-size: 14px;
    }

    .info__swiper {
        padding-bottom: 20px;
    }

    .info__swiper .swiper-slide {
        padding: 20px;
    }

    .info__swiper-content,
    .info__swiper .swiper-slide > img {
        width: calc(50% - 15px);
    }

    .info__swiper .swiper-slide > img {
        height: 218px;
    }

    .info__item .work__swiper .swiper-pagination {
        margin-top: 20px;
    }

    .info__swiper-content p {
        font-size: 14px;
    }

    .info__item > p:nth-child(2) {
        font-size: 14px;
        margin-top: -10px;
        margin-bottom: 20px;
    }

    .info__item .work__swiper .work__img {
        height: 300px;
    }

    .info__table,
    .info__table table {
        font-size: 14px;
    }

    .swiper-btn {
        max-width: 50px;
        min-width: 50px;
        height: 50px;
    }

    .work__swiper .swiper-btns {
        top: calc(50% - 25px);
    }

    .intl-tel-input .flag-container {
        height: 44px;
        margin-bottom: -44px;
    }

    .intl-tel-input ul.country-list {
        border-radius: 10px;
        padding: 6px;
    }

    .intl-tel-input ul.country-list li {
        padding: 12px 6px !important;
    }

    .file b {
        font-size: 14px;
    }

    .file {
        gap: 12px;
    }

    .file strong {
        font-size: 12px;
        left: 58px;
    }

}

@media (max-width: 1280px) {
    main {
        margin-top: 72px;
    }

    /* Nav */
    .nav__top {
        display: none;
    }

    .nav__main {
        padding: 14px 0;
    }

    .nav__main .container > ul {
        display: none;
    }

    .burger {
        display: block;
    }

    .tel {
        font-size: 16px;
    }

    .logo {
        width: 132px;
        height: 44px;
    }

    /* Hero */
    .section__hero {
        padding: 149px 0 75px;
        margin-top: -72px;
    }

    .section__hero-part {
        margin-top: 0;
        padding: 30px 0 0;
    }

    /* Article */
    .article__social {
        left: -60px;
    }
}

@media (max-width: 1212px) {

    /* Footer */
    .footer__copy .med {
        order: 1;
        width: 100%;
        margin-top: 5px;
    }

    .footer__copy ul {
        gap: 10px;
    }

    .footer__copy ul a {
        border-right: 1px solid;
        padding-right: 10px;
    }

    .footer__copy ul li:last-child a {
        border: none;
        padding-right: 0;
    }

    /* Garant */
    .garant {
        flex-direction: column;
    }

    .garant::before {
        content: unset;
    }

    .garant__content {
        width: 100%;
        margin-bottom: 30px;
    }

    .garant__content > div {
        margin-top: -22px;
    }

    .garant__items {
        gap: 10px;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .garant__item {
        align-items: flex-start;
        width: calc(50% - 5px);
    }

    /* Pot */
    .pot__items {
        gap: 10px;
        margin-top: 27px;
        grid-template-rows: repeat(5, 1fr);
    }

    .pot__item {
        padding: 20px;
    }

    .pot__item:first-child img {
        max-width: 100%;
    }

    .pot__item .num b {
        font-size: 30px;
    }

    .pot__item > b {
        gap: 20px;
    }

    /* Article */
    .article {
        max-width: 1000px;
    }

    main:has(.section__article) .scrollbar-content {
        max-width: 800px;
    }

    .article__social {
        left: 0px;
    }

    .article {
        padding-left: 100px;
    }
}

@media (max-width: 1110px) {

    /* Footer */
    .footer .logo::before {
        content: unset;
    }

    .footer__item ul a,
    .footer__item p,
    .footer__item > a {
        font-size: 14px;
    }

    .social a {
        width: 42px;
        height: 42px;
        border-radius: 15px;
    }

    .social a img {
        width: 19px;
        height: 19px;
    }

    .footer .logo {
        width: 55px;
        height: 55px;
    }

    /* Start */
    .start__items > div {
        width: 50%;
    }

    /* Hero */
    .hero__img {
        max-width: calc(100% - 450px);
    }

    /* Tod */
    .tod > img {
        width: calc(100% - 490px);
    }

    /* Article */
    .article {
        max-width: 1000px;
    }

    main:has(.section__article) .scrollbar-content {
        max-width: 840px;
    }

    .article__social {
        width: 60px;
    }

    .article {
        padding-left: 80px;
    }

    .article__social .social {
        width: 40px;
    }

    .social-item {
        max-width: 60px;
        min-width: 60px;
        height: 60px;
    }

    .border-square {
        display: none;
    }

    .border-square.mob {
        display: block;
    }

    .social-content {
        width: 60px;
        height: 60px;
    }

    .tseh__swiper {
        pointer-events: none;
    }
}

@media (max-width: 992px) {
    section {
        padding: 30px 0;
    }

    .section__tseh {
        padding-bottom: 60px;
    }

    .section__hero-part {
        padding: 30px 0 !important;
    }

    .section__services,
    .section__news,
    .section__seo {
        padding-bottom: 60px;
    }

    main:has(.section__hero-part) .section__work {
        padding-top: 30px;
    }

    .section__pot {
        padding: 60px 0;
    }

    main:has(.section__tseh) .section__news {
        padding-bottom: 30px;
    }

    main:has(.section__contact:first-of-type) .section__contact {
        padding-bottom: 60px;
    }

    .section__pol {
        padding-bottom: 60px;
    }

    .section__work,
    main:has(.section__tseh) .section__work {
        padding-top: 60px;
    }

    #smooth-content {
        padding-bottom: 30px;
    }

    /* Footer */
    .footer__copy ul {
        flex-direction: column;
        gap: 0;
        align-items: flex-start;
        width: 100%;
        order: 1;
    }

    .footer__copy {
        gap: 10px;
    }

    .footer__copy p {
        order: 2;
    }

    .footer__copy .med {
        order: 3;
    }

    .footer__copy ul a {
        border: none;
        padding: 0;
    }

    .footer__copy {
        margin: 30px -30px -30px;
    }

    /* Hero */
    .hero {
        height: 615px;
        min-height: unset;
        max-height: unset;
    }

    .hero__swiper {
        width: calc(100% - 466px);
        position: absolute;
        right: 30px;
        bottom: 0;
        padding-bottom: 60px;
    }

    /* Services */
    .services__header {
        width: 100%;
        max-width: 526px;
        margin-bottom: 36px;
    }

    .services__item p {
        max-width: 70%;
    }

    .services {
        flex-direction: column;
    }

    .services__aside {
        width: 100%;
    }

    /* Hero */
    .hero__img {
        max-width: calc(100% - 350px);
    }

    .section__hero-part .hero__content {
        max-width: 343px;
    }

    /* Tod */
    .tod {
        padding: 40px 20px 186px;
    }

    .tod > img {
        width: calc(100% - 400px);
        top: auto;
        transform: translate(0);
        bottom: -14px;
        right: -44px;
        height: auto;
        aspect-ratio: 1.4 / 1;
    }

    .tod .parralax {
        height: 176px;
        width: 176px;
        filter: blur(80px);
        right: 5%;
        top: 70px;
        transform: translate(0);
    }

    /* Article */
    .article__social {
        left: 30px;
    }

    .article {
        padding-left: 110px;
    }

    main:has(.section__article) .scrollbar-content {
        max-width: calc(100% - 80px);
        margin-right: 0;
    }

    /* Info */
    .info__content {
        width: 100%;
        margin-bottom: 36px;
    }

    .info__content h1 br {
        display: none;
    }

    .info {
        flex-direction: column;
    }

    .info__container {
        width: 100%;
    }

    body {
        height: 100% !important;
    }

    #smooth-content {
        overflow: hidden !important;
    }
}

@media (max-width: 768px) {

    /* Default */
    .container {
        padding: 0 20px;
    }

    .h1,
    h1 {
        font-size: 24px;
    }

    .lang-en .hero h1 {
        font-size: 24px;
    }

    .h4,
    h4,
    .begin__pagination-date {
        font-size: 18px;
    }

    .begin__pagination-date {
        bottom: -35px;
    }

    /* Footer */
    footer {
        padding: 0;
    }

    .footer .logo {
        position: absolute;
        top: 30px;
        right: 20px;
    }

    .footer {
        padding: 30px 20px;
        border-radius: 0;
        gap: 20px;
        position: relative;
    }

    .footer__copy {
        width: calc(100% + 40px);
        margin: 30px -20px -30px;
        padding: 20px;
        border-radius: 0 !important;
    }

    .footer__item {
        width: 100%;
    }

    .footer__item:nth-child(3),
    .footer__item:nth-child(4) {
        width: calc(50% - 15px);
    }

    /* Modal */
    .modal {
        max-width: 100%;
        padding: 100px 20px 20px;
        justify-content: flex-start;
    }

    .modal .close {
        top: 50px;
        width: 40px;
        height: 40px;
    }

    #smooth-content {
        padding-bottom: 0px;
    }

    .modal .h3 {
        margin-bottom: 12px;
    }

    .modal > p {
        font-size: 12px;
        margin-bottom: 18px;
    }

    .form {
        width: calc(100% + 10px);
        margin: 0 -5px -10px;
    }

    .form > p {
        padding: 0 5px 10px;
    }

    .form p:has(.file) {
        margin: 10px 0;
    }

    .form .check {
        width: 100%;
    }

    .form > p:last-child {
        width: 100%;
        margin-top: 10px;
    }

    .form .btn {
        padding: 10px;
        line-height: 1.6;
    }

    /* Hero */
    .hero__swiper {
        width: calc(100% - 366px);
        position: absolute;
        right: 20px;
    }

    /* Work */
    .work__swiper {
        margin-top: 27px;
    }

    .work__img {
        height: 300px;
        margin-bottom: 15px;
    }

    .work__swiper .h6 {
        font-size: 14px;
    }

    .work__img span,
    .work__cat {
        top: 20px;
        left: 20px;
    }

    /* Pot */
    .pot__item:last-child .pot__item-img {
        width: 473px;
    }

    .pot__item:last-child {
        height: 450px;
    }

    .pot__items {
        display: flex;
        flex-direction: column;
    }

    .pot__item:nth-child(2) .h6 {
        margin-bottom: 60px;
    }

    .pot__item:nth-child(3) .h6 {
        margin-bottom: 60px;
    }

    .pot__item:first-child img {
        max-width: 320px;
    }

    /* Tod */
    .tod > img {
        width: calc(100% - 300px);
    }

    /* Article */
    .article__social {
        left: 20px;
    }

    .article {
        padding-left: 100px;
    }

}

@media (max-width: 700px) {

    /* Hero */
    .hero__swiper {
        width: calc(100% - 296px);
    }

    /* Services */
    .services__items > div {
        width: 100%;
    }

    /* News */
    .news__items > div {
        width: 100%;
    }

    /* Garant */
    .garant {
        padding: 70px 20px;
        width: calc(100% + 40px);
        margin: 0 -20px;
        border-radius: 0 !important;
    }

    .garant__content > div {
        margin: 30px 0 0;
        max-width: 100%;
    }

    .garant__item {
        width: 100%;
    }

    .garant__item img {
        width: 62px;
        height: 62px;
    }

    /* News */
    .breadcrumps span {
        gap: 10px;
    }

    .news__header {
        flex-wrap: nowrap;
        overflow: auto;
        white-space: nowrap;
        position: relative;
        z-index: 0;
        scrollbar-width: none;
    }

    /* Faq */
    .accordion {
        flex-direction: column;
        gap: 0;
    }

    .accordion > div {
        width: 100%;
    }

    /* Hero */
    .section__hero-part .hero {
        gap: 30px;
        flex-direction: column;
    }

    .hero__img {
        max-width: 100%;
    }

    .section__hero-part .hero__content {
        max-width: 100%;
    }

    /* Tod */
    .tod > img {
        width: calc(100% - 200px);
    }

    /* Contact */
    .contact {
        gap: 20px;
        flex-direction: column;
    }

    .contact__content {
        width: 100%;
    }

    .contact__map {
        width: 100%;
    }

    .contact__map-content,
    .contact__map,
    .contact__map iframe {
        border-radius: 10px;
    }

    /* Tseh */
    .tseh__swiper .swiper-slide {
        width: 257px;
        height: 157px;
        border-radius: 10px;
    }

    /* Begin */
    .begin__swiper .swiper-slide > img {
        width: 100%;
        height: auto;
        border-radius: 10px;
        margin-top: 30px;
    }

    .begin__item-content {
        width: 100%;
    }

    .begin__swiper .swiper-slide {
        flex-direction: column-reverse;
        padding: 40px 20px 30px;
    }

    .begin__swiper {
        padding-bottom: 40px;
        border-radius: 10px;
    }
}

@media (max-width: 650px) {}

@media (max-width: 600px) {

    /* Nav */
    .nav__main .container > .tel {
        display: none;
    }

    .nav__main .btn {
        margin-left: auto;
    }

    /* Hero */
    .hero {
        flex-direction: column;
        height: fit-content;
        min-height: unset;
        max-height: unset;
    }

    .hero__swiper {
        width: calc(100% - 40px);
        padding-bottom: 40px;
        bottom: 100px;
        aspect-ratio: 1.11 / 1;
    }

    .hero__swiper .swiper-btns {
        width: 100%;
        justify-content: space-between;
        bottom: 0;
    }

    .hero__part {
        margin-top: calc(350px + (550 - 350) * ((100vw - 400px) / (600 - 400)));
    }

    /* Start */
    .start__header {
        max-width: calc(100% - 100px);
    }

    .start__header {
        margin-bottom: 23px;
    }

    .start__items > div {
        width: 100%;
    }

    .start > img {
        width: 225px;
        right: 20px;
        top: 80px;
    }

    /* Services */
    .services__aside .services__item {
        padding: 220px 20px 20px;
    }

    .services__aside .services__item .h5,
    .services__aside .services__item p {
        max-width: 100%;
    }

    .services__aside .services__item .btn {
        width: 100%;
    }

    .services__aside .services__item-img {
        width: calc(100% - 40px);
        right: 20px;
        top: 20px;
        transform: unset;
    }

    /* Tod */
    .tod > img {
        width: calc(100% - 140px);
    }

    /* Article */
    .article__social {
        left: 0px;
        position: relative;
        top: 0;
        margin-top: 30px;
        width: 100%;
        align-items: flex-start;
        gap: 12px;
    }

    .article__social p {
        display: block;
    }

    .article__social .social-item {
        display: none;
    }

    .article__social .social {
        width: fit-content;
        align-items: flex-start;
    }

    .article {
        padding-left: 20px;
    }

    main:has(.section__article) .scrollbar-content {
        max-width: 100%;
    }

    /* Info */
    .info__item ul li {
        width: 100%;
        padding: 15px;
        border-radius: 10px;
    }

    .info__img {
        height: 400px;
        border-radius: 10px;
        margin-bottom: 30px;
    }

    .info__img > img {
        border-radius: 10px;
    }

    .info__img > div {
        border-radius: 0 0 10px 10px;
    }

    .info__item .h4 {
        margin-bottom: 20px;
    }

    .info__item {
        margin-bottom: 30px;
    }

    .info__swiper {
        border-radius: 10px;
    }

    .info__swiper .swiper-slide {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .info__swiper-content,
    .info__swiper .swiper-slide > img {
        width: 100%;
    }

    .info__table,
    .info__table table {
        font-size: 12px;
    }

    .info__table th,
    .info__table td {
        padding: 10px 15px;
    }

    .info__table td {
        padding: 10px;
    }

    .info__table th:first-child {
        border-radius: 10px 0 0 0;
    }

    .info__table th:last-child {
        border-radius: 0 10px 0 0;
    }

    .info__table tbody tr:last-child td:first-child {
        border-radius: 0 0 0 10px;
    }

    .info__table tbody tr:last-child td:last-child {
        border-radius: 0 0 10px 0;
    }

    .info__item .work__swiper .work__img {
        height: 230px;
    }

    .form input:not([type="submit"]),
    .form textarea,
    .lang ul,
    .hero__img,
    .services__item,
    .services__aside .services__item-img,
    .work__img,
    .work__img img,
    .news__item,
    .start__item,
    .start__item::before,
    .garant,
    .garant__item,
    .pot__item,
    .accordion__item,
    .tod,
    .contact__item,
    .contact__map,
    .contact__map iframe,
    .contact__map-content,
    .tseh__swiper .swiper-slide,
    .begin__swiper,
    .begin__swiper .swiper-slide > img,
    .social-item,
    .article__item,
    .wp-block-image,
    .wp-block-image img,
    .article__item > img,
    .article__gallery img,
    .wp-block-gallery img,
    .info__img,
    .info__img > img,
    .info__item ul li,
    .info__swiper,
    .info__swiper .swiper-slide > img {
        border-radius: 10px;
    }

    .info__img > div::before,
    .footer__copy,
    .services__item img,
    .info__img > div {
        border-radius: 0 0 10px 10px;
    }

}

@media (max-width: 560px) {}

@media (max-width: 480px) {

    /* Modal */
    .form > p {
        width: 100%;
    }

    /* Hero */
    .section__hero {
        padding: 120px 0 75px;
    }

    .hero__content {
        width: 100%;
    }

    .hero h1 b {
        display: none;
    }

    /* Pot */
    .pot__item:last-child .pot__item-img {
        width: 100%;
    }

    /* Hero */
    .section__hero-part .hero__content > .flex-row .btn {
        width: 100%;
    }

    .hero__img {
        height: 240px !important;
    }

    /* Tod */
    .tod {
        padding-bottom: 280px;
    }

    .tod .parralax {
        top: auto;
        bottom: 40px;
        width: 100%;
    }

    .tod > img {
        width: calc(100% + 30px);
        right: -20px;
    }

    /* Contact */
    .contact__map-content {
        right: 20px;
    }

    /* Article */
    .article__gallery:has(img:nth-child(2n)) img,
    .wp-block-gallery:has(figure:nth-child(2n)) figure {
        width: 100% !important;
        border-radius: 10px;
    }

    .article__item > img,
    .wp-block-image img {
        border-radius: 10px;
        min-height: 426px;
    }

    .file strong {
        bottom: -5px;
    }

    .scene-1::before {
        bottom: 82px;
    }

    .rotate-x-btn {
        bottom: 50px;
    }
}

@media (max-width: 400px) {

    /* Start */
    .start__header {
        max-width: calc(100% - 56px);
    }

    .start > img {
        width: 205px;
        right: 10px;
    }
}

@media (max-height: 830px) {
    .modal {
        display: block;
    }
}