/*==============================
	Small desktop
==============================*/
@media only screen and (max-width: 1400px) {
	.container{max-width:1240px;padding-left:3%;padding-right:3%;}
	/*.space_{letter-spacing:3px;}*/
	
	.mb20{margin-bottom:16px;}
	.mb24{margin-bottom:20px;}
	
	.mb32{margin-bottom:23px;}
	.mb52{margin-bottom:40px;}
	.mb60{margin-bottom:48px;}
	.mb80{margin-bottom:68px;}
	.mb112{margin-bottom:92px;}
	
	.pt32{padding-top:23px;}
	.pb32{padding-bottom:23px;}	
	.pt80{padding-top:68px;}
	.pb80{padding-bottom:68px;}
	.pt52{padding-top:40px;}
	.pb52{padding-bottom:40px;}
	.pt112{padding-top:92px;}

	.p24{font-size:20px;line-height:28px;}
	.p32{font-size:28px;line-height:36px;}
	.p44, #about-box ol li:before{font-size:36px;line-height:44px;}
	.p52{font-size:44px;line-height:52px;}
	
	.text_{max-width:928px;}
	
	#reviews_ img{width:140px;}
	
	.open .mobile-nav{left:3%;}
	
	#programm_ ul.box_brown li a {width: calc(100% - 8px);margin: 4px;}	
	/*.box_brown .caps.p24 b{line-height:36px;}*/
	.box_brown .caps.p18 b{font-size:16px;line-height:24px;}
	.box_brown a div{padding-left:2%;padding-right:2%;}

	#news_ ul:not(.paginator) li{width: calc(33% - 8px);margin:0 4px;}
	
	#infra_slider .text_{height:280px;}
	
	#header_{height:520px;}
	
	#infra .text_ ul{padding-top:40px;padding-bottom:40px;margin-top:40px;}
	#infra .text_ .button{margin-top:40px;}
	#infra .infra-box:nth-child(odd){padding-top:68px;padding-bottom:68px;}	
	
	#footer{padding-bottom: 80px;}
	#contacts .bej_back li{padding:23px 0;}
    #about-box ol{padding-bottom:18px;}
	#about-box ol li{margin-bottom:40px;}
	
	.love_h{height:52px;}
	#programm_ .love_{height:28px;}
	#other-box .box_brown a{height:304px;}
	#procedures_ .listing_box li{width:calc(25% - 8px);margin:4px;}
	.tabs li{margin:0 4px;}
	
	#reviews-box ul:not(.paginator) li, .video-review .sp-slide>div{padding:16px;}
    .video-review .flex_ div.wrap{margin-right:8px;}
	form .white_back{padding-top:23px;}
	#news ul:not(.paginator) li{margin-bottom:23px;}
	.info-line li{margin-right:40px;}
	#certiificate_ .middle li{margin-bottom:40px;}	
	#certificate_sl label{width:300px;height:180px;}
	#certificate_sl label img{max-width:120px;}
	.form_radio_btn{margin:0 4px;}
	.form_radio_btn {width: calc(25% - 8px);}
	form .line li{margin:0 4px;}	
	#meal .meal ul li{width:calc(50% - 8px);margin:0 4px;}
	#meal .bej_back ul li{width:calc(33% - 8px);margin:0 4px;}
	.team ul li .wrap_img{height:260px;}
	.list{padding:32px 0;}
	#meal .meal .box_brown .button{bottom:68px;}
	#meal .meal .box_brown a:before{width:190px;height:50px;top:68px;}	
	/*.box_brown .caps.p32 b{line-height:44px;}*/
	#meal .box_brown a div{padding-left:8%;padding-right:8%;}
}

/*==============================
	Tablet landskape
==============================*/
@media only screen and (max-width: 1280px) {
	#menu{display:none;}
	#header .container, #header_ .container{top:82px;}
	.round_box{margin:0;padding:80px 10%;}
	
	.mb20{margin-bottom:12px;}
	.mb24{margin-bottom:16px;}
	
	.mb32{margin-bottom:20px;}
	.mb52{margin-bottom:32px;}
	.mb60{margin-bottom:40px;}
	.mb80{margin-bottom:56px;}
	.mb112{margin-bottom:80px;}

	.pt32{padding-top:20px;}
	.pb32{padding-bottom:20px;}	
	.pt80{padding-top:56px;}
	.pb80{padding-bottom:56px;}
	.pt52{padding-top:32px;}
	.pb52{padding-bottom:32px;}	
	.pt112{padding-top:80px;}	
	
	#footer{padding-bottom: 72px;}
	
	#infra .text_ ul{padding-top:32px;padding-bottom:32px;margin-top:32px;}
	#infra .text_ .button{margin-top:32px;}
	#infra .infra-box:nth-child(odd){padding-top:56px;padding-bottom:56px;}		

	.nav-top li img, #contacts .bej_back li img, #contacts .list_ li img, #content-box ul li img{width:32px;height:32px;}
	.nav-top li{margin-left:2%;margin-right:2%;max-width:212px;min-width:100px;}
	
	#contacts .bej_back li{padding:20px 0;}
	#contacts .list_ li img, #content-box ul li img{margin-right:20px;}
	
	#about-box ol li{margin-bottom:32px;}
	#content-box ul li{margin-top:12px;margin-bottom:12px;}
	
	#infra-box ul .flex_{margin-top:44px;}
	#infra-box ul li:first-child div:first-child p{margin-bottom:44px;}
	#program .bej_back .text_, #program .dark_brown .text_, #certiificate_ .bej_back .text_{padding-left:8%;padding-right:8%;}
	
	#other-box .box_brown a{height:236px;}
	
	#booking{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	#booking p{max-width:100%;margin-bottom:8px;}
	
	.wrap_input{margin: 0 4px;}
	form .white_back{padding-top:20px;}
	#news ul:not(.paginator) li{margin-bottom:20px;}
	.info-line li{margin-right:32px;}
	#certiificate_ .middle li{margin-bottom:32px;}
	.team ul li .wrap_img{height:230px;}
	#meal .meal .box_brown .button{bottom:44px;}
	#meal .meal .box_brown a:before{top:44px;}	
}

/*==============================
	Tablet portrait
============================== */
@media only screen and (max-width: 1024px) {
	body{font-size:14px;}
	#top .container{max-width:100%;}
	.container{max-width:872px;}
	#header .container, #header_ .container{top:40px;padding-left:3%;padding-right:3%;}
	
	.p12{font-size:10px;line-height:16px;}
	.p14{font-size:12px;line-height:16px;}
	.p16, .accordion__content table tbody tr td:first-child{font-size:14px;line-height:20px;}
	.p18{font-size:16px;line-height:24px;}
	
	.mb20{margin-bottom:12px;}
	.mb24{margin-bottom:14px;}
	
	.mb32{margin-bottom:16px;}
	.mb52{margin-bottom:24px;}
	.mb60{margin-bottom:28px;}
	.mb80{margin-bottom:32px;}
	.mb112{margin-bottom:40px;}
	
	.pt32{padding-top:16px;}
	.pb32{padding-bottom:16px;}	
	.pt80{padding-top:32px;}
	.pb80{padding-bottom:32px;}
	.pt52{padding-top:24px;}
	.pb52{padding-bottom:24px;}	
	.pt112{padding-top:40px;}	
	
	.p24{font-size:14px;line-height:20px;}
	.p32{font-size:18px;line-height:28px;}
	.p44, #about-box ol li:before{font-size:20px;line-height:32px;}
	
	.p52{font-size:32px;line-height:44px;}	
	
	#footer{padding-bottom: 52px;}
	
	.photo-th.sp-horizontal .sp-next-arrow{right: -7%;}
	
	#infra .text_ ul{padding-top:24px;padding-bottom:24px;margin-top:24px;}
	#infra .text_ .button{margin-top:24px;}
	#infra .infra-box:nth-child(odd){padding-top:32px;padding-bottom:32px;}			
	
	.space_, .space_m{letter-spacing:1px;}
	
	.b-container{top:-2px;}
	.b-nav li{width:50%;}
	.b-nav{top:48px;}
	
	.text_{line-height:20px;}
	
	#top{padding-top:12px;padding-bottom:12px;}
	#top .weather, #top .button{display:none;}
	#top .logo{height:28px;}
	#top .lk span, #top .phone span{display:none;}
	#top .lk, #top .phone{margin:0;padding:0;}
	#top .lk:before{position:relative;}
	#top .phone{
		position:absolute;right:60px;z-index:20;top:0;
		background:url("../images/phone.svg") no-repeat center;
		width:24px;height:24px;
	}
	
	.round_box{border:none;padding:32px 0;}

	#footer .menu{display:none;}
	#footer .left, #footer .right, #footer .bottom .right{width:50%;text-align:left;}
	#footer .left{padding-right:10%;}
	#footer .bottom .right{display:inline-block;}
	
	.disp{display:none;}
	.box_name_ p:first-child{margin-bottom:0;}
	.box_name_ .p16{font-size:12px;}
	
	#about_ img{max-width:100%;}
	
	#photo_{display:none;}
	
	#big_photo img{max-width:100%;}

	#contacts .bej_back li{padding:16px 0;}
	
	#about-box ol li{margin-bottom:24px;}
	
	#other-box .box_brown a{height:228px;}
	#other-box{padding-bottom:0;}
	
	#infra-box ul li:first-child, #infra-box ul li:last-child div:last-child div:first-child{margin-right:32px;}
	/*.box_brown .caps.p24 b, .box_brown .caps.p18 b{box-shadow: -8px 0 0 #A57C52, 8px 0 0 #A57C52;line-height:24px;}*/
	/*.round_box p.p32 b{box-shadow: -8px 0 0 #A57C52, 8px 0 0 #A57C52;}*/
	.box_brown .caps.p18 b{font-size:12px;line-height:20px;}
	
	.limiter {max-height:60px;}
	
	#room_listing .button_row .button{margin-bottom:8px;}

	.icon_box ul li{margin:4px 8px;}
	.icon_box ul{padding:10px 12px;}
	
	form .white_back{padding-top:16px;}
	#news ul:not(.paginator) li{margin-bottom:16px;}
	.info-line li{margin-right:24px;}
	
	.video-review li{width:calc(33% - 8px);margin:4px;}
	.rating img{height:16px;width:16px;}
	#reviews-box ul:not(.paginator) li .flex_ div.wrap, .video-review li .flex_ div.wrap{width:40px;height:40px;margin-right:8px;}
	#reviews-box ul:not(.paginator) li, .video-review .sp-slide>div{padding:8px;}
	#sw-app-8e6598b63f9eee80aae2930a0191cbaa .sw-review-item, .dFBFIZ{padding:8px !important;}
	#reviews-box ul:not(.paginator) li{margin-bottom:8px;}
	#certiificate_ .middle li{margin-bottom:24px;}
	#certificate_sl label{width:262px;height:170px;}
	
	/*.box_brown .caps.p32 b{line-height:32px;}*/
	#meal .meal .box_brown a:after{opacity:1;background: rgba(70, 53, 36, 0.5);}
	#meal .meal .box_brown a:before{opacity:1}
	#meal .meal .button.disp{display:inline-block;opacity:1;visibility:visible;}
	#meal .bej_back .text_, #about .bej_back .text_{padding-left:8%;padding-right:8%;}
    #about_slider .text_ p{height:60px;}
    #about .bej_back .listing div{width:100%;}
    #about .bej_back .listing .flex_{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
    #about .listing li:nth-child(odd) .flex_ div:last-child{padding-left:0;}
    #about .listing li:nth-child(even) .flex_ div:last-child{order:0;}
    #about .listing .wrap_img{margin-bottom:24px;}
    #about .listing .wrap_img img{width:100%;}
    #about .listing li{border-bottom:0;}
    #about .listing li.pt52{padding-top:0;}
    #about .listing>li, #about .text_box ul, #about .listing{margin-bottom:0;}
    #about .listing ul li{list-style-position: inside;}
    #about .listing li{text-align:center;}
    
    
}

/*==============================
	Phone
==============================*/
@media only screen and (max-width: 768px) {
	.container, .text_{max-width:724px;}
	#programm_ ul.box_brown li a{
		width: calc(100% - 4px);
		margin: 2px;
	}
	#infra_slider .text_{height:232px;}
	.nav-top{-ms-flex-wrap:wrap;flex-wrap:wrap;padding:8px 2%;}
	.nav-top li{margin-top:8px;margin-bottom:8px;max-width:180px;}
	
	#contacts .bej_back li ul.flex_{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	#contacts .bej_back li li{padding:12px 0;border-bottom:1px solid #A57C52;}
	#contacts .bej_back li.flex_{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}	
	#contacts .bej_back ul ul{padding:0;}
	#contacts .bej_back li{text-align:left;}
	
	#procedures_ .tabs{display:none;}
	#procedures_ .listing_box li{width:calc(33% - 4px);margin:2px;}
	
	.cGkhmA, #sw-app-8e6598b63f9eee80aae2930a0191cbaa .swiper-wrapper{display:inline-block !important;}
	.ReviewContainer__Inner-sc-yv0v3c-0, #sw-app-8e6598b63f9eee80aae2930a0191cbaa .sw-review-item{margin:8px 0 !important;}
	#sw-app-8e6598b63f9eee80aae2930a0191cbaa .sw-review-box, #sw-app-8e6598b63f9eee80aae2930a0191cbaa .sw-review-box-left-bottom, .HeaderContainer__Inner-sc-pny2b8-0{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important;}
	.sw-reviews-source{width:100% !important;}
	.sw-reviews-count, .HeaderTotalReviews__Container-sc-1a7tbil-0{display:none !important;}
	#sw-app-8e6598b63f9eee80aae2930a0191cbaa .sw-review-box-left-bottom>div{margin-right:0 !important;}
	#sw-app-8e6598b63f9eee80aae2930a0191cbaa .sw-reviews-btn-form{margin-top:12px !important;}
	
	.sw-app{margin-bottom:24px !important;}
	.ifLRlC{margin-right:0 !important;}
	.fctGyX{display:inline-block !important;}
    
}

@media only screen and (max-width: 640px) {
	.p52{font-size:24px;line-height:32px;}
     #about_slider .text_ p{height:100px;}
	
	.container, #header .text_{max-width:496px;}
	.nav-top{display:none;}
	
	#news_ ul:not(.paginator) li{width:100%;margin:0 0 32px 0;}
	#news_ ul:not(.paginator) li:last-child{margin-bottom:0;}
	
	#infra_slider .wrap{margin-left:0;}
	#infra_slider .text_{height:232px;}
	
	#programm_ ul.box_brown li, #programm_ ul.box_brown li div, #booking li{width:100%;}
	#programm_ ul.box_brown li a{width: calc(50% - 4px);display:inline-block;margin:0 4px 4px 0;height:144px;overflow:hidden;}	
	
	#footer .left, #footer .right, #footer .bottom .right, #about .info_ li{width:100%;}
	#footer .left{padding-right:0;}
	#footer .bottom .left{margin-bottom:24px;}
	#footer .flex_.space_between_, .listing .flex_, .flex_.line_thr, #infra-box .flex_, #booking ul.flex_, #room_listing .content>ul>li.flex_, .info-line, form .line, #about .info_{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}	
	
	.listing div, .line_thr .wrap_input, form ul li.wrap_input:first-child, form ul li.wrap_input:last-child, form .line li{width:100%;}
	.listing .wrap_img{margin-bottom:24px;}
	.wrap_input{margin:0 0 6px 0;}
	.listing li{text-align:center;border-bottom:none;padding-top:0;}
	.listing li:nth-child(even) .flex_ div:last-child{order:0;}
	.listing li:nth-child(odd) .flex_ div:last-child, .listing li:nth-child(even) .flex_ div:last-child{padding:0;}
	.listing{margin-bottom:0;}
	
	#program .listing li:last-child{border-bottom:1px solid #F9E2BE;}
	
	.paginator li a{width:32px;height:32px;line-height:32px;font-size:12px;}
	.wrap_input input[type="text"], .wrap_input input[type="name"], .wrap_input input[type="email"], .wrap_input input[type="tel"], .wrap_input input[type="date"]{height:36px;}
	#footer .wrap_input input[type="button"], #footer .wrap_input input[type="submit"]{width:36px;height:36px;}
	
	.button{padding:10px 8px;}
	
	#about-box ol li, #content-box ul li{width:96%;}
	#infra-box ul li:first-child, #infra-box ul li:last-child div:last-child div:first-child{margin-right:0;}
	#infra-box ul p, #infra-box ul li:first-child div:first-child p{margin-bottom:32px;}
	#infra-box ul .flex_{margin-top:0;}
	#infra-box ul li:last-child div:last-child div:last-child p:last-child{margin-bottom:0;}
	
	#content-box ul{border-bottom:none;margin-bottom:0;}
	#infra-box ul .flex_ div{max-width:100%;}
	
	#booking li:last-child{width:212px;}
	#booking .button{min-width:212px;}
	
	#procedures_ .listing_box li{width:calc(50% - 8px);}
	.list li{width:100%;}	
	.list li:nth-child(even), .list li:nth-child(odd){padding-left:56px;padding-right:0;}
	.list li:before{background-size:100%;}
	
	#room_listing li .right{padding-left:0;}	
    #room_listing li .wrap, #room_listing li .right{width:100%;}
	#room_listing .content>ul>li.flex_{border-bottom:0;padding-bottom:0;text-align:center;}
	#room_listing li .wrap p{display:none;}
	#room_listing .button_row, .info-line>.flex_{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
	.info-line li{margin-left:2%;margin-right:2%;}
	.info-line ul.flex_{border-bottom:1px solid #F9E2BE;margin-bottom:24px;}
	
	.video-review li{width: calc(50% - 8px);}
	.form_radio_btn{width: calc(50% - 6px);}
	.form_radio_btn{margin:3px;}
	form .line li{margin:4px 0;}
	#meal .meal ul li{width:100%;margin:4px 0;}
	#meal .meal .box_brown .button{bottom:24px;}
	#meal .meal .box_brown a:before{width:120px;height:32px;top:24px;}	
    #meal .bej_back ul li{width:100%;text-align:center;}
    
    #about .info_ li{margin:0 0 8px 0;}
    #about .info_ li:last-child{margin-bottom:0;}
}
@media only screen and (max-width: 480px) {
	.container, #header .text_{max-width:384px;}
     #about_slider .text_ p{height:140px;}
    .b-nav{
        bottom:0;
        overflow:scroll;
    }    
	.b-nav li{width:100%;}
	/*#pitanye_{background-image:url("../images/pitanie_mob.jpg");background-size:100%;}*/
    #pitanye_{background-size:auto 100%;}
	#certificate_{background-image:url("../images/certificate_mob.jpg");background-size:100%;}	
	
	.button_row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
	.button_row .button:first-child{margin-bottom:8px;}
	
	#room_listing li .right>.flex_{
		-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;
		text-align:center;
	}
	#room_listing li .right>.flex_ p{margin-bottom:8px;}
}

@media only screen and (max-width: 380px) {

}