@media (max-width: 1000px) {
.baners_top{margin-top: -150px}
.caption p{margin-top: 15px;}
}

@media (max-width: 972px) {
#right-section .news-text{margin-top: 20px;}
}

@media (max-width: 974px) {
.notice_table{padding-bottom: 30px;}
.notice_table span{float: left;}
.notice_table span:first-child{margin-left: 235px;}
#datepicker{width: 50%;}
}

@media (max-width: 900px) {
.topmenu li{margin-left: 3%;}
.slidesjs-pagination{margin-top: -55px;}
}

@media (max-width: 830px) {
.room-item .services-included li{width: 70%; margin-left: 11%}
.room-item .services-included li:nth-child(5){border-bottom:1px dotted #2a2a2a;}
.room-item .services-included li span{float: left; margin-left: 20%;}
#slides .slidesjs-previous {background:url(../images/slider_arrows.png) -28px 0 no-repeat;}
.room-item .image{width: 50%;}
.services-resp{display: block; width: 33%;}
.room-item .description{width: 100%;}
.room-item .services-included {display: none;}
.room-item:last-child {margin-top: -40px;}
}

@media (max-width: 800px) {
.topmenu li{margin-left: 2%;}
.slidesjs-pagination{margin-top: -50px;}
.social-box a{font-size: 10pt}
}

@media (max-width: 788px) {
#datepicker{width: 40%;}
}

@media (max-width: 740px) {
#button-section {display: block;}
.container .topmenu {display: none;}
#left-section{width: 95%; margin-bottom: -80px; margin-top: -40px;}
#right-section{width: 95%; margin-bottom: -50px; margin-top: 15px;}
#right-section .news-text{margin-top: 0px;}
.logo{margin-left: 2.5%;}
.head_right{display: none;}
.head_right_resp{margin-right: 2.5%; display: block;}
.baners_top{margin: -150px 0 0 0;}
#banner-wrap {max-width: 630px;}
.baners_top .baner-img {background-size: 220px;}
.baner-img img{width: 200px}
.baner-item h2 span{display: none;}
#slides .slidesjs-previous{display: none;}
#slides .slidesjs-next{display: none;}
.header-title-image {margin-top: -180px}
.header-rooms{min-height: 80px;}
.icon-top img{margin-top: 6px;}
.caption p{margin-top: 5px;}
#right-reservation-fast {display: none;}
.contact-form {width: 140%; margin-top: -40px;}
#last-text{margin-top: 0px; margin-left: 2.5%; margin-bottom: 20px;}
#language-resp {display: block;}
}

@media (max-width: 700px) {
.slidesjs-pagination{margin-top: -40px;}
}

@media (max-width: 686px) {
#footer-middle p{font-size: 8pt;}
#footer-right {font-size: 8pt; margin-right: 5px;}
}

@media (max-width: 670px) {
.room-item .image{width: 50%;}
.services-resp{display: block; width: 40%;}
.room-item .description{width: 100%;}
.room-item .services-included {display: none;}
}

@media (max-width: 659px) {
.notice_table{padding-bottom: 30px;}
.notice_table span{float: left;}
.notice_table span:first-child{margin-left:0px;}
#datepicker{width: 210px;}
#res-wrap{margin: 0 auto 0 auto; width: 220px;}
}

@media (max-width: 650px) {
#banner-wrap {max-width: 550px;}
.baners_top .baner-img {background-size: 185px;}
.baner-img img{width: 170px}
.head .container{height: 130px;}
.head .logo{margin-top: 20px;}
.head_right_resp{margin-top: 15px;}
.head_right_resp .icon-top{font-size: 10pt}
#right-section{margin-top: 0px;}
}

@media (max-width: 638px) {
.notice_table span:first-child{margin-left: 0px}
}

@media (max-width: 630px) {
#footer-left{display: none;}
}

@media (max-width: 600px) {
.caption p {width: 65%; font-size: 12pt; margin-top: 0px;}
}

@media (max-width: 560px) {
#banner-wrap {max-width: 450px;}
.baners_top .baner-img {background-size: 155px;}
.baner-img img{width: 140px}
}

@media (max-width: 550px) {
.slidesjs-pagination{margin-top: -34px;}
.header-title-image .image{width: 320px; height: 60px; margin-top: 60px; background-size: 335px;}
#image-wrap{width: 320px;}
.header-rooms{min-height: 60px;}
.baners_top{margin-top: -140px}
.restaurant-image {width: 100%;}
.restaurant-image-resp{display: block}
.restaurant-image-left{display: none;}
.restaurant-image-right{display: none;}
.quote_left{width: 100%; margin-left: 0; margin-top: 20px;}
.services-resp span {font-size: 90%;}
#left-rates {width: 97%}
#right-reservation{float: left;width: 95%; margin-left: 2.5%;}
table{width: 97.5%;}
.margin-left{width: 97.5%}
.contact-form {width: 100%; margin-top: -40px;}
table{width:95.5%}
#left-rates{margin-top: -40px;}
#left-rates .text-gray{margin-right: 10px;}
}

@media (max-width: 500px){
.caption p {width: 70%; font-size: 11pt; overflow: hidden;}
.slidesjs-pagination{margin-top: -30px; margin-right: 20px;}
.services-resp span {font-size: 85%;}
.services-resp img{margin-top: 3px;}
.header-title-image {margin-top: -160px}
.header-title-image .span-middle {font-size: 16pt}
.header-title-image .span-middle span {font-size: 20pt}
}

@media (max-width: 485px){
.botmenu ul{text-align: left; width: 130px; float: right;}
.botmenu ul li {display: block; background:none; padding:0 12px 0 7px;}
.botmenu ul li.last {padding:0 12px 0 7px;}
.footer{padding-top: 20px}
.fallow {text-align: left; width: 100px; float: right; margin-right: 23px;}
.fallow span:after {content: "\A"; white-space: pre;}
.fallow a:after {content: "\A"; white-space: pre;}
.fallow a{margin-left: 0; float: left;}
.fallow z{display: none;}
.fallow a{background: none;}
.fallow img{display: block; float: left; margin-left: -20px;}
.copyright{float: right; padding-top: 5px; width: 125%}
#footer-right{float: right;width: 40%}
}

@media (max-width: 470px) {
#banner-wrap {max-width: 375px;}
.baners_top .baner-img:first-child {background-size: 130px;}
.baner-img img{width: 115px;}
.baner-item h2{font-size: 13pt}
#left-section{margin-top: -60px}
}

@media (max-width: 450px){
.head {height: 100px}
.head .logo {margin-top: 10px;}
.head_right_resp {margin-top: 25px;}
.head_right_resp .icon-top:first-child{display: none;}
.head_right_resp .icon-top p{height: 25px;}
.head_right_resp .icon-top img{width: 8px}
.head_right_resp .icon-top{font-size: 9pt;}
.logo{width: 200px; height: 72px;}
.logo img{width: 100%;}
.head_right p{font-size: 10pt;}
.head_right span{font-size: 10pt;}
#left-middle-content{width: 98%;}
.contact-form {width: 100%;}
.middle-content{margin-top: -30px}
#index-middle{margin-top: 0px;}
.room-item:last-child{margin-top: -30px}
.col_1_2 , 
.text .col_1_2 {width:95%;}
#form-right{width: 90%; margin-left: 0}
#form-left{width: 90%;}
#form-bottom{width: 93.5%;}
#contact_select_1{width: 97%;}
.discount{margin-top: -50px;}
.discount:first-child{ margin-top: 0px;}
#left-section{padding-bottom: 20px;}
}

@media (max-width: 400px){
.head .logo{margin-top: 20px;}
.logo{width: 140px; height: 50px;}
#left-section{margin-top: -70px}
#left-section img{width: 100%;}
#left-section p{width: 100%}
#right-section img{width: 100%;}
#right-section p{width: 100%}
.caption p {width: 65%; height: 36px; font-size: 8.6pt}
#banner-wrap {max-width: 335px;}
.baners_top .baner-img:first-child {background-size: 110px;}
.baner-img img{width: 100px;}
.baner-item h2{font-size: 12pt}
.news-text{margin-top: -15px;}
#right-section{margin-top: -10px;}
#left-rates p img {height: auto; width: 100%}
.table-resp2{display: none;}
.table-resp{display: table-cell}
}

@media (max-width: 391px){
.table-resp span{padding-right: 5px; padding-top: 0px;}
.table-resp {padding-top: 15px;}
.table-resp strong{float: left; margin-top: -8px;}
}

@media (max-width: 360px){
.header-title-image .image{width: 280px; height: 55px; margin-top: 55px; background-size: 295px;}
#image-wrap{width: 280px;}
.header-rooms{min-height: 55px;}
.table-price thead td span{padding-right: 5px; padding-top: 0px;}
.table-price .fam{padding-top: 15px;}
.table-price .fam strong{float: left; margin-top: -8px;}
.table-price .text-white {padding-top: 15px;}
.table-first strong{float: left; margin-top: 0px}
}

@media (max-width: 350px){
#banner-wrap {max-width: 300px;}
.baners_top .baner-img:first-child {background-size: 100px;}
.baner-img img{width: 90px;}
.baner-item h2{font-size: 12pt}
.reset-link{ padding: 0; width: 100%; margin-bottom: 5px;}
}

@media (max-width: 350px){
#footer-middle p{font-size: 7pt}
#footer-right a {font-size: 7pt}
#footer-right span {font-size: 7pt}
#footer-right p{font-size: 7pt;}
}