@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,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') 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;
            }
            
            .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;
            }
    



}