@media only screen and (max-width : 1800px) and (max-height : 900px) {

    .main-slider .slide-title {
        font-size: 40px;
        line-height: 40px;
        height: 40px;
    }


    .main-slider .product .slide-wrapper {
        padding-top: 20px;
    }


    .main-slider .slide-wrapper {
        padding-top: 70px;
    }


    .main-slider .projects .slide-wrapper {
        padding-top: 250px;
    }


    .main-slider .news .slide-wrapper {
        padding-top: 100px;
    }


    .main-slider .contacts .slide-wrapper {
        padding-top: 150px;
    }
}

@media only screen and (max-width: 1700px) and (max-height: 800px) {

    header {
        padding: 0 0 10px 0;
    }

    header .logo-wrap {
        padding-top: 10px;
    }

    header .nav-menu {
        padding-top: 15px;
    }

    header .nav-menu .level-2 {
        padding: 35px 0;
    }

    header .nav-menu .level-2 li {
        margin-right: 20px;
    }


    /* Block Product */
    .main-slider .slide-wrapper .title {
        font-size: 46px;
        line-height: 50px;
    }

    .main-slider .slide-wrapper .description {
        font-size: 16px;
        line-height: 22px;
        margin: 30px 0;
    }

    .main-slider .product .slide-wrapper .image {
        max-height: 400px;
    }

    .main-slider .content-title {
        font-size: 18px;
        line-height: 24px;
    }


    .main-slider .teasers .slide-wrapper {
        padding: 0 30px;
    }


    /* Block Projects */
    .main-slider .projects .slide-wrapper .content {
        margin: 0 0 30px 0;
    }


    .main-slider .news .slide-wrapper {
        padding-top: 100px;
    }

    .main-slider .news .content-wrapper {
        margin-top: 10px;
    }

    .main-slider .news .content-description:last-child {
        margin-bottom: 25px;
    }

    .main-slider .news .content-icon {
        margin-bottom: 15px;
    }


    .main-slider .slide-wrapper .title {
        font-size: 32px;
        line-height: 36px;
    }


    /* Block Contacts */
    .main-slider .contacts .slide-wrapper {
        padding-top: 150px;
    }

    .main-slider .contacts .phones .content-phone a {
        font-size: 18px;
        line-height: 24px;
    }

    .main-slider .contacts .contact-block-wrapper {
        margin: 5px 0 10px 0;
    }

    .main-slider .contacts .contacts-map {
        height: 300px;
        margin-top: 15px;
    }


    .main-slider .slide-wrapper .link {
        margin-top: 1px;
    }

    .main-slider .slide-title {
        font-size: 32px;
    }
    
    
    .main-slider .slide-tabs {
        height: 45px;
        bottom: 20px;
    }

    .main-slider .slide-tabs ul li {
        height: 45px;
    }

}

@media only screen and (max-width : 1250px) {

    .center-wrap {
        padding: 0 30px;
        box-sizing: border-box;
    }


    /* Slider */
    .main-slider .slide-wrapper {
        padding: 0 45px 0 30px;
        box-sizing: border-box;
    }

    .main-slider .slick-dots {
        right: 25px;
    }


    /* Page News */
    .page-news .sidebar-wrapper {
        max-width: 380px;
        margin-left: 40px;
    }

    .page-news .sidebar {
        padding-right: 25px;
    }


    /* Footer */
    footer .copyright {
        max-width: 300px;
    }

}

@media only screen and (max-width : 1200px) {

    /* Header */
    header .nav-menu .level-1 > li {
        padding-left: 10px;
    }

    header .nav-menu .level-1 > li::before {
        font-size: 21px;
    }

    header .nav-menu .level-1 > li > a {
        margin-left: 10px;
        font-size: 16px;
    }

    header .nav-menu .level-2 li a {
        font-size: 16px;
    }


    /* Page Projects */
    .projects-list .projects-list-item {
        max-width: 25%;
    }


    .main-slider .teaser-content:last-child {
        margin-right: 25px;
    }
}

@media only screen and (max-width : 1024px) {

    header .nav-menu .level-1 > li > a {
        font-size: 15px;
    }


    /* Page News */
    .page-news .sidebar-wrapper {
        max-width: 320px;
    }

    .page-news-wrap .content-list-item {
        padding: 0px 25px;
    }

}

@media only screen and (max-width : 1024px) and (max-height : 650px) {

    header .logo-wrap,
    header .logo-wrap img {
        max-height: 100px;
    }

    header .nav-menu {
        padding-top: 0;
    }

    header .nav-menu .level-1 {
        margin-top: 24px;
    }

    header .nav-menu .level-2 {
        padding: 20px 0;
    }


    .main-slider .slide-tabs {
        height: 30px;
        bottom: 15px;
    }

    .main-slider .slide-tabs ul li {
        height: 30px;
    }

    .main-slider .slide-wrapper .link a {
        font-size: 16px;
    }


    .main-slider .news .content-description {
        margin: 0 0 48px 0;
    }

    .main-slider .news .content-description:last-child {
        margin-bottom: 15px;
    }


    .main-slider .projects .slide-wrapper {
        padding-top: 150px;
    }


    .main-slider .contacts .slide-wrapper {
        padding-top: 110px;
    }

}


@media only screen and (max-width : 992px) {

    .main-wrap {
        min-width: 320px;
    }

    .no-desktop {
        display: block;
    }

    .page-crumbs {
        line-height: 30px;
        padding: 23px 0 13px 0;
    }

    header .lang {
        right: 30px;
    }

    /* Header */
    header {
        background: #f4f4f4;
        height: 50px;
        padding: 0;
    }

    header::before {
        display: none;
    }

    .fixed-header {
        position: fixed;
    }

    .button-menu {
        display: block;
        width: 22px;
        height: 22px;
        padding: 15px;
        background: url(/images/icons/menu.svg) no-repeat center center;
    }

    .menu-open .button-menu {
        background: url(/images/icons/close.svg) no-repeat center center;
    }

    header .logo-wrap {
        padding-top: 5px;
        height: 50px;
        max-height: 50px;
        margin: 0 0 0 15px;
        box-sizing: border-box;
    }

    header .logo-wrap img {
        height: 40px;
    }

    header .nav-menu {
        display: none;
    }


    /* Mobile menu */
    .mobile-menu {
        width: 100%;
        height: 100%;
        background: #fff;
        display: none;
        position: fixed;
        left: 0;
        top: 50px;
        overflow-y: scroll;
        z-index: 5;
    }

    .menu-open .mobile-menu {
        display: block;
    }

    .menu-top {
        width: 100%;
        margin: 0;
        padding: 10px 30px 60px 30px;
        box-sizing: border-box;
        opacity: 0;
    }

    .menu-open .menu-top {
        opacity: 1;
    }

    .mobile-menu a {
        width: 100%;
        display: block;
        padding: 4px 0;
        margin: 0;
        font-size: 16px;
        line-height: 34px;
        color: #5c3387;
    }

    .mobile-menu .level-1 {
        margin: 0;
        display: flex;
        flex-flow: column nowrap;
    }

    .mobile-menu .level-1 > li {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        width: 100%;
    }

    .mobile-menu .level-1 > li > a {
        width: 100%;
        margin: 0;
        display: block;
        font-size: 16px;
        font-weight: 700;
        line-height: 34px;
        text-transform: uppercase;
        border-bottom: 1px solid #f4f4f4;
    }

    .mobile-menu .with-subitems {
        position: relative;
    }

    .mobile-menu .menu-arrow {
        content: '';
        background: url(/images/icons/arrow-menu.svg) center right no-repeat;
        display: block;
        position: absolute;
        width: 10px;
        right: 0;
        top: 0;
        height: 40px;
    }

    .mobile-menu .with-subitems.opened .menu-arrow {
        transform: rotate(90deg);
    }

    .mobile-menu .level-2 {
        padding-left: 10px;
        margin: 0;
        list-style: none;
        visibility: hidden;
        opacity: 0;
        height: 0;
    }

    .mobile-menu .opened .level-2 {
        visibility: visible;
        opacity: 1;
        height: auto;
        margin: 10px 0 5px;
    }


    .page-title {
        font-size: 36px;
        line-height: 48px;
    }


    /* Snippets on main */
    .main-slider .slide-wrapper {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 100px 30px;
    }

    .main-slider .slide-wrapper .title {
        font-size: 48px;
        line-height: 62px;
    }

    .main-slider .teaser-content,
    .main-slider .teaser-content:last-child,
    .main-slider .teaser-content:first-child {
        margin: 0;
        margin: 20px 0;
    }

    .main-slider .teaser-content .title {
        font-size: 30px;
        line-height: 44px;
    }

    .projects .slide-wrapper .content {
        max-width: 33.33%;
        margin: 0 0 35px 0;
    }

    .news .main-new {
        max-width: 50%;
        margin-right: 40px;
    }

    .news .content-icon {
        max-width: 100%;
        margin-bottom: 10px;
    }

    .content-title,
    .content-title a,
    .content-list-item .title {
        font-size: 20px;
        line-height: 28px;
    }

    .contacts .contacts-description {
        margin-left: 40px;
        padding-right: 15px;
    }


    /* Page Projects */
    .main-slider .projects .slide-wrapper {
        padding-top: 100px;
    }

    .projects-list .projects-list-item {
        max-width: 33.33%;
    }


    /* Page News */
    .page-news .sidebar-wrapper {
        max-width: 280px;
        margin-left: 30px;
    }

    .page-news-wrap .content {
        margin: 6px -15px 0 -15px;
    }

    .page-news-wrap .content-list-item {
        padding: 0px 15px;
    }

    .content-list-item .content-description,
    .page-news .content-list-item .content-title a {
        font-size: 16px;
        line-height: 24px;
    }


    /* Page Catalog */
    .products-item-wrapper {
        max-width: 33.33%;
    }


    /* Page Download Center */
    .page-downloads .page-download-content {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }

    .page-downloads .downloads-wrapper {
        display: block;
        border-collapse: collapse;
        margin: 0 auto;
        max-width: 100%;
        overflow-x: auto;
    }

    .page-downloads .downloads-table-scroll {
        min-width: 768px;
        display: block;
    }

    .page-downloads .downloads-table-scroll table th {
        min-width: 100px;
    }


    /* Page Product */
    article table {
        display: block;
    }

    article table tbody {
        min-width: 992px;
        display: block;
    }


    /* Page Contacts */
    .page-contacts {
        flex-direction: column;
    }

    .page-contacts .contacts-map-wrapper {
        max-width: 100%;
        padding-right: 0;
    }

    .page-contacts .contacts-map-wrapper .contacts-map {
        max-width: 100%;
    }

    .page-contacts .contacts-description {
        padding: 40px 0 0 0;
        border: 0;
    }

    .page-contacts .contact-text {
        margin-left: 25px;
    }

    .page-contacts .contacts-wrapper {
        flex-direction: column;
    }

    .page-contacts .phones {
        margin-bottom: 15px;
    }


    footer {
        min-height: 200px;
        padding: 15px 0;
    }

    footer .contacts-block-wrapper {
        flex-direction: column;
    }

    footer .footer-text {
        margin: 15px 0;
    }

}

@media only screen and (max-width : 768px) {

    .page-title {
        font-size: 28px;
        line-height: 36px;
    }
    
    .page-cover {
        min-height: 300px;
    }
    
    .page-title-wrap {
        margin: 168px 0 50px 0;
    }

    header .lang {
        right: 15px;
    }

    /* Snippets on main */
    .main-slider .slide-item {
        padding: 120px 0;
    }

    .main-slider .slide-wrapper {
        height: 823px;
    }

    .main-slider .slick-dots {
        top: 10px;
        right: 20px;
    }

    .main-slider .slide-wrapper .content {
        flex-direction: column;
    }

    .main-slider .slide-title {
        font-size: 32px;
        line-height: 36px;
    }


    .main-slider .slide-item.product {
        padding: 30px 0 38px 0;
    }

    .main-slider .product .slide-wrapper {
        height: 993px;
    }

    .main-slider .slide-wrapper .content {
        margin-top: 30px;
    }

    .main-slider .product .slide-wrapper .text,
    .main-slider .product .slide-wrapper .image {
        width: 100%;
    }

    .main-slider .slide-wrapper .title {
        font-size: 32px;
        line-height: 40px;
    }

    .main-slider .slide-wrapper .text {
        width: 100%;
        margin: 30px 0 70px 0;

    }

    .main-slider .slide-wrapper .description {
        max-width: 100%;
        margin: 35px 0;
    }

    .main-slider .slide-tabs ul li {
        min-width: 200px;
        padding: 0 8px;
        display: inline-block;
        font-size: 15px;
        line-height: 19px;
    }


    .main-slider .teasers .slide-wrapper {
        padding: 70px 30px;
    }


    /* Projects */
    .main-slider .projects {
        padding: 80px 0;
    }

    .main-slider .projects .slide-wrapper {
        height: 903px;
    }

    .main-slider .projects .slide-wrapper .content {
        max-width: 50%;
    }


    /* Partners */
    .main-slider .partners {
        padding: 130px 0;
    }

    .main-slider .partners .slide-wrapper {
        height: 803px;
    }


    /* News */
    .main-slider .slide-item.news {
        padding: 50px 0;
    }

    .main-slider .news .slide-wrapper {
        height: 955px;
    }

    .main-slider .news .content-wrapper {
        flex-direction: column;
        margin-top: 30px;
    }

    .main-slider .news .slide-wrapper .text {
        margin: 20px 0;
    }

    .main-slider .news .main-new .content-description {
        margin-bottom: 0;
    }

    .main-slider .news .slide-wrapper .main-new .text {
        margin: 7px 0 10px 0;
    }

    .main-slider .news .content-description {
        margin-bottom: 27px;
    }

    .main-slider .news .main-new {
        max-width: 100%;
    }

    .main-slider .news .content-list {
        max-width: 100%;
    }


    /* Contacts */
    .main-slider .contacts .contact-block-wrapper {
        flex-direction: column-reverse;
    }

    .main-slider .contacts .contacts-description {
        margin: 0 0 40px 0;
        padding: 0;
    }

    .main-slider .contacts-map {
        max-width: 670px;
    }


    /* Page Partners and Projects */
    .partners-list .partners-list-item,
    .projects-list .projects-list-item {
        max-width: 50%;
    }


    /* Page News */
    .page-news {
        flex-direction: column;
    }

    .page-news .sidebar-wrapper {
        max-width: 100%;
        margin: 30px 0 0 0;
    }

    .page-news .sidebar .content-list-item {
        max-width: 100%;
    }


    /* Page Product */
    .products-item-wrapper {
        max-width: 50%;
    }

    .product-card-top {
        flex-direction: column;
        align-items: center;
    }

    .product-card-image {
        margin: 0 0 25px 0;
    }

    .product-card-top .content-description {
        font-size: 16px;
        line-height: 24px;
    }

    .product-card-tabs,
    .products-tabs li {
        width: 100%;
    }


    /* Page faq */
    .faq-list .faq-list-item .question {
        padding-right: 40px;

    }

    .faq-list .faq-list-item .content-text {
        margin: 20px 0 0 20px;
        padding-right: 40px;
    }


    /* Footer */
    footer .center-wrap {
        flex-direction: column;
        align-items: center;
    }

    footer .contacts-block-wrapper {
        align-items: center;
    }

    footer .footer-text {
        margin: 15px 0;
        text-align: center;
    }

    footer .copyright {
        max-width: 100%;
        text-align: center;
    }

    footer .phones {
        padding-right: 20px;
    }

}


@media only screen and (max-width : 570px) {

    .center-wrap {
        padding: 0 15px;
    }

    .menu-top {
        padding: 10px 15px 60px 15px;
    }

    .main-slider .slick-dots {
        right: 10px;
    }

    .main-slider .slide-wrapper {
        padding: 0 15px;
    }


    .main-slider .slide-item,
    .main-slider .slide-item.news,
    .main-slider .slide-item.product {
        padding: 120px 0;
    }

    .main-slider .slide-wrapper,
    .main-slider .news .slide-wrapper,
    .main-slider .product .slide-wrapper,
    .main-slider .projects .slide-wrapper,
    .main-slider .partners .slide-wrapper {
        height: 1100px;
    }

    .main-slider .slide-wrapper .content {
        padding-right: 0;
    }


    .main-slider .slide-wrapper .title {
        font-size: 22px;
        line-height: 30px;
    }

    .main-slider .slide-wrapper .description {
        font-size: 16px;
    }

    .projects-tabs li {
        padding: 0 10px 19px 10px;
        font-size: 14px;
        line-height: 14px;
    }


    /* Page Download Center */
    .page-downloads .page-download-content {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }


    /* Page faq */
    .faq-list .faq-list-item .question,
    .faq-list .faq-list-item .content-text {
        padding-right: 30px;
    }

}


@media only screen and (max-width : 480px) {


    .main-slider .slide-item,
    .main-slider .slide-item.news,
    .main-slider .slide-item.product {
        padding: 0 0 50px 0;
    }

    .main-slider .slide-wrapper .text,
    .main-slider .slide-wrapper .content {
        margin-top: 0;
    }

    .main-slider .slide-wrapper,
    .main-slider .news .slide-wrapper,
    .main-slider .product .slide-wrapper,
    .main-slider .projects .slide-wrapper,
    .main-slider .partners .slide-wrapper {
        height: 950px;
    }

    .main-slider .slide-tabs {
        bottom: 25px;
    }
    
    
    /* Block Teasers */
    .main-slider .teaser-content .image {
        max-width: 200px;
    }
    
    .main-slider .slick-slide img {
        max-width: 150px;
    }


    .page-title {
        font-size: 22px;
        line-height: 30px;
    }

    /* Page Partners and Projects */
    .partners-list .partners-list-item,
    .projects-list .projects-list-item {
        max-width: 100%;
    }

    .projects-tabs {
        display: flex;
        text-align: center;
    }

    .projects-tabs li {
        font-size: 16px;
        line-height: 22px;
    }
    

    /* Page News */
    .page-news .sidebar-wrapper {
        margin: 20px 0 0 0;
    }

    .page-news .second-news {
        max-width: 100%;
        text-align: center;
    }

    .page-news .main-new .text,
    .page-news .second-news .text {
        margin-top: 15px;
    }

}

@media only screen and (max-width : 400px) {

    .main-slider .slide-wrapper,
    .main-slider .news .slide-wrapper,
    .main-slider .product .slide-wrapper,
    .main-slider .projects .slide-wrapper,
    .main-slider .partners .slide-wrapper {
        height: 1050px;
    }
    

    .products-item-wrapper {
        max-width: 100%;
    }
    
    
    /* Block Teasers */
    .main-slider .teaser-content {
        height: 370px;
        justify-content: flex-start;
    }
    
    .main-slider .teaser-content .link {
        margin-top: 20px;
        margin-bottom: 0;
    }
    
    .main-slider .slick-slide img,
    .main-slider .teaser-content .image {
        max-width: 220px;
    }
    
    
    .main-slider .projects .slide-wrapper .content {
        max-width: 100%;
    }
     
    
    .main-slider .projects .content-wrapper {
        margin-top: 40px;
    }
    
    .main-slider .projects .slide-wrapper .content {
        padding: 0;
    }
    
    
    .main-slider .news .content-title {
        font-size: 18px;
        line-height: 24px;
    }

}

@media only screen and (max-width : 400px) and (max-height : 1000px) {
    
    .main-slider .slide-wrapper,
    .main-slider .news .slide-wrapper,
    .main-slider .product .slide-wrapper,
    .main-slider .projects .slide-wrapper,
    .main-slider .partners .slide-wrapper {
        height: 1050px;
        justify-content: flex-start;
    }
    
    
    .main-slider .slide-wrapper .content {
        padding-top: 70px;
    }
    
    
    .main-slider .slide-tabs {
        height: 50px;
        bottom: 25px;
    }
    
    .main-slider .slide-tabs ul li {
        height: 50px;
    }
    
    .main-slider .slick-slide img {
        max-width: 100%;
    }
    
    
    .main-slider .news .content-wrapper {
        margin-top: 10px;
    }
    
    .main-slider .news .slide-wrapper {
        padding-top: 70px;
    }
    
    .main-slider .news .slide-wrapper .text {
        margin: 15px 0;
    }

    .main-slider .news .slide-wrapper .main-new .text {
        margin: 0 0 5px 0;
    }
    
    .main-slider .news .content-description:last-child {
        margin-bottom: 0;
    }
    
    
    .main-slider .contacts .slide-wrapper {
        padding-top: 70px;
    }
    
}
