/** mobile **/
@media (max-width:1600px){
}
@media (max-width:1400px){
}
@media (max-width:1200px){
}
@media (max-width:999px){
	.content {
		width: 100%;
		padding-left: 20px;
        padding-right: 20px;
	}
	.sandwich {
		display: block;
		top: 0;
		margin-top: 14px;
		float: unset;
		position: absolute;
		right: 10px;
	}
	.c-hamburger {
			z-index: 10;
	  display: block;
	  position: relative;
	  overflow: hidden;
	  margin: 0;
	  padding: 0;
	  width: 56px;
	  height: 38px;
	  font-size: 0;
	  text-indent: -9999px;
	  appearance: none;
	  box-shadow: none;
	  border-radius: none;
	  border: none;
	  cursor: pointer;
	  transition: background 0.3s;
	  border-radius: 5px;
	}
	 
	.c-hamburger:focus {
	  outline: none;
	}
	.c-hamburger span {
	  display: block;
	  position: absolute;
	  top: 17px;
		left: 8px;
		right: 8px;
	  height: 3px;
	  background: #000000;
	}
	 
	.c-hamburger span::before,
	.c-hamburger span::after {
	  position: absolute;
	  display: block;
	  left: 0;
	  width: 100%;
	  height: 3px;
	  background-color: #fff;
	  content: "";
	}
	.c-hamburger span::before { background-color: #000000;}
	.c-hamburger span::after {background-color: #000000;width: 50%;}
	.c-hamburger span::before {
	  top: -10px;
	}
	 
	.c-hamburger span::after {
	  bottom: -10px;
	}

	.c-hamburger--htx {
	  	background-color: unset;
		position: absolute;
		right: 0;
		top: 0;
	}
	 
	.c-hamburger--htx span {
	  transition: background 0s 0.3s;
	}
	 
	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {
	  transition-duration: 0.3s, 0.3s;
	  transition-delay: 0.3s, 0s;
	}
	 
	.c-hamburger--htx span::before {
	  transition-property: top, transform;
	}
	 
	.c-hamburger--htx span::after {
	  transition-property: bottom, transform;
	}

	.c-hamburger--htx.is-active {
	  background-color: unset;
	}
	 
	.c-hamburger--htx.is-active span {
	  background: none;
	}
	 
	.c-hamburger--htx.is-active span::before {
	  top: 0;
	  transform: rotate(45deg);
	  background-color: #000000;
	}
	 
	.c-hamburger--htx.is-active span::after {
	  bottom: 0;
	  transform: rotate(-45deg);
	  width: 100%;
	}
	 
	.c-hamburger--htx.is-active span::before,
	.c-hamburger--htx.is-active span::after {
	  transition-delay: 0s, 0.3s;
	}
	.main_slider, .top-menu, .adress, .head-info .contacts, .head-info .links{
		display: none;
	}
	.wrapper{
		background: none;
	}
	.head-info{
		display: block;
		float: right;
		padding: 10px 0px 0 30px;
	}
	.head_2 {
		position: fixed;      
		top: 0;               
		right: -300px;        
		width: 300px;        
		height: 100vh;       
		background-color: #f9f7f7; 
		z-index: 10;      
		transition: right 0.3s ease-in-out;
		box-shadow: -5px 0 15px rgba(0,0,0,0.2); 
		overflow-y: auto;      
	}

	.show .head_2,
	.head_2.show {
		right: 0;         
	}

	.show .top-menu,
	.head_2 .top-menu {
		display: flex;
		flex-direction: column; 
		padding: 0;   
		margin: 0;
		list-style: none;
	}
	.main-head .top-menu{
		text-align: left;
	}
	.top-menu .menu-item {
		width: 100%;
		background-color: #fff;
		border-bottom: 1px solid #2f1c15;
		padding: 0;
	}

	.top-menu .menu-item a {
		display: block;
    	padding: 14px 0px 14px 20px;
		color: #2f1c15;
		font-size: 14px;
        font-weight: 400;
        text-transform: none;
	}

	.top-menu .menu-item a:hover {
		background-color: #dad7b6;
	}
	.head_2 .top-menu::before {
		content: "Меню";
		display: block;
		padding: 20px;
		font-size: 20px;
		font-weight: bold;
		color: #2f1c15;
		border-bottom: 1px solid #2f1c15;
		background-color: #fff;
		text-transform: none;
	}
	.contacts.active{
		display: block;
		position: fixed;
		right: 10.5%;
        z-index: 20;
        top: 530px;
		transition: right 0.3s ease-in-out;
	}
	.head_2 .top-menu::after {
        content: "Заказать звонок";
        display: block;
        padding: 14px 0px 14px 20px;
        font-size: 14px;
        color: #2f1c15;
        border-bottom: 1px solid rgb(0 0 0);
        font-weight: 400;
        text-transform: none;
	}
	.adv-head{
		display: none;
	}
	.adv-item{
		padding: 20px;
	}
	.head_1{
		padding-left: 10px;
	}
	.front-page .room-card, .room-card{
		display: flex;
		flex-direction: column;
		gap: 0;
		width: 286px;
		margin: 20px auto;
	}
	.archive .room-card {
		margin-bottom: 40px;
	}
	.front-page .room-cont {
		display: flex;
		grid-template-columns: 1fr 1fr 1fr;
		gap: 0;
		flex-direction: column;
	}
	.gallery-cont{
		flex-direction: column;
	}
	.gallery-item{
		margin: 10px auto;
		width: 286px;
	}
	.gallery-cont a{
		margin: 0 auto;
	}
	.partner-cont{
		flex-direction: column;
	}
	#logo-voodoo{
		right: inherit;
		bottom: 40%;
	}
	.footer .contact{
		width: auto;
	}

}
@media (max-width: 700px){
	.head_1{
		flex-direction: column;
        align-items: center;
		gap: 10px;
	}
	.main-name{
		text-align: center;
	}
	.front-page h1{
		font-size: 40px;
	}
	.adv-cont .adv-item:nth-child(-n+3), .adv-cont .adv-item:nth-child(n+4){
		width: 220px;
		height: 220px;
		margin: 0 auto 20px;
	}
	.adv-cont{
		flex-direction: column;
	}
	.foot_1{
		gap: 10px;
    	text-align: center;
		margin-bottom: 40px;
		flex-direction: column;
		gap: 10px;
	}
	.foot_2{
		text-align: center;
	}
	#logo-voodoo{
		right: 40%;
		top: 60%;
	}
	.inner-image img {
    	max-width: 400px;
	}
	.booking-form {
    	padding: 25px;
	}
	.mini-slider-container .slider_2_arrows{
		padding: 0 25px;
	}
		.archive-reviews{
		grid-template-columns: none;
		gap: 20px;
	}
	.cont.archive-reviews{
		padding-right: 20px;
	}
}
@media (max-width: 500px){
	.main-name{
		width: 200px;
	}
	.head-info{
		padding:10px 0px 0 0px;
	}
	.mini-slider-container .slider_2_arrows {
        padding: 0 10px;
    }
	.front-page h1 {
        font-size: 35px;
    }
	.go-top-arrow{
		 position: absolute;
		right: -40px;
		bottom: -80px;
	}
}