@media screen and (max-width: 1200px) {
    div.page{width: 100%;margin-right: 0;}
    .menu-nav-header{display: block;}
    .main-slider{
        width: 100%;
        overflow: hidden;
    }
}


@media screen and (max-width: 970px) {
    #copiny-mobile-wrapper{
        background-color: #12528c !important;
    }


    div.page{
        width: 100%;
        min-width: 500px;
    }

    footer{
        min-width: 500px;
    }

    footer .footer-center{
        padding-bottom: 50px;
    }

    header {
        margin-top: 15px;
        margin-bottom: 20px;
    }

    header > .wrapper > .nav-top{
        margin-left: 20px;
        padding-top: 0;
        padding-bottom: 0px;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    header > .wrapper > .search-layout{
        position: absolute;
        /*left: 260px;*/
        right: 70px;
        top: 5px;
        padding-top: 0px;
        height: auto;
    }

    .enter-button-layout{
        position: absolute;
        right: 90px;
        top: 30px;
        display: block;
    }


    header > .wrapper > .search-layout .find_button{
        top: 0px;
    }

    header > .wrapper > .contact-layout{
        position: absolute;
        top: 50px;
        right: 10px;
    }

    header > .nav-trigger {
        display: block;
    }

    .nav-header{
        display: none;
        position: absolute;
        width: 200px;
        top: 80px;
        right: 0px;
        z-index: 100;
    }

    header .nav-header ul li{
        float: left;
        display: flex;
    }

    .main-slider .full{
        width: 100%;
    }

    .main-slider .small960{
        display: block;
    }

    .abonent-layer >div:first-child{
        margin-right: 0;
        margin-top: 40px;
    }

    .abonent-layer >div{
        position: relative;
        margin: 20px auto 0;
        width: 468px;
        float: none;
    }

    .home-new-client .wrapper > div{
        display: block;
        float: none;
        position: relative;
        margin: 0 auto;
        text-align: center;
        clear: both;
        line-height: 35px;
    }

    .abonent-layer{
        float: none;
    }

    .abonent-corporate-layer{
        max-width: 477px;
    }

    .abonent-corporate-layer ul >li:nth-child(even){
        float: right;
        margin-right: 0!important;
    }

    .home-new-client .wrapper > div:first-child{
        margin-top: 10px;
    }

    .home-new-client .wrapper > div:last-child{
        display: table;
        margin-bottom: 10px;
        margin: 10px auto 10px !important;
    }

    .line-info .wrapper{
        text-align: center;
    }

    .line-info .wrapper > div{
        display: block;
        float: none;
        position: relative;
        margin: 0 auto;
        text-align: center;
        clear: both;
        line-height: 25px;
    }

    .line-info > .info-blue, .line-info > .wrapper > .info-blue{
        margin: 5px 0;
    }

    .line-info .info-gray, .line-info > .wrapper .info-gray{
        margin: 5px 0;
    }

    .line-info .info-gray2, .line-info > .wrapper .info-gray2{
        margin: 5px 0;
    }

    .line-info .info-sum, .line-info > .wrapper .info-sum{
        margin: 5px 0;
    }


    #section_tarif_title .float-right{
        margin: 5px 0;
    }

    #section_tarif_title .title{
        text-align: center;
    }

    #section_tarif_title .title > span{
        padding-left: 0;
    }

    #section_tarif_title .float-right, #section_tarif_title .title span{
        float: none;
    }

    #section_tarif .item{margin-left: 50px;}

    #section_tarif .title{
        width: 500px;
        margin: 0 auto;
    }

    #tarif{
        padding-top: 0;
    }

    #tarif .item{
        margin-left: 30px;
        width: 420px;
        padding: 10px;
        margin-bottom: 15px;
    }

    #tarif > .item > *{
        max-width: 100%;
    }

    #tarif .item .slider{
        margin-top: 0 !important;
    }

    /* tarifs */
    .tarif2 .item{
        margin-left: 10px;
        width: 470px;
        cursor: pointer;
        display: block;
        border: none;
        margin-bottom: 5px;
    }

    .line-info .left >div{
        float: none;
    }


    .line-info .wrapper > div:last-child{
        display: inline-block;
        margin-bottom: 10px;
        float: none;
    }

    /* news */

    .home-layout > .title{
        width: 500px;
        margin: 0 auto;
    }

    .home-posts-inline {
        float: none;
        margin: 0 auto;
        width: 500px;
        grid-template-columns: 1fr;
    }

    .home-posts-inline .home-news-big{
        float: none;
    }

    .home-posts-inline .home-news-small{
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .home-posts-inline > div:last-child{
        float: none;
    }

    /* footer */
    .menu-nav-footer{
        margin-right: 0;
        margin-left: 10px;
    }



    footer .wrapper{
        width: 100%;
        min-width: 500px;
    }
    footer .menu-podval-1-container,
    footer .menu-podval-2-container,
    footer .menu-podval-3-container,
    footer .menu-podval-4-container{
        text-align: left;
        width: 113px;
    }

    footer .menu-podval-1-container{
        width:140px;
    }

    footer .tm{
        padding: 20px 0px 0;
        clear: both;
    }


    footer .tm >div{
        line-height: 20px;
        float: left;
    }

    footer .tm >div:first-child{
        width: 120px;
    }

    .social-color{
        margin-left: 10px;
        margin-top: 0;
    }

    .tminfo{
        margin-top: 0;
    }


    footer .tm >div:last-child{
        margin-left: 20px;
        line-height: 14px;
    }


    /*
        footer .menu-podval-1-container, footer .menu-podval-2-container{
            margin-bottom: 10px;
        }

        footer .menu-podval-3-container{
            margin-left: 20px;
        }

        footer .tm{
            right: 20px;
            top: 0px;
            position: absolute;
        }
    */

    /* help before footer */
    .home-help > div, .home-help .wrapper > div {
        margin-top: 20px;
    }

    .home-help{
        width: 100%;
    }

    .home-help .tr{
        float: none;
    }

    .home-help .tr .item{
        display: inline-block;
        float: none;
    }

    /* dop. options */
    .set{
        padding: 0 5px;
    }

    .set .item-options{
        width: 240px;
    }

    section.left720{
        padding-right: 0;
        padding: 0 10px;
        width: 100%;
    }

    section.right240{
        float: left;
        width: 100%;
    }

    .widget_nav_menu .menu{
        border: none;
    }

    .widget_nav_menu .menu li{
        display: inline;
    }
    .widget_nav_menu .menu>li>ul{
        display: none;
    }

    .widget_nav_menu .menu>li:hover>ul{
        display: block;
    }

    .widget_nav_menu .menu >li:last-child{
        border: none;
    }

    .post-content .news .content, .post-content .article .content{
        width: 100%;
    }

    .main-slider{
        width: 100%;
        overflow: hidden;
    }

    section > .title, section > .wrapper > .title{
        margin: 0 auto;
        max-width: 500px;
        text-align: left;
    }

    section >.wrapper >.set {
        margin: 0 auto;
        max-width: 500px;
        text-align: left;
    }

    section >.wrapper >.set .item{
        width: 240px;
        display: inline-block;
    }
}

@media screen and (max-width: 625px) {
    .infolada-form .form-line{display: block !important;}

    .infolada-form .form-line-1 >input{margin-top: 5px;}

    .infolada-form .form-line input[name=street]{
        width: 100% !important;
        margin-left: 0 !important;
    }
    .infolada-form .form-line input[name=house]{
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 5px;
    }
    .infolada-form .form-line input[name=flat]{
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 5px;
    }
    .infolada-form .form-line input[name=time]{
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 5px;
    }

    .infolada-form .form-line input[type=submit]{
        margin-left: 0 !important;
        margin-top: 5px;
    }

    .support-category-row{
        flex-direction: column;
        padding: 0px;
    }

    .support-category-item{
        flex: 100%;
        margin: 15px 0;
    }

}