@media all and (max-width: 1640px) {
    #home-opinion .slider .owl-carousel {
        left: 20px;
    }

    #home-opinion .slider .owl-nav {
        right: 40px;
    }
}

@media all and (max-width: 1400px) {
    #footer .footer-top-white {
        height: 50px;
    }

    #footer .footer-contact .text-contact {
        float: left;
        width: calc(100% - 735px);
    }

    #footer .footer-contact .text-contact .text-content {
        width: 270px;
        margin-left: calc(100% - 270px);
        height: 50px;
    }

    #footer .footer-contact .list-contact {
        float: right;
        width: 730px;
    }

    #footer .footer-contact .list-contact ul {
        list-style: none;
        display: block;
        padding: 0;
        margin: 0;
    }

    #footer .footer-contact .list-contact ul>li a .icon {
        width: 50px;
        height: 50px;
    }

    #footer .footer-contact .list-contact ul>li a .text p {
        line-height: 25px;
    }

    #footer .footer-contact .list-contact ul>li a .text p span {
        font-size: 20px;
    }
}

@media all and (max-width: 1350px) {
    #page.page-contact .content-page .contact-data {
        width: calc(100% - 430px);
    }

    #page.page-contact .content-page .contact-map {
        width: 350px;
    }
}

@media all and (max-width: 1300px) {
    #about-us .left {
        margin-right: 20px;
    }

    #about-us .right {
        width: calc(100% - 430px);
    }

    #about-us .right .image {
        width: 650px;
    }

    #page.page-about .content-page .section-description {
        width: 100%;
        height: auto;
        position: relative;
    }

    #page.page-about .content-page .section-description .left-text,
    #page.page-about .content-page .section-description .right-text {
        position: static;
        width: calc(50% - 30px);
        height: auto;
        top: 0;
    }

    #page.page-about .content-page .section-description .left-text {
        float: left;
    }

    #page.page-about .content-page .section-description .right-text {
        float: right;
    }

    #page.page-about .content-page .section-description .right-text a.page-button {
        position: static;
        bottom: 0px;
    }

    #page.page-about .content-page .section-description .images {
        margin: 20px auto 0;
        position: relative;
        width: 100%;
    }

    #page.page-about .content-page .section-description .images .image_1 {
        width: calc(65% - 5px);
        height: 450px;
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        z-index: 0;
    }

    #page.page-about .content-page .section-description .images .image_1 img {
        width: auto;
        height: 450px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    #page.page-about .content-page .section-description .images .image_2 {
        width: calc(35% - 5px);
        height: 280px;
        position: absolute;
        right: 0;
        top: 0;
        overflow: hidden;
        z-index: 0;
    }

    #page.page-about .content-page .section-description .images .image_2 img {
        width: auto;
        height: 280px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    #page.page-about .content-page .section-description .images .image_3 {
        width: 70%;
        height: 190px;
        position: absolute;
        right: 0;
        bottom: 0;
        overflow: hidden;
        z-index: 10;
        border-top: 10px solid #F2F7FC;
        border-left: 10px solid #F2F7FC;
    }

    #page.page-about .content-page .section-description .images .image_3 img {
        width: 100%;
        min-width: 450px;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #page.single-product .description-product .gallery {
        height: 200px;
    }

    #page.single-product .description-product .gallery a.slide,
    #page.single-product .description-product .gallery a.image-product {
        height: 200px;
    }

    #page.single-product .description-product .gallery a.slide img,
    #page.single-product .description-product .gallery a.image-product img {
        width: 360px;
    }

    #page.single-product .description-product .product-specyfication {
        width: calc(100% - 350px);
    }

    #page.single-product .description-product .technical-specyfication {
        width: 320px;
    }
}

@media all and (max-width: 1230px) {
    #page.single-product #home-products .right .video span.subtitle-video {
        bottom: -75px;
    }
}

@media all and (max-width: 1200px) {

    #catalog .catalog-content .image,
    .catalog .catalog-content .image {
        width: calc(100% - 400px);
    }

    #page.single-product .description-product {
        float: none;
        width: calc(100% - 40px);
    }

    #page.page-single .content-text-page {
        float: none;
        width: 100%;
    }

    #page.single-product .sidebar,
    #page.page-single .content-sidebar {
        float: none;
        display: block;
        width: calc(100% - 35px);
        height: auto;
        background: #ffffff;
        padding: 10px 15px;
        border-top: 5px solid #388BCC;
        border-left: 5px solid #388BCC;
        margin: 20px 0;
    }
}

@media all and (max-width: 1180px) {
    #header .center .nav-menu .nav-content {
        display: none;
    }

    #header .center .nav-menu .nav-mobile {
        display: block;
    }

    #page.page-contact .content-page .contact-data p,
    #page.page-contact .content-page .contact-data .company-name {
        text-align: center;
    }

    #page.page-contact .content-page .contact-data {
        width: calc(100% - 80px);
        float: none;
        height: auto;
    }

    #page.page-contact .content-page .contact-data .form h3 {
        text-align: center;
    }

    #page.page-contact .content-page .contact-data .form input,
    #page.page-contact .content-page .contact-data .form textarea {
        margin: 0 8px 16px;
    }

    #page.page-contact .content-page .contact-data .form .wpcf7-form-control-wrap[data-name="accept-rodo"],
    #page.single-product .form .wpcf7-form-control-wrap[data-name="accept-rodo"] {
        width: 100%;
    }

    #page.page-contact .content-page .contact-data .form .wpcf7-form-control-wrap[data-name="accept-rodo"] .wpcf7-list-item label span.wpcf7-list-item-label,
    #page.single-product .form .wpcf7-form-control-wrap[data-name="accept-rodo"] .wpcf7-list-item label span.wpcf7-list-item-label {
        width: calc(100% - 50px);
    }

    #page.page-contact .content-page .contact-data .form input[type=submit],
    #page.single-product .form input[type=submit] {
        float: none;
        margin: 15px auto;
    }

    #page.page-contact .content-page .contact-map {
        width: 100%;
        height: 350px;
        float: none;
    }

    #page.page-contact .content-page .contact-map #map {
        height: 350px;
    }

    #page.page-offer .offer-content ul>li .text {
        width: calc(100% - 170px);
    }
}

@media all and (max-width: 1150px) {
    #for-who {
        padding: 40px 0;
    }

    #for-who ul>li:first-child,
    #for-who ul>li:last-child {
        width: calc(100% - 20px);
        text-align: center;
        height: auto;
    }

    #for-who ul>li:first-child .title {
        position: static;
        text-align: center;
        transform: translateY(0);
    }

    #for-who ul>li:last-child .description {
        position: static;
        text-align: center;
        transform: translateY(0);
        width: 100%;
        max-width: 100%;
    }

    #for-who ul>li:last-child a.page-button {
        margin: 0 auto;
    }

    #for-who ul>li {
        width: calc((100% / 3) - 20px);
    }

    #home-products .products ul>li,
    #page.page-offer .products ul>li,
    #page.page-config .content-page .products ul>li,
    #page.single-product #home-products .right {
        width: calc((100% / 2) - 40px);
    }

    #page.single-product #home-products .right {
        float: left;
        margin: 10px;
        padding: 10px;
    }

    #page.single-product #home-products .right .video {
        top: 0;
    }

    #page.single-product #home-products .right .video span.subtitle-video,
    #page.single-product #home-products .right .video .border-video {
        display: none;
    }
}

@media all and (max-width: 1130px) {
    #about-us {
        height: auto;
    }

    #about-us .title,
    #home-products .title {
        text-align: center;
    }

    #about-us .left {
        float: none;
        width: calc(100% - 40px);
        height: auto;
        padding: 40px 20px 100px;
        background: #ffffff;
        border-bottom-right-radius: 50px;
    }

    #about-us .left .description {
        width: 100%;
        padding: 20px 0;
    }

    #about-us .left .description p {
        text-align: center;
    }

    #about-us .left a.page-button {
        position: static;
        margin: 0 auto;
    }

    #about-us .right {
        float: none;
        width: 100%;
        max-width: 100%;
        height: 400px;
        padding: 30px 0;
        margin-top: -60px;
    }

    #about-us .right .image {
        width: 800px;
        height: 340px;
        border-radius: 0 170px 170px 0;
        overflow: hidden;
        position: absolute;
        top: 0;
        right: auto;
        left: -20px;
        z-index: 10;
    }

    #about-us .right .video a.video-content {
        left: auto;
        right: 0;
    }

    #about-us .right .image {
        width: calc(100% - 20px);
        max-width: 800px;
    }

    #about-us .right .video span.subtitle-video {
        right: 0;
        left: unset;
        top: 160px;
        bottom: unset;
    }

    #about-us .right .video .border-video {
        display: none;
    }

    #about-us .bg {
        display: none;
    }

    #footer .footer-contact .text-contact {
        float: none;
        width: 100%;
    }

    #footer .footer-contact .text-contact .text-content {
        width: 100%;
        margin-left: 0;
    }

    #footer .footer-contact .text-contact .text-content h2 {
        text-align: center;
        position: static;
        transform: translateY(0);
        font-size: 22px;
    }

    #footer .footer-contact .text-contact .text-content h2 span {
        display: inline-block;
        font-weight: 500;
        font-size: 22px;
    }

    #footer .footer-contact .list-contact {
        float: none;
        width: 680px;
        margin: 20px auto 0;
    }

    #footer .footer-contact .list-contact ul>li a .text p span {
        font-size: 16px;
    }

    #footer .footer-content {
        padding-top: 65px;
    }

    #footer .footer-content .footer-nav ul>li {
        display: block;
        border-bottom: 1px dashed #388BCC;
    }

    #footer .footer-content .footer-nav ul>li:last-child {
        border-bottom: 0;
    }

    #footer .footer-content .footer-nav ul>li a {
        padding: 15px 0;
    }
}

@media all and (max-width: 1180px) {

    #why,
    .why {
        width: 100%;
        height: auto;
        position: relative;
    }

    #why .left,
    #why .right,
    .why .left,
    .why .right {
        display: none;
    }

    #why .center,
    .why .center {
        margin: 0 auto;
        width: 100%;
        max-width: 100%;
        height: auto;
        position: static;
    }

    #why .center .image,
    .why .center .image {
        display: none;
    }

    #why .center .description,
    .why .center .description {
        width: calc(100% - 40px);
        height: auto;
        float: none;
        background: #003762;
        padding: 50px 20px;
    }

    #why .center .description .title,
    .why .center .description .title {
        text-align: center;
    }
}

@media all and (max-width: 1050px) {
    #home-slider .slider .image .image-content {
        width: calc(100% - 140px);
    }

    #home-slider .slider .image .image-content .gradient {
        max-width: 100%;
    }

    #page.page-config .content-page .filters .wpc-filters-section .widget-title {
        font-size: 16px;
    }
}

@media all and (max-width: 1000px) {

    #for-who ul>li,
    #page .for-who ul>li,
    #page.page-about .content-page .info-list ul>li,
    #page.news-page .content-page a.news {
        width: calc((100% / 2) - 20px);
    }

    #page.page-about .content-page .info-list ul>li .image {
        width: 100%;
        height: 280px;
        display: block;
        position: absolute;
        overflow: hidden;
    }

    #page.page-about .content-page .info-list ul>li:nth-child(1) .image,
    #page.page-about .content-page .info-list ul>li:nth-child(3) .image,
    #page.page-about .content-page .info-list ul>li:nth-child(5) .image {
        top: 0;
        bottom: auto;
    }

    #page.page-about .content-page .info-list ul>li:nth-child(2) .image,
    #page.page-about .content-page .info-list ul>li:nth-child(4) .image,
    #page.page-about .content-page .info-list ul>li:nth-child(6) .image {
        bottom: 0;
        top: auto;
    }

    #page.page-about .content-page .info-list ul>li:nth-child(1) .text,
    #page.page-about .content-page .info-list ul>li:nth-child(3) .text,
    #page.page-about .content-page .info-list ul>li:nth-child(5) .text {
        bottom: 20px;
        top: auto;
    }

    #page.page-about .content-page .info-list ul>li:nth-child(2) .text,
    #page.page-about .content-page .info-list ul>li:nth-child(4) .text,
    #page.page-about .content-page .info-list ul>li:nth-child(6) .text {
        top: 20px;
        bottom: auto;
    }

    #boxes ul.boxes>li.box .image {
        height: 250px;
        opacity: 0.5;
    }
}

@media all and (max-width: 960px) {
    #page.page-config .content-page .filters .wpc-filters-section {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    #page.page-config .content-page .filters .wpc-filters-section .widget-title {
        text-align: center;
        font-size: 18px;
        display: block;
    }

    #page.page-config .content-page .filters .wpc-filters-section ul {
        text-align: center;
    }

    #page.page-config .content-page .filters .wpc-filters-section ul>li {
        display: inline-block;
    }

    #catalog,
    .catalog {
        height: auto;
        margin: 0 0 100px 0;
        background: #ECEFF4;
    }

    #catalog .catalog-content,
    .catalog .catalog-content {
        height: 600px;
        position: relative;
    }

    #catalog .catalog-content .image,
    .catalog .catalog-content .image {
        position: relative;
        width: 100%;
        height: 460px;
    }

    #catalog .catalog-content .image img,
    .catalog .catalog-content .image img {
        width: auto;
        height: 690px;
    }

    #catalog .catalog-content .text,
    .catalog .catalog-content .text {
        position: absolute;
        height: 330px;
        width: 100%;
        top: auto;
        bottom: 0;
        right: 0;
        left: 0;
    }

    #catalog .catalog-content .text .text-content .description,
    .catalog .catalog-content .text .text-content .description {
        margin: 0 auto;
    }

    #catalog .catalog-content .text .text-content,
    .catalog .catalog-content .text .text-content {
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center
    }

    #catalog .catalog-content .text .text-content .buttons a,
    .catalog .catalog-content .text .text-content .buttons a {
        margin: 0 10px;
    }

    #page.page-movie .video-list ul>li {
        width: calc((100% / 2) - 25px);
    }

    #contact-person .contact-person-content {
        padding: 50px 0;
    }

    #contact-person .contact-person-content .person {
        width: 100%;
        padding: 0;
        display: block;
        float: none;
        max-width: 400px;
        margin: 0 auto;
        text-align: center;
    }

    #contact-person .contact-person-content .sales ul>li {
        display: inline-block;
        width: calc((100% / 2) - 15px);
        margin-bottom: 20px;
    }

    #contact-person .contact-person-content a.number {
        width: 220px;
        margin: 0 auto;
    }

    #contact-person .contact-person-content a.mail {
        width: 305px;
        margin: 0 auto 40px;
    }

    #footer .footer-content .copywrite .left {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    #footer .footer-content .copywrite .right {
        float: none;
        margin: 0 auto;
    }

    #page.page-movie .video-list.shorts ul {
        text-align: unset;
        margin: 0 -20px 0 -5px;
    }

    #page.page-movie .video-list.shorts ul>li {
        display: inline-block;
        width: calc((100% / 3) - 25px);
        margin: 0 10px 20px;
    }
}

@media all and (max-width: 850px) {
    #boxes ul.boxes>li.box {
        width: 100%;
        margin: 10px auto;
    }

    #boxes ul.boxes>li.box .image {
        height: 300px;
        opacity: 1;
    }

    .configurator {
        height: auto;
    }

    .configurator:after {
        width: calc(100% + 20px);
        height: 210px;
    }

    .configurator .content-configurator {
        width: 100%;
        height: auto;
        position: relative;
        background: #003762;
        overflow: hidden;
        z-index: 5;
    }

    .configurator .content-configurator .text {
        position: static;
        top: 0;
        transform: translateY(0);
        left: 0;
        z-index: 10;
        width: calc(100% - 40px);
        padding: 20px;
    }

    .configurator .content-configurator .text .name h2 {
        text-align: center;
    }

    .configurator .content-configurator .text .description {
        max-width: 100%;
        width: 100%;
        padding: 10px 0;
    }

    .configurator .content-configurator .text .description p {
        text-align: center;
    }

    .configurator .content-configurator .text a.page-button {
        margin: 0 auto;
    }

    .configurator .image {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        bottom: 0;
        right: 0;
    }

    .configurator .image .gradient {
        background: rgb(0, 55, 98);
        background: -webkit-linear-gradient(rgba(0, 55, 98, 1) 0%, rgba(0, 55, 98, 0) 100%);
        background: -o-linear-gradient(rgba(0, 55, 98, 1) 0%, rgba(0, 55, 98, 0) 100%);
        background: linear-gradient(rgba(0, 55, 98, 1) 0%, rgba(0, 55, 98, 0) 100%);
        width: 100%;
        height: 100vh;
    }

    .configurator .image img {
        position: static;
    }

    #page.page-about .content-page .head-about {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 60px;
    }

    #page.page-about .content-page .head-about .text {
        float: none;
        width: 100%;
        height: auto;
        position: relative;
    }

    #page.page-about .content-page .head-about .text .title {
        width: calc(100% - 40px);
        text-align: center;
        padding: 20px;
    }

    #page.page-about .content-page .head-about .text .description {
        background: #ffffff;
        width: calc(100% - 40px);
        height: auto;
        padding: 20px;
        position: static;
        bottom: 0;
    }

    #page.page-about .content-page .head-about .text .description p {
        margin: 0;
        padding: 0;
        font-size: 14px;
        font-weight: 500;
        color: #292727;
    }

    #page.page-about .content-page .head-about .text .description a.page-button {
        position: static;
        margin: 20px auto 0;
    }

    #page.page-about .content-page .head-about .image {
        float: none;
        width: 100%;
        height: 300px;
        border-radius: 0 150px 150px 0;
        position: relative;
        overflow: hidden;
        margin-left: -20px;
    }

    #page.page-about .content-page .head-about .image img {
        width: 100%;
        min-width: 550px;
        height: auto;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    #page.single-product .description-product .product-specyfication,
    #page.single-product .description-product .technical-specyfication {
        float: none;
        width: 100%;
    }

    #page.single-product .description-product .technical-specyfication {
        margin-bottom: 40px;
    }

    #page.page-contact .content-page .contact-data .contact-info {
        width: 480px;
        margin: 0 auto 60px;
    }

    #page.page-contact .content-page .contact-data .contact-info .contact-item.contact-address,
    #page.page-contact .content-page .contact-data .contact-info .contact-item.contact-phone {
        width: calc((100% / 2) - 10px);
        margin-bottom: 30px;
    }

    #page.page-contact .content-page .contact-data .contact-info .contact-item.contact-email {
        float: none;
        width: calc(100% - 10px);
        clear: both;
    }
}

@media all and (max-width: 800px) {
    #header .center .logo {
        width: 220px;
    }

    #header .center .nav-menu,
    .mobile-nav .blue {
        width: calc(100% - 280px);
    }
}

@media all and (max-width: 750px) {
    #home-slider {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
    }

    #home-slider .slider {
        width: 100%;
        max-width: 1640px;
        height: auto;
        position: static;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 10;
    }

    #home-slider .slider .text {
        position: static;
        width: calc(100% - 40px);
        height: auto;
        padding: 20px 20px 0;
        background: #ffffff;
    }

    #home-slider .slider .text .text-content {
        position: static;
        width: 100%;
        height: auto;
        top: 50px;
    }

    #home-slider .slider .text .text-content .title {
        height: auto;
        position: relative;
        width: calc(100% - 50px);
        padding-top: 20px;
        padding-left: 30px;
        margin-bottom: 40px;
    }

    #home-slider .slider .text .text-content .title:after,
    #home-slider .slider .text .text-content .title:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: #388BCC;
    }

    #home-slider .slider .text .text-content .title:after {
        height: 120px;
        width: 8px;
    }

    #home-slider .slider .text .text-content .title:before {
        width: 120px;
        height: 8px;
    }

    #home-slider .slider .text .text-content .title h1 {
        margin: 0;
        padding: 0;
        display: block;
        font-size: 30px;
        font-weight: 800;
        color: #003762;
    }

    #home-slider .slider .text .text-content .title h1 span {
        color: #388BCC;
    }

    #home-slider .slider .text .text-content .description {
        width: 100%;
        height: auto;
    }

    #home-slider .slider .text .text-content .description p {
        text-align: center;
        font-size: 14px;
    }

    #home-slider .slider .text .text-content a.page-button {
        position: static;
        margin: 40px auto 0;
    }

    #home-slider .slider .image {
        position: static;
        top: 0;
        right: 0;
        background: #ffffff;
        width: 100%;
        height: auto;
        padding-bottom: 40px;
        background: #003762;
        border-radius: 0;
    }

    #home-slider .slider .image .image-content {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        height: auto;
        overflow: hidden;
        border-radius: 0 0 100px 100px;
    }

    #home-slider .slider .image .image-content .gradient {
        background: rgb(255, 255, 255);
        background: -webkit-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        background: -o-linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        background: linear-gradient(rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        max-width: 100%;
        width: 100%;
        height: 100vh;
    }

    #home-slider .slider .image .image-content img {
        width: 100%;
        height: auto;
        bottom: 0;
        display: block;
        position: static;
        transform: translateX(0);
    }

    #home-slider .bg {
        display: none;
    }

    #page.page-offer .offer-content ul>li {
        height: auto;
    }

    #page.page-offer .offer-content ul>li .image {
        top: 0;
        margin: 0 auto;
    }

    #page.page-offer .offer-content ul>li:nth-child(odd) .image,
    #page.page-offer .offer-content ul>li:nth-child(even) .image {
        left: 0;
        right: 0;
    }

    #page.page-offer .offer-content ul>li .text {
        position: static;
        width: 100%;
        height: auto;
        border-radius: 20px;
        margin-top: 170px;
        padding: 140px 0 40px;
    }

    #page.page-offer .offer-content ul>li .text .text-content {
        position: static;
        transform: translateY(0);
        width: calc(100% - 40px);
        margin: 0 auto;
    }

    #page.page-offer .offer-content ul>li .text .text-content h3,
    #page.page-offer .offer-content ul>li .text .text-content p {
        text-align: center;
    }

    #footer .footer-contact .list-contact {
        float: none;
        width: 325px;
        margin: 20px auto 0;
    }

    #footer .footer-contact .list-contact ul>li {
        display: block;
    }

    #footer .footer-contact .list-contact ul>li a {
        padding: 10px 5px;
    }

    #footer .footer-contact .list-contact ul>li a .icon {
        margin-right: 15px;
    }

    #footer .footer-contact .list-contact ul>li a .text {
        float: left;
    }

    #footer .footer-content {
        padding-top: 150px;
    }
}

@media all and (max-width: 730px) {
    #footer .footer-content .footer-nav {
        padding: 90px 0;
    }
}

@media all and (max-width: 700px) {

    #page.page-about .content-page .section-description .left-text,
    #page.page-about .content-page .section-description .right-text {
        position: static;
        width: 100%;
        height: auto;
        top: 0;
        float: none;
        padding: 20px 0;
    }

    #page.page-about .content-page .section-description .left-text {
        border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
    }

    #page.page-about .content-page .section-description .left-text .text-title,
    #page.page-about .content-page .section-description .right-text .text-title {
        padding: 20px 0;
    }

    #page.page-about .content-page .section-description .left-text .text-title h3,
    #page.page-about .content-page .section-description .right-text .text-title h3 {
        text-align: center;
    }

    #page.page-about .content-page .section-description .left-text p,
    #page.page-about .content-page .section-description .right-text p {
        text-align: center;
    }

    #page.page-about .content-page .section-description .right-text a.page-button {
        margin: 20px auto 0;
    }

    #page.page-offer .video a.video-content {
        height: 350px;
    }

    #page.page-offer .video a.video-content img {
        width: 720px;
    }
}

@media all and (max-width: 674px) {

    #for-who ul>li,
    #page .for-who ul>li,
    #page.page-about .content-page .info-list ul>li,
    #page.news-page .content-page a.news {
        width: calc(100% - 20px);
        float: none;
    }

    #for-who ul>li {
        margin: 10px 0;
    }

    #home-products .products ul>li,
    #page.page-offer .products ul>li,
    #page.page-config .content-page .products ul>li {
        width: calc(100% - 20px);
        margin: 10px 0;
    }

    #page.single-product #home-products .right {
        width: calc(100% - 20px);
        margin: 40px 0;
    }

    #page.page-about .content-page .info-list ul>li .image {
        width: 100%;
        height: 280px;
        display: block;
        position: absolute;
        overflow: hidden;
    }

    #page.page-about .content-page .info-list ul>li:nth-child(1) .image,
    #page.page-about .content-page .info-list ul>li:nth-child(3) .image,
    #page.page-about .content-page .info-list ul>li:nth-child(5) .image,
    #page.page-about .content-page .info-list ul>li:nth-child(2) .image,
    #page.page-about .content-page .info-list ul>li:nth-child(4) .image,
    #page.page-about .content-page .info-list ul>li:nth-child(6) .image {
        top: 0;
        bottom: auto;
    }

    #page.page-about .content-page .info-list ul>li:nth-child(1) .text,
    #page.page-about .content-page .info-list ul>li:nth-child(3) .text,
    #page.page-about .content-page .info-list ul>li:nth-child(5) .text,
    #page.page-about .content-page .info-list ul>li:nth-child(2) .text,
    #page.page-about .content-page .info-list ul>li:nth-child(4) .text,
    #page.page-about .content-page .info-list ul>li:nth-child(6) .text {
        bottom: 20px;
        top: auto;
    }

    #footer .footer-content {
        padding-top: 165px;
    }

    #page.page-movie .video-list.shorts ul {
        margin: 0 -15px 0 -5px;
    }

    #page.page-movie .video-list.shorts ul>li {
        display: inline-block;
        width: calc((100% / 2) - 25px);
        margin: 0 10px 20px;
    }
}

@media all and (max-width: 610px) {
    #page.page-config .content-page .filters a#buttontoggler {
        display: block;
    }

    #page.page-config .content-page .filters #filter {
        display: none;
    }

    #why .center .description .list ul>li,
    .why .center .description .list ul>li {
        display: block;
        width: 100%;
        margin-right: 10px;
        padding: 15px 0;
    }


    #home-opinion .title,
    #home-opinion .text,
    #home-opinion .bg .right .right-content {
        width: calc(100% - 20px);
    }

    #home-opinion .slider {
        margin-top: 20px;
    }

    #home-opinion .slider .owl-nav {
        right: auto;
        left: 0;
    }

    #catalog .catalog-content .text,
    .catalog .catalog-content .text {
        min-width: 0;
    }

    #catalog .catalog-content .text .text-content,
    .catalog .catalog-content .text .text-content {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background: #003762;
        width: calc(100% - 20px);
        max-width: 490px;
        height: auto;
        z-index: 10;
        padding: 40px 10px;
    }

    #catalog .catalog-content .text .text-content .buttons,
    .catalog .catalog-content .text .text-content .buttons {
        position: static;
        width: 228px;
        margin: 0 auto;
    }

    #catalog .catalog-content .text .text-content .buttons a,
    .catalog .catalog-content .text .text-content .buttons a {
        float: none;
        margin: 10px auto;
    }

    #page.page-contact .content-page .contact-data {
        width: calc(100% - 20px);
        padding: 40px 10px;
    }

    #page.single-product .description-product a.image-product {
        height: auto;
        background: #ffffff;
        overflow: visible;
        width: 100%;
    }

    #page.single-product .description-product a.image-product img {
        width: 100%;
        height: auto;
        display: block;
        position: static;
        transform: translate(0, 0);
    }
}

@media all and (max-width: 570px) {
    #contact-person .contact-person-content .sales ul>li {
        display: block;
        width: 210px;
        margin: 0 auto 20px;
    }
}

@media all and (max-width: 540px) {
    #page.page-contact .content-page .contact-data .contact-info {
        width: 230px;
    }

    #page.page-contact .content-page .contact-data .contact-info .contact-item.contact-address,
    #page.page-contact .content-page .contact-data .contact-info .contact-item.contact-phone,
    #page.page-contact .content-page .contact-data .contact-info .contact-item.contact-email {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }

    #page.page-contact .content-page .contact-data .form input,
    #page.single-product .form input {
        float: none;
        display: block;
        width: calc(100% - 34px);
        margin: 0 0 16px;
    }

    #page.page-contact .content-page .contact-data .form textarea,
    #page.single-product .form textarea {
        width: calc(100% - 34px);
        margin: 0 0 16px;
    }

    #page.page-contact .content-page .contact-data .form input[type=checkbox],
    #page.single-product .form input[type=checkbox] {
        float: left;
    }

    #page.page-movie .video-list ul {
        margin: 0;
    }

    #page.page-movie .video-list ul>li {
        width: 100%;
        display: block;
        margin: 0 0 20px;
    }

    #page.page-movie .video-list.shorts ul {
        margin: 0 -15px 0 -10px;
    }

    #page.page-movie .video-list.shorts ul>li {
        display: inline-block;
        width: calc((100% / 1) - 25px);
        margin: 0 10px 20px;
    }
}

@media all and (max-width: 500px) {
    #boxes ul.boxes>li.box .content-box {
        left: 20px;
    }

    #boxes ul.boxes>li.box .content-box .name {
        padding: 0 10px 0 0;
    }

    #boxes ul.boxes>li.box .content-box .list ul {
        width: 250px;
    }

    #about-us .right {
        height: 450px;
        padding: 30px 0 0;
    }

    #about-us .right .video {
        bottom: 0;
        width: 100%;
        height: 150px;
        display: block;
        position: absolute;
    }

    #about-us .right .video a.video-content {
        width: 100%;
        max-width: 400px;
        height: 200px;
        display: block;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }

    #page.single-product .description-product .gallery {
        width: 100%;
        height: 260px;
    }

    #page.single-product .description-product .gallery .owl-nav {
        position: absolute;
        top: auto;
        bottom: -55px;
        transform: translateY(0);
        width: 80px;
        height: 40px;
        z-index: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    #page.single-product .description-product .gallery .owl-nav button.owl-next {
        right: 0;
    }

    #page.single-product .description-product .gallery .owl-nav button.owl-prev {
        left: 0;
    }
}

@media all and (max-width: 470px) {
    #home-opinion .slider .slide {
        width: calc(100% - 42px);
        height: 250px;
        margin: 0;
    }

    #page.page-offer .video a.video-content {
        height: 250px;
    }

    #page.page-offer .video a.video-content img {
        width: 520px;
    }
}

@media all and (max-width: 440px) {
    #footer .footer-contact .list-contact {
        width: 100%;
    }

    #footer .footer-contact .list-contact ul>li a .icon {
        float: none;
        margin: 0 auto 5px;
    }

    #footer .footer-contact .list-contact ul>li a .text {
        text-align: center;
        width: 100%;
    }

    #footer .footer-content {
        padding-top: 330px;
    }
}

@media all and (max-width: 400px) {
    #header .center .logo {
        width: 160px;
    }

    #header .center .logo a {
        width: 140px;
        padding: 22px 0;
    }

    #header .center .nav-menu,
    .mobile-nav .blue {
        width: calc(100% - 220px);
    }
}

@media all and (max-width: 360px) {
    #contact-person .contact-person-content a.number {
        width: 200px;
    }

    #contact-person .contact-person-content a.mail {
        width: 280px;
    }

    #contact-person .contact-person-content .person .contact-info a .data {
        padding: 9px 0;
    }

    #contact-person .contact-person-content .person .contact-info a .data span {
        font-size: 18px;
    }
}