html,body{
    min-width: 300px;
}
.content:after,.cl:after{
    content:"";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.mob{display: none;}

section.help_block .action .title span{
    font-size: 45px;
}

@media(max-width:1100px){
    *{
        box-sizing: border-box;
    }
    .content{
        max-width: 100%;
        width: 768px;
        padding-right: 15px;
        padding-left: 15px;
    }
    section.promo_block .big_title {
        font-size: 48px;
        padding: 0px;
    }
    section.promo_block .big_title .one {
        font-size: 48px;
        padding: 0;
    }
    section.promo_block .big_title .two {
        font-size: 48px;
        padding: 0px;
    }
    section.promo_block .big_title .three { 
        font-size: 34px;
        padding: 0px;
    }
    section.promo_block .first{
        padding: 0;
    }
    section.promo_block .second{
        width: 100%;
        padding: 0;
    }
    section.help_block{
        height: auto;
    }
    section.action_block .action,section.help_block .action{
        margin: 37px 0px 0px 0px;
        width: 70%;
    }
    section.action_block form,section.help_block form { 
        width: 30%;
        margin: 2px 0px 0px 0px;
    }
    section.action_block form .title,section.help_block form .title {
        font-size: 38px;
        line-height: 50px;
    }
    section.action_block form .description,section.help_block form .description {
        font-size: 14px;
        line-height: 19px;
        margin: 15px 0px 15px;
    }
    section.action_block input[type="text"],section.help_block input[type="text"],
    section.action_block input[type="tel"],section.help_block input[type="tel"]{
        width: 100%; 
        background-position: right 0 top 0;
    }
    section.action_block input[type="submit"],section.help_block input[type="submit"]{
        width: 100%;
        background-position: right 0 top 0;
        background-repeat: no-repeat;
    }
    section.action_block input[type="submit"]:hover,section.help_block input[type="submit"]:hover{ 
        background-position: right 0 top 50%;
    }
    section.action_block .timer_numbers,section.help_block .timer_numbers {
        width: calc(25% - 15px);
        height: 65px;
        margin-left: 15px !important;
    }
    section.help_block .action .title span {
        font-size: 42px;
        padding: 0px;
    }
    
    section.step_block {
        background-size: cover;
    }
    section.step_block .item_1 {
        left: -30px;
    }
    section.step_block .item_2 {
        left: 42px;
    }
    section.step_block .item_3 {  
        left: 290px;
        top: 320px;
    }
    section.step_block .item_4 {
        right: 50px;
    }
    section.step_block .item_5 {
        right: -30px;
    }
    section.step_block .submit{
        font-size: 14px;
    }
    
    #problem{
        width: 100%;
    }
    #problem .text{
        width: calc(100% - 325px);
    }
    
    section.woman_block .item_1 {
        left: 100px;
    }
    section.woman_block .item_2 {
        top: 116px;
        left: auto;
        right: -7px;
        text-align: right;
    }
    section.woman_block .item_3 {
        left: 0px;
        text-align: left;
    }
    section.woman_block .item_3 .size_6{
        text-align: left;
    }
    
    footer{
        margin-top: 0;
        float: none;
        height: auto;
        padding: 50px 0 30px;
        background-position: top 0 left 50%;
        -webkit-background-size: cover;
        background-size: cover;
    }
    footer .info{
        width: 100%;
        height: auto;
        position: relative;
        bottom: 0;
        top: 0;
    }
}
@media(max-width:768px){
    .mob{display: block;}
    .content{
        width: 480px;
    }
    html{
        background-image: url(../img/html_bgm.jpg);
        background-repeat: no-repeat;
        background-position: top 0 left 10%;
    }
    header .logo{
        margin-left: 0;
    }
    header .submit {
        width: 190px;
        font-size: 19px;
        background-position: top 50% right 0;
    }
    
    section.action_block{
        min-height: 608px;
        background-image: url(../img/html_bg2.jpg);
        background-repeat: no-repeat;
        background-position: top 0 left 67%;
        margin-top: 138px;
    }
    section.action_block .action, section.help_block .action{
        width: 100%;
        float: none;
        margin-bottom: 130px;
    }
    section.action_block form, section.help_block form{
        width: 100%;
        float: none;
    }
    section.action_block .action{
        height: 440px;
    }
    section.action_block form .title, section.help_block form .title{
        color: #000;
    }
    section.action_block form .title1,section.help_block form .title1{
        color: #000;
    }
    section.action_block form .description, section.help_block form .description{
        color: #000;
    }
    section.action_block input[type="submit"], section.help_block input[type="submit"]{
        background: #ff6b11;
    }
    section.action_block input[type="text"], section.help_block input[type="text"],
    section.action_block input[type="tel"], section.help_block input[type="tel"]{
        background-size: 100% 200%;
    }
    
    section.woman_block img.mob{
        margin-bottom: 30px;
        width: 100%;
        height: auto;
    }
    section.woman_block article{
        width: 100%;
        position: relative !important;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        text-align: left !important;
        margin-bottom: 15px;
    }
    section.woman_block article *{
        text-align: left !important;
        font-size: 35px !important;
    }
    section.woman_block .submit{
        position: relative;
        width: 100%;
        margin: 0 auto;
        left: auto;
        height: auto;
        text-decoration: none;
        line-height: 38px;
        background: #eb282d;
        padding: 10px 20px;
        box-shadow: 5px 5px 0 0 #000;
    }
    section.woman_block .submit:hover{
        background: #c0151a;
    }
    section.woman_block a{
        text-decoration: none;
    }
    
    .product_block.first{
        background-image: url(../img/html_bg4.jpg);
        background-repeat: no-repeat;
        background-position: top 0 left 30%;
    }
    section.product_block .title_block {
        text-align: right;
        font-size: 40px;
        line-height: 54px;
    }
    
    section.promo_block .big_title {
        font-size: 42px;
    }
    section.promo_block .big_title .one {
        font-size: 36px;
    }
    section.promo_block .big_title .three {
        font-size: 23px;
    }
    
    #problem .phone-r {
        float: none;
        padding: 0;
        margin-bottom: 30px;
        width: 100%;
        height: auto;
    }
    #problem .phone-r img{
        width: 100%;
        height: auto;
    }
    #problem .text {
        width: 100%;
    }
    #problem iframe{
        width: 100%;
        height: 300px;
    }
    
    section.product_block.second{
        background-position: top 0 left 35%;
    }
    section.product_block .title_block {
        font-size: 30px;
        text-shadow: 2px 2px #000;
    }
    
    section.partner_block .title_block{
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }
    section.partner_block img{
        width: 100%;
        height: auto;
    }
    
    section.comments_block article{
        float: none;
    }
    section.comments_block .image_block {
        float: none;
        margin: 0 auto;
        padding: 0px;
    }
    section.comments_block .title{
        float: none;
        width: 100%;
        padding: 0;
    }
    section.comments_block p{
        width: 100%;
        float: none;
    }
    
    section.help_block{
        background-image: url(../img/action_bg.jpg);
        background-repeat: no-repeat;
        background-position: top 0 left 50%;
    }
    
    section.step_block{
        background-image: url(../img/block_bg07.jpg);
        background-repeat: no-repeat;
        background-position: bottom 0 left -130px;
        min-height: 1100px;
        padding-top: 50px;
        -webkit-background-size: auto;
        background-size: auto;
    }
    section.step_block .title_block{
        color: #000;
        margin-bottom: 135px;
        font-size: 28px;
    }
    section.step_block .item_1{
        background-image: url(../img/s1.png);
    }
    section.step_block .item_2{
        background-image: url(../img/s2.png);
    }
    section.step_block .item_3{
        background-image: url(../img/s3.png);
    }
    section.step_block .item_4{
        background-image: url(../img/s4.png);
    }
    section.step_block .item_5{
        background-image: url(../img/s5.png);
    }
    section.step_block .item_1,section.step_block .item_2,section.step_block .item_3,section.step_block .item_4,section.step_block .item_5{
        background-position: top 0 left 0;
        background-repeat: no-repeat;
        position: relative;
        margin-bottom: 15px;
        left: 0;
        top: auto;
        right: auto;
        bottom: auto;
        padding-left: 150px;
        padding-top: 25px;
        width: 100%;
        min-height: 135px;
        text-align: left;
    }
    section.step_block .submit{
        width: 100%;
    }
    
}
@media(max-width:480px){
    .content{
        width: 100%;
    }
    
    header .logo{
        width: 45%;
        padding-bottom: 125px;
    }
    header .logo img{
        width: 100%;
        height: auto;
    }
    header .submit {
        width: 45%;
        font-size: 13px;
        margin-top: -5px;
    }
    section.promo_block .big_title {
        font-size: 28px;
    }
    section.promo_block .big_title .one {
        font-size: 24px;
    }
    section.promo_block .big_title .two {
        font-size: 30px;
    }
    section.promo_block .big_title .three {
        font-size: 16px;
    }
    section.promo_block .first{
        margin-top: 70px;
        padding-left: 30px;
        font-size: 18px;
    }
    section.promo_block .second{
        padding-left: 75px;
        margin-top: 35px;
        font-size: 14px;
    }
    
    section.action_block {
        background-position: top 0 left 50%;
    }
    section.action_block .timer_numbers span,section.help_block .timer_numbers span{
        width: 50%;
    }
    
    section.step_block {
        background-position: bottom 0 left 35%;
    }
    
    section.help_block .action .title{
        font-size: 60px;
    }
    section.help_block .action .title span {
        font-size: 24px;
    }
    section.help_block .timer_numbers span {
        font-size: 40px;
    }
}