@media screen and (max-width: 1240px) {
  .header, .advan-box, .b-center{
    box-sizing: border-box;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}
}
@media screen and (max-width: 1160px) {
  
}
@media screen and (max-width: 1080px) {
  
}
@media screen and (max-width: 1060px) {
    body, html {
        min-width: 100%;
    }

    .header {
        max-width: 100%;
        width: 100%;
        min-width: 320px;
        padding-bottom: 12px;
        
    }

    .logo-wrap {
        width: 60%;
        padding-left: 20px;
        box-sizing: border-box;
    }

    a.logo {
        background-size: contain;
    }

    .tels-wrap {
        margin-right: 20px;
        width: 35%;
    }

    .nav-block {
        width: 100%;
    }

    .advan-box ul, .advan-box {
        width: 100%;
    }

    .advan-box li {
        width: 25%;
        padding: 0 1%;
        box-sizing: border-box;
    }

    .b-center {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .action-box h2 {
        padding-left: 40px;
    }

    #vk_comments {
        width: 100% !important;
    }

    #vk_comments iframe {
        width: 100% !important;
    }

    .service-box article {
        padding: 5px;
        margin-left: 2%;
        height: 360px;
    }

    .service-box article:nth-of-type(4n+1) {
        margin-left: 0;
    }

    .service-box article img {
        width: 100%;
        height: auto;
    }

    .slogan {
        padding: 0 15px;
    }

    .comments li, .comments article {
        width: 47%;
    }

    .comments article:nth-of-type(2n+1) {
        margin-right: 5%;
    }

    .scrollTop {
        left: 50%;
        margin-left: -25px;
    }

    footer .copyright-box {
        width: 30%;
        padding-right: 20px;
    }

    .tel-box {
        width: 30%;
        padding-right: 20px;
        padding-left: 20px;
        text-align: center;
        box-sizing: border-box;
    }

    footer .tel {
        float: none;
        width: 100%;
        margin: 10px 0 0;
        font-family: 'robotoregular', 'calibri', Arial, sans-serif;
        padding: 0;
        box-sizing: border-box;
    }

    footer .social {
        box-sizing: border-box;
        width: 30%;
        padding-left: 20px;
    }
.a2a_kit.a2a_vertical_style{
    bottom: 180px !important;
}
}

@media screen and (max-width: 960px) {
    .main-win{
    text-align: center;
}
    .answer-form {
        width: 96%;
        box-sizing: border-box;
        padding: 20px 5%;
    }

    h1 {
        font-size: 36px;
    }

  
.items-box {
    width: 100%;
    height: auto;
    margin: 20px auto 5px;
    text-align: center;
}
   
.items-box .item{
    text-align: center;
    padding: 12px;
}
    .items-box .item h2 .textwidget, .items-box .item {
        font-size: 30px;
    }


    .garant {
        font-size: 32px;
        float: none;
       display: inline-block;
    }

    .nav li a {
        font-size: 16px;
    }

    .action-pict, .action-box img {
        opacity: .6;
        z-index: -88;
    }

    .action-box {
        z-index: 100;
    }
}
@media screen and (max-width: 860px) {
    .balkon-steps li{
    padding-left: 2%;
}
.step{
       font-size: 18px;
 
}
.balkon-order-form{
    padding: 35px 15px 5px;
}
.action-pict img, .action-box img{
        height: auto;
    width: 220px;
    top: -40px;
}
}
@media screen and (max-width: 800px) {
    .advan-box li {
        width: 45%;
        display: inline-block;
        float: none;
        vertical-align: top;
        padding: 0 2% 0 1%;
    }

    .advan-box ul {
        padding: 30px 0;
    }

    .icon-wrap {
        padding-left: 50%;
        margin-left: -51px;
        text-align: center;
    }

    .reasons_li h2 {
        width: 80%;
        padding: 10px;
        font-size: 17px;
    }

    .reasons_li:after {
        width: 20%;
    }
.content-area ul.moskitka li{
    width: 32%;
}
}

@media screen and (max-width: 768px) {
    .logo-wrap {
        height: auto;
        width: 620px;
        margin: 0 auto;
        background-size: auto;
        float: none;
        margin-bottom: 12px;
    }
.utp{text-align: center; padding: 0 20px;}
    a.logo {
        height: 54px;
    }

    .tels-wrap {
        width: 100%;
        float: none;
        margin: 0;
        text-align: center;
        padding: 0 20px;
        box-sizing: border-box;
    }
.a2a_kit.a2a_vertical_style{
    bottom: 200px !important;
}
.balkon-type-item, .balkon-type-item.hot {
    width: 46%;
    margin: 0 2% 0 2%;
}
.balkon-gal-wrap {
    width: 96%;
    float: none;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.balkon-order {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 96%;
}
.balkon-order-form{
    width: 460px;
      margin-left: auto;
    margin-right: auto;
}
.reasons_cols .reasons_li {
    /* float: left; */
    width: 45%;
    margin: 0 1% 22px;
    /* line-height: 40px; */
    min-height: 54px;
}
section {
    padding: 20px 0;
}
.ooo,.sent {
   display: none;
}
.nav-wrap{
    padding-top: 0;
}
}

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

    .nav ul li {
        float: none;
        width: 100%;
    }

    .nav ul li a {
        padding-left: 80px;
        font-size: 18px;
        text-align: left;
    }

    .carousel_container h1 {
        top: 20px;
        line-height: 1.2;
        font-size: 32px;
        padding: 10px;
    }

    .items-box {
    }

    .garant {
        font-size: 26px;
    }
  
    .service-box article {
        width: 31%;
        padding: 10px;
        margin-left: 3%;
    }

    .service-box article:nth-of-type(4n+1) {
        margin-left: 3%;
    }

    .service-box article:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .comments article {
        width: 100%;
        margin-bottom: 15px;
        padding: 0;
    }

    .comments article:nth-of-type(2n+1) {
        margin-right: 0;
    }
.content-area ul.kinds-moskitka li{
    width: 96%;
    
}
.content-area ul.kinds-moskitka li:nth-of-type(2n+1) {
    margin-right: 0;
}
.title{
    font-size: 26px;
    margin: 20px 0;
}
.a2a_kit.a2a_vertical_style{
    bottom: 220px !important;
}
}

@media screen and (max-width: 640px) {
    .logo-wrap {
        width: 100%;
        height: auto;
    }

    .action-box h2 {
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
    }

    .service-box article {
        width: 46%;
        margin-left: 0;
    }

    .service-box article:nth-of-type(4n+1) {
        margin-left: 0;
    }

    .service-box article:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .service-box article:nth-of-type(2n+1) {
        margin-left: 0;
    }

    .service-box article:not(:nth-of-type(2n+1)) {
        margin-left: 4%;
    }
    footer .copyright-box {
        width: 100%;
        padding: 15px;
        float: none;
        text-align: center;
    }

    .tel-box,  footer .social {
        width: 50%;
        padding-right: 10px;
        padding-left: 10px;
        text-align: left;
    }
    .balkon-steps li{
    padding-right: 1%;
}
.step{
    padding-top: 15px;
}
}

@media screen and (max-width: 600px) {
    .a2a_kit.a2a_vertical_style{
    bottom: 305px !important;
}
    .title, h2.services {
        margin: 20px 0;
    }

    .reasons_cols {
        padding-top: 0;
    }

    .reasons_cols:after {
        display: none;
    }

    .reasons_r, .reasons_l {
        width: 100%;
        float: none;
        text-align: center;
    }

    .reasons_li {
        width: 100%;
        text-align: center;
    }

    .reasons_r .reasons_li, .reasons_l .reasons_li {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .reasons_li h2 {
        margin: 0;
        padding: 10px;
    }

    .reasons_r .reasons_li .textwidget, .reasons_l .reasons_li .textwidget {
        display: none;
    }

    .reasons_r .reasons_li:after, .reasons_l .reasons_li:after {
        display: none;
    }

    .reasons_r .reasons_li h2, .reasons_l .reasons_li h2 {
        display: block;
        width: 70%;
        margin: 0 auto 20px;
        height: auto;
        text-align: center;
    }

    .reasons_li h2 span {
        width: 100%;
        display: inline-block;
        height: auto;
    }

    .slogan {
        margin: 20px 0 0;
    }

    .answer-form h3 {
        font-size: 24px;
        margin-top: 0;
    }
.balkon-type-item, .balkon-type-item.hot {
    width: 94%;
    margin: 0 3% 0 3%;
    float: none;
}
.balkon-type-item.hot{
    margin-top: 20px;
}
}

@media screen and (max-width: 480px) {
    

    .advan-box li {
        width: 100%;
        display: block;
        vertical-align: top;
        padding: 20px 2%;
    }

    .advan-box ul {
        padding: 0 0 20px 0;
    }

    .icon-wrap {
        padding-left: 50%;
        margin-left: -51px;
        text-align: center;
    }

    .action-box {
        height: auto;
        padding: 20px 0;
    }

    .action-box h2 {
        font-size: 32px;
        transform: rotate(0);
    }

    .action-pict, .action-box img {
        display: none;
    }

    .service-box article {
        width: 100%;
        margin-left: 0;
        height: auto;
    }

    .service-box article:nth-of-type(4n+1) {
        margin-left: 0;
    }

    .service-box article:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .service-box article:nth-of-type(2n+1) {
        margin-left: 0;
    }

    .service-box article:not(:nth-of-type(2n+1)) {
        margin-left: 0;
    }

    form .left-col, form .right-col {
        width: 100%;
        float: none;
        margin-bottom: 16px;
    }
    footer .copyright-box {
        width: 100%;
        padding: 15px;
        float: none;
        text-align: center;
    }

    .tel-box,  footer .social {
        width: 100%;
        padding: 8px;
        text-align: center;
        float: none;
    }
  .tel-box{
    padding-top: 0;
    text-align: center;
}
.social .textwidget, .social a{
    text-align: center;
}
.content-area ul.moskitka li{
    width: 49%;
        padding:15px 2px;
}
.article-img{
    max-width: 100%;
}
.article-img img{
    display: block;
    width: 100%;
    height: auto;
}

.more-btn {
    font-size: 18px;
    padding: 5px 10px;
}
.balkon-steps ul{
    background-image: none;
}
.balkon-steps li{
    width: 96%;
    text-align: center;
    padding-left: 8%;
    padding-right: 8%;
    height: auto;
    box-sizing: border-box;
}
.step-icon{
    display: inline-block;
}
.balkon-order-form{
    width: 100%;
}
.balkon-order{
    width: 100%;
}
.balkon-gal{
    margin-left: 0;
}
.rolls-img .article-img {
    margin: 0 auto 15px;
    width: 96%;
    float: none;
}
}

@media screen and (max-width: 400px) {
    body, html {
        min-width: 320px;
    }

    .reasons_r .reasons_li h2, .reasons_l .reasons_li h2 {
        width: 80%;
    }
.garant{
    width: 100%;
}
.items-box .item{    width: 100% !important;
}
}
 
@media screen and (max-width: 360px) {
    .carousel_container h1, .garant {
        font-size: 28px;
    }

    .items-box .item h2 .textwidget,.items-box .item {
        font-size: 26px;
    }
}