@media only screen and (min-width: 1501px) {

    .front_company_profile .profil_cont > h2.sk { bottom: 50px; }
    
}

@media only screen and (max-height: 900px) {
    
    .front_header .content {
        width: 615px;
        height: 486px;
    }
    .front_header .content > h2 {
        font-size: 20px;
        line-height: 18px;
    }
    .front_header .content > span {
        font-size: 16px;
        line-height: 16px;
    }
    .front_header .content > h2.one {
        left: 18px;
        top: 0px;
    }
    .front_header .content.sk > h2.one { top: 17px; }
    .front_header .content > span.one {
        left: 18px;
        top: 41px;
    }
    .front_header .content.sk > span.one { top: 37px; }
    .front_header .content > h2.two {
        left: 403px;
        top: 20px;
    }
    .front_header .content > span.two {
        left: 403px;
        top: 45px;
    }
    .front_header .content > h2.three {
        left: 168px;
        top: 235px;
    }
    .front_header .content > span.three {
        left: 168px;
        top: 260px;
    }
    .front_header .content > a {
        width: 230px;
        height: 220px;
    }
    .front_header .content > a.one {
        left: -7px;
        top: 18px;
    }
    .front_header .content > a.three {
        left: calc(50% - 126px);
        bottom: 20px;
    }
    
}

@media only screen and (max-width: 900px) and (min-height: 901px) {
    
    .front_header { height: 500px; }
    .front_header .content {
        width: 369px;
        height: 292px;
    }
    .front_header .content > h2 {
        font-size: 20px;
        line-height: 18px;
    }
    .front_header .content > span {
        font-size: 16px;
        line-height: 16px;
    }
    .front_header .content > h2.one {
        left: 0;
        top: -20px;
    }
    .front_header .content.sk > h2.one { top: -10px; }
    .front_header .content > span.one {
        left: 0;
        top: 21px;
    }
    .front_header .content.sk > span.one { top: 10px; }
    .front_header .content > h2.two {
        left: auto;
        right: 20px;
        top: -10px;
    }
    .front_header .content > span.two {
        left: auto;
        right: 55px;
        top: 11px;
    }
    .front_header .content > h2.three {
        left: 97px;
        top: 130px;
    }
    .front_header .content.sk > h2.three {
        left: 87px;
        top: 137px;
    }
    .front_header .content > span.three {
        left: 98px;
        top: 150px;
    }
    .front_header .content.sk > span.three {
        left: 73px;
        top: 154px;
    }
    
    .front_header .content > a.one {
        top: -2px;
    }
    .front_header .content > a.two {
        right: 10px;
        top: -10px;
    }
    .front_header .content > a {
        width: 130px;
        height: 145px;
    }
    .front_header .content > a.three {
        left: calc(50% - 70px);
        bottom: 10px;
    }
    
}


/* width smaller or equal */

@media only screen and (max-width: 2000px) {
    
    .front_about_us.sk .left { 
        background-size: 300px;
        background-position: left bottom; 
    }
    
}

@media only screen and (max-width: 1800px) { 
    
    .front_form_cont .right { padding: 2.15vw 2.6vw 0 4.15vw; }
    
    .about_us .left { padding: 3.125vw 3.125vw 3.125vw 6vw; }
    .about_us .left > h2 { line-height: 70px; }
    .about_us .left > h2:before { bottom: -30px; }
    .about_us .left > p:nth-child(2) { margin-top: 80px; }
    
}

@media only screen and (max-width: 1700px) {
    
    .front_video > h2 {
        top: 2.4vw;
        left: 9.5vw;
    }
    .front_form_cont .right textarea { height: 220px; }
    
    .services { padding: 60px 0 100px 60px; }
    
}

@media only screen and (max-width: 1550px) { 

    header,
    footer .bottom { padding: 0 100px; }
    footer .top { padding: 20px 100px; }

    
    header .lang_selector { right: 100px; }
    
    .front_about_us .left {
        background-size: 250px;
        background-position: left bottom;
    }
    
    .contact .left { padding: 40px 30px 30px 100px; }

    .blog_entry {
        padding: 40px 100px;
    }
    
}

@media only screen and (max-width: 1500px) {
    
    .front_about_us.sk .left { background-image: none; }
    .front_about_us.en .left {  padding: 11vw 30px; }
    .front_about_us .left { 
        padding: 6vw 30px; 
        background-size: 180px;
    }
    .front_about_us .left .text_box { width: 80%; }
    .front_about_us.sk .left .text_box { width: 90%; }
    .front_about_us .right > img {
        width: 360px;
        margin-top: 50px;
    }
    
    .front_video > h2 {
        top: 2.3vw;
        left: 10.1vw;
    }
    .front_video .video_cont { width: 83%; }
    
    .front_company_profile .profil_cont {
        width: 1180px;
        padding: 50px 35px 50px 180px;
    }
    .front_company_profile .profil_cont > h2 { 
        font-size: 60px;
        line-height: 50px;
        left: 125px; 
    }
    .front_company_profile .profil_cont .left { width: 440px; }
    .front_company_profile .profil_cont .center { margin-left: -30px; }
    .front_company_profile .profil_cont .right { width: 420px; }
    
    .about_us .right { padding: 8vw 0 0 0; }
    .about_us .right > img {
        width: 43vw;
        margin-left: -140px;
        max-width: none;
    }
    .about_us_form > h3 { left: 9.58vw; }
    
    .services > .row { width: 1200px; }
    .services > .row > .matrix_2 > table tr td:nth-child(1) { width: 75%; }
    .services > .row > .matrix_2 > table tr td:nth-child(2) { width: 25%; }
    .services > .row > ul { width: 420px; }
    
}

@media only screen and (max-width: 1480px) {

    .front_form_cont .right h2 {
        font-size: 60px;
        line-height: 50px;
    }
    .front_form_cont .right #touch_form {
        width: 500px;
        margin-top: 50px;
    }
    
    .front_form_cont .right input[type=text], 
    .front_form_cont .right textarea { margin-top: 15px; }
    
}

@media only screen and (max-width: 1440px) {
    
    .front_header { height: 85vh; }
    
    .policies > h3 { margin-left: 100px; }
    .policies .diplom_cont { width: 880px; }
    .policies .diplom_cont .diplom_box {
        width: 410px;
        height: 560px;
    }
    
    .front_partners { padding: 5.2083vw 40px 9.0625vw 40px; }
    .front_partners > .slider_cont { padding: 80px 65px; }

    .blog > h3.lined {
        margin-left: 100px;
    }
    .blog > h3.lined:before {
        width: calc(100% + 140px);
        right: -40px;
    }
    .blog .blog_cont {
        width: 1100px;
    }

    .abs_popup_cont .popup_box {
        width: 550px;
    }

    .abs_popup_cont .popup_box > img {
        width: 55px;
        height: 55px;
    }

    .abs_popup_cont .popup_box .popup > span {
        padding: 10px 20px;
        font-size: 30px;
    }
    
}

@media only screen and (max-width: 1430px) {
    
    .front_partners > .slider_cont { width: 950px; }
    
    .technology .content { width: calc(100% - 200px); }
    
}

@media only screen and (max-width: 1400px) {
    
    .front_form_cont .right { padding: 1vw 2.6vw 0 4.15vw; }
    
}

 
@media only screen and (max-width: 1300px) { 
    
    .front_about_us.en .left { background-image: none; }
    .front_about_us .right { padding: 50px 0 0 80px; }
    .front_about_us .right > h2 { margin-left: 20px; }
    .front_about_us .right > img {
        width: 320px;
        margin-top: 70px;
    }
    
    .front_form_cont { height: 64.92vw; }
    .front_form_cont .left { width: 65%; }
    .front_form_cont .right { 
        width: 35%;
        padding: 30px 30px 0 30px; 
    }
    .front_form_cont .right #touch_form { 
        width: 100%; 
        margin-top: 5vw;
    }
    
    .services { background-position: 8vw top; }
    .services > .row { width: 990px; }
    .services > .row > .matrix_2 { width: 465px; }
    .services > .row > .matrix_2 > table tr td:nth-child(1) { padding-right: 30px; }
    
}

@media only screen and (max-width: 1250px) {

    .contact .left #touch_form {
        width: 100%;
        margin-top: 40px;
    }
    
    #hamburger { display: block; }
    header ul { display: none; }
    
    ul.mobil_version.open {
        max-height: 450px;
    }
    ul.mobil_version {
        display: block;
        position: absolute;
        left: 0;
        top: 85px;
        z-index: 500;
        width: 100%;
        background-color: #e0e0e0;
        padding: 0 100px;
        max-height: 0px;
        overflow: hidden;
        clear: both;
        max-height: 0;
        -webkit-transition: max-height .2s ease-out;
        transition: max-height .2s ease-out;
    }
    ul.mobil_version li { line-height: 23px; }
    ul.mobil_version li:not(:first-child) { margin-top: 30px; }
    ul.mobil_version li:first-child { margin-top: 10px; }
    ul.mobil_version li:last-child { margin-bottom: 60px; }
    
    header .lang_selector {
        visibility: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        right: auto;
        left: 100px;
/*        bottom: -405px;*/
        bottom: -400px;
        top: auto;
        z-index: 501;
        -webkit-transition: none;
        transition: none;
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
    }
    header .lang_selector.open {
        visibility: visible;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-transition-delay: .2s;
                transition-delay: .2s;
    }
    
    .front_video {
        height: 60vw;
        padding: 6vw 0;
    }
    .front_video > h2 {
        top: 2.2vw;
        left: 6.1vw;
    }
    .front_video .video_cont { width: 92%; }
    
    .policies { padding: 60px 0; }
    .policies .diplom_cont { width: 640px; }
    .policies .diplom_cont .diplom_box {
        width: 287px;
        height: 392px;
        border: 10px solid #365278;
    }
    .policies .diplom_cont .diplom_box:last-child::after { bottom: -10px; }
    
}

@media only screen and (max-width: 1200px) {
    
    .front_company_profile {
        height: auto;
        padding: 60px 0;
    }
    .front_company_profile .profil_cont { 
        width: 1000px;
        height: 610px;
        padding: 50px 35px 50px 160px;
    }
    .front_company_profile .profil_cont > h2 {
        font-size: 50px;
        line-height: 40px;
        left: 105px;
    }
    .front_company_profile .profil_cont .left .icon_box { height: 200px; }
    .front_company_profile .profil_cont .left .icon_box.big { height: 230px; }
    .front_company_profile.en .profil_cont .left .icon_box.big { height: 250px; }
    .front_company_profile .profil_cont .left .icon_box > span, 
    .front_company_profile .profil_cont .right .icon_box strong {
        font-size: 24px;
        line-height: 21px;
    }
    .front_company_profile .profil_cont .left .icon_box .text > strong { font-weight: 700; }
    .front_company_profile .profil_cont .center { margin-left: -40px; }
    .front_company_profile .profil_cont .right { width: 320px; }
    .front_company_profile .profil_cont .right .mini_box,
    .front_company_profile .profil_cont .right .mini_box > .line { width: 50%; }
    .front_company_profile .profil_cont .right .mini_box:nth-child(4),
    .front_company_profile .profil_cont .right .mini_box:nth-child(5) { margin-top: 50px; }
    
    .about_us .left {
        padding: 40px;
        width: 65%;
    }
    .about_us .right { width: 35%; }
    .about_us_form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 40px 100px;
    }
    .about_us_form > h3 {
        position: relative;
        left: auto;
        top: auto;
    }
    .about_us_form #touch_form { margin: 70px auto 0 auto; }

    .blog .blog_cont {
        width: 93vw;
    }
    
}

@media only screen and (max-width: 1100px) {
    
    .front_about_us .left .text_box { width: 100% !important; }
    
    .policies { padding: 40px 0 20px 0; }
    .policies > h3 {
        font-size: 35px;
        line-height: 40px;
    }
    .policies .diplom_cont .diplom_box:last-child::after {
        right: -118px;
        bottom: -10px;
        width: 87px;
        height: 72px;
    }
    
}

@media only screen and (max-width: 1050px) {    
    
    .services { background-position: 14vw top; }
    .services > .row { width: 92%; }
    .services > .row > .matrix_2 { width: 405px; }
    .services > .row > ul { width: 310px; }
    
    footer .top .media { width: 80px; }
    
}

@media only screen and (max-width: 1020px) {
    
    .front_company_profile .profil_cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 50px;
        height: auto;
        width: 90%;
    }
    .front_company_profile .profil_cont > h2 {
        position: relative;
        left: auto;
        bottom: auto;
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
        text-align: center;
    }
    .front_company_profile .profil_cont .left {
        width: 100%;
        height: auto;
        margin-top: 40px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .front_company_profile .profil_cont .left .icon_box {
        width: -webkit-fit-content;
        width: fit-content; 
        width: -moz-fit-content;
        max-width: 190px;
    }
    .front_company_profile .profil_cont .left .icon_box.big { height: 250px; }
    .front_company_profile .profil_cont .center {
        margin: 50px 0;
        width: 100%;
        height: 1px;
    }
    .front_company_profile .profil_cont .center:after {
        width: 1px;
        height: 15px;
        left: 50%;
        top: 0;
    }
    .front_company_profile .profil_cont .right {
        width: 100%;
    }
    .front_company_profile .profil_cont .right .icon_box { 
        width: 100%; 
        padding-right: 50%;
    }
    .front_company_profile .profil_cont .right .mini_box { 
        width: -webkit-fit-content; 
        width: fit-content; 
        width: -moz-fit-content; 
    } 
    .front_company_profile .profil_cont .right .mini_box > .line { width: 80px; }
    .front_company_profile .profil_cont .right .mini_box:nth-child(4), 
    .front_company_profile .profil_cont .right .mini_box:nth-child(5) { margin-top: 0px; }
    
    .front_partners { padding: 40px 40px 100px 40px; }
    .front_partners > .slider_cont { width: 740px; }
    
    .contact { -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .contact .left { width: 100%; }
    .contact .left #touch_form { width: 60%; }
    #loc_map {
        width: 100%;
        height: 450px;
    }
    
} 

@media only screen and (max-width: 1000px) { 
    
    h2 {
        font-size: 52px;
        line-height: 40px;
    }
    
    
    .front_about_us .right {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        flex-direction: column;
    }
    .front_about_us .right > img { width: 65%; }
    .front_about_us .right > h2 { margin-left: 0; }
    
    
    
    .about_us { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .about_us .left {
        width: 100%;
        padding: 40px 100px;
    }
    .about_us .left > h2 { line-height: 45px; }
    .about_us .left > h2:before { bottom: -20px; }
    .about_us .left > p:nth-child(2) { margin-top: 60px; }
    .about_us .right > img {
        margin: 0 auto;
        display: block;
    }
    .about_us .right { 
        width: 100%;
        padding: 40px 0; 
    }
    
    .technology {
        background-blend-mode: overlay;
        background-color: #5d636d;
    }
    .technology .content .text_cont { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .technology .content .text_cont .left, 
    .technology .content .text_cont .right { width: 100%; }
    .technology .content .text_cont .right { margin-top: 25px; }

    .blog .blog_cont > .row > a.for_img {
        width: 160px;
        height: 130px;
    }
    .blog .blog_cont > .row h4 {
        font-size: 26px;
        line-height: 32px;
    }
    .blog .blog_cont > .row > .column {
        width: calc(100% - 380px);
        padding-left: 20px;
    }
    .blog .blog_cont > .row > .column > p {
        font-size: 14px;
        line-height: 20px;
    }

    .blog_entry .center h4 {
        font-size: 26px;
        line-height: 32px;
    }
}

@media only screen and (max-width: 950px) {

    .front_company_profile .profil_cont { padding: 50px 30px; }
    .front_company_profile .profil_cont .left .icon_box { 
        height: 170px; 
        max-width: 150px;    
    }
    .front_company_profile .profil_cont .left .icon_box.big { height: 230px; }
    .front_company_profile.en .profil_cont .left .icon_box.big { height: 230px; }
    .front_company_profile .profil_cont .left .icon_box:nth-child(3) .text { margin-top: 10px; } 
    .front_company_profile .profil_cont .left .icon_box > span {
        font-size: 20px;
        line-height: 18px;
    }
    .front_company_profile .profil_cont .left .icon_box > img { height: 40px; }
    .front_company_profile .profil_cont .left .icon_box.big > img { height: 50px; }    
    .front_company_profile .profil_cont .left .icon_box .text > strong { font-size: 18px; }
    
    .front_form_cont { 
        height: auto; 
        -webkit-box-orient: vertical; 
        -webkit-box-direction: normal; 
            -ms-flex-direction: column; 
                flex-direction: column;
    }
    .front_form_cont .left { 
        height: 55vw;
        width: 100%; 
    }
    .front_form_cont .right { 
        width: 100%;
        padding: 30px; 
    }
    .front_form_cont .right h2 { margin-left: 70px; }
    .front_form_cont .right #touch_form {
        width: 60%;
        margin: 6vw auto 0 auto;
    }
    
    .products > h3 { margin: 50px 0 0 100px; }
    .products .products_cont { width: calc(100% - 120px); }
    .products .products_cont .product_box .text { width: 55%; }
    .products .products_cont .product_box > img { width: 16vw; }
    .products .products_cont .product_box:nth-child(3) > img { width: 20vw; }
    .products .products_cont .product_box:nth-child(4) > img { width: 37vw; }
    
    .front_form_cont .right > h2.lined:before { width: 100vw; }

}

@media only screen and (max-width: 900px) {

    .products .products_cont { margin-top: 50px; }
    
    .technology .content > h3 {
        line-height: 40px;
        font-size: 35px;
    }
    .technology .content > h3:before {
        width: 80vw;
        bottom: -20px;
    }
    .technology .content .text_cont { margin-top: 50px; }
    
    h2.lined:before,
    h3.lined:before { width: 100vw !important; }
    
    .policies { padding: 40px 0 60px 0; }
    .policies .diplom_cont { width: 462px; }
    .policies .diplom_cont .diplom_box {
        width: 201px;
        height: 274px;
    }

    .blog_entry .center { width: 100%; }
    .blog_entry .center > .row { height: 18vw; }
    
    footer .top { 
        align-items: center;
        flex-direction: column;
        padding: 30px;
    }
    footer .top > * { width: 180px !important; }
    footer .top > *:not(:first-child) { margin-top: 30px; }
    footer .top .media {
        flex-direction: row;
        padding: 30px 0;
        border: 0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    footer .top .media > a { background-position: bottom; }
    footer .top .media > a:not(:first-child) { margin: 0 0 0 30px; }
    
}

@media only screen and (max-width: 880px) {

    .services > .row > .matrix_2 { width: 335px; }
    .services > .row > ul { width: 280px; }
    
}

@media only screen and (max-width: 850px) {

    .front_company_profile .profil_cont .right .icon_box { padding-right: 30%; }
    
    #video-controls {
        width: 350px;
        height: 50px;
    }
    #video-controls input[type=range] { width: 210px; }
    
    .services {
        background-position: 10vw top;
        padding: 60px 0 60px 40px; 
    }
    .services .content { 
        margin-top: 50px;
        width: 460px; 
    }
    .services .content .matrix > table tr td:nth-child(3) { padding-left: 20px; }
    
}

@media only screen and (max-width: 800px) { 
    
    .front_about_us .left { padding: 60px 30px !important; }
    .front_about_us .left .text_box { width: 100%; }
    
    .about_us_form #touch_form { width: 100%; }

    .blog .blog_cont > .row {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .blog .blog_cont > .row > .column {
        width: calc(100% - 180px);
        padding-left: 20px;
        margin-left: 20px;
    }
    .blog .blog_cont > .row > a.btn {
        align-self: auto;
        margin: 20px 0 0 auto;
    }

}

@media only screen and (max-width: 770px) {
    
    .front_partners > .slider_cont { width: 530px; }
    
}

@media only screen and (max-width: 750px) {

    h1 {
        font-size: 12px;
        line-height: 12px;
        bottom: -7px;
        left: 43px;
    }
    
    .front_company_profile .profil_cont .left {
        width: 70%;
        margin-top: 0;
    }
    .front_company_profile .profil_cont .left .icon_box {
        margin-top: 50px;
        width: 50%;
        max-width: 50%;
    }
    .front_company_profile .profil_cont .left .icon_box.big { 
        height: 209px;
        margin-top: 50px; 
    }
    
    .products .products_cont .product_box .text { width: 68%; }
    
    header .logo {
        width: 191px;
        height: auto;
    }
    
    .services > .row { flex-direction: column; }
    .services > .row > .matrix_2 { width: 475px; }
    .services > .row > ul {
        width: 470px;
        margin: 30px 0 0 15px;
    }
    
}

@media only screen and (max-width: 720px) {
    
    .policies .diplom_cont {
        justify-content: flex-start;
        width: 432px;
    }
    .policies .diplom_cont .diplom_box:nth-child(even) { margin-left: 30px; }
    
}

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

    .agreement {
        padding: 50px 20px 30px 20px;
    }

    .agreement h2 {
        font-size: 30px;
        line-height: 40px;
    }
    
    .front_about_us { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
    .front_about_us .left { 
        width: 100%; 
        -webkit-box-pack: center; 
            -ms-flex-pack: center; 
                justify-content: center;
    }
    .front_about_us .left .text_box { width: 70% !important; }
    .front_about_us .right { 
        width: 100%; 
        padding: 30px 0;
    }
    .front_about_us .right > img { width: 50%; }
    
    .front_form_cont .right { padding: 30px 100px; }
    .front_form_cont .right h2 { margin-left: 0px; }
    .front_form_cont .right #touch_form {
        width: 100%;
        margin: 70px auto 0 auto;
    }
    
    .about_us .left { padding: 40px; }
    
    .contact .left { padding: 40px 100px 30px 100px; }
    .contact .left #touch_form { width: 100%; }

    .blog_entry > .row {
        flex-direction: column;
    }

    .blog_entry > .row > a:nth-child(2) {
        margin: 20px 0 0 0;
    }
    
}

@media only screen and (max-width: 650px) {
    
    .front_header { height: 500px; }
    .front_header .content {
        width: 369px;
        height: 292px;
    }
    .front_header .content > h2.one {
        left: 0;
        top: -20px;
    }
    .front_header .content.sk > h2.one { top: -10px; }
    .front_header .content > span.one {
        left: 0;
        top: 21px;
    }
    .front_header .content.sk > span.one { top: 10px; }
    .front_header .content > h2.two {
        left: auto;
        right: 20px;
        top: -10px;
    }
    .front_header .content > span.two {
        left: auto;
        right: 55px;
        top: 11px;
    }
    .front_header .content > h2.three {
        left: 97px;
        top: 130px;
    }
    .front_header .content.sk > h2.three {
        left: 87px;
        top: 137px;
    }
    .front_header .content > span.three {
        left: 98px;
        top: 150px;
    }
    .front_header .content.sk > span.three {
        left: 73px;
        top: 154px;
    }
    
    .front_header .content > a {
        width: 130px;
        height: 150px;
    }
    .front_header .content > a.one { top: -10px; }
    .front_header .content > a.two {
        right: 10px;
        top: -10px;
    }
    .front_header .content > a.three {
        left: calc(50% - 72px);
        bottom: 1px;
    }

    .front_company_profile .profil_cont .left {
        width: 90%;
        margin-left: 30px;
    }
    .front_company_profile .profil_cont .right .icon_box { padding-right: 0; }
    .front_company_profile .profil_cont .right .mini_box { width: 80px; }
    .front_company_profile .profil_cont .right .mini_box > .line { width: 100%; }
    
    .policies .diplom_cont {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
    .policies .diplom_cont .diplom_box:nth-child(even) { margin-left: 0; }
    
}

@media only screen and (max-width: 600px) {
    
    .front_video {
        height: 400px;
        padding: 50px 0;
    }
    .front_video .video_cont { width: 95%; }
    
    .front_video > h2 {
        font-size: 42px;
        line-height: 34px;
    }

    .agreement {
        padding: 30px 10px 20px 10px;
    }

    .agreement h2 {
        font-size: 20px;
        line-height: 25px;
    }
    
    .products > h3:before {
        right: 0;
        width: 80vw;
    }
    
    .services {
        background-position: -20vw top;
        background-size: 170%;
    }

    .abs_popup_cont .popup_box {
        width: 85%;
    }
    .abs_popup_cont .popup_box .popup > span {
        padding: 10px 15px;
        font-size: 24px;
        letter-spacing: 0;
    }
    
}

@media only screen and (max-width: 550px) {

    .front_company_profile .profil_cont .left { width: 100%; }
    
    .front_partners { padding: 40px 20px 100px 20px; }
    .front_partners > .slider_cont {
        width: calc(100% + 40px);
        padding: 0 45px;
    }
    .front_partners > .slider_cont .swiper-button-prev { left: 10px; }
    .front_partners > .slider_cont .swiper-button-next { right: 10px; }
    
    header, 
    footer .bottom { padding: 0 20px; }
    
    .front_form_cont .right { padding: 30px 20px; }
    .front_form_cont .right input[type=text], 
    .front_form_cont .right textarea { margin-top: 25px; }
    
    .about_us .left,
    .about_us_form { padding: 40px 20px; }
    
    .products > h3 { margin: 50px 0 0 20px; }
    .products .products_cont { width: calc(100% - 40px); }
    .products .products_cont .product_box .text { width: 60%; }
    .products .products_cont .product_box > img { width: 20vw; }
    .products .products_cont .product_box:nth-child(3) > img { width: 25vw; }
    .products .products_cont .product_box:nth-child(4) > img { width: 42vw; }
    
    .technology { padding: 60px 0 80px 0; }
    .technology .content { width: calc(100% - 40px); }

    .services .content {
        width: 390px;
        margin-top: 70px;
    }
    .services > .row > .matrix_2 {
        width: 385px;
        padding: 10px;
    }
    .services > .row > ul { width: 98%; }
    
    .policies > h3,
    .blog > h3.lined { margin-left: 20px; }

    .blog > h3.lined:before {
        width: calc(100% + 40px);
        right: -20px;
    }
    .blog .blog_cont {
        width: calc(100% - 40px);
    }
    .blog .blog_cont > .row {
        flex-direction: column;
    }
    .blog .blog_cont > .row > a.for_img {
        margin: 0 auto;
        width: 270px;
        height: auto;
    }
    .blog .blog_cont > .row > .column {
        border: 0;
        margin: 30px 0 0 0;
        padding: 0;
        width: 100%;
    }

    .blog_entry { padding: 40px 20px; }
    .blog_entry .center a.cover { width: 240px; }
    .blog_entry .center > .row {
        flex-wrap: wrap;
        height: 90vw;
    }
    .blog_entry .center > .row > a {
        width: 50%;
        height: 50%;
    }
    
    .contact .left { padding: 40px 20px 30px 20px; }
    
    ul.mobil_version { padding: 0 20px; }
    header .lang_selector { left: 20px; }
    
}

@media only screen and (max-width: 500px) {

    .front_about_us .left { padding: 50px 20px !important; }
    .front_about_us .left .text_box { width: 100% !important; }
    .front_about_us .right > img { width: 85%; }
    
    .front_company_profile { padding: 0; }
    .front_company_profile .profil_cont { 
        padding: 50px 20px; 
        width: 100%;
    }
    .front_company_profile .profil_cont .left { margin-left: 0; }
    .front_company_profile .profil_cont .right .icon_box strong > span { font-size: 20px; }
    .front_company_profile .profil_cont .right .icon_box > div:nth-child(3) {
        font-size: 20px;
        line-height: 22px;
    }
    
    .about_us .left > h2,
    .about_us_form > h3 {
        font-size: 35px;
        line-height: 35px;
    }
    .about_us .left > h2.lined:before,
    .about_us_form > h3.lined:before { bottom: -15px; }
    .about_us .left > p:nth-child(2) { margin-top: 40px; }
    .about_us .right > img { width: 63vw; }
    
}

@media only screen and (max-width: 460px) {

    .services > .row > .matrix_2 { width: 100%; }
    .services > .row > .matrix_2 > table tr td:nth-child(1) { padding-right: 10px; }

}
    
@media only screen and (max-width: 450px) {

    #video-controls {
        width: 100%;
        height: 50px;
        padding: 0 10px;
        justify-content: space-between;
    }
    #video-controls input[type=range] {
        width: 70%;
        margin: 0;
    }
    
    .front_company_profile .profil_cont .left .icon_box { width: 40%; }
    .front_company_profile .profil_cont .right .mini_box { width: 140px; }
    .front_company_profile .profil_cont .right .mini_box > .line { width: 90px; }
    .front_company_profile .profil_cont .right .mini_box:nth-child(4), 
    .front_company_profile .profil_cont .right .mini_box:nth-child(5) { margin-top: 50px; }
    .front_company_profile .profil_cont .left .icon_box.big { height: 230px; }
    
    .policies .diplom_cont {
        align-items: flex-start;
        padding: 0 25px;
    }
    .policies .diplom_cont .diplom_box {
        width: 67.1vw;
        height: 91.4vw;
    }
    .policies .diplom_cont .diplom_box:last-child::after {
        right: -25vw;
        width: 19.4vw;
        height: 15vw;
    }
    
}
    
@media only screen and (max-width: 430px) {

    .services {
        padding: 40px 20px 80px 20px;
        background-color: #010b10;
        background-blend-mode: difference;
    }
    .services .content { width: 100%; }
    .services .content .matrix,
    .services > .row > .matrix_2 { padding: 5px; }
    .services > .row { width: 100%; }
    
}    

@media only screen and (max-width: 414px) {

    .front_company_profile.en .profil_cont .left .icon_box.big { height: 250px; }
    
}

@media only screen and (max-width: 400px) {
    
    .front_header { height: 380px; }
    .front_header .content {
        width: 258px;
        height: 204px;
    }
    .front_header .content > h2.one,
    .front_header .content.sk > h2.one { top: -40px; }
    .front_header .content > span.one { top: 0; }
    .front_header .content.sk > span.one { top: -17px; }
    .front_header .content > h2.two {
        left: auto;
        right: 0;
        top: -40px;
    }
    .front_header .content > span.two {
        left: auto;
        right: 30px;
        top: -18px;
    }
    .front_header .content > h2.three,
    .front_header .content.sk > h2.three {
        left: 97px;
        top: 197px;
    }
    .front_header .content > span.three,
    .front_header .content.sk > span.three {
        left: 97px;
        top: 217px;
    }
    
    .front_header .content > a {
        width: 120px;
        height: 150px;
    }
    .front_header .content > a.one {
        left: -16px;
        top: -47px;
    }
    .front_header .content > a.two {
        right: -8px;
        top: -50px;
    }
    .front_header .content > a.three {
        left: calc(50% - 53px);
        bottom: -49px;
    }
    .front_header .scroll_cont { bottom: 7px; }
    .front_header .scroll_cont p {
        font-size: 12px;
        font-weight: 400;
    }
    
    .front_company_profile .profil_cont .left .icon_box > span { font-size: 18px; }
    
    .products .products_cont .product_box { -webkit-box-orient: vertical !important; -webkit-box-direction: reverse !important; -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
    .products .products_cont .product_box .text {
        width: 100%;
        margin-top: 30px;
    }
    .products .products_cont .product_box > img { width: 27vw; }
    .products .products_cont .product_box:nth-child(3) > img { width: 37vw; }
    .products .products_cont .product_box:nth-child(4) > img { width: 70vw; }
    
    .policies > h3 {
        font-size: 28px;
        line-height: 32px;
    }
    
}

@media only screen and (max-width: 390px) {

    .front_company_profile .profil_cont .left .icon_box {
        width: 123px;
        max-width: 123px;
    }
    .front_company_profile .profil_cont .left .icon_box .text > strong { font-size: 14px; }
    .front_company_profile .profil_cont .left .icon_box { height: 160px; }
    .front_company_profile .profil_cont .left .icon_box.big,
    .front_company_profile.en .profil_cont .left .icon_box.big { height: 218px; }
    
    .services .content .matrix > table tr td:nth-child(1), 
    .services .content .matrix > table tr td:nth-child(3) { width: 23%; }
    .services .content .matrix > table tr td:nth-child(2) { width: 54%; }
     
}

@media only screen and (max-width: 380px) {

    footer .bottom {
        height: 80px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 0;
    }
    footer .bottom > a:nth-child(2) { margin-top: 15px; }
    
    .technology .content > h3 {
        line-height: 35px;
        font-size: 30px;
    }
    .technology .content > h3:before {
        width: 100vw;
        bottom: -15px;
    }
}

@media only screen and (max-width: 370px) {  
    
    .services .content .matrix > table tr td:nth-child(1) { width: 26%; }
    .services .content .matrix > table tr td:nth-child(2) { width: 50%; }
    .services .content .matrix > table tr td:nth-child(3) { width: 24%; }
    
    
}

@media only screen and (max-width: 350px) {
    
    h2,
    .front_form_cont .right h2 {
        font-size: 40px;
        line-height: 33px;
    }

    .front_company_profile .profil_cont .right .mini_box { width: 110px; }
    .front_company_profile .profil_cont .right .mini_box > .line { width: 100%; }
    
    .technology { padding: 50px 0; }
    
}
    
@media only screen and (max-width: 340px) {   
    
    .services .content .matrix > table,
    .services > .row > .matrix_2 > table { font-size: 14px; }
    .services .content .matrix > table span { font-size: 12px; }
    
}

@media only screen and (max-width: 339px) {
    
    .btn {
        font-size: 14px;
        line-height: 14px;
    }
    .btn:before { line-height: 1.8; }
}

@media only screen and (max-width: 330px) {

    .front_video > h2 {
        font-size: 38px;
        line-height: 30px;
    }
    
}