/*======================================*/
/* Меньше 1160px - десктоп */
/*======================================*/
@media only screen and (max-width: 1160px){
.room-items {
    grid-template-columns: repeat(2, 375px);
}
.news .items {
    grid-template-columns: repeat(2,375px);
}
.news .items .item:nth-child(3){
    display: none;
}
.wrp{
	max-width: 1024px;
}

/* О нас */
.about-anons{
	width: 49%;
}
.about-advantage .item{
	width: 230px;
	height: 230px;
}

/* Номера */
.room-items .item,
.hotel-list .item{
	width: 277px;
	margin: 0 20px 20px 0;
}
.youtube{
    width:auto;
    
}
/* Новости */
.news .item{
}
.news .item:nth-child(3n){
	margin-right: 0;
}
.news .item:nth-child(4n){
	display: none;
}

/* Футер */
footer .contacts, 
footer .copy{
    max-width: 730px;
}

/* Хлебные крошки */
#breadcrumbs{
	max-width: 75%;
}


/* === 1160px === */
}

/*======================================*/
/* Меньше 1024px - планшет, альбомная */
/*======================================*/
@media only screen and (max-width: 1024px){

.wrp{
	max-width: 960px;
}

/* Контакты в шапке */
.top-panel .addres,
.top-panel .phone{
	margin-left: 20px;
}

/* Меню */
.menu li{
	margin-left: 8px;
}

/* О нас */
.about-anons {
    width: 52%;
}
.about .image-right{
	width: 45%;
}

/* Номера */
.room-items .item,
.hotel-list .item{
    width: 256px;
}

/* Футер */
footer .contacts, 
footer .copy {
    max-width: 670px;
}

/* Хлебные крошки */
#breadcrumbs{
	max-width: 73%;
}

/* === 1024px === */
}

/*======================================*/
/* Меньше 960px - планшет, альбомная */
/*======================================*/
@media only screen and (max-width: 960px){

.wrp{
	max-width: 800px;
}

/* Меню */
header nav > .wrp{
	display: flex;
	justify-content: space-between;
}
header nav .mobmenu{
	display: block;
}
.menu{
	display: none;
}
.header-logo,
header.home .header-logo{
    right: 0;
    margin: auto;
    top: -16px;
    width: 90px;
    padding: 5px;
    height: 60px;
}
.header-logo img{
	width: initial;
	height: 100%;
}
.header-logo h4{
    font-size: 8.5px;
    line-height: 1;
    margin-top: -3px;
}
.header-logo:after{
 	background-size: contain;
 	display: none;
}
.top-panel{
	position: relative;
}
.top-panel .contacts{
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
}
.top-panel .social,
.top-panel .addres{
	display: none;
}
.top-panel .phone{
	margin: 0;
    z-index: 100;
	display: block;
	position: relative;
}
.top-panel .phone svg{
	display: none;
}
.top-panel .phone li,
.top-panel .phone li:nth-of-type(1){
	margin-left: 0;
}
header nav,
.top-panel .contacts{
	height: 60px;
}
.top-panel .contacts{
	box-sizing: border-box;
}
.top-panel .phone a,
.top-panel .contacts.home .phone a{
	color: #d3be80;
}
.top-panel .phone a:hover,
.top-panel .contacts.home .phone a:hover{
	color: #fff;
}

/* О нас */
.about{
	padding: 30px 0;
}
.about > .wrp{
	flex-wrap: wrap;
}
.about-anons,
.about .image-right{
	width: 100%;
}
.about-anons .text{
	margin-bottom: 15px;
}
.about-anons .more{
	margin: 0 auto 30px;
}
.about-advantage .item {
    width: 190px;
    height: 180px;
}
.about-advantage .image{
    height: 50px;
}
.about-advantage h4{
	font-size: 14px;
}
.about-advantage .text{
	padding: 3px;
}

/* Номера */
.room-items .item,
.hotel-list .item{
    width: 210px;
    margin:0 9px 9px 0;
}
.room-items .armor{
	width: 100%;
	max-width: 150px;
}

/* Фотогалерея */
.albums .image{
    height: 240px;
}

/* Отзывы */
.reviews{
	margin-bottom: 30px;
}

/* Футер */
.footer-logo{
	display: none;
}
footer .contacts, 
footer .copy {
    max-width: 100%;
}
footer .contacts{
	margin-bottom: 20px;
}

/* Новости - список */
.news-list .item{
    width: 31.5%;
}
.news-list .item:nth-child(4n) {
    margin-right: auto;
}
.news-list .item:nth-child(3n) {
    margin-right: 0;
}

/* Контакты - запись */
.contacts-item{
	flex-wrap: wrap;
}
.contacts-item .info,
.contacts-item .map-wrp{
	width: 100%;
}
.contacts-item .info{
	display: flex;
    justify-content: space-between;
    margin: 0 0 30px 0;
}
.contacts-item .info ul{
	margin-bottom: 0;
}

/* Хлебные крошки */
#breadcrumbs{
	max-width: 100%;
	margin-bottom: 0;
}
#breadcrumbs > ul:after{
	display: none;
}

/* Отель, номер - статья*/
.hotel-item .images{
	width: 45%;
}
.hotel-item .anons {
    max-width: 53%;
}
.hotel-item .image{
	height: 350px;
	margin-bottom: 5px;
}
.hotel-item .images li{
	height: 70px;
	margin-bottom: 5px;
}


/* === 960px === */
}

/*======================================*/
/* Меньше 800px - планшет, альбомная */
/*======================================*/
@media only screen and (max-width: 800px){

.wrp{
	max-width: 768px;
}

/* О нас */
.about-advantage .item {
    width: 185px;
    height: 180px;
}

/* Номера */
.room-items .item,
.hotel-list .item{
	width: 48%;
	margin: 0 4% 4% 0px;
}
.room-items .item:nth-of-type(3n),
.hotel-list .item:nth-of-type(3n){
	margin-right: 4%;
}
.room-items .item:nth-of-type(2n),
.hotel-list .item:nth-of-type(2n){
	margin-right: 0;
}
.hotel-list .slogan{
	display: none;
}

/* Новости - список */
.news-list .item{
    width: 48%;
}
.news-list .item:nth-child(4n),
.news-list .item:nth-child(3n)  {
    margin-right: auto;
}
.news-list .item:nth-child(2n) {
    margin-right: 0;
}

/* Отзывы */
.reviews-list .items{
	column-count: 1;
}
.add-reviews{
    top: -53px;
    display: table;
	position: relative;
    margin: 0 0 15px auto;
}
a.upload-photo {
    top: -55px;
    position: absolute;
}

/* Контакты - запись */
.contacts-item .info{
	flex-wrap: wrap;
}
.contacts-item .info ul{
	width: 100%;
	margin-bottom: 30px;
}
.contacts-item ul.social{
	margin-bottom: 0;
}

/* Отель, номер - статья */
.hotel-item{
	flex-wrap: wrap;
}
.hotel-item .images,
.hotel-item .anons{
	width: 100%;
	max-width: 100%;
}
.hotel-item .anons {
    margin-bottom: 30px;
}
.hotel-item .image{
	height: 450px;
	margin-bottom: 10px;
}
.hotel-item .images li{
	height: 100px;
	margin-bottom: 10px;
}
.hotel-item .type{
	margin-bottom: 0px;
}
.hotel-item .desc,
.hotel-item .info{
	margin-bottom: 5px;
}

/* === 800px === */
}

/*======================================*/
/* Меньше 768px - планшет, портретная */
/*======================================*/
@media only screen and (max-width: 768px){
.room-items {
    grid-template-columns: repeat(1, minmax(270px, 375px));
}
.news .items {
    grid-template-columns: repeat(1,minmax(270px,375px));
}
.news .items .item:nth-child(3){
    display: block;
}
.wrp{
	max-width: 640px;
}

/* О нас */
.about-advantage .items{
	flex-wrap: wrap;
}
.about-advantage .item{
	width: 48%;
    height: 200px;
	margin: 0 4% 4% 0;
}
.about-advantage .item:nth-child(2n){
	margin-right: 0;
}

/* О нас */
.rooms .info-items{
	flex-wrap: wrap;
}
.rooms .info-item{
	width: 100%;
}
.rooms .info-item:first-child{
	margin-bottom: 15px;
}

/* Фотогалерея */
.albums ul{
	flex-wrap: wrap;
	margin-bottom: 5px;
}
.albums ul li{
	margin-bottom: 15px;
}
.albums .image{
	height: 180px;
}
.albums ul{
	font-size: 13px;
}
.albums ul li{
	margin: 0 5px 10px;
}
.albums .image{
	height: 120px;
}

/* Новости, инста */
.insta-news{
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0;
}
.insta{
	margin-right: 0;
}
.news{
	padding-top: 0;
	margin-bottom: 30px;
}
.news .item{
}
.news .item:nth-child(2n) {
    margin-right: 0;
}
.news .item:nth-child(3n) {
    display: none;
}
.insta{
	width: 100%;
	height: auto;
}
.insta .info{
	margin-bottom: 15px;
}
.insta .info span{
	margin: 5px 0 0;
}

/* Футер */
footer .contacts,
.copy{
	flex-wrap: wrap;
	margin-bottom: 0;
}
footer .contacts ul,
.copy > *{
	width: 100%;
    text-align: center;
    margin-bottom: 20px;
    justify-content: center;
}
.tecama{
	margin-bottom: 0;
}

/* === 768px === */
}

/*======================================*/
/* Меньше 640px - телефон, альбомная */
/*======================================*/
@media only screen and (max-width: 640px){

.wrp{
	max-width: 480px;
}

main h1{
	line-height: 1;
	font-size: 32px;
	margin-bottom: 5px;
}

/* Заголовки */
.head-white, 
.head-orange{
	font-size: 22px;
	text-align: center;
}

/* Шапка */
header.home{
	height: 400px;
}
header .welcome.home{
	width: 100%;
	height: 110px;
	top: initial;
	bottom: 80px;
}
header .welcome h3{
	font-size: 16px;
}
header .welcome h3:before{
	width: 172px;
	background-size: 172px;
}
header .welcome h2{
	font-size: 36px;
}
header .welcome .armor{
	display: none;
}

/* О нас */
.about-anons .slogan{
	font-size: 18px;
	text-align: center;
}
.about-anons .slogan:before{
	margin: 0 auto;
}
.about-anons .title{
	line-height: 28px;
}
.about-advantage{
	margin-top: 30px;
}

/* Номера */
.room-items h3{
	margin-bottom: 27px;
}
.room-items .item,
.hotel-list .item{
	width: 100%;
	margin: 0;
}
.hotel-list .items{
	margin-top: 0;
}
.hotel-list .item{
	margin-bottom: 15px;
}
.hotel-list .item:nth-of-type(3n){
	margin-right: 0;
}
.hotel-list:after{
	width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
}
.owl-dots{
    display: flex;
    margin-top: 10px;
    justify-content: center;
}
	.owl-dot{
		width: 9px;
		height: 9px;
    	margin: 0 3px;
    	border-radius: 50%;
    	box-sizing: border-box;
    	transition: .3s linear;
		border: 2px solid #d2bd7f;
	}
	.owl-dot.active,
	.owl-dot:hover{
		background: #d2bd7f;
	}
	.owl-dot span{
		width: 100%;
		height: 100%;
		display: block;
	}

/* Новости - статья */
.news-item .title{
	font-size: 20px;
}
.news-item .date{
	font-size: 13px;
	margin-top: 5px;
}
.news-item .image{
	float: none;
	width: 100%;
	margin: 10px 0;
}

/* Фотогалерея */
.albums{
    padding: 40px 0 30px;
}
.albums h3{
	margin-bottom: 25px;
}
.albums ul{
	display: none;
}
.albums .image{
	width: 100%;
	height: 200px;
	margin: 0;
}
.albums .all-more{
    margin: 25px auto 0;
}
a.upload-photo {
    top: 0;
	margin-left: 0;
    position: relative;
}

/* Форма бронирования */
.armor-form{
	max-width: 100%;
}

/* Показать на карте */
.we-on-map{
	max-height: 460px;
}

/* Меню ресторана */
.restaurant-menu-item a{
    width: 48%;
    height: 200px;
    display: block;
    margin: 0 4% 4% 0;
}
.restaurant-menu-item a:nth-child(3n){
   margin: 0 4% 4% 0;
}
.restaurant-menu-item a:nth-child(2n){
    margin-right: 0;
}

.we-on-map .close{
	right: 0;
	top: -30px;
}

/* === 640px === */
}

/*======================================*/
/* Меньше 480px - телефон, альбомная */
/*======================================*/
@media only screen and (max-width: 480px){

.wrp{
	max-width: 360px;
}

main h1{
	font-size: 22px;
	margin-bottom: 15px;
}


/* Шапка */
header .welcome h3,
header .welcome h2{
	text-transform: initial;
	font: italic normal 20px "Lora";
	margin: 0;
	font-size: 34px;

}
header .welcome h3:before {
    left: 0;
    right: 0;
    margin: auto;
    width: 220px;
    background-size: 221px;
}
.top-panel .phone{
	display: none;
}

/* О нас */
.about-advantage .item{
	height: 150px;
}
.about-anons .text{
    max-height: 100%;
}
.about-anons .more{
	margin-bottom: 20px;
}
.about .image-right{
    height: 250px;
}
.about-advantage .image{
	height: 40px;
}
.about-advantage h4{
	font-size: 12px;
}
.about-advantage .text{
	display: none;
}

/* Номера */
.rooms:after,
.hotel-list:after{
    width: 300px;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: -55px;
}
.hotel-list:after{
	bottom: 0;
	height: 50px;
}
.rooms .info-item .desc:before{
	background: rgba(0,0,0,.6);
}
.rooms .info-item .desc:after,
.rooms .info-item .more{
    opacity: 1;
    bottom: 45px;
    visibility: visible;
}
.rooms .info-item .text{
	top: 28px;
	opacity: 1;
	overflow: hidden;
	max-height: 150px;
    visibility: visible;
}
.rooms .room-items,
.hotel-list .items{
	padding: 0 0 10px;
}
.rooms .room-items:before,
.rooms .room-items:after,
.hotel-list .items:before,
.hotel-list .items:after,
.room-items h4{
	display: none;
}
.room-items h3{
	margin-bottom: 5px;
}
.room-items .desc,
.hotel-list .desc{
    opacity: 1;
    visibility: visible;
}

/* Новости - список */
.news-list .item{
    width: 100%;
}
.news-list .item:nth-child(4n),
.news-list .item:nth-child(3n),
.news-list .item:nth-child(2n){
    margin-right: 0;
}

/* Контакты - запись */
.contacts-item .map{
	height: 350px;
}

.restaurant-item .info .phone a{
    display: table;
    margin: 0 auto;
}

/* Отель, номер - статья */
.hotel-item .anons {
    margin-bottom: 15px;
}
.hotel-item .image{
	height: 300px;
	margin-bottom: 5px;
}
.hotel-item .images li{
	height: 60px;
	margin-bottom: 5px;
}
.hotel-item .type{
	margin-bottom: 5px;
}
.hotel-item .price{
    flex-wrap: wrap;
    justify-content: center;
}
.hotel-item .price span{
    width: 215px;
    padding: 11px 15px 25px;
    box-sizing: border-box;
    justify-content: center;
}
.hotel-item .armor{
    left: 0;
    margin-top: -15px;
}

/* Бронирование номера */
.armor-form{
	height: auto;
	padding: 10px;
}
.armor-form h2{
	font-size: 16px;
	line-height: 1;
	margin-bottom: 10px;
}
.armor-form .type, 
.armor-form .count, 
.armor-form .name, 
.armor-form .username, 
.armor-form .date,
.armor-form .user-info{
	margin-bottom: 10px;
}
.armor-form .close {
    position: absolute;
    display: block;
    width: 27px;
    height: 27px;
    right: 10px;
    top: 10px;
}
.armor-form svg{
	top: 0;
	right: 0;
	position: relative;
}

/* Показать на карте */
.we-on-map{
	max-height: 360px;
}

/* Меню ресторана */
.restaurant-menu-item a{
    width: 100%;
    height: 150px;
    display: block;
    margin: 0 0 15px 0;
}
.restaurant-menu-item a:nth-child(3n),
.restaurant-menu-item a:nth-child(2n){
	margin: 0 0 15px 0;
}

footer .contacts{
    justify-content: center;
}

.add-reviews{
	position: relative;
	top: 0;
	margin-left: 0;
}

/* === 480px === */
}

/*======================================*/
/* Меньше 360px - телефон, портретная */
/*======================================*/
@media only screen and (max-width: 360px){

.wrp{
	max-width: 320px;
}

/* Номера */
.rooms .info-item .text{
	left: 0;
    right: 0;
    margin: auto;
}
.rooms .info-item .more{
	right: 15px;
	width: 120px;
}
.rooms .info-item .desc:after{
	left: 15px;
}

/* Контакты - запись */
.contacts-item .map{
	height: 300px;
}

/* Отель, номер - статья */
.hotel-item .image{
	height: 250px;
	margin-bottom: 5px;
}

/* Показать на карте */
.we-on-map{
	max-height: 320px;
}


/* === 360px === */
}

/*======================================*/
/* Меньше 320px - телефон, портретная */
/*======================================*/
@media only screen and (max-width: 320px){

.wrp{
	max-width: 300px;
}

/* === 320px === */
}