@media (max-width: 1400px) {
    .key-enter {
        font-size: 7rem;
    }

    /*! nav */
    #main-nav .pure-menu-item {
        margin-left: 24px;
    }

    .logo-space {
        margin-right: 24px;
    }

    #side-nav li + li, #control-nav li + li {
        margin-left: 12px;
    }
}

@media (max-width: 1340px) {
    .breadcrumb > ul,
    .wrapper > .wrap,
    #top-nav + .breadcrumb > ul {
        max-width: 1100px;
    }

    #main > .wrapper-fluid, #main > .wrapper-box_grid {
        padding-left: 44px;
        padding-right: 44px;
    }
}

@media (max-width: 1280px) {
    .key-enter {
        font-size: 6.4rem;
    }

    #main > .wrapper-fluid, #main > .wrapper-box_grid {
        padding-left: 22px;
        padding-right: 22px;
    }
}

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

@media (max-width: 1140px) {
    #mobile-nav > .wrap,
    body.sub .breadcrumb > ul,
    #main > .wrapper > .wrap,
    .breadcrumb > ul, .wrapper > .wrap {
        margin-left: 17px;
        margin-right: 17px;
    }

    .key-enter {
        font-size: 6rem;
    }

    .pure-orders {
        --bs-gutter-x: 34px;
    }

    .wrapper > .wrap .wrap {
        margin-left: auto;
        margin-right: auto;
    }

    #footer a + a, #footer li + li {
        margin-left: 15px;
    }

    .wrapper-box_grid > .wrap > .wrapper,
    .wrapper-fluid .ce-grid .grid-item {
        width: calc(33.33% - 30px);
    }

    .owl-carousel-loop .owl-nav button {
        border-width: 1px !important;
    }

    .owl-carousel-loop .owl-nav .bi {
        font-size: 1.8rem;
    }

    #top-nav .pure-menu + .pure-menu {
        margin-left: 30px;
    }
}

@media (max-width: 1100px) {
    h1 {
        font-size: 3rem;
        line-height: 1.2;
    }

    #header h1 {
        margin-bottom: 24px;
    }

    #header .image img {
        height: 100%;
        width: auto;
    }

    h2 {
        font-size: 1.875rem;
    }

    h3 {
        font-size: 1.5rem;
    }

    h4 + h3 {
        font-size: 1.875rem;
    }

    #main > .wrapper-fluid {
        padding-left: 22px;
        padding-right: 22px;
    }

    p + .pure-button {
        margin-top: 24px;
    }

    .swiper-clients p {
        font-size: 1.5rem;
    }

    .pure-button {
        padding: 12px 20px;
        border-radius: 23px;
    }

    a[data-role="dropdown"] .iconfont {
        top: 14px;
    }

    ul.pure-dropdown a {
        padding-left: 20px;
    }

    .br8 {
        border-radius: 8px;
    }

    .swiper-clients .swiper-slide {
        padding-bottom: 60px;
    }

    #header, .pure-background {
        background-size: auto 100%;
    }

    #top-nav, #mobile-nav {
        padding-top: 17px;
        padding-bottom: 17px;
    }

    #mobile-nav.sticky.is-sticky {
        z-index: 102;
    }

    #mega-menu {
        top: 70px;
        padding-top: 1rem;
    }

    .pure-u-1 img {
        width: 100%;
        height: auto;
    }

    #powermail_captchaimage {
        width: auto;
    }

    a[data-role="dropdown"].open + ul.pure-dropdown {
        top: 54px;
    }

    .owl-carousel-loop .text-center {
        margin-bottom: 20px;
    }

    .owl-carousel-loop .card h3 {
        font-size: 1.8rem;
    }

    .owl-carousel-loop div {
        font-size: 1.4rem;
    }
}

@media (max-width: 1099px) {
    #top-nav .nav .txt {
        display: none;
    }

    #top-nav .pure-menu-horizontal .nav > li {
        margin-left: 24px;
    }

    #sideNav > .wrap {
        padding-top: 22px;
    }

    #sideNav .flex-top {
        padding-right: 10px;
        padding-left: 30px;
    }

    #sideNav .search-form {
        padding-left: 30px;
        padding-right: 18px;
    }

    .side-nav .main-nav > li {
        padding-right: 45px;
    }

    .side-nav ul li.children {
        padding-right: 40px;
    }

    .side-nav .children > span {
        right: 30px;
    }

    .side-nav .children ul .children > span {
        right: -10px;
    }

    #sideNav .side-control a {
        margin-left: 16px;
    }

    .side-nav.end:before {
        left: 52px;
        right: 30px;
    }

    .social-nav {
        margin-left: 52px;
        margin-right: 30px;
    }

    #main > .wrapper-box_grid {
        padding-left: 0;
        padding-right: 0;
    }

    .wrapper-box_grid > .wrap > .wrapper,
    .ce-grid .grid-item {
        width: calc(50% - 30px);
    }

    body.sub #header .pure-content {
        padding-left: 44px;
        padding-right: 44px;
        box-sizing: border-box;
    }

    .key-enter {
        font-size: 5rem;
    }
}

@media (max-width: 991px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-block {
        display: block;
    }

    .key-enter {
        font-size: 4.8rem;
    }

    #main > .wrapper-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wrapper-box_grid > .wrap > .wrapper, .ce-grid .grid-item {
        width: calc(50% - 20px);
    }

    .wrapper-box_grid > .wrap > .wrapper {
        margin: 10px;
    }

    .grid .grid-item {
        width: 33.333%;
    }

    .nav-list {
        margin: 0 auto 20px;
        max-width: 520px;
    }

    .pure-g > .pure-u-1 {
        text-align: center;
    }

    .event-item {
        text-align: left;
    }

    .event-contact {
        max-width: 575px;
        position: relative !important;
        top: auto !important;
        text-align: left;
    }

    .pure-g > .pure-u-1 > img {
        margin: 0 auto 20px;
    }

    .pure-g .pure-u-sm-18-24,
    .pure-g > .pure-u-1 .pure-menu-list,
    a[data-role="dropdown"].open + ul.pure-dropdown,
    .pure-list-download {
        text-align: left;
    }

    .pure-g > .pure-u-1 + .pure-u-1 {
        margin-top: 30px;
    }

    .pure-g > .pure-u-md-4-24 + .pure-u-md-16-24,
    .pure-g > .pure-u-sm-12-24 + .pure-u-sm-12-24,
    .pure-g > .pure-u-sm-1-3 + .pure-u-sm-1-3,
    .pure-g > .pure-u-sm-1-2 + .pure-u-1 {
        margin-top: 0;
    }

    .pure-g > .pure-u-1 .pure-table,
    .pure-g > .pure-u-sm-12-24,
    .pure-g > .pure-u-1 .content,
    .tx-plugin .pure-g > .pure-u-1,
    #header .pure-u-1 {
        text-align: left;
    }

    #header .pure-u-1 + .pure-u-1 {
        padding-left: 0;
        padding-right: 0;
    }

    .pure-images .pure-u-1 {
        display: flex;
        justify-content: center;
    }

    .pure-u-md-1-4 .tx-contact img {
        margin: 0 auto 20px;
    }

    .box {
        text-align: left;
        padding: 30px 25px;
    }

    .swiper-partners .swiper-slide > a {
        padding: 26px 20px;
    }

    .pure-actions {
        padding-top: 0;
    }

    .pure-background {
        padding-bottom: 52%;
        background-size: auto;
        background-position: 50% 100%;
    }

    #header img {
        margin: 0 auto;
    }

    .breadcrumb li + li:before {
        margin-left: 5px;
        margin-right: 5px;
    }

    #main {
        position: relative;
        overflow: hidden;
    }

    .swiper-clients, .swiper-partners {
        overflow: visible;
    }

    .swiper-partners + p.d-sm-block {
        margin-top: 32px;
        text-align: left;
    }

    .swiper-clients .d-sm-block {
        margin-bottom: 32px;
        text-align: center;
    }

    .swiper-clients .d-sm-block .box-image {
        box-shadow: -3px 3px 6px 0 rgba(0, 0, 0, 0.1);
        display: inline-block;
    }

    .swiper-clients p + .pure-button {
        margin-top: 32px;
    }

    .pure-form fieldset.powermail_fieldset {
        text-align: left;
    }

    .pure-form fieldset.powermail_fieldset {
        --bs-gutter-x: 24px;
    }

    .pure-form .nice-select,
    .pure-form select, .pure-form input[type="text"], .pure-form input[type="email"], .pure-form input[type="number"], .pure-form input[type="password"], .pure-form textarea {
        padding: 8px 12px;
    }

    .pure-form .nice-select:after {
        top: 16px;
        right: 10px;
    }

    .pure-form {
        text-align: left;
    }

    .relation {
        text-align: left;
    }

    .tx-plugin [id*="news-container-"] .pure-g .pure-u-1 {
        padding-left: 0;
        padding-right: 0;
    }

    .pure-orders .order-1 {
        margin-top: 18px;
    }

    #footer {
        padding-top: 25px;
        padding-bottom: 20px;
        height: auto;
        margin-top: 0;
    }

    #footer .pure-menu-item.first {
        display: block;
        text-align: center;
    }

    #footer li + li {
        margin-left: 0;
    }

    #footer li {
        margin: 0 8px;
    }

    #footer .social-media a {
        margin-right: 8px;
        display: inline-block;
    }

    #footer .social-media a + a {
        margin-left: 8px;
    }

    #footer .pure-g > .pure-u-1 + .pure-u-1 {
        margin-top: 10px;
    }

    #call-service {
        bottom: 192px;
    }

    .form-wrapper {
        padding: 30px;
    }

    .pure-g.event-item > .pure-u-1 {
        text-align: left;
    }

    .pure-g.event-item > .pure-u-1 + .pure-u-1 {
        margin-top: 0;
    }

    .powermail_fieldset > .col3-1 {
        width: 50%;
    }

    .video-banner-container.fixed-width .video-text h1.key-enter {
        font-size: 3rem;
    }

    .video-banner-container.fixed-width .btn-tag {
        margin-bottom: 8px;
        font-size: 1.25rem;
    }

    .video-banner-container.fixed-width p + p {
        margin-top: 10px;
    }
}

@media (max-width: 850px) {
    .event-item > .d-flex {
        flex-direction: column;
    }

    .event-item > .d-flex .image {
        width: 100%;
    }

    .event-item.event-even > .d-flex .image {
        order: 0;
    }

    .event-item > .d-flex .text {
        padding-top: 15px;
        padding-left: 0;
        padding-bottom: 0;
        width: 100%;
        clear: both;
        overflow: hidden;
    }

    .event-item.event-even > .d-flex .text {
        padding-right: 0;
    }

    .event-item > .d-flex .more {
        position: relative;
        float: right;
    }
}

@media (max-width: 810px) {
    h1 {
        font-size: 2.25rem;
    }

    p.intro,
    .content ul, .content ol, p, .pure-button,
    ul.pure-list-download li span, .pure-table td, .pure-table th,
    .pure-links .card h4, .pure-links .card h4 a {
        font-size: 1.125rem;
    }

    ul.pure-list-download li {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 1.618;
    }

    ul.pure-list-download li span {
        line-height: 32px;
    }

    .faq dd p {
        font-size: 1rem;
    }

    #header h1 {
        margin-bottom: 12px;
    }

    .breadcrumb + #main > .wrapper:first-child {
        padding-top: 0;
    }

    a[data-role="dropdown"].open + ul.pure-dropdown {
        top: 51px;
    }

    .faq dt {
        font-size: 1.125rem;
        padding: 19px 36px 18px 0;
    }

    .faq dt:after {
        font-size: 1.875rem;
        top: 11px;
    }

    .faq dt.active + dd {
        padding: 0 36px 18px 0;
        height: auto !important;
    }

    .contact-image {
        width: 100%;
        background: transparent none;
    }

    .pure-u-md-10-24 .contact-image {
        margin-top: 10px;
    }

    .pure-u-md-10-24 .contact-image img {
        max-width: 165px !important;
    }

    .pure-u-md-10-24 .contact-image .d-sm-block {
        margin-top: 22px;
    }

    .pure-contacts .box-image {
        background-color: transparent;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .pure-contacts .box-image .d-flex {
        flex-direction: column;
    }

    .pure-contacts .box-image .d-flex img {
        margin-bottom: 15px;
    }

    .pure-contacts .box-image .d-flex p {
        padding-left: 0;
    }

    .pure-contacts .pure-u-md-10-24 .box .d-flex + a {
        margin-left: 0;
        margin-top: 22px;
    }

    .pure-contacts .pure-u-md-10-24 .box .d-flex img {
        max-width: 165px !important;
        margin-right: 0;
    }

    .pure-contacts .pure-u-md-10-24 .box .d-flex p {
        color: var(--color-black);
    }

    .pure-grids, .pure-u-md-18-24 + .pure-u-md-10-24, .pure-u-md-18-24 + .pure-u-md-10-24 + .pure-u-md-10-24 {
        margin-top: 20px;
    }

    .pure-grids .pure-u-1 {
        margin-bottom: 20px;
    }

    .content.text-center {
        text-align: left;
    }

    .content.text-center .text-center {
        text-align: left;
    }

    .pure-background {
        background-size: auto 360px;
    }

    .swiper-clients, .swiper-partners {
        padding-bottom: 36px;
        margin-bottom: -36px;
    }

    .swiper-clients .swiper-slide {
        padding-bottom: 41px;
    }

    .pure-u-sm-14-24 {
        margin: 30px auto 0;
    }

    .pure-u-md-10-24 .box .d-flex p {
        font-size: 1.25rem;
    }

    .pure-button .iconfont {
        font-size: 1rem;
    }

    .contact .bg-circle {
        display: none;
    }

    .contact img {
        margin-bottom: 20px;
        max-width: 165px !important;
    }

    .contact .text-center {
        font-size: 1.25rem;
        text-align: left;
    }

    .pure-form .nice-select, .pure-form select, .pure-form input[type="text"], .pure-form input[type="email"], .pure-form input[type="number"], .pure-form input[type="password"], .pure-form textarea {
        padding: 5px 8px;
    }

    #powermail_captchaimage {
        height: 40px;
    }

    #call-service {
        width: 72px;
        height: 72px;
    }

    #call-service svg {
        width: 24px;
        height: 24px;
    }

    #call-service span {
        font-size: 10px;
    }

    .powermail_fieldwrap_type_captcha .powermail_field img {
        height: 40px;
    }

    .pure-form .powermail_fieldwrap_type_captcha .powermail_field .powermail_captcha {
        width: calc(100% - 173px);
    }
}

@media (max-width: 767px) {
    h2 {
        font-size: 2.25rem;
        margin-bottom: 16px;
    }

    h3, h4 + h2, h4 + h3 {
        font-size: 1.875rem;
    }

    h4 {
        margin-bottom: 16px;
    }

    .owl-carousel-loop .card {
        margin-left: 15px;
        margin-right: 15px;
    }

    .logo {
        height: 31px;
    }

    .logo svg {
        width: 128px;
        height: 31px;
    }

    .navbar {
        width: 22px;
        height: 26px;
    }

    .navbar:before, .navbar:after, .navbar > span {
        height: 3px;
        margin-top: 4px;
    }

    .pure-button {
        font-size: 14px;
    }

    ul.pure-list-download li {
        background-position: 100% 15px;
    }

    ul.pure-list-download li > a {
        flex-direction: column;
        font-size: 1.125rem;
    }

    #header .pure-content,
    body.sub #header .pure-content {
        width: 100%;
    }

    #header .image, #header .image img {
        position: relative;
    }

    #header .image img {
        width: 100%;
        height: auto;
    }

    #header .btn-tag {
        margin-bottom: 10px;
    }

    .table-fixed {
        position: relative;
        min-width: 100%;
        overflow-y: visible;
        overflow-x: auto;
    }

    .table-fixed .pure-table {
        min-width: 733px;
    }

    .full-screen-video {
        position: relative;
        overflow: hidden;
    }

    .video-banner-container {
        height: 560px;
    }

    .flex-media {
        flex-direction: column;
    }

    .flex-media .image {
        margin-bottom: 22px;
    }

    .flex-media .image .d-flex {
        justify-content: center;
        align-items: center;
    }

    .flex-media .image-right {
        margin-left: auto;
    }

    .flex-media.flex-direction-right .image {
        margin-top: 22px;
    }

    .pure-contacts .pure-button {
        padding: 8px 10px 4px;
    }

    #main {
        overflow: visible;
    }
}

@media (max-width: 640px) {
    #top-nav .logo {
        width: 128px;
        height: 31px;
    }

    #top-nav .pure-menu.align-items-center {
        flex: 0 0 128px;
    }

    #top-nav .pure-menu + .pure-menu {
        margin-left: auto;
        flex-grow: 1;
        justify-content: end;
    }

    #top-nav .pure-menu + .pure-menu ul {
        padding-left: 0;
    }

    #top-nav .pure-menu-horizontal .nav > li {
        margin-left: 12px;
    }

    .pure-form .nice-select:after {
        top: 14px;
    }

    .filter-button-group {
        margin-bottom: 17px;
    }

    .grid .grid-item {
        width: 50%;
        margin-bottom: 17px;
    }

    #main > .wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .pure-background {
        padding-bottom: 0;
        background: transparent none !important;
    }

    body.sub #header .pure-content {
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 22px;
        padding-right: 22px;
    }

    #header h1, body.sub #header h1 {
        margin-bottom: 9px;
    }

    #header h1.key-enter, body.sub #header h1.key-enter {
        margin-bottom: 20px;
    }

    a[data-role="dropdown"].open + ul.pure-dropdown {
        top: 48px;
    }

    .tx-plugin .pure-g h4 {
        font-size: 1.25rem;
    }

    .tx-plugin .info p,
    .tx-plugin .pure-g .pure-g p {
        font-size: 1.125rem;
    }

    .tx-plugin .pure-u-md-24-24 > h3 {
        margin-bottom: 30px;
    }

    .tx-plugin .pure-images {
        margin-bottom: -18px;
    }

    .news-text-wrap p {
        font-size: 1rem;
    }

    .pure-images {
        --bs-gutter-x: 18px;
    }

    .pure-images .item {
        margin-bottom: 18px;
    }

    #call-service {
        bottom: 70px;
        right: 20px;
    }

    .video-text {
        padding: 25px 0;
    }

    .video-text h2 {
        font-size: 1.25rem;
        margin-bottom: 10px;
    }

    .video-text p {
        font-size: 1rem;
    }

    #footer .pure-menu-list {
        display: flex;
        flex-direction: column;
    }

    #footer .social-media,
    #footer li {
        text-align: center;
    }

    #footer li {
        margin-bottom: 8px;
    }

    #footer a + a {
        margin-left: 15px;
    }

    #footer .pure-menu-item a:hover,
    #footer .pure-menu-item a:active {
        text-decoration: underline;
    }

    #footer li {
        margin: 0;
    }

    .video-banner-container.fixed-width .video-text h1.key-enter {
        font-size: 2rem;
    }

    .video-banner-container.fixed-width .btn-tag {
        margin-bottom: 8px;
        font-size: 1rem;
    }
}

@media (max-width: 575px) {
    #sideNav.open {
        width: 100%;
    }

    #header .pure-content {
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .key-enter {
        font-size: 3rem;
    }

    .pure-g > .pure-u-1 + .pure-u-1 {
        margin-top: 15px;
    }

    .pure-g > .pure-u-md-4-24 + .pure-u-md-16-24,
    .pure-g > .pure-u-sm-12-24 + .pure-u-sm-12-24 {
        margin-top: 0;
    }

    .tx-plugin .info .download-actions {
        margin-top: 0;
    }

    .tx-plugin .download-actions a {
        display: block;
    }

    ul.list-half li {
        width: 100%;
    }

    #main .pure-menu-list {
        font-size: 1.125rem;
    }

    .pure-g > .pure-u-1 {
        text-align: left;
    }

    .nav-list a {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .powermail_fieldset > .col2-1,
    .powermail_fieldset > .col3-1 {
        width: 100%;
    }

    .box {
        padding: 16px;
    }

    .swiper-clients .d-sm-block .box-image {
        display: block;
        padding: 67px 20px;
        text-align: center;
    }

    .swiper-clients .d-sm-block .box-image img {
        max-width: 280px !important;
    }

    .box .date + p {
        font-size: 1.125rem;
    }

    p + .pure-button {
        margin-top: 15px;
    }

    .pure-g.pure-images > .pure-u-1 + .pure-u-1 {
        margin-top: 0;
    }

    .pure-u-md-1-4 .tx-contact img {
        margin-left: 0;
    }

    .pure-u-md-24-24 .pure-images .item a {
        padding: 29px 0;
    }

    .tx-plugin [id*="news-container-"] .news-item {
        flex-direction: column;
    }

    .tx-plugin [id*="news-container-"] .news-item .news-list-date {
        width: 100%;
        margin: 0 0 15px;
    }

    .swiper-pagination-bullet {
        --swiper-pagination-bullet-width: 32px;
        --swiper-pagination-bullet-horizontal-gap: 4px;
    }

    .ce-grid {
        margin: 0 auto;
    }

    .wrapper-box_grid > .wrap > .wrapper,
    .ce-grid .grid-item {
        width: 100%;
        margin: 0 0 20px;
    }

    .form-wrapper .flex-group {
        flex-direction: column;
    }

    .form-wrapper .flex-group .layui-btn {
        margin: 15px 0 0;
    }

    .wrapper-fluid .ce-grid .grid-item {
        width: 98%;
    }

    .pure-contacts .pure-button {
        padding: 12px 20px 8px;
    }

    .video-banner-container.fixed-width .video-text h1.key-enter {
        font-size: 3.2rem;
    }

    .video-banner-container.fixed-width {
        position: relative;
        overflow: hidden;
        height: 500px;
    }

    .video-banner-container.fixed-width video {
        position: absolute;
        left: 50%;
        top: 50%;
        min-width: 100%;
        min-height: 100%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 0;
        width: auto;
    }
}

@media (max-width: 400px) {
    .tx-plugin .pure-u-md-24-24 .pure-images .item a img {
        max-width: 138px !important;
    }

    .event-item > .d-flex .date-range {
        font-size: 1.25rem;
    }
}

@media (max-width: 375px) {
    .grid .grid-item {
        width: 100%;
    }
}