@media only screen and (max-width : 1800px) {
    .main-slider .offer-slider .info:after{display: none;}
}

@media only screen and (max-width : 1200px) {
    header nav ul.social{display: none;}
    .boxes{margin-top: -170px;}
    .about .about-box{padding: 35px 50px 0;}
    .about-us .about-box h6{display: none;}
    .reserves .item p{display: none;}
    .reserves .item{text-align: center;}
    .reserves .item img{float: none;}
    .footer ul li{font-size: 12px;}
    .footer p{font-size: 12px;}
    .slick-arrow{display: none !important;}
    .content .fast-contact-list ul li{margin-left: 40px;}
}

@media only screen and (max-width : 992px) {
    header nav ul.social{display: block; position: absolute; top: 35px; right: 0px;}
    header nav ul{margin-left: 0px; padding-left: 0px;}
    header nav ul li{margin-right: 30px; line-height: 60px;}
    .youtube-movie .youtube{margin-left: -54px;}
    .about .about-box{padding-bottom: 40px; margin-top: -5px;}
    iframe{width: 104% !important; margin-left: -30px !important;}
    .slick-slide img{width: 100%;}
    .interior-slider .slick-list{width: 104%; float: left;}
    .boxes .col-sm-4{flex: 0 0 30%; margin: 0 1.5% 30px;}
    .youtube-movie .youtube{margin-left: 0px;}
    .about .about-box{margin-left: 0px;}
    .main-slider .offer-slider .additional-geo{display: none;}
}

@media only screen and (max-width : 768px) {
    ul.menu{display: none;}
    ul.menu li{width: 100%; text-align: center;}
    .main-slider .offer-slider div img{width: auto; height: 330px;}
    .main-slider .offer-slider .info{height: 330px; margin-top: 45px;}
    .main-slider .offer-slider h3{font-size: 16px; line-height: 24px;}
    .main-slider .offer-slider h4{font-size: 14px; line-height: 22px;}
    .main-slider .offer-slider .slick-slide{height: 470px;}
    .footer p img{margin-left: 10px !important;}
    .single-element{margin: 20px 0; text-align: center;}
    .single-element img{display: initial;}
}

@media only screen and (max-width : 580px) {
    .footer img.logo-main{width: auto;}
    .footer img.logo-main{width: 100%;}
}

@media only screen and (max-width : 480px) {
    body,html{overflow-x: hidden;}
    .boxes .col-sm-4{flex: 0 0 48%; margin: 0 1% 30px;}
    .interior-slider .slick-list{width: 110%;}
    iframe{margin-left: -15px !important; width: 110% !important;}
    .interior-gallery div{border: 0px;}
}

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

}