@media (max-width: 600px) {
    .main-screen {
        margin-top: -145px;
    }
    .main-screen-wrapper {
        background-size: 320%;
        height: auto;
    }
    #top .container-12{
        display: flex !important;
        flex-direction: column;
        align-items: center;
        
        }
    .main-screen .circles {
            display: none;
    }
    .main-screen .button {
        
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 50px;
        width: 110%;
        margin: 0;
        height: 0;
        padding: 70px 0;
        margin-left: -20px;
    }
    .main-screen {background: none; height: auto; margin-bottom: 100px;}
    .main-screen .utp2 {
        font-size: 100px;
    }
    .main-screen .tooltip {
        font-size: 30px;
    }
    .main-screen .utp3 {
        background: none;
        font-size: 50px;
    }
    .main-screen .why {
        font-size: 40px;
        margin-left: 0;
    }
    .main-screen .panel {
        margin-bottom: 40px;
        height: 270px;
        font-size: 32px;
        padding-top: 65px;
        width: 140%;
        margin-left: -130px;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 20px;
    }
}

@media (max-width: 600px) {
    #about .container-12 {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px;
        gap: 40px;
    }
    .module-header {
        font-size: 80px;
    }
    .pre-benefits .grid-3 {
        gap: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;

        align-items: center;
    }
    .pre-benefits .grid-3 img {
        margin-bottom: 0;
        width: 140px;
    }
    .pre-benefits .grid-3 .pre-text, .pre-benefits .grid-3 span{
        font-size: 60px;
    }
    .pre-benefits .grid-3 div {
        font-size: 30px;
    }
}



@media (max-width: 600px) {
    .benefits .container-12 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 60px;
    } 
    .benefits .grid-4 {
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-left: 110px;
    }
    .benefits .benefits-head, .benefits .benefits-text {
        text-align: center;
        font-size: 50px;
    }
    .benefits .module-header, .prin .module-header {
        font-size: 70px;
    }
    .benefits-item img {
        width: 150px;
        position: absolute;
        left: 60px;
    }
}

@media (max-width: 600px) {
    .prin .container-12 {
        display: flex;
        flex-direction: column;

    }
    .prin .module-header {
        margin-bottom: -70px;
    }
    .prin .text-center {
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 110px;
    }
    .prin .pr-text {
        font-size: 40px;
        text-align: center !important;
        position: relative;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
    }
    .prin .text-center img {
        width: 0;
    }
    .prin .pr-text::after {
        content: '';
        position: absolute;
        
        left: 0; 
        right: 0; 
        margin-left: auto; 
        margin-right: auto; 
        height: 100px;
        width: 10px;
        background: #3d3d3d;
        display: block;
        border-radius: 30px;
    }
}

@media (max-width: 600px) { 
    .action-wrapper {
        height: auto;
        background-size: 500%;
    }
    .action {
        height: auto;
    }
    .action .container-12 {
        display: flex;
        flex-direction: column;
        gap: 40px;
        height: auto;
        align-items: center;
        justify-content: center;
    }
    .action .action-text {
        font-size: 50px;
        margin: 0 30px;
    }
    .action .action-text2 {
        font-size: 40px;
    }
    .action .button {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 38px;
        width: 80%;
        margin: 0;
        height: 0;
        padding: 70px 0;
        margin-left: -20px;
        border-radius: 10px;
    }
}

@media (max-width: 600px) { 
    .works .slick-slide {
        
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .works {
        margin-bottom: 150px;
    }
    .works .slick-slide .text-center, .works .slick-slide .works-left-block {
        width: 100%;
    }
    .works .slick-slide .text-center img {
        width: 100%;
    }
    .works .slick-slide .works-left-block  .case-head {
        margin-top: 50px;
        font-size: 50px;
    }
    .works table, .works td {
        font-size: 40px !important;
    }
    .works .works-head, .works2 .works-head {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        
    }
    .works .works-head span, .works2 .works-head span {
        font-size: 50px;
        text-align: center;
        margin: 0;
        max-width: 600px;
    }
    .works .module-header {
        margin-top: 70px;
        margin-bottom: 0;
    }
    .works .works-text {
        font-size: 40px;
        margin: 90px 0;
    }
    .works .case-slider {
        margin-bottom: 100px;
    }
}

@media (max-width: 600px) {

    .works2 .slick-slide {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
    }
    .works2 .left-part {
        margin-right: 0;
        display: flex;
    }
    .works2 .left-part a img {
        width: 200%;
    }
    .works2 .right-part {
        padding-left: 0;
    }
    .works2 .right-part, .works2 .left-part {
        width: 100%;
    }
    .works2  {
        height: auto;
    }
    .works2 .slick-slide table {
        font-size: 30px !important;
        width: 100%;
    }
    .works2 td, .works2 .slick-slide table span {
        font-size: 30px !important;
    }
    .works2 .works2-head, .works2 .works2-head span, .works2 .works2-head div {
        font-size: 30px;
    }

}

@media (max-width: 600px) { 
    .clients .container-12 {
        display: flex;
        flex-direction: column  ;
    }
    .clients img {
        width: 300px;
    }
}

@media (max-width: 600px) { 
    .tarif table, .tarif .hide td, .tarif .hide .b td, .tarif .hide .b td div, .tarif .hide td .price{
        font-size: 30px !important;
    }
    .tarif .hide td img {
        width: 40px;
    }
    .tarif .button {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 25px;
        width: 90%;
        margin: 0;
        height: 0;
        padding: 40px 0;
    }
    .tarif .tarif-comment .comment-text {
        line-height: 50px;
        font-size: 30px;
    }
    .tarif .tarif-comment .comment-head{
        font-size: 40px;
    }
}

@media (max-width: 600px) { 
    .text2 .grid-4 {
        
        width: 80%;
    }
    .text2 li {
        font-size: 40px !important;
        line-height: 70px !important;
        background: url("check-1.png") no-repeat left center !important;
    }
}

@media (max-width: 600px) {
    .action2 {
        height: auto;
    }
    .action2-wrapper {
        background: url("bg2.jpg") top center no-repeat / cover;
        height: auto;
    }
    .action2 .action-text3 {
        font-size: 60px;
    }
    .action2 .action-text4 {
        font-size: 40px;
    }
    .action2 .button {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 50px;
        width: 80%;
        margin: 0;
        height: 0;
        padding: 70px 0;
    }
}

@media (max-width: 600px) {
    .text1 .text1-text1, .text1 .text1-text2, .text1 .text1-text3 {
        font-size: 40px;
        margin: 0 30px;
        
    }
    .text1 img {
        width: 700px;
    }
    .text1 .text1-text1 span, .text1 .text1-text3 span {
        font-size: 50px;
    }
}

@media (max-width: 600px) {
    .not-work ul {
        margin: 0 40px;
        margin-top: 130px;
    }
    .not-work li {
        font-size: 40px !important;
        line-height: 80px !important;
        
    }
}

@media (max-width: 600px) {
    .scheme .container-12 {
        gap: 150px;
        display: flex;
        flex-direction: column;
    }
    .scheme .grid-6 {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .scheme .text-center {
        width: 80%;
        position: absolute;
    }
    .scheme .text-center img {
        width: 300px;
    }
    .block-1, .block-2, .block-3 {
        left: 71px;
    }
    .scheme .block-1 {
        top: 295px;
    }
    .scheme .block-2 {
        top: 971px;
    }
    .scheme .block-3 {
        top: 1581px;
    }
    .scheme .scheme-item {
        width: 80%;
    }
    .scheme .scheme-str, .scheme .scheme-str span {
        font-size: 40px;
        background-position: left !important;
    }
}

@media (max-width: 600px) {
    .partners .partner-header ,.partner-header2{
        font-size: 40px;
        line-height: 90px;
    }
    .partners .partner-text {
        font-size: 30px;
        line-height: 70px;
    }
    .order form {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .order form .button {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 35px;
        width: 100%;
        margin: 0;
        height: 0;
        padding: 50px 24px 40px 24px;
    }
    .order form input, .order form textarea, .order form select{
        width: 600px !important;
        height: auto;
        font-size: 40px !important;
        padding: 50px 10px !important;
    }
    .order form select {
        height: auto;
        padding: 0 !important;
    }
    .order form .warranty {
        font-size: 30px;
        margin: 20px 0;
    }
}

@media (max-width:600px) {
    .relative {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .container-12 .push-1 {
        left: 0px !important;
    }
    .partners .grid-11 {
        left: 80px !important
    }
    .pre-arr {
        display: none;
    }
    .pre-footer {
        overflow: hidden;
    }
    .pre-footer .container-12 .grid-6 {
        
        width: 850px !important;
    }
    .pre-footer .module-header {
        text-align: center;
    }
    .pre-footer li {
        font-size: 30px !important;
        line-height: 60px !important;
    }
    .pre-footer-text, .pre-footer-text span {
        font-size: 40px;
        line-height: 60px !important;
    }
    .map-widget-app .ymaps3x0--map {
        height: 1200px !important;
    }
}

@media (max-width:600px) {
    .footer .container-12{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        gap: 40px;

    }
    .footer .grid-6 {
        font-size: 40px !important;
        width: 850px !important;
        text-align: center;
    }
    .footer .grid-3 {
        width: 850px !important;
    }
    .footer .phone-text, .footer .mail-text{
        background: none;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        font-size: 40px !important;
    }
    .footer .menu-btn {
        font-size: 30px;
    }
    .footer .phone1 {
        font-size: 40px;
    }
    
}

/* <meta name="viewport" content="width=device-width, initial-scale=1"> */
/* <link rel="stylesheet" href="css/adaptive.css" type="text/css"/> */


.burger {
    z-index: 100;
    background: transparent;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: all .3s ;
}




.burger span {
    position: relative;
}


.burger span::after, .burger span::before, .burger span {
    transition: all .4s;
    display: block;
    content: '';
    width: 60px;
    height: 6px;
    background: #1F1711;
    border-radius: 100px;
}

.burger span::after {
    position: absolute;
    top: 20px;
}

.burger span::before {
    position: absolute;
    bottom: 20px;
}

.burger--opened {
    overflow: hidden;
}

.burger--opened .burger span::before {
    bottom: 0;
    transform: rotate(45deg);
}
.burger--opened .burger span::after {
    top: 0; 
    transform: rotate(-45deg);
}

.burger--opened .burger span {  
    background: transparent;
}

.burger--down .burger {
    width: 100px;
    height: 100px;
    position: fixed;
    border-radius: 50%;
    box-shadow: 0 0 11px 1px #1F1711;
    background: white;
} 


@media (max-width: 600px) {
    .burger {
        z-index: 101;
        position: fixed;
        display: flex;
        right: 30px;
        top: 35px;
    }
    .menu-static {
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 0;
        height: auto;
        
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        
        z-index: 100;
        position: fixed;
        opacity: 0;
        
        margin-bottom: 0;
        background: white;
        transform: translateX(100%);
        transition: all .3s;
    }
    .menu-static--open {
        opacity: 1;
        transform: translateX(0);
    }
    .menu-static .container-12 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .menu-static .module {
        height: 650px;
    }
    .menu-static .module ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;

    }
    .menu-static .grid-6, .menu-static .grid-3 {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 40px;
        
    }
    .menu-static .grid-6 {
        margin-bottom: 100px;
    }
    .menu-static .grid-6 div, .menu-static .grid-3 div {
        font-size: 40px !important;
    }
    .menu-static .grid-6 img {
        width: 300px;
    }
    .menu-static .container-12 .grid-3 {
        width: auto;
    }
    .menu-static .phone1 {
        margin-top: 50px;
    }
    .menu-static .menu-btn {
        font-size: 40px;
    }
    .menu-static li a {
        line-height: 90px !important;
        font-size: 40px !important;
    }
}