@media only screen and (max-width: 1769px) {
    .complex {
        background: none;
    }
    .complex .wrapper {
        padding: 120px 0;
    }
}

@media only screen and (min-width: 1270px) {
    .wrapper {
        width: 1170px;
    }
}

@media only screen and (max-width: 1269px) {
    .top .frame {
        padding-left: 10px;
    }
    ul.about > li + li {
        padding-left: 50px;
    }
    .complex {
        background: none;
    }
    .wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }
    .supply .works .works-left {
        padding-right: 20px;
    }
    .complex .wrapper {
        padding: 30px 10px 60px; 
    }
    .mapblock img {
        max-width: 100%;
    }
    .wrapper.features,
    .wrapper.services {
        padding: 30px 10px 0;  
    }
    .wrapper.cases,
    .wrapper.portfolio, 
    .wrapper.supply,
    .wrapper.schemes {
        padding: 30px 10px;
    }
    ul.features {
        justify-content: center;
    }
    ul.features li {
        padding: 0 10px;
        font-size: 16px;
    }
    ul.about > li p,
    ul.services li {
        font-size: 16px;       
    }
    ul.scheme-legend {
        flex-direction: row-reverse;
    }
    ul.scheme {
        flex-direction: column;
        width: 446px;
        height: auto;
        margin: 0 auto;
    }
    .scheme li {
        height: auto;
        width: 223px;
    }
    .scheme li span {
        display: block;
        clear: both;
        position: relative;
        top: 0;
        width: auto;
        margin: 10px 0 0;
    }
    .scheme li:nth-child(even) span {
        top:0px;
    }
    .scheme li:nth-child(odd) {
        padding: 0 60px 0 0;
        border-bottom: none;
        border-right: 1px dashed #D5000A;
        text-align: right;
    }
    .scheme li:nth-child(odd) img {
        margin: 0 0 0 auto;
        display: block;
    }
    .scheme li:nth-child(even) img {
        display: block;
    }
    .scheme li:nth-child(odd)::after {
        background: url(../img/dot-red-v.png) no-repeat;
        width: 44px;
        height: 25px;
        right: -8px;
        left: auto;
        top: 0;
        bottom: auto;
    }
    .scheme li:nth-child(even) {
        padding: 0 0 0 60px;
        border-top: none;
        border-left: 1px dashed #D5000A;  
        top: 0px;
        left: -1px;
    }
    .scheme li:nth-child(even)::after {
        background: url(../img/dot-black-v.png) no-repeat;
        width: 44px;
        height: 25px;
        left: -8px;
        top: 0;
        bottom: auto;
    }
}

@media only screen and (max-width: 1199px) {
    ul.top {
        min-height: auto;
    }
    .redline .frame .limiter {
        width: 100%;
        justify-content: center;
    }
    .redline .frame dl {
        padding: 0 30px;
    }
    ul.top > li,
    ul.top {
        display: block;
        width: 100%;
    }
    .top .frame .logo {
        margin-bottom: 20px;
    }
    .top .frame {
        max-width: 100%;
        padding: 30px 10px;
    }
    ul.top li.bg {
        background: none;
        overflow: hidden;
    }
    .top .infoblock {
        margin: 0;
    }
    .top .infoblock + .infoblock {
        margin-left: 20px;
    }
    .top .email, .top .phone {
        margin: 0 0 20px 20px;
        color: #000;
    }
    .redline {
        position: relative;
        bottom: auto;
    }
}

@media only screen and (max-width: 1160px) {
    .complex-supply .inner {
        min-width: auto;
    }
}

@media only screen and (max-width: 1053px) {
    .connect {
        display: none;
    }
}

@media only screen and (max-width: 1039px) {
    .complex .postheader, .complex .header {
        line-height: 100%;
    }
    .complex .header {
        margin-bottom: 10px;
    }
    .complex .postheader {
        font-size: 18px;
    }
    .complex .wrapper {
        padding: 30px 10px 0;
    }
    .map {
        margin: 20px 0 0;
    }
    ul.legend,
    .tks {
        position: relative;
        bottom: 0;
        box-shadow: none;
    }
    .tks {
        text-align: center;
        margin-top: 20px;
    }
    .cases .works-navigation,
    .supply .works-navigation {
        margin: 15px 0;
        justify-content: center;
    }
    .cases .works,
    .supply .works {
        flex-direction: column;
        margin-bottom: 0;
    }
    .cases .works .works-left,
    .supply .works .works-left {
        padding-right: 0px;
    }
    .cases .works .works-right,
    .cases .works .works-left,   
    .supply .works .works-right,
    .supply .works .works-left {
        width: 100%;
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 950px) {
    ul.about > li .header {
        margin-bottom: 20px;
    }
    ul.about > li .infoblock {
        margin-top: 30px;
    }
    ul.about {
        display: flex;
        flex-direction: column-reverse;
    }
    ul.about > li {
        display: block;
    }
    ul.about > li + li {
        padding-left: 0;
    }
    ul.about > li img {
        margin: 40px auto 0;
        display: block;
    }
    ul.about > li dl {
        max-width: 500px;
        margin: 23px auto 40px;
        display: block;
    }
    .clients-frame {
        margin-top: 0px;
    }
    .portfolio-navigation {
        top: -20px;
        right: auto;
        left: 50%;
        margin-left: -91px;
    }
    .portfolio .works {
        flex-direction: column;
    }
    .works .works-left {
        padding-right: 0px;
    }
    .portfolio .works .works-right,
    .portfolio .works .works-left {
        width: 100%;
        flex-basis: 100%;
    }
    .wrapper.footer {
        padding: 30px 10px;
    }
    footer .infoblock {
        flex-wrap: wrap;
    }
    footer .infoblock > li:nth-child(2),
    footer .infoblock > li:nth-child(3) {
        width: 50%;
        margin-top: 20px;
    }
    footer .infoblock > li {
        width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 799px) {
    ul.marks > li {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    ul.workslist > li a {
        margin: 0 10px 10px;
    }
    .flexslider.clients-slider .slides img {
        width: 20%;
    }
}

@media only screen and (max-width: 707px) {
    .wrapper.clients .header {
        margin-bottom: 30px;
    }
    .wrapper.clients {
        padding: 30px 0 60px;
    }
    .wrapper.supply {
        background: none;
    }
    .complex-supply .inner,
    .supply-float {
        display: none;
    }
    .complex-supply {
        background: none;
        flex-direction: column;
    }
    .supply-left img,
    .supply-right img {
        margin: 0 auto 20px auto;
    }
    .supply-right {
        padding-left: 0;
    }
    .supply-right span,
    .supply-left span {
        border-left: none;
        border-right: none;
        text-align: center;
        font-size: 16px;
    }
    ul.marks {
        margin-top: 0;
    }
}


@media only screen and (max-width: 590px) {
    .legend li:nth-child(1),
    .legend li:nth-child(2),
    .legend li:nth-child(3) {
        background: none;
        padding-left: 0;
    }
    ul.marks > li {
        width: 100%;
        min-height: 25px;
    }
    .flexslider.clients-slider .slides img {
        width: 33%;
    }
    .header, .top .h1 {
        font-size: 32px;
    }
    .top .h2 {
        font-size: 20px;
    }
    .top .h3 {
        font-size: 16px;
    }
    .scheme li span {
        font-size: 14px;
    }
    footer .infoblock > li:nth-child(2),
    footer .infoblock > li:nth-child(3) {
        width: 100%;
    }
}

@media only screen and (max-width: 579px) {
    .top .frame .logo {
        flex-direction: column;
    }
    .top .frame .menu {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 550px) {
    ul.features li {
        text-align: center;
    }
    ul.features li img{
        margin: 0 auto;
    }
}

@media only screen and (max-width: 520px) {
    ul.about > li dl,
    ul.about > li img {
        max-width: 100%;
    }
}

@media only screen and (max-width: 490px) {
    .flexslider.clients-slider .slides img {
        width: 80%;
    }
    ul.scheme {
        width: 300px;
    }
    .scheme li {
        width: 150px;
    }
}

@media only screen and (max-width: 475px) {
    .top .infoblock + .infoblock {
        margin-bottom: 20px;
    }
}



@media only screen and (max-width: 449px) {
    .works .works-left ul.results > li {
        width: 100%;
    }
    ul.workslist > li a {
        font-size: 12px;
        text-align: center;
    }
}