@media screen and (max-width: 2560px) {
    .slider{
        /*background: url("/web/images/home/1600kh585.png") center no-repeat;
        background-size: cover;*/
        width: 100%;
        height: 350px;
    }
    .slider.business{
        background: url("/web/images/business.jpg") center no-repeat;
        background-size: cover;
        height: 350px !important; 
    }
}
@media screen and (max-width: 1440px) {
    .slider,.slider.business{
        background: none;
        height: auto;
    }
    .slider img.s1377px,
    .slider img.s1024px,
    .slider img.s768px,
    .slider img.s600px,
    .slider img.s425px,
    .slider img.s375px,
    .slider img.s320px{
        display: none;
    }
    .slider img.s1600px{
        display: block;
    }
}
@media screen and (max-width: 1377px) {
    .slider img.s1600px,
    .slider img.s1024px,
    .slider img.s768px,
    .slider img.s600px,
    .slider img.s425px,
    .slider img.s375px,
    .slider img.s320px{
        display: none;
    }
    .slider img.s1377px{
        display: block;
    }
}
@media screen and (max-width: 1024px) {
    .slider img.s1600px,
    .slider img.s1377px,
    .slider img.s768px,
    .slider img.s600px,
    .slider img.s425px,
    .slider img.s375px,
    .slider img.s320px{
        display: none;
    }
    .slider img.s1024px{
        display: block;
    }
    .wrapper{
        width: 96%;
    }
    .apartments.home .block{
        width: 30%;
        margin-left: calc(10%/6) !important;
        margin-right: calc(10%/6) !important;
        vertical-align: top;
    }
    .last-news .block img{
        width: 100%;
        height: auto;
    }
    .footer ul.social{
        /*float: none;*/
    }
    .apartments .block{
        width: 310px;
        vertical-align: top;
    }
    .apartment-content{
        width: 610px;
    }
    .slider .title{
        font-size: 18px;
        bottom: 260px;
    }
    .slider .icons{
        bottom: 60px;
    }
    .slider .icons .icon {
        width: 120px;
        height: auto;
        margin-right: 20px;
    }
}
@media screen and (max-width: 768px) {
    .slider img.s1600px,
    .slider img.s1377px,
    .slider img.s1024px,
    .slider img.s600px,
    .slider img.s425px,
    .slider img.s375px,
    .slider img.s320px{
        display: none;
    }
    .slider img.s768px{
        display: block;
    }
    .wrapper{
        width: 96%;
    }
    .header .logo{
        margin-left: 5px;
    }
    .header ul.menu{
        display: block;
        background: #fff;
        width: 30%;
        position: absolute;
        top:60px;
        right: -50%;
        text-indent: 15px;
        line-height: 45px;
        -webkit-box-shadow: -4px 3px 5px 0px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    -4px 3px 5px 0px rgba(50, 50, 50, 0.75);
        box-shadow:         -4px 3px 5px 0px rgba(50, 50, 50, 0.75);
        transition: 0.5s;
    }
    .header ul.menu li{
        width: 100%;
    }
    .header ul.menu li.phone{
        background: none;
        padding-left: 0px;
    }
    .header .ham{
        height: 60px;
        width: 60px;
        float: right;
        display: block;
    }
    .header .ham.active+ul.menu{
        right: 0;
    }
    .slider{
        width: 100%;
        height: 300px;
        overflow: hidden;
        text-align: center;
    }
    .slider img{
        width: auto;
        height: 310px;
    }
    .slider picture{
        width: auto;
        height: 100%;
    }
    .filter{
        height: auto;
        width: 99%;
        margin-top: 10px;
    }
    .filter:after{
        content: " ";
        display: block;
        clear: both;
    }
    .filter .block{
        width: 38%;
        margin: 3%;
        margin-right: 2%;
        padding: 3%;
    }
    .filter .block.btn{
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .apartments.list{
        width: 100%;
    }
    .apartments.home .block,.apartments .block{
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .apartments .block .apartment-info{
        font-size: 12px;
    }
    .faq .block{
        width: 48%;
    }
    .last-news .block{
        width: 48%;
    }
    .last-news .block img{
        width: 100%;
        height: auto;
    }
    .footer{
        height: auto;
    }
    .footer .logo{
        width: 100%;
        background-position: center;
    }
    .footer ul.social{
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    .footer ul.social li{
        display: inline-block;
        margin-left: 8px;
        margin-right: 8px;
        float: none;
    }
    .footer ul.phones{
        line-height: 40px;
    }
    .apartments-banners .banner{
        width: 96%;
        height: auto;
        margin-left: 1%;
        margin-right: 1%;
        margin-bottom: 10px;
    }
    .apartments-banners .banner > img{
        width: 100%;
    }
    .apartments-banners .banner .banner-title{
        padding-left: 10px;
        width: 200px;
        font-size: 14px;
    }
    .apartments-banners .banner .banner-title:after{
        left: 210px;
    }
    .apartments-map{
        width: 100%;
    }
    .apartment-content{
        width: 100%;
    }
    .apartment-sidebar{
        width: 100%;
        margin-top: 30px;
    }
    .apartment-sidebar .discounts{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        text-align: center;
    }
    .apartment-sidebar .rating{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        text-align: center;
    }
    .apartment-content .icons{
        text-align: center;
    }
    .apartment-pic{
        height: 50%;
    }
    .slider .title{
        font-size: 16px;
        bottom: 150px;
        width: 320px;
    }
    .slider .icons{
        bottom: 15px;
    }
    .slider .icons .icon {
        width: 80px;
        height: auto;
        margin-right: 10px;
    }
}
@media screen and (max-width: 600px) {
    .slider img.s1600px,
    .slider img.s1377px,
    .slider img.s1024px,
    .slider img.s768px,
    .slider img.s425px,
    .slider img.s375px,
    .slider img.s320px{
        display: none;
    }
    .slider img.s600px{
        display: block;
    }
    .header ul.menu{
        width: 35%;
        right: -35%;
    }
    .contacts .info,.contacts .form{
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .header ul.menu{
        width: 40%;
        right: -40%;
    }
}
@media screen and (max-width: 425px) {
    .slider{
        height: 310px;
    }
    .slider img.s1600px,
    .slider img.s1377px,
    .slider img.s1024px,
    .slider img.s768px,
    .slider img.s600px,
    .slider img.s375px,
    .slider img.s320px{
        display: none;
    }
    .slider img.s425px{
        display: block;
    }
    .header ul.menu{
        width: 50%;
        right: -100%;
    }
}
@media screen and (max-width: 375px) {
    .slider img.s1600px,
    .slider img.s1377px,
    .slider img.s1024px,
    .slider img.s768px,
    .slider img.s600px,
    .slider img.s425px,
    .slider img.s320px{
        display: none;
    }
    .slider img.s375px{
        display: block;
    }
    .header ul.menu{
        width: 60%;
        right: -100%;
    }
    .slider .title{
        font-size: 16px;
        bottom: 150px;
        width: 320px;
    }
    .slider .icons{
        bottom: 15px;
    }
    .slider .icons .icon {
        width: 80px;
        height: auto;
        margin-right: 10px;
    }
    .slider .icons .icon:last-of-type{
        display: none;
    }
}
@media screen and (max-width: 320px) {
    .slider img.s1600px,
    .slider img.s1377px,
    .slider img.s1024px,
    .slider img.s768px,
    .slider img.s600px,
    .slider img.s425px,
    .slider img.s375px{
        display: none;
    }
    .slider img.s320px{
        display: block;
    }
}
.ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.hamRotate.active {
    transform: rotate(45deg);
}
.hamRotate180.active {
    transform: rotate(180deg);
}
.line {
    fill:none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke:#000;
    stroke-width:5.5;
    stroke-linecap:round;
}
.ham1 .top {
    stroke-dasharray: 40 139;
}
.ham1 .bottom {
    stroke-dasharray: 40 180;
}
.ham1.active .top {
    stroke-dashoffset: -98px;
}
.ham1.active .bottom {
    stroke-dashoffset: -138px;
}
.ham2 .top {
    stroke-dasharray: 40 121;
}
.ham2 .bottom {
    stroke-dasharray: 40 121;
}
.ham2.active .top {
    stroke-dashoffset: -102px;
}
.ham2.active .bottom {
    stroke-dashoffset: -102px;
}
.ham3 .top {
    stroke-dasharray: 40 130;
}
.ham3 .middle {
    stroke-dasharray: 40 140;
}
.ham3 .bottom {
    stroke-dasharray: 40 205;
}
.ham3.active .top {
    stroke-dasharray: 75 130;
    stroke-dashoffset: -63px;
}
.ham3.active .middle {
    stroke-dashoffset: -102px;
}
.ham3.active .bottom {
    stroke-dasharray: 110 205;
    stroke-dashoffset: -86px;
}
.ham4 .top {
    stroke-dasharray: 40 121;
}
.ham4 .bottom {
    stroke-dasharray: 40 121;
}
.ham4.active .top {
    stroke-dashoffset: -68px;
}
.ham4.active .bottom {
    stroke-dashoffset: -68px;
}
.ham5 .top {
    stroke-dasharray: 40 82;
}
.ham5 .bottom {
    stroke-dasharray: 40 82;
}
.ham5.active .top {
    stroke-dasharray: 14 82;
    stroke-dashoffset: -72px;
}
.ham5.active .bottom {
    stroke-dasharray: 14 82;
    stroke-dashoffset: -72px;
}
.ham6 .top {
    stroke-dasharray: 40 172;
}
.ham6 .middle {
    stroke-dasharray: 40 111;
}
.ham6 .bottom {
    stroke-dasharray: 40 172;
}
.ham6.active .top {
    stroke-dashoffset: -132px;
}
.ham6.active .middle {
    stroke-dashoffset: -71px;
}
.ham6.active .bottom {
    stroke-dashoffset: -132px;
}
.ham7 .top {
    stroke-dasharray: 40 82;
}
.ham7 .middle {
    stroke-dasharray: 40 111;
}
.ham7 .bottom {
    stroke-dasharray: 40 161;
}
.ham7.active .top {
    stroke-dasharray: 17 82;
    stroke-dashoffset: -62px;
}
.ham7.active .middle {
    stroke-dashoffset: 23px;
}
.ham7.active .bottom {
    stroke-dashoffset: -83px;
}
.ham8 .top {
    stroke-dasharray: 40 160;
}
.ham8 .middle {
    stroke-dasharray: 40 142;
    transform-origin: 50%;
    transition: transform 400ms;
}
.ham8 .bottom {
    stroke-dasharray: 40 85;
    transform-origin: 50%;
    transition: transform 400ms, stroke-dashoffset 400ms;
}
.ham8.active .top {
    stroke-dashoffset: -64px;
}
.ham8.active .middle {
    transform: rotate(90deg);
}
.ham8.active .bottom {
    stroke-dashoffset: -64px;
}
.header.business .line{
    stroke:#fff;
}