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

    
    body {
        min-width: 300px;
        font-size: 14px;
    }

    .only-desktop {
        display: none;
    }
    
    
    .mobile-menu {
    display: block;
}

    .content {
        width: auto;
        padding: 0 20px;
    }
    
    
    .top {
        top: 50px;
    }

    
    .top .phone {
        display: block;
        margin: 10px 0;
    }
    
    .logo {
        margin-bottom: 10px;
    }
    
    nav ul {
        flex-flow: column wrap;
    }
    
    nav ul li {
        margin-bottom: 10px;
    }
    
    nav ul li a {
        font-size: 15px;
    }
    
    
    header {
        margin-top: 50px;
        height: auto;
        padding-bottom: 20px;
    }
    
    
    section#services {
        margin-top: 20px;
    }
    
    section.serv {
    margin-bottom: 50px;
}
    
    
    section#pluses {
        margin-top: 20px;
    }
    
    section#plan {
        padding: 20px 0;
    }
    

    
    header a {
        width: 100%;
        margin-bottom: 20px;
    }
    
    h1 {
        font-size: 20px;
        line-height: 1.4;
        letter-spacing: 0;
    }
    
    h2 {
        font-size: 18px;
    }
    
    
    .block {
        font-size: 15px;
        margin-bottom: 20px;
    }
    
    .buttons .button {
    margin-right: 0px;
    display: block;
    margin-bottom: 20px;
}
    
    
             .mobile-menu {
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 50px;
                border-bottom: 1px solid #eee;
                z-index: 150;
                background: #fff;
            }
            
            .mobile-menu .content,
            .mobile-menu .row{
                height: 50px;
            }
            
            
            .burger {
                display: inline-block;
                width: 30px;
                height: 30px;
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABmJLR0QA/wD/AP+gvaeTAAAARUlEQVRIie3TsRWAIBAE0dGGbAB6ozdsgIrOyIDUx5kwP9psogVJixzvqG10oCT37t6uCnAmhyYB8WdPm/JO0jLeSdJnD/toFQRRQbOiAAAAAElFTkSuQmCC') no-repeat center center #fff;
                background-size: 30px 30px;
            }
            
            
            .burger-overlay {
                height: 30px;
            }
            
            
            .mobile-logo {
                display: block;
                width: 72px;
                height: 18px;
                background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAASCAYAAAD4+JjWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAs9JREFUeNrsV9FxnDAQ5RgawHEF+Df+CVeCKIHrwLgEmFTgK+FIB6GEo4TgH+c3V4E9lECe8DIj762EuLHv4pnsjAZYSSvt09vVshqGIfgvdllxxZf6KccjQVOkatG6l+K2tRl5vA4KPOLp+9tzsJXGwba2mxuqI7sYUxqfPfpr1q/3lfo4h7m2fcTkX2rYGv18vvv6Zj8RA+aBwDFFUX+Hxz0W7Rg4evyO6XqAVAt7S2iNSSramClmv+7jdlI2xiVbCwGsfl7/+K3XrADU6GdIkzQDfgqT+MZiQZ976i4uxM45PzVQewA1+hASojthYMtO1xZmhbQIMetfAie3MG8MLabTRNgBpCQUJjVoVwAj002/E81rIffkjtMozuS73udKNyFcbaEbkD9XCKUMbY33GwaUBqmMmIMtFtqwRNfr3OMBwoE2OOkKALhFLupddMbJLgUkPYE9qeDnq093r7c4QDqAMZoQf4xUkocCql5CIaQY81p2AnO5SNHJmm1OeB7sPOYoHz8BUs/6Yg5Qv+BgeAjVYEtDTPrIMEsFhi+V3rcvPIW+YE8shFcCvWInmpLuvRJtwhjUek49LPBTuQAqKV6PYpg2Z17jMatv9tTyBVd+NSVYI9G6pBRuIB9pffxEDioYQF1EMVcY8f0Lk7eGUUX9jZGsl4SOTtbVTLKeY44icDgbY1Z5J0LdM1bjeOd+7rWOCsPY8PNN2oiomk0Z7UrhtHIYrPbfbxM29iBQOGZjCqmqXZh3lAejpKt9qsYrspGY17jDRoOkXYeU5DKP22C6lTjKG7AjY23Nkt25aiLXf5nez8bz1qunaAmnyWhrUnaWGN6APQ1PzgDDtmBjUp+KykuD1JGflcNPXTje05UfrGbiPnD9xZ/5H+qBVc+tY/zAisLM8VefUg0k2oscaF8cmHOE3TAMTj+jT+JLR2Fhq2uOyocTi98j+SvAAFjYJZRf1QLKAAAAAElFTkSuQmCC') no-repeat center center;
                background-size: 72px 18px;
            }
            
            
            .plus {
    flex-flow: column wrap;
}
            
            
            .pluses {
                width: 100%;
            }
    
            .plus b {
                font-size: 13px;
            }
            
            .quote {
                font-size: 13px;
            }
            
            .quote:before {
     left: 0px; 
    top: -80px;
            }
            
            .quote:after {
     right: 20px; 
    bottom: -90px;
            }
            
            
            .ekaterina
            {
                width: 130px;
                height: 140px;
            }
            
            .sergey {
                width: 130px;
                height: 157px;
            }
            
            
            .service h3,
            h3{
                font-size: 15px;
            }
            
            .service.full-height {
                min-height: 0;
            }
            
            
            section#plan {
                margin-top: 0;
            }
            
            
            .step {
                text-align: center;
            }
            
            .step .num {
                left: 0;
            }
            
            .step .text .title {
                font-size: 13px;
            }
            
            p {
                font-size: 13px;
            }
            
            .white-block {
                width: 100%;
                padding: 20px;
            }
            
            section#pluses h2 {
                font-size: 18px;
                text-align: center;
            }
            
            section#pluses p.p {
                width: 100%;
            }
            
            section#pluses, section#contacts {
                padding-bottom: 0px;
            }
            
            section#works h2 {
                margin-top: 0;
                border-top: 1px solid #eee;
                padding-top: 20px;
                margin-top: 20px;
            }
            
            p.huge {
                font-size: 16px;
            }
            
            .swiper-slide, .work {
                height: 150px;
            }
            
            .swiper-slide .title, .work .title {
                font-size: 13px;
                font-weight: 500;
            }
            
            .tariff {
                margin-bottom: 20px;
                border-top: 1px solid #eee;
            }
            
            .top-lined {
                border-top: 1px solid #eee;
                padding-top: 20px;
                margin-top: 20px;
            }
        
            
            .form.big label {
                font-size: 13px;
            }
            
            .form.big .input {
                font-size: 13px;
            }
            
            .button,
            .form.big .button,
            .button.big,
            .button.medium{
                font-size: 14px;
            }
            
            
            .actions {
                margin-top: 20px;
                border-bottom: 1px solid #eee;
                padding-bottom: 20px;
            }
            
            
            .form.big .button {
                width: 100%;
            }
            
            section#order {
                padding-bottom: 100px;
                margin-top: 0;
            }
            
            
            
     
            
            
            ul.list {
                padding-left: 15px;
            }
            
            .list li {
                font-size: 13px;
            }
            
            section#contacts h3 {
                font-size: 16px;
            }
            .phone.big {
                font-size: 16px;
                font-weight: 600;
            }
            
            .whatsapp.big {
                font-size: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABp0lEQVQ4jaWQz0tUURTHP+e+N5oY5F5RgsKkUHQGEv0LohYlEbRxFS5aFQZFi7YRloq6CwRXEW36saxFqyAYtRkm/IW7wEXkQBDWvHfPaeHM4znNTAvP6t5zvudzv98Lxyxp1LywemfAqZvAWb8oB4rtmuNdKTu/0RKQzd8/VZE/T8TkFhDUaVWQFyfi6Pbn0cWf/wAGC/c6ifwHYPQ/lguWCcaLQ09/AbhkEunz1PJvwDcCGAxJFC/V7q6WGexmVbDnK3RjzDZzYcjk8Np0XwJwxuXEovDp69jcvjn3skUS501vpCLIuRR+JJufyjjTqy0ACPSmAZaanY7pfORjXQJ2qr0f1P2JGe0JQLDNoxl5KJngUkcc58AeK+FFJewHiikPpQQQC2/qXnBitnwQhguYrZRyM7vSFuwDHTWBiv9YjXJYg/m728DZJpG/AV3AycMleV3IzV4DCAGG16b7vGqzZYCe1HnLuWgqsQoQm7+SEpQBbUQReFXxlfH1kcXvtV4IgEnZkAeCvi9mu76cXy33hATXDT1j4tpR3UKCt8Xcs81G4GPVX70cleRgqzS3AAAAAElFTkSuQmCC') no-repeat;
    background-position: left center;
    background-size: 16px 16px;
    padding-left: 22px;
            }
            
.telegram.big { 
    font-size: 16px;
    background-size: 16px 16px;
    padding-left: 22px;
}
            
            .vk {
    font-size: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAABy0lEQVQ4jaWSP2hTURTGf+e9mOTVkmp5wT4UtYWI6d+xCJU6VQW1Dg7SYnVsWjcx4iYoFAodpBRxcbAExxYRXR10Eac+pVrj4tBWixED9b0nNdchuS+BhAbx2+499/zu95174T8ljTY7brzvFrM0KqKOASgla8Dyxmzf6q6A/bfetsVV9AFwuQFcoXgS+FamMJ8q1gEqza+A3iaWXd+zhjTE0IXKzbs2l23QF4t7C3pt6MwV25zpSdBlx7BbI5zvb2PgkAVAlx3jbG9C2xh3sm46BIixc1HHuXPOYe7SQQyBh+OHmRpOsscUHk0c4cpge5hERI3WACSlK8/cnwx27sVujQAQjQjZkQN02lHuPt8Mo5QgFQJKCqULCy+3+L69w+NrRwE43Z1g+lSST98CPm761WEqpaoOlMrrwo9ff5jMfWFfiwnAi3dFbi+tk+6IkxlOVgEieYCyTzGWQN3Tc3j9eZuR+3munmhn7WtA7k0B04Qex6omMFiGmn/g3FzJIYzVvVtDqcWN2YGJMAJA4FsZAbdpK6wEXst1vQ4BhflU0fesISBXPlenEqjF3551suFXrpWTddOCuoBwvLK1isHT9Zn+D80c/rP+AvOLilpA1excAAAAAElFTkSuQmCC') no-repeat left center;
    background-size: 16px 16px;
    padding-left: 22px;
}


.instagram {
    font-size: 16px;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAD4ElEQVRIie2TTWxUVRiGn/Nz79yZKVMY2uHHCoQEIVWggHYBGgnxf4mJmBB3rti6kMSFK3VhCImJGv+IgYSFLFiRQChRFwRQIZAqUkFMQSrTsaUdxpm5c+85n4up0BJG454veZNzbnLe537few48qP8ode+H914eemY0sl9UMkEfIjrynpz3ZFJPznlyqSdyjqwTsqkncpBzUs+69NuuWN54+vT2nzsC9r50ZGB4Qf77ZmAsIliE0Hky3pP1nsjdVdtc2msnRImQc34yFL9u86lXbvzjaWcDpnN6f4SzYZKigFIpov/RHrpylkAEKx7jpb32gq+2mPyhgvu9RoBgkKL2eg/w6n0BKX7N/DTGK2HT1j5e2LGakbNl4lqMETCiMSJYAeM92VKBgdf6+fXTC0wcuUpGAPTzsz3vAARR78vhQFKYvzjHizse4eBbJ6iVb7dHJY7Q+7acEDph+ZMruHVshLVvb8OdvU5yo45o2z0boGdviq7BAl+jf203186MYm+WWehrFKVKX69m4NllrHtuOYsXabqpsWrHYxR6LNWTVyk+3otRCVolcy7NnBEV/W1EeXq6DUxNUZRprHiWbetn9c6nmPjuMkpgzc4nGNv3Nb/t+pzQKXi4QFiKMLoFXv4F4Koo7cjSRImnJFPkSgXW7NzClTc/xN+cwAq0virSt2cX4+cvEo/V0DoBsWjVumcmc7aKXpmiV26RlzpdNChJhb6BRcRnztE9/gu9/EkPFbrKV0hOXyC/aTmBaaJVilYpVsdolcy5+vauPVKWCTQt8tTRODKUCamidROrKojWiFicsmjj0Com0A20SttmOubetzunoYypk9V/EeiYQMVEpor58SRmcJDM0nlkTI3Q1Mg8NI9gcD0Mn8Oa+kwHDqNb7Rw6ZRDoBlY3MSpBaQf5BJpjcPgz1LsfoM6fQjuBjVtwB/ZhKtcIdDTTgcLoFiK6M8DqBoFpoGrjsGo1FA0ECi4NwcfDsHIjpALvHMSMjhHobPtcT4H40jWMaiHadB6RNU1UzsPoediwBVb2tSELNagKjByFn45CMg7zNNY0CJYWsYMb8BeGMTq5k8d9O9BhWiVvCsRl+GYfvL4XRs9A7Q8QIAUSgZZAU6CwBLt+M8n+L6EyhlFdOOWqHQFEeoic3k5ewdUT0LwIKzZA95IZgEALiD2EAtdH4NABGLuNUV2kKkXp9HhnQGh3k2ErkS6SU0AFJoegrtp/X/Mw7eCWh0nX1pRDqQwKh8ZPGp/u7piB+uT4ZTJ2PQGHCFWVSEGXbudQ0JBVECqwMzJtKfy00hxSXgZLxz66woP6P/U3gkirnKszB+AAAAAASUVORK5CYII=') no-repeat left center;
    background-size: 16px 16px;
    padding-left: 22px;
}





header.new {
    padding-bottom: 20px;
    margin-bottom: 0px;
}

.email {
    font-size: 13px;
}
    

h2.medium {
    font-size: 18px;
    margin-top: 0;
}

ul.green li {
    font-size: 13px;
}


.cartonbox-wrap {
    width: 100% !important;
    padding: 0 !important;

}

.cartonbox-flex {
    padding: 0 !important;
        min-height: 100% !important;
}

label {
    font-size: 13px;
}

.input {
    font-size: 13px;
}

.add-plan {
    font-size: 15px;
    height: 50px;
    margin-top: 0px;
}

.file-drop-area  {
    padding: 20px;
}

    section#order {
        padding-top: 20px ;
        padding-bottom: 50px;
    }
    
    
    section#map {
        margin-top: 30px;
    }
    
           .info {
                margin-top: 50px !important;
            }
    



}