/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px) and (max-width: 1600px){

    .header .inner,
    .block1 .inner,
    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .block7 .inner,
    .footer .inner,
    .foot .inner,
    .contact .inner{
        width: calc(100% - 100px);
    }

    .block1 .inner .panel:nth-child(2){
        width: calc((100% / 2) - 50px);
        margin-left: 50px;
    }


    @media (min-width: 1400px) and (max-width: 1450px){
        .contact .inner .part:nth-child(1){
            width: calc((100% / 2) - 100px + 50px);
            margin-left: 50px;
        }

        .contact .inner .part:nth-child(2){
            width: calc((100% / 2) - 200px - 100px + 50px);
        }

        .block1 .inner .panel .photo1,
        .block1 .inner .panel .photo2,
        .block4 .inner .panel .photo1,
        .block4 .inner .panel .photo2{
            width: calc(100% - 175px);
            padding-top: calc(((100% - 175px) / 16) * 10);
        }

        .block2 .inner .logos .logo svg{
            height: calc(36px / 1.1);
        }

        .block2 .inner .logos .logo.dhl svg,
        .block2 .inner .logos .logo.fabory svg,
        .block2 .inner .logos .logo.commscope svg{
            height: calc(32px / 1.1);
        }

        .block2 .inner .logos .logo.abb svg{
            height: calc(44px / 1.1);
        }

        .block2 .inner .logos .logo.eaton svg{
            height: calc(40px / 1.1);
        }

        .block2 .inner .logos .logo.ctp svg{
            height: calc(48px / 1.1);
        }

    }

    @media (min-width: 1300px) and (max-width: 1399px){
        .contact .inner .part:nth-child(1){
            width: calc((100% / 2) - 100px + 50px);
            margin-left: 50px;
        }

        .contact .inner .part:nth-child(2){
            width: calc((100% / 2) - 200px - 100px + 50px);
        }

        .block1 .inner .panel .photo1,
        .block1 .inner .panel .photo2,
        .block4 .inner .panel .photo1,
        .block4 .inner .panel .photo2{
            width: calc(100% - 150px);
            padding-top: calc(((100% - 150px) / 16) * 10);
        }

        .block2 .inner .logos .logo svg{
            height: calc(36px / 1.175);
        }

        .block2 .inner .logos .logo.dhl svg,
        .block2 .inner .logos .logo.fabory svg,
        .block2 .inner .logos .logo.commscope svg{
            height: calc(32px / 1.175);
        }

        .block2 .inner .logos .logo.abb svg{
            height: calc(44px / 1.175);
        }

        .block2 .inner .logos .logo.eaton svg{
            height: calc(40px / 1.175);
        }

        .block2 .inner .logos .logo.ctp svg{
            height: calc(48px / 1.175);
        }

        .block7 .inner .references .item .logo .cn{
            font-size: 18px;
        }

        .block7 .inner .references .item .box .technology{
            flex-basis: calc(50% - 30px - 30px);
        }

        .block7 .inner .references .item .box .additional{
            flex-direction: column;
            flex-basis: 40%;
        }

        .block7 .inner .references .item .box .additional .part{
            margin-top: 20px;
        }

        .block7 .inner .references .item .box .additional .part:nth-child(1){
            margin-top: 0;
        }
    }

    @media (min-width: 1200px) and (max-width: 1299px){
        .contact .inner .part:nth-child(1){
            width: calc((100% / 2) - 100px + 50px + 50px);
            margin-left: 0px;
        }

        .contact .inner .part:nth-child(2){
            width: calc((100% / 2) - 200px - 100px + 50px + 50px);
        }

        .block1 .inner{
            align-items: flex-start;
        }

        .block1 .inner .panel .photo1,
        .block1 .inner .panel .photo2,
        .block4 .inner .panel .photo1,
        .block4 .inner .panel .photo2{
            width: calc(100% - 100px);
            padding-top: calc(((100% - 100px) / 16) * 10);
        }

        .block2 .inner .logos .logo svg{
            height: calc(36px / 1.175);
        }

        .block2 .inner .logos .logo.dhl svg,
        .block2 .inner .logos .logo.fabory svg,
        .block2 .inner .logos .logo.commscope svg{
            height: calc(32px / 1.175);
        }

        .block2 .inner .logos .logo.abb svg{
            height: calc(44px / 1.175);
        }

        .block2 .inner .logos .logo.eaton svg{
            height: calc(40px / 1.175);
        }

        .block2 .inner .logos .logo.ctp svg{
            height: calc(48px / 1.175);
        }

        .block3 .inner .gallery .item,
        .block4 .inner .gallery .item{
            width: calc((100% - 120px) / 5);
        }

        .block3 .inner .gallery .item:nth-child(-n+6),
        .block4 .inner .gallery .item:nth-child(-n+6){
            margin-top: 30px;
        }

        .block3 .inner .gallery .item:nth-child(-n+5),
        .block4 .inner .gallery .item:nth-child(-n+5){
            margin-top: 0px;
        }

        .block3 .inner .gallery .item:nth-child(6n),
        .block4 .inner .gallery .item:nth-child(6n){
            margin-right: 30px;
        }

        .block3 .inner .gallery .item:nth-child(5n),
        .block4 .inner .gallery .item:nth-child(5n){
            margin-right: 0px;
        }

        .block7 .inner .references .item .logo .cn{
            font-size: 18px;
        }

        .block7 .inner .references .item .box .technology{
            flex-basis: calc(50% - 30px - 30px);
        }

        .block7 .inner .references .item .box .additional{
            flex-direction: column;
            flex-basis: 40%;
        }

        .block7 .inner .references .item .box .additional .part{
            margin-top: 20px;
        }

        .block7 .inner .references .item .box .additional .part:nth-child(1){
            margin-top: 0;
        }

        .footer .inner .box:nth-child(1){
            width: calc((100% - 100px) / 2);
            margin-right: 75px;
        }

        .footer .inner .box:nth-child(2){
            width: calc(((100% - 100px) / 2) + 25px);
        }
    }
    
}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1100px) and (max-width: 1199px){

    .header .inner,
    .block1 .inner,
    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .block7 .inner,
    .footer .inner,
    .foot .inner,
    .contact .inner{
        width: calc(100% - 100px);
    }

    .block1 .inner{
        align-items: flex-start;
    }

    .block1 .inner .panel:nth-child(2){
        width: calc((100% / 2) - 50px);
        margin-left: 50px;
    }

    .contact .inner .part:nth-child(1){
        width: calc((100% / 2) - 100px + 50px + 50px);
        margin-left: 0px;
    }

    .contact .inner .part:nth-child(2){
        width: calc((100% / 2) - 200px - 100px + 50px + 50px);
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc(100% - 100px);
        padding-top: calc(((100% - 100px) / 16) * 10);
    }

    .block2 .inner .logos .logo svg{
        height: calc(36px / 1.25);
    }

    .block2 .inner .logos .logo.dhl svg,
    .block2 .inner .logos .logo.fabory svg,
    .block2 .inner .logos .logo.commscope svg{
        height: calc(32px / 1.25);
    }

    .block2 .inner .logos .logo.abb svg{
        height: calc(44px / 1.25);
    }

    .block2 .inner .logos .logo.eaton svg{
        height: calc(40px / 1.25);
    }

    .block2 .inner .logos .logo.ctp svg{
        height: calc(48px / 1.25);
    }

    .block3 .inner .gallery .item,
    .block4 .inner .gallery .item{
        width: calc((100% - 120px) / 5);
    }
    .block3 .inner .gallery .item:nth-child(-n+6),
    .block4 .inner .gallery .item:nth-child(-n+6){
        margin-top: 30px;
    }

    .block3 .inner .gallery .item:nth-child(-n+5),
    .block4 .inner .gallery .item:nth-child(-n+5){
        margin-top: 0px;
    }

    .block3 .inner .gallery .item:nth-child(6n),
    .block4 .inner .gallery .item:nth-child(6n){
        margin-right: 30px;
    }

    .block3 .inner .gallery .item:nth-child(5n),
    .block4 .inner .gallery .item:nth-child(5n){
        margin-right: 0px;
    }

    .block7 .inner .references .item .logo .cn{
        font-size: 18px;
    }

    .block7 .inner .references .item .box .technology{
        flex-basis: calc(60% - 30px - 30px);
    }

    .block7 .inner .references .item .box .additional{
        flex-direction: column;
        flex-basis: 30%;
    }

    .block7 .inner .references .item .box .additional .part{
        margin-top: 20px;
    }

    .block7 .inner .references .item .box .additional .part:nth-child(1){
        margin-top: 0;
    }

    .footer .inner .box:nth-child(1){
        width: calc(((100% - 100px) / 2) - 25px);
        margin-right: 75px;
    }

    .footer .inner .box:nth-child(2){
        width: calc(((100% - 100px) / 2) + 25px + 25px);
    }
}

/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1000px) and (max-width: 1099px){

    .header .inner,
    .block1 .inner,
    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .block7 .inner,
    .footer .inner,
    .foot .inner,
    .contact .inner{
        width: calc(100% - 80px);
        padding-left: 40px;
        padding-right: 40px;
    }

    .block1 .inner{
        padding-top: 80px;
        padding-bottom: 80px;
        align-items: flex-start;
    }

    .block7 .inner{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .footer .inner{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .block2 .inner .button{
        margin-top: 10px;
    }

    .block1 .inner .panel:nth-child(1){
        margin-left: -75px;
    }

    .block1 .inner .panel:nth-child(2){
        width: calc((100% / 2) - 50px + 75px);
        margin-left: 50px;
    }

    .contact .inner .part:nth-child(1){
        width: calc((100% / 2) - 100px + 50px + 50px);
        margin-left: 0px;
        margin-top: 40px;
        padding-top: 40px;
        margin-bottom: 80px;
    }

    .contact .inner .part:nth-child(2){
        width: calc((100% / 2) - 200px - 80px + 50px + 50px + 25px);
        margin-top: 80px;
        margin-bottom: 80px;
        margin-left: 75px;
        padding: 40px;
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc(100% - 100px);
        padding-top: calc(((100% - 100px) / 16) * 10);
    }

    .block2 .inner .logos .logo svg{
        height: calc(36px / 1.45);
    }

    .block2 .inner .logos .logo.dhl svg,
    .block2 .inner .logos .logo.fabory svg,
    .block2 .inner .logos .logo.commscope svg{
        height: calc(32px / 1.45);
    }

    .block2 .inner .logos .logo.abb svg{
        height: calc(44px / 1.45);
    }

    .block2 .inner .logos .logo.eaton svg{
        height: calc(40px / 1.45);
    }

    .block2 .inner .logos .logo.ctp svg{
        height: calc(48px / 1.45);
    }

    .block3 .inner .content .block,
    .block4 .inner .content .block{
        width: calc((100% - 75px) / 2);
    }

    .block3 .inner .content .block:nth-child(2),
    .block4 .inner .content .block:nth-child(2){
        margin-left: 75px;
    }

    .block3 .inner .gallery .item,
    .block4 .inner .gallery .item{
        width: calc((100% - 100px) / 5);
        margin-right: 25px;
        margin-top: 25px;
    }
    .block3 .inner .gallery .item:nth-child(-n+6),
    .block4 .inner .gallery .item:nth-child(-n+6){
        margin-top: 25px;
    }

    .block3 .inner .gallery .item:nth-child(-n+5),
    .block4 .inner .gallery .item:nth-child(-n+5){
        margin-top: 0px;
    }

    .block3 .inner .gallery .item:nth-child(6n),
    .block4 .inner .gallery .item:nth-child(6n){
        margin-right: 25px;
    }

    .block3 .inner .gallery .item:nth-child(5n),
    .block4 .inner .gallery .item:nth-child(5n){
        margin-right: 0px;
    }

    .block4 .inner .content,
    .block3 .inner .content,
    .block4 .inner .gallery,
    .block3 .inner .gallery{
        margin-top: 40px;
    }

    .block4 .inner .content .block .image img{
        object-position: top;
    }

    .block7 .inner .references{
        margin-top: 40px;
    }

    .block7 .inner .references .item .logo .cn{
        font-size: 18px;
    }

    .block7 .inner .references .item .box .technology{
        flex-basis: calc(60% - 30px - 30px);
    }

    .block7 .inner .references .item .box .additional{
        flex-direction: column;
        flex-basis: 30%;
    }

    .block7 .inner .references .item .box .additional .part{
        margin-top: 20px;
    }

    .block7 .inner .references .item .box .additional .part:nth-child(1){
        margin-top: 0;
    }

    .footer .inner .box:nth-child(1){
        width: calc(((100% - 100px) / 2) + 100px);
    }

    .footer .inner .box:nth-child(2){
        width: calc(((100% - 100px) / 2) - 100px);
        display: flex;
        flex-direction: column;
    }

    .footer .inner .box .links,
    .footer .inner .box .contacts{
        width: 100%;
    }

    .footer .inner .box .contacts{
        margin-left: 0;
        margin-top: 20px;
    }

    .terms .inner{
        width: calc(100% - 80px);
        padding: 40px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .terms .inner .part{
        margin-top: 40px;
    }

}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 900px) and (max-width: 999px){

    .pageup{
        width: 40px;
        height: 40px;
        right: 0
    }

    .header .inner,
    .block1 .inner,
    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .block7 .inner,
    .footer .inner,
    .foot .inner,
    .contact .inner{
        width: calc(100% - 80px);
        padding-left: 40px;
        padding-right: 40px;
    }

    .header .inner .logo{
        height: 40px;
    }

    .header .inner .box .button{
        font-size: calc(18px / 1.05);
    }

    .header .inner .box .button.light{
        margin-right: 30px;
    }

    .block1 .inner{
        padding-top: 80px;
        padding-bottom: 80px;
        align-items: flex-start;
    }
    .block1 .inner .panel h1.head,
    .block7 .inner h1.head,
    .contact .inner .part .head,
    .terms .inner .head{
        font-size: calc(50px / 1.05);
    }
    
    .block1 .inner .panel .services .head,
    .block1 .inner .panel .button,
    .contact .inner .part .form{
        margin-top: 40px;
    }

    .contact .inner .part:nth-child(2) .block{
        margin-bottom: 40px;
    }

    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .footer .inner{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .block7 .inner{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .block2 .inner .button{
        margin-top: 10px;
    }

    .block1 .inner .panel:nth-child(1){
        margin-left: -85px;
    }

    .block1 .inner .panel:nth-child(2){
        width: calc((100% / 2) - 50px + 85px);
        margin-left: 50px;
    }

    .contact .inner .part:nth-child(1){
        width: calc((100% / 2) - 100px + 50px + 50px);
        margin-left: 0px;
        margin-top: 40px;
        padding-top: 40px;
        margin-bottom: 80px;
    }

    .contact .inner .part:nth-child(2){
        width: calc((100% / 2) - 200px - 80px + 50px + 50px + 25px);
        margin-top: 80px;
        margin-bottom: 80px;
        margin-left: 75px;
        padding: 40px;
    }

    .contact .inner .part .text,
    .contact .inner .part:nth-child(2) .block .item{
        font-size: calc(20px / 1.05);
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc(100% - 100px);
        padding-top: calc(((100% - 100px) / 16) * 10);
    }

    .block2 .inner .logos .logo svg{
        height: calc(36px / 1.45);
    }

    .block2 .inner .logos .logo.dhl svg,
    .block2 .inner .logos .logo.fabory svg,
    .block2 .inner .logos .logo.commscope svg{
        height: calc(32px / 1.45);
    }

    .block2 .inner .logos .logo.abb svg{
        height: calc(44px / 1.45);
    }

    .block2 .inner .logos .logo.eaton svg{
        height: calc(40px / 1.45);
    }

    .block2 .inner .logos .logo.ctp svg{
        height: calc(48px / 1.45);
    }

    .block3 .inner .content .block,
    .block4 .inner .content .block{
        width: calc((100% - 75px) / 2);
    }

    .block3 .inner .content .block:nth-child(2),
    .block4 .inner .content .block:nth-child(2){
        margin-left: 75px;
    }

    .block3 .inner .gallery .item,
    .block4 .inner .gallery .item{
        width: calc((100% - 100px) / 5);
        margin-right: 25px;
        margin-top: 25px;
    }
    .block3 .inner .gallery .item:nth-child(-n+6),
    .block4 .inner .gallery .item:nth-child(-n+6){
        margin-top: 25px;
    }

    .block3 .inner .gallery .item:nth-child(-n+5),
    .block4 .inner .gallery .item:nth-child(-n+5){
        margin-top: 0px;
    }

    .block3 .inner .gallery .item:nth-child(6n),
    .block4 .inner .gallery .item:nth-child(6n){
        margin-right: 25px;
    }

    .block3 .inner .gallery .item:nth-child(5n),
    .block4 .inner .gallery .item:nth-child(5n){
        margin-right: 0px;
    }

    .block4 .inner .content,
    .block3 .inner .content,
    .block4 .inner .gallery,
    .block3 .inner .gallery{
        margin-top: 40px;
    }

    .block4 .inner .content .block .image img{
        object-position: top;
    }

    .block7 .inner .text{
        width: 100%;
        max-width: unset;
    }

    .block7 .inner .references{
        margin-top: 40px;
    }

    .block7 .inner .references .item .logo{
        flex-basis: 15%;
    }

    .block7 .inner .references .item .logo .cn{
        font-size: 18px;
    }

    .block7 .inner .references .item .box{
        width: 85%;
    }

    .block7 .inner .references .item .box .technology{
        flex-basis: calc(60% - 30px - 30px);
    }

    .block7 .inner .references .item .box .additional{
        flex-direction: column;
        flex-basis: 40%;
    }

    .block7 .inner .references .item .box .additional .part{
        margin-top: 20px;
    }

    .block7 .inner .references .item .box .additional .part:nth-child(1){
        margin-top: 0;
    }

    .footer .inner .box:nth-child(1){
        width: calc(((100% - 100px) / 2) + 100px);
    }

    .footer .inner .box:nth-child(2){
        width: calc(((100% - 100px) / 2) - 100px);
        display: flex;
        flex-direction: column;
    }

    .footer .inner .box .links,
    .footer .inner .box .contacts{
        width: 100%;
    }

    .footer .inner .box .contacts{
        margin-left: 0;
        margin-top: 20px;
    }

    .terms .inner{
        width: calc(100% - 80px);
        padding: 40px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .terms .inner .part{
        margin-top: 40px;
    }

}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 750px) and (max-width: 899px){

    .pageup{
        width: 40px;
        height: 40px;
        right: 0
    }

    .header .inner,
    .block1 .inner,
    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .block7 .inner,
    .footer .inner,
    .foot .inner,
    .contact .inner{
        width: calc(100% - 80px);
        padding-left: 40px;
        padding-right: 40px;
    }

    .header .inner .logo{
        height: 40px;
    }

    .header .inner .box .button{
        display: none;
        font-size: calc(18px / 1.05);
    }

    .header .inner .box .button.light{
        margin-right: 30px;
        display: block;
    }

    .menu .inner .contact_box{
        display: block;
    }

    .menu .inner .contact_box .contact.phone{
        display: none;
    }

    .menu .inner .line{
        margin-top: 25px;
    }

    .menu .inner .line .text{
        font-size: calc(30px / 1.05);
    }

    .menu .inner .contact_box .email .text{
        font-size: calc(20px / 1.05);
    }

    .block1 .inner{
        padding-top: 80px;
        padding-bottom: 80px;
        align-items: flex-start;
    }
    .block1 .inner .panel h1.head,
    .block7 .inner h1.head,
    .contact .inner .part .head,
    .terms .inner .head{
        font-size: calc(50px / 1.05);
    }
    
    .block1 .inner .panel .services .head,
    .block1 .inner .panel .button,
    .contact .inner .part .form{
        margin-top: 30px;
    }

    .contact .inner .part:nth-child(2) .block{
        margin-bottom: 30px;
    }

    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .footer .inner{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .block2 .inner .head{
        font-size: calc(36px / 1.05);
    }

    .block7 .inner{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .block2 .inner .button{
        margin-top: 10px;
    }

    .block1 .inner .panel .button,
    .block2 .inner .button,
    .footer .inner .box .text,
    .footer .inner .box .links .line .text,
    .footer .inner .box .contacts .line .text,
    .block1 .inner .panel .services .line .text,
    .block1 .inner .panel .box .line .text,
    .block3 .inner .content .block .text,
    .block3 .inner .content .block .box .line .text,
    .block4 .inner .content .block .text,
    .block4 .inner .content .block .box .line .text,
    .contact .inner .part .form .button_wrapper .button{
        font-size: calc(18px / 1.05);
    }

    .block5 .inner .part .button{
        white-space: nowrap;
    }

    .block4 .inner .content .block .box .line .num{
        width: 26px;
        height: 26px;
    }

    .block4 .inner .content .block .box .line .num .number{
        font-size: calc(16px / 1.05);
    }

    .block1 .inner .panel:nth-child(1){
        margin-left: -50px;
    }

    .block1 .inner .panel:nth-child(2){
        width: calc((100% / 2) - 50px + 50px);
        margin-left: 50px;
    }

    .contact .inner .part:nth-child(1){
        width: calc((100% / 2) - 100px + 50px + 50px - 50px);
        margin-left: 0px;
        margin-top: 40px;
        padding-top: 40px;
        margin-bottom: 80px;
    }

    .contact .inner .part:nth-child(2){
        width: calc((100% / 2) - 200px - 80px + 50px + 50px + 25px + 50px);
        margin-top: 80px;
        margin-bottom: 80px;
        margin-left: 75px;
        padding: 40px;
    }

    .block1 .inner .panel .introduction,
    .block7 .inner .text{
        font-size: calc(20px / 1.05);
    }

    .contact .inner .part .text,
    .contact .inner .part:nth-child(2) .block .item{
        font-size: calc(20px / 1.1);
    }

    .block1 .inner .panel .introduction,
    .block7 .inner .text{
        margin-top: 20px;
    }

    .block5 .inner .part .line{
        font-size: calc(22px / 1.05);
    }

    .block1 .inner .panel .services .head,
    .block5 .inner .part .line:nth-child(2),
    .block4 .inner .content .block h3.head,
    .contact .inner .part:nth-child(2) .block .head{
        font-size: calc(30px / 1.05);
    }

    .block1 .inner .panel .services .line .icon,
    .block1 .inner .panel .box .line .icon{
        width: 24px;
        height: 24px;
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc((100% - 100px) + 50px);
        padding-top: calc((((100% - 100px) / 16) * 10) + 50px);
    }

    .block2 .inner .logos .logo{
        width: calc(100% / 4);
    }

    .block2 .inner .logos .logo:nth-last-child(-n+2){
        display: none;
    }

    .block2 .inner .logos .logo svg{
        height: calc(36px / 1.45);
    }

    .block2 .inner .logos .logo.dhl svg,
    .block2 .inner .logos .logo.fabory svg,
    .block2 .inner .logos .logo.commscope svg{
        height: calc(32px / 1.45);
    }

    .block2 .inner .logos .logo.abb svg{
        height: calc(44px / 1.45);
    }

    .block2 .inner .logos .logo.eaton svg{
        height: calc(40px / 1.45);
    }

    .block2 .inner .logos .logo.ctp svg{
        height: calc(48px / 1.45);
    }

    .block3 .inner .content .block,
    .block4 .inner .content .block{
        width: calc((100% - 75px) / 2);
    }

    .block3 .inner .content .block:nth-child(2),
    .block4 .inner .content .block:nth-child(2){
        margin-left: 75px;
    }

    .block3 .inner .gallery .item,
    .block4 .inner .gallery .item{
        width: calc((100% - 75px) / 4);
        margin-right: 25px;
        margin-top: 25px;
    }
    .block3 .inner .gallery .item:nth-child(-n+6),
    .block4 .inner .gallery .item:nth-child(-n+6){
        margin-top: 25px;
    }

    .block3 .inner .gallery .item:nth-child(-n+4),
    .block4 .inner .gallery .item:nth-child(-n+4){
        margin-top: 0px;
    }

    .block3 .inner .gallery .item:nth-child(6n),
    .block4 .inner .gallery .item:nth-child(6n){
        margin-right: 25px;
    }

    .block3 .inner .gallery .item:nth-child(4n),
    .block4 .inner .gallery .item:nth-child(4n){
        margin-right: 0px;
    }

    .block4 .inner .content,
    .block3 .inner .content,
    .block4 .inner .gallery,
    .block3 .inner .gallery{
        margin-top: 40px;
    }

    .block4 .inner .content .block .image img{
        width: 110%;
        object-position: top;
    }

    .block3 .inner h2.head,
    .block4 .inner h2.head{
        font-size: calc(40px / 1.05);
    }

    .block3 .inner .content .block h3.head{
        font-size: calc(30px / 1.05);
    }

    .block4 .inner h2.head .text:nth-child(2){
        font-size: calc(26px / 1.05);
    }

    .block7 .inner .text{
        width: 100%;
        max-width: unset;
    }

    .block7 .inner .references{
        margin-top: 30px;
    }

    .block7 .inner .references .item .logo{
        flex-basis: 15%;
    }

    .block7 .inner .references .item .logo .cn{
        font-size: 18px;
    }

    .block7 .inner .references .item .box{
        width: 85%;
    }

    .block7 .inner .references .item .box .technology{
        flex-basis: calc(55% - 30px - 30px);
    }

    .block7 .inner .references .item .box .additional{
        flex-direction: column;
        flex-basis: 45%;
    }

    .block7 .inner .references .item .box .additional .part{
        margin-top: 20px;
    }

    .block7 .inner .references .item .box .additional .part:nth-child(1){
        margin-top: 0;
    }

    .block5 .inner .part{
        margin-right: 30px;
    }

    .block5 .inner .part:nth-child(2){
        margin-left: auto;
        margin-right: 0;
        flex-basis: unset;
    }

    .footer .inner .box:nth-child(1){
        width: calc(((100% - 50px) / 2) + 100px);
        margin-right: 50px;
    }

    .footer .inner .box:nth-child(2){
        width: calc(((100% - 50px) / 2) - 100px);
        display: flex;
        flex-direction: column;
    }

    .footer .inner .box .links,
    .footer .inner .box .contacts{
        width: 100%;
    }

    .footer .inner .box .contacts{
        margin-left: 0;
        margin-top: 20px;
    }

    .terms .inner{
        width: calc(100% - 80px);
        padding: 40px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .terms .inner .part{
        margin-top: 30px;
    }

}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 650px) and (max-width: 749px){

    .pageup{
        width: 40px;
        height: 40px;
        right: 0
    }

    .header .inner,
    .block1 .inner,
    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .block7 .inner,
    .footer .inner,
    .foot .inner,
    .contact .inner{
        width: calc(100% - 80px);
        padding-left: 40px;
        padding-right: 40px;
    }

    .block4 .inner{
        align-items: flex-start;
    }

    .header .inner .logo{
        height: 40px;
    }

    .header .inner .box .button{
        display: none;
        font-size: calc(18px / 1.05);
    }

    .header .inner .box .button.light{
        margin-right: 30px;
        display: block;
    }

    .menu .inner .contact_box{
        display: block;
    }

    .menu .inner .contact_box .contact.phone{
        display: none;
    }

    .menu .inner .line{
        margin-top: 25px;
    }

    .menu .inner .line .text{
        font-size: calc(30px / 1.05);
    }

    .menu .inner .contact_box .email .text{
        font-size: calc(20px / 1.05);
    }

    .block1 .inner{
        padding-top: 80px;
        padding-bottom: 80px;
        align-items: flex-start;
        flex-direction: column;
    }

    .block1 .inner .panel h1.head,
    .block7 .inner h1.head,
    .contact .inner .part .head,
    .terms .inner .head{
        font-size: calc(50px / 1.05);
    }
    
    .block1 .inner .panel .services .head,
    .block1 .inner .panel .button,
    .contact .inner .part .form{
        margin-top: 30px;
    }

    .contact .inner .part:nth-child(2) .block{
        margin-bottom: 30px;
    }

    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .footer .inner{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .block2 .inner .head{
        font-size: calc(36px / 1.05);
    }

    .block7 .inner{
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .block2 .inner .button{
        margin-top: 10px;
    }

    .block1 .inner .panel .button,
    .block2 .inner .button,
    .footer .inner .box .text,
    .footer .inner .box .links .line .text,
    .footer .inner .box .contacts .line .text,
    .block1 .inner .panel .services .line .text,
    .block1 .inner .panel .box .line .text,
    .block3 .inner .content .block .text,
    .block3 .inner .content .block .box .line .text,
    .block4 .inner .content .block .text,
    .block4 .inner .content .block .box .line .text,
    .contact .inner .part .form .button_wrapper .button{
        font-size: calc(18px / 1.05);
    }

    .block5 .inner .part{
        margin-right: 30px;
    }

    .block5 .inner .part .button{
        font-size: calc(18px / 1.05);
        white-space: nowrap;
    }

    .block1 .inner .panel:nth-child(1){
        width: 100%;
        margin-left: unset;
    }

    .block1 .inner .panel:nth-child(2){
        width: 100%;
        margin-left: unset;
        margin-top: 40px;
    }

    .block1 .inner .panel .photo2{
        margin-top: -25px;
        margin-left: 20px;
    }

    .contact .inner .part:nth-child(1){
        width: 100%;
        margin-left: 0px;
        margin-top: 40px;
        padding-top: 40px;
        margin-bottom: 0;
    }

    .contact .inner .part:nth-child(2){
        width: calc(100% - 80px);
        margin-top: 40px;
        margin-bottom: 40px;
        margin-left: 0;
        padding: 40px;
    }

    .block1 .inner .panel .introduction,
    .block7 .inner .text{
        font-size: calc(20px / 1.05);
    }

    .contact .inner .part .text,
    .contact .inner .part:nth-child(2) .block .item{
        font-size: calc(20px / 1.1);
    }

    .block1 .inner .panel .introduction,
    .block7 .inner .text{
        margin-top: 20px;
    }

    .block5 .inner .part .line{
        font-size: calc(22px / 1.05);
    }

    .block1 .inner .panel .services .head,
    .block5 .inner .part .line:nth-child(2),
    .block4 .inner .content .block h3.head,
    .contact .inner .part:nth-child(2) .block .head{
        font-size: calc(30px / 1.05);
    }

    .block1 .inner .panel .services .line .icon,
    .block1 .inner .panel .box .line .icon{
        width: 24px;
        height: 24px;
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc((100% / 5) * 3);
        padding-top: calc((((100% / 5) * 3) / 16) * 10);
    }

    .block1 .inner .panel .photo1{
        margin-left: calc(((100% / 5) * 2) * (-1) - 80px);
    }

    .block1 .inner .panel .photo2{
        margin-left: calc(((100% / 5) * 2) + 80px);
        margin-top: calc(((((100% / 5) * 3) / 16) * 10) * (-1) + 40px);
    }

    .block2 .inner .logos .logo{
        width: calc(100% / 3);
    }

    .block2 .inner .logos .logo:nth-last-child(-n+1){
        display: none;
    }

    .block2 .inner .logos .logo svg{
        height: calc(36px / 1.45);
    }

    .block2 .inner .logos .logo.dhl svg,
    .block2 .inner .logos .logo.fabory svg,
    .block2 .inner .logos .logo.commscope svg{
        height: calc(32px / 1.45);
    }

    .block2 .inner .logos .logo.abb svg{
        height: calc(44px / 1.45);
    }

    .block2 .inner .logos .logo.eaton svg{
        height: calc(40px / 1.45);
    }

    .block2 .inner .logos .logo.ctp svg{
        height: calc(48px / 1.45);
    }

    .block3 .inner h2.head,
    .block4 .inner h2.head{
        text-align: left;
    }

    .block3 .inner .content .block,
    .block4 .inner .content .block{
        width: 100%;
    }

    .block3 .inner .content .block:nth-child(2){
        margin-left: unset;
        margin-top: 30px;
    }

    .block4{
        flex-direction: column;
    }

    .block4 .inner h2.head .text,
    .block4 .inner h2.head .text:nth-child(2){
        text-align: left;
    }

    .block4 .inner .content .block:nth-child(2){
        width: 100%;
        margin-top: 20px;
        margin-left: unset;
    }

    .block3 .inner .gallery .item,
    .block4 .inner .gallery .item{
        width: calc((100% - 75px) / 4);
        margin-right: 25px;
        margin-top: 25px;
    }
    .block3 .inner .gallery .item:nth-child(-n+6),
    .block4 .inner .gallery .item:nth-child(-n+6){
        margin-top: 25px;
    }

    .block3 .inner .gallery .item:nth-child(-n+4),
    .block4 .inner .gallery .item:nth-child(-n+4){
        margin-top: 0px;
    }

    .block3 .inner .gallery .item:nth-child(6n),
    .block4 .inner .gallery .item:nth-child(6n){
        margin-right: 25px;
    }

    .block3 .inner .gallery .item:nth-child(4n),
    .block4 .inner .gallery .item:nth-child(4n){
        margin-right: 0px;
    }

    .block4 .inner .content,
    .block3 .inner .content,
    .block4 .inner .gallery,
    .block3 .inner .gallery{
        margin-top: 30px;
    }

    .block4 .inner .content .block .image img{
        width: 75%;
        object-position: top;
    }

    .block3 .inner h2.head,
    .block4 .inner h2.head{
        font-size: calc(40px / 1.05);
    }

    .block3 .inner .content .block h3.head{
        font-size: calc(30px / 1.05);
    }

    .block4 .inner h2.head .text:nth-child(2){
        font-size: calc(26px / 1.05);
    }

    .block4 .inner .content .block .box.mikropilots{
        width: 100%;
        flex-direction: row;
    }

    .block4 .inner .content .block .box .sub{
        width: calc((100% - 40px) / 2);
        margin-right: 40px;
    }

    .block4 .inner .content .block .box .sub:last-child{
        margin-right: 0;
        margin-top: 0;
    }

    .block7 .inner .text{
        width: 100%;
        max-width: unset;
    }

    .block7 .inner .references{
        margin-top: 30px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
        align-items: stretch;
    }

    .block7 .inner .references .item{
        width: calc(100% - 60px);
        background: #f2f3f3;
        margin-right: 0;
        display: block;
    }

    .block7 .inner .references .item:nth-child(2n){
        margin-right: 0;
    }

    .block7 .inner .references .item .logo{
        width: 100%;
        height: 40px;
        max-height: 40px;
        justify-content: flex-start;
    }

    .block7 .inner .references .item .logo img{
        max-width: 120px;
        max-height: 40px;
    }

    .block7 .inner .references .item .logo .cn{
        font-size: 18px;
    }

    .block7 .inner .references .item .box{
        width: 100%;
        flex-direction: column;
        margin-top: 20px;
    }

    .block7 .inner .references .item .box .technology{
        flex-basis: calc(60% - 30px - 30px);
        margin-left: 0;
    }

    .block7 .inner .references .item .box .additional{
        flex-direction: column;
        flex-basis: unset;
        margin-top: 20px;
    }

    .block7 .inner .references .item .box .additional .part{
        margin-top: 10px;
    }

    .block7 .inner .references .item .box .additional .part:nth-child(1){
        margin-top: 0;
    }

    .block5 .inner .part:nth-child(2){
        margin-left: auto;
        margin-right: 0;
        flex-basis: unset;
    }

    .footer .inner .box:nth-child(1){
        width: calc(((100% - 50px) / 2) + 50px);
        margin-right: 50px;
    }

    .footer .inner .box:nth-child(2){
        width: calc(((100% - 50px) / 2) - 50px);
        display: flex;
        flex-direction: column;
    }

    .footer .inner .box .links,
    .footer .inner .box .contacts{
        width: 100%;
    }

    .footer .inner .box .contacts{
        margin-left: 0;
        margin-top: 20px;
    }

    .foot .inner .copy .line{
        flex-direction: column;
        align-items: unset;
    }

    .foot .inner .copy .line .text:nth-child(2){
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        margin-top: 2px;
    }

    .terms .inner{
        width: calc(100% - 80px);
        padding: 40px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .terms .inner .part{
        margin-top: 30px;
    }

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

        .block5 .inner{
            flex-direction: column;
            align-items: flex-start;
        }

        .block5 .inner .part{
            margin-right: 0;
        }

        .block5 .inner .part:nth-child(2){
            margin-left: 0;
            margin-right: auto;
            margin-top: 20px;
        }
    }

}


/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 500px) and (max-width: 649px){

    .pageup{
        width: 40px;
        height: 40px;
        right: 0
    }

    .header .inner,
    .block1 .inner,
    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .block7 .inner,
    .footer .inner,
    .foot .inner,
    .contact .inner{
        width: calc(100% - 80px);
        padding-left: 40px;
        padding-right: 40px;
    }

    .block4 .inner{
        align-items: flex-start;
    }

    .header .inner .logo{
        height: 40px;
    }

    .header .inner .box .button{
        display: none;
    }

    .menu .inner .contact_box{
        display: block;
    }

    .menu .inner .line{
        margin-top: 25px;
    }

    .menu .inner .line .text{
        font-size: calc(30px / 1.05);
    }

    .menu .inner .contact_box .email .text{
        font-size: calc(20px / 1.05);
    }

    .block1 .inner{
        padding-top: 40px;
        padding-bottom: 40px;
        align-items: flex-start;
        flex-direction: column;
    }

    .block1 .inner .panel h1.head,
    .block7 .inner h1.head,
    .contact .inner .part .head,
    .terms .inner .head{
        font-size: calc(50px / 1.05);
    }
    
    .block1 .inner .panel .services .head,
    .contact .inner .part .form{
        margin-top: 30px;
    }

    .block1 .inner .panel .button{
        margin-top: 20px;
    }

    .block2 .inner .logos{
        margin-top: 0;
    }

    .contact .inner .part:nth-child(2) .block{
        margin-bottom: 30px;
    }

    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .footer .inner{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .block2 .inner .head{
        font-size: calc(36px / 1.05);
    }

    .block7 .inner{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .block2 .inner .button{
        margin-top: 0;
    }

    .block1 .inner .panel .button,
    .block2 .inner .button,
    .footer .inner .box .text,
    .footer .inner .box .links .line .text,
    .footer .inner .box .contacts .line .text,
    .block1 .inner .panel .services .line .text,
    .block1 .inner .panel .box .line .text,
    .block3 .inner .content .block .text,
    .block3 .inner .content .block .box .line .text,
    .block4 .inner .content .block .text,
    .block4 .inner .content .block .box .line .text,
    .contact .inner .part .form .button_wrapper .button{
        font-size: calc(18px / 1.05);
    }

    .footer .inner .box .text{
        margin-top: 20px;
    }

    .block3 .inner .content .block .text,
    .block3 .inner .content .block .box,
    .block4 .inner .content .block .text{
        margin-top: 15px;
    }

    .block5 .inner{
        flex-direction: column;
        align-items: flex-start;
    }

    .block5 .inner .part{
        margin-right: 0;
    }

    .block5 .inner .part .button{
        font-size: calc(18px / 1.05);
        white-space: nowrap;
    }

    .block1 .inner .panel:nth-child(1){
        width: 100%;
        margin-left: unset;
    }

    .block1 .inner .panel:nth-child(2){
        width: 100%;
        margin-left: unset;
        margin-top: 40px;
    }

    .block1 .inner .panel .photo2{
        margin-top: -25px;
        margin-left: 20px;
    }

    .contact .inner .part:nth-child(1){
        width: 100%;
        margin-left: 0px;
        margin-top: 0;
        padding-top: 40px;
        margin-bottom: 0;
    }

    .contact .inner .part:nth-child(2){
        width: calc(100% - 80px);
        margin-top: 30px;
        margin-bottom: 40px;
        margin-left: 0;
        padding: 40px;
    }

    .block1 .inner .panel .introduction,
    .block7 .inner .text{
        font-size: calc(20px / 1.05);
    }

    .contact .inner .part .text,
    .contact .inner .part:nth-child(2) .block .item{
        font-size: calc(20px / 1.1);
    }

    .block1 .inner .panel .introduction,
    .block7 .inner .text{
        margin-top: 20px;
    }

    .block5 .inner .part .line{
        font-size: calc(22px / 1.05);
    }

    .block1 .inner .panel .services .head,
    .block5 .inner .part .line:nth-child(2),
    .block4 .inner .content .block h3.head,
    .contact .inner .part:nth-child(2) .block .head{
        font-size: calc(30px / 1.05);
    }

    .block1 .inner .panel .services .line .icon,
    .block1 .inner .panel .box .line .icon{
        width: 24px;
        height: 24px;
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc(((100% / 5) * 3) + 40px);
        padding-top: calc(((((100% / 5) * 3) + 40px) / 16) * 10);
    }

    .block1 .inner .panel .photo1{
        margin-left: calc(((100% / 5) * 2) * (-1) - 80px);
    }

    .block1 .inner .panel .photo2{
        margin-left: calc(((100% / 5) * 2) + 80px);
        margin-top: calc(((((100% / 5) * 3) / 16) * 10) * (-1) + 40px);
    }

    .block2 .inner .logos .logo{
        width: calc(100% / 3);
        padding: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    .block2 .inner .logos .logo:nth-last-child(-n+1){
        display: none;
    }

    .block2 .inner .logos .logo svg{
        height: calc(36px / 1.55);
    }

    .block2 .inner .logos .logo.dhl svg,
    .block2 .inner .logos .logo.fabory svg,
    .block2 .inner .logos .logo.commscope svg{
        height: calc(32px / 1.55);
    }

    .block2 .inner .logos .logo.abb svg{
        height: calc(44px / 1.55);
    }

    .block2 .inner .logos .logo.eaton svg{
        height: calc(40px / 1.55);
    }

    .block2 .inner .logos .logo.ctp svg{
        height: calc(48px / 1.55);
    }

    .block3 .inner h2.head,
    .block4 .inner h2.head{
        text-align: left;
    }

    .block3 .inner .content .block,
    .block4 .inner .content .block{
        width: 100%;
    }

    .block3 .inner .content .block:nth-child(2){
        margin-left: unset;
        margin-top: 30px;
    }

    .block4{
        flex-direction: column;
    }

    .block4 .inner h2.head .text,
    .block4 .inner h2.head .text:nth-child(2){
        text-align: left;
    }

    .block4 .inner .content .block:nth-child(2){
        width: 100%;
        margin-top: 15px;
        margin-left: unset;
    }

    .block4 .inner .content .block.list{
        margin-top: 30px;
    }

    .block3 .inner .gallery .item,
    .block4 .inner .gallery .item{
        width: calc((100% - 50px) / 3);
        margin-right: 25px;
        margin-top: 25px;
    }
    .block3 .inner .gallery .item:nth-child(-n+6),
    .block4 .inner .gallery .item:nth-child(-n+6){
        margin-top: 25px;
    }

    .block3 .inner .gallery .item:nth-child(-n+3),
    .block4 .inner .gallery .item:nth-child(-n+3){
        margin-top: 0px;
    }

    .block3 .inner .gallery .item:nth-child(6n),
    .block4 .inner .gallery .item:nth-child(6n){
        margin-right: 25px;
    }

    .block3 .inner .gallery .item:nth-child(3n),
    .block4 .inner .gallery .item:nth-child(3n){
        margin-right: 0px;
    }

    .block3 .inner .content{
        margin-top: 30px;
    }

    .block4 .inner .content{
        margin-top: 20px;
    }

    .block3 .inner .gallery,
    .block4 .inner .gallery{
        margin-top: 20px;
    }

    .block4 .inner .content .block .image img{
        width: 75%;
        object-position: top;
    }

    .block3 .inner h2.head,
    .block4 .inner h2.head{
        font-size: calc(40px / 1.05);
    }

    .block3 .inner .content .block h3.head{
        font-size: calc(30px / 1.05);
    }

    .block4 .inner h2.head .text:nth-child(2){
        font-size: calc(26px / 1.05);
    }

    .block4 .inner .content .block .box.mikropilots{
        width: 100%;
        flex-direction: row;
    }

    .block4 .inner .content .block .box .sub{
        width: calc((100% - 40px) / 2);
        margin-right: 40px;
    }

    .block4 .inner .content .block .box .sub:last-child{
        margin-right: 0;
        margin-top: 0;
    }

    .block7 .inner .text{
        width: 100%;
        max-width: unset;
    }

    .block7 .inner .references{
        margin-top: 20px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
        align-items: stretch;
    }

    .block7 .inner .references .item{
        width: calc(100% - 60px);
        background: #f2f3f3;
        margin-right: 0;
        display: block;
    }

    .block7 .inner .references .item:nth-child(2n){
        margin-right: 0;
    }

    .block7 .inner .references .item .logo{
        width: 100%;
        height: 40px;
        max-height: 40px;
        justify-content: flex-start;
    }

    .block7 .inner .references .item .logo img{
        max-width: 120px;
        max-height: 40px;
    }

    .block7 .inner .references .item .logo .cn{
        font-size: 18px;
    }

    .block7 .inner .references .item .box{
        width: 100%;
        flex-direction: column;
        margin-top: 20px;
    }

    .block7 .inner .references .item .box .technology{
        flex-basis: calc(60% - 30px - 30px);
        margin-left: 0;
    }

    .block7 .inner .references .item .box .additional{
        flex-direction: column;
        flex-basis: unset;
        margin-top: 20px;
    }

    .block7 .inner .references .item .box .additional .part{
        margin-top: 10px;
    }

    .block7 .inner .references .item .box .additional .part:nth-child(1){
        margin-top: 0;
        align-items: center;
    }

    .block7 .inner .references .item .box .additional .part .text{
        white-space: unset;
    }

    .block4 .inner .content .block .box .line .num,
    .block4 .inner .content .block .box .sub .line .num{
        width: 26px;
        height: 26px;
    }

    .block4 .inner .content .block .box .line .num .number,
    .block4 .inner .content .block .box .sub .line .num .number{
        font-size: calc(16px / 1.15);
    }

    .block5 .inner .part:nth-child(2){
        margin-left: 0;
        margin-right: auto;
        flex-basis: unset;
        margin-top: 20px;
    }

    .footer .inner .box:nth-child(1){
        width: 100%;
        margin-right: 0;
    }

    .footer .inner .box:nth-child(2){
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }

    .footer .inner .box .links,
    .footer .inner .box .contacts{
        width: 100%;
    }

    .footer .inner .box .contacts{
        margin-left: 0;
        margin-top: 20px;
    }

    .foot .inner .copy .line{
        flex-direction: column;
        align-items: unset;
    }

    .foot .inner .copy .line .text:nth-child(2){
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        margin-top: 2px;
    }

    .terms .inner{
        width: calc(100% - 80px);
        padding: 40px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .terms .inner .part{
        margin-top: 30px;
    }

    @media (min-width: 500px) and (max-width: 550px){

        .block4 .inner .content .block .box.mikropilots{
            flex-direction: column;
        }

        .block4 .inner .content .block .box .sub{
            width: 100%;
        }

        .block4 .inner .content .block .box .sub:last-child{
            margin-top: 10px;
        }

        .foot .inner .cookies .text{
            display: none;
        }

    }

    @media (min-width: 500px) and (max-width: 600px){

        .block7 .inner .references{
            display: block;
        }

        .block7 .inner .references .item{
            background: unset;
        }

    }

    @media (min-width: 575px) and (max-width: 649px){

        .footer .inner .box:nth-child(2){
            flex-direction: row;
        }

        .footer .inner .box .links,
        .footer .inner .box .contacts{
            width: calc((100% - 30px) / 2);
            margin-right: 30px;
        }

        .footer .inner .box .contacts{
            margin-top: 0;
            margin-right: 0;
        }

    }

}



/*------------------------------------------------------------------------------------------------------------*/
@media (min-width: 320px) and (max-width: 499px){

    .pageup{
        width: 40px;
        height: 40px;
        right: 0
    }

    .header .inner,
    .block1 .inner,
    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .block7 .inner,
    .footer .inner,
    .foot .inner,
    .contact .inner{
        width: calc(100% - 80px);
        padding-left: 40px;
        padding-right: 40px;
    }

    .block4 .inner{
        align-items: flex-start;
    }

    .header .inner .logo{
        height: 40px;
    }

    .header .inner .box .button{
        display: none;
    }

    .menu .inner{
        width: calc(100% - 80px);
        padding: 40px;
    }

    .menu .inner .contact_box{
        display: block;
    }

    .menu .inner .line{
        margin-top: 25px;
    }

    .menu .inner .line .icon{
        width: 26px;
        height: 26px;
    }

    .menu .inner .line .text{
        width: calc(100% - 26px - 20px);
        font-size: calc(30px / 1.1);
        white-space: unset;
    }

    .menu .inner .contact_box .email .text{
        font-size: calc(20px / 1.05);
    }

    .block1 .inner{
        padding-top: 40px;
        padding-bottom: 40px;
        align-items: flex-start;
        flex-direction: column;
    }

    .block1 .inner .panel h1.head,
    .block7 .inner h1.head,
    .contact .inner .part .head,
    .terms .inner .head{
        font-size: calc(50px / 1.1);
    }
    
    .block1 .inner .panel .services .head,
    .contact .inner .part .form{
        margin-top: 30px;
    }

    .contact .inner .part .form,
    .contact .inner .part .form .button_wrapper{
        width: 100%;
        max-width: 100%;
    }

    .block1 .inner .panel .button{
        margin-top: 20px;
    }

    .block2 .inner .logos{
        margin-top: 0;
    }

    .contact .inner .part:nth-child(2) .block{
        margin-bottom: 30px;
    }

    .block2 .inner,
    .block3 .inner,
    .block4 .inner,
    .block5 .inner,
    .footer .inner{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .block2 .inner .head{
        font-size: calc(36px / 1.1);
    }

    .block7 .inner{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .block2 .inner .button{
        margin-top: 0;
    }

    .block1 .inner .panel .button,
    .block2 .inner .button,
    .footer .inner .box .text,
    .footer .inner .box .links .line .text,
    .footer .inner .box .contacts .line .text,
    .block1 .inner .panel .services .line .text,
    .block1 .inner .panel .box .line .text,
    .block3 .inner .content .block .text,
    .block3 .inner .content .block .box .line .text,
    .block4 .inner .content .block .text,
    .block4 .inner .content .block .box .line .text,
    .contact .inner .part .form .button_wrapper .button{
        font-size: calc(18px / 1.1);
    }

    .footer .inner .box .text{
        margin-top: 20px;
    }

    .block3 .inner .content .block .text,
    .block3 .inner .content .block .box,
    .block4 .inner .content .block .text{
        margin-top: 15px;
    }

    .block5 .inner{
        flex-direction: column;
        align-items: flex-start;
    }

    .block5 .inner .part{
        margin-right: 0;
    }

    .block5 .inner .part .button{
        font-size: calc(18px / 1.1);
        white-space: nowrap;
    }

    .block1 .inner .panel:nth-child(1){
        width: 100%;
        margin-left: unset;
    }

    .block1 .inner .panel:nth-child(2){
        width: 100%;
        margin-left: unset;
        margin-top: 40px;
    }

    .block1 .inner .panel .photo2{
        margin-top: -25px;
        margin-left: 20px;
    }

    .contact .inner .part:nth-child(1){
        width: 100%;
        margin-left: 0px;
        margin-top: 0;
        padding-top: 40px;
        margin-bottom: 0;
    }

    .contact .inner .part:nth-child(2){
        width: calc(100% - 60px);
        margin-top: 30px;
        margin-bottom: 40px;
        margin-left: 0;
        padding: 30px;
    }

    .block1 .inner .panel .introduction,
    .block7 .inner .text{
        font-size: calc(20px / 1.1);
    }

    .contact .inner .part .text,
    .contact .inner .part:nth-child(2) .block .item{
        font-size: calc(20px / 1.1);
    }

    .block1 .inner .panel .introduction,
    .block7 .inner .text{
        margin-top: 20px;
    }

    .block5 .inner .part .line{
        font-size: calc(22px / 1.1);
    }

    .block1 .inner .panel .services .head,
    .block5 .inner .part .line:nth-child(2),
    .block4 .inner .content .block h3.head,
    .contact .inner .part:nth-child(2) .block .head{
        font-size: calc(30px / 1.1);
    }

    .block1 .inner .panel .services .line .icon,
    .block1 .inner .panel .box .line .icon{
        width: 24px;
        height: 24px;
    }

    .block1 .inner .panel .photo1,
    .block1 .inner .panel .photo2,
    .block4 .inner .panel .photo1,
    .block4 .inner .panel .photo2{
        width: calc(((100% / 5) * 3) + 40px);
        padding-top: calc(((((100% / 5) * 3) + 40px) / 16) * 10);
    }

    .block1 .inner .panel .photo1{
        margin-left: calc(((100% / 5) * 2) * (-1) - 80px);
    }

    .block1 .inner .panel .photo2{
        margin-left: calc(((100% / 5) * 2) + 80px);
        margin-top: calc(((((100% / 5) * 3) / 16) * 10) * (-1) + 40px);
    }

    .block2 .inner .logos .logo{
        width: calc(100% / 2);
        padding: 20px;
        padding-left: 0;
        padding-right: 0;
    }

    .block2 .inner .logos .logo svg{
        height: calc(36px / 1.55);
    }

    .block2 .inner .logos .logo.dhl svg,
    .block2 .inner .logos .logo.fabory svg,
    .block2 .inner .logos .logo.commscope svg{
        height: calc(32px / 1.55);
    }

    .block2 .inner .logos .logo.abb svg{
        height: calc(44px / 1.55);
    }

    .block2 .inner .logos .logo.eaton svg{
        height: calc(40px / 1.55);
    }

    .block2 .inner .logos .logo.ctp svg{
        height: calc(48px / 1.55);
    }

    .block3 .inner h2.head,
    .block4 .inner h2.head{
        text-align: left;
    }

    .block3 .inner .content .block,
    .block4 .inner .content .block{
        width: 100%;
    }

    .block3 .inner .content .block:nth-child(2){
        margin-left: unset;
        margin-top: 30px;
    }

    .block4{
        flex-direction: column;
    }

    .block4 .inner h2.head .text,
    .block4 .inner h2.head .text:nth-child(2){
        text-align: left;
    }

    .block4 .inner .content .block:nth-child(2){
        width: 100%;
        margin-top: 15px;
        margin-left: unset;
    }

    .block4 .inner .content .block.list{
        margin-top: 20px;
    }

    .block3 .inner .gallery .item,
    .block4 .inner .gallery .item{
        width: calc((100% - 50px) / 3);
        margin-right: 25px;
        margin-top: 25px;
    }
    .block3 .inner .gallery .item:nth-child(-n+6),
    .block4 .inner .gallery .item:nth-child(-n+6){
        margin-top: 25px;
    }

    .block3 .inner .gallery .item:nth-child(-n+3),
    .block4 .inner .gallery .item:nth-child(-n+3){
        margin-top: 0px;
    }

    .block3 .inner .gallery .item:nth-child(6n),
    .block4 .inner .gallery .item:nth-child(6n){
        margin-right: 25px;
    }

    .block3 .inner .gallery .item:nth-child(3n),
    .block4 .inner .gallery .item:nth-child(3n){
        margin-right: 0px;
    }

    .block3 .inner .content{
        margin-top: 30px;
    }

    .block4 .inner .content{
        margin-top: 20px;
    }

    .block3 .inner .gallery,
    .block4 .inner .gallery{
        margin-top: 20px;
    }

    .block4 .inner .content .block .image img{
        width: 100%;
        object-position: top;
    }

    .block3 .inner h2.head,
    .block4 .inner h2.head{
        font-size: calc(40px / 1.1);
    }

    .block3 .inner .content .block h3.head{
        font-size: calc(30px / 1.1);
    }

    .block4 .inner h2.head .text:nth-child(2){
        font-size: calc(26px / 1.1);
    }

    .block4 .inner .content .block .box.mikropilots{
        width: 100%;
        flex-direction: column;
    }

    .block4 .inner .content .block .box .sub{
        width: 100%;
        margin-right: 0;
    }

    .block4 .inner .content .block .box .sub:last-child{
        margin-right: 0;
        margin-top: 10px;
    }

    .block7 .inner .text{
        width: 100%;
        max-width: unset;
    }

    .block7 .inner .references{
        margin-top: 20px;
        display: block;
    }

    .block7 .inner .references .item{
        width: calc(100% - 60px);
        background: unset;
        margin-right: 0;
        display: block;
    }

    .block7 .inner .references .item:nth-child(2n){
        margin-right: 0;
    }

    .block7 .inner .references .item .logo{
        width: 100%;
        height: 40px;
        max-height: 40px;
        justify-content: flex-start;
    }

    .block7 .inner .references .item .logo img{
        max-width: 120px;
        max-height: 40px;
    }

    .block7 .inner .references .item .logo .cn{
        font-size: 18px;
    }

    .block7 .inner .references .item .box{
        width: 100%;
        flex-direction: column;
        margin-top: 20px;
    }

    .block7 .inner .references .item .box .technology{
        flex-basis: calc(60% - 30px - 30px);
        margin-left: 0;
    }

    .block7 .inner .references .item .box .additional{
        flex-direction: column;
        flex-basis: unset;
        margin-top: 20px;
    }

    .block7 .inner .references .item .box .additional .part{
        margin-top: 10px;
    }

    .block7 .inner .references .item .box .additional .part:nth-child(1){
        margin-top: 0;
        align-items: center;
    }

    .block7 .inner .references .item .box .additional .part .text{
        white-space: unset;
    }

    .block4 .inner .content .block .box .line .num,
    .block4 .inner .content .block .box .sub .line .num{
        width: 26px;
        height: 26px;
    }

    .block4 .inner .content .block .box .line .num .number,
    .block4 .inner .content .block .box .sub .line .num .number{
        font-size: calc(16px / 1.15);
    }

    .block5 .inner .part:nth-child(2){
        margin-left: 0;
        margin-right: auto;
        flex-basis: unset;
        margin-top: 20px;
    }

    .footer .inner .box:nth-child(1){
        width: 100%;
        margin-right: 0;
    }

    .footer .inner .box:nth-child(2){
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }

    .footer .inner .box .links,
    .footer .inner .box .contacts{
        width: 100%;
    }

    .footer .inner .box .contacts{
        margin-left: 0;
        margin-top: 20px;
    }

    .foot .inner .copy .line{
        flex-direction: column;
        align-items: unset;
    }

    .foot .inner .copy .line .text:nth-child(2){
        margin-left: 0;
        padding-left: 0;
        border-left: none;
        margin-top: 2px;
    }

    .foot .inner .cookies .text{
        display: none;
    }

    .terms .inner{
        width: calc(100% - 80px);
        padding: 40px;
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .terms .inner .part{
        margin-top: 30px;
    }

    @media (min-width: 320px) and (max-width: 450px){

        .block3 .inner .gallery .item,
        .block4 .inner .gallery .item{
            width: calc((100% - 25px) / 2);
        }

        .block3 .inner .gallery .item:nth-child(-n+3),
        .block4 .inner .gallery .item:nth-child(-n+3){
            margin-top: 25px;
        }

        .block3 .inner .gallery .item:nth-child(-n+2),
        .block4 .inner .gallery .item:nth-child(-n+2){
            margin-top: 0px;
        }

        .block3 .inner .gallery .item:nth-child(3n),
        .block4 .inner .gallery .item:nth-child(3n){
            margin-right: 25px;
        }

        .block3 .inner .gallery .item:nth-child(2n),
        .block4 .inner .gallery .item:nth-child(2n){
            margin-right: 0px;
        }

    }

    @media (min-width: 320px) and (max-width: 399px){

        .block1 .inner .panel .photo1,
        .block1 .inner .panel .photo2,
        .block4 .inner .panel .photo1,
        .block4 .inner .panel .photo2{
            width: calc(((100% / 5) * 3) + 50px);
            padding-top: calc(((((100% / 5) * 3) + 50px) / 16) * 10);
        }

        .block1 .inner .panel h1.head,
        .block7 .inner h1.head,
        .contact .inner .part .head,
        .terms .inner .head{
            font-size: calc(50px / 1.15);
        }

        .block1 .inner .panel .introduction,
        .block7 .inner .text{
            font-size: calc(20px / 1.15);
        }

        .block1 .inner .panel .services .head,
        .block5 .inner .part .line:nth-child(2),
        .block4 .inner .content .block h3.head,
        .contact .inner .part:nth-child(2) .block .head{
            font-size: calc(30px / 1.15);
        }

        .block1 .inner .panel .button,
        .block2 .inner .button,
        .footer .inner .box .text,
        .footer .inner .box .links .line .text,
        .footer .inner .box .contacts .line .text,
        .block1 .inner .panel .services .line .text,
        .block1 .inner .panel .box .line .text,
        .block3 .inner .content .block .text,
        .block3 .inner .content .block .box .line .text,
        .block4 .inner .content .block .text,
        .block4 .inner .content .block .box .line .text,
        .contact .inner .part .form .button_wrapper .button{
            font-size: calc(18px / 1.15);
        }

        .block2 .inner .head{
            font-size: calc(36px / 1.15);
        }

        .block3 .inner h2.head,
        .block4 .inner h2.head{
            font-size: calc(40px / 1.15);
        }

        .block3 .inner .content .block h3.head{
            font-size: calc(30px / 1.15);
        }

        .block4 .inner h2.head .text:nth-child(2){
            font-size: calc(26px / 1.15);
        }

        .block5 .inner .part .line{
            font-size: calc(22px / 1.15);
        }

        .block5 .inner .part .button{
            font-size: calc(18px / 1.15);
        }

        .contact .inner .part .text,
        .contact .inner .part:nth-child(2) .block .item{
            font-size: calc(20px / 1.15);
        }

    }

    @media (min-width: 350px) and (max-width: 375px){

        .header{
            height: 100px;
        }

        .menu .inner{
            margin-top: 100px;
        }

        .header .inner .logo,
        .footer .inner .box .logo{
            height: 34px;
        }

    }

    @media (min-width: 320px) and (max-width: 349px){

        .header{
            height: 100px;
        }

        .menu .inner{
            margin-top: 100px;
        }

        .header .inner .logo,
        .footer .inner .box .logo{
            height: 30px;
        }

        .header .inner .box .burger{
            width: 40px;
        }

        .header .inner .box .burger .item{
            margin-bottom: 10px;
        }

        .block2 .inner .logos .logo svg{
            height: calc(36px / 1.7);
        }

        .block2 .inner .logos .logo.dhl svg,
        .block2 .inner .logos .logo.fabory svg,
        .block2 .inner .logos .logo.commscope svg{
            height: calc(32px / 1.7);
        }

        .block2 .inner .logos .logo.abb svg{
            height: calc(44px / 1.7);
        }

        .block2 .inner .logos .logo.eaton svg{
            height: calc(40px / 1.7);
        }

        .block2 .inner .logos .logo.ctp svg{
            height: calc(48px / 1.7);
        }

        .block1 .inner .panel h1.head,
        .block7 .inner h1.head,
        .contact .inner .part .head,
        .terms .inner .head{
            font-size: calc(50px / 1.25);
        }

    }


    @media (min-width: 320px) and (max-width: 375px){

        .foot{
            height: auto;
        }

        .foot .inner{
            padding-top: 20px;
            padding-bottom: 20px;
            flex-direction: column;
        }

        .foot .inner .cookies{
            flex-direction: row-reverse;
            margin-top: 10px;
            margin-left: 0;
            margin-right: auto;
        }

        .foot .inner .cookies .text{
            display: block;
            margin-right: 0;
            margin-left: 10px;
        }


    }

}