/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width: 1100px) {

	

	

}


/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
	.w1000 {max-width: 992px; min-width: 768px;}
		
	
}
/* Small Devices, Tablets */
@media only screen and (max-width: 800px) {
	.w1000 {max-width: 790px; min-width: 400px; overflow: hidden; }
	
	
	.tpl_logo {
		width: 100%; text-align: center;
	}
	.tpl_headcontact {
		width: 100%;
	}
	.tpl_headcontact .item {
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.tpl_headcontact .item.item_addr {
		margin: 10px 0;
	}
	.tpl_headcontact .item br {
		display: none;
	}
	.tpl_headcontact .item .icon,
	.tpl_headcontact .item h5
	{
		display: none;
	}
	.tpl_headcontact .item .item_datetime {
		display: none;
	}
	
	
	/* TOPMENU */
	
	.tpl_topmenu {
		display: none;
	}
	.tpl_hamburger {
		width: 100px
		text-align: center; 
	}
	#sandwichmenu {
		display: block; text-align: center;
		width: 60px; margin: 0 auto;
	}
	.tpl_top {
		position: relative;
		overflow: visible;
	}
	#js_mobmenu {
		display: block;
		position: fixed; 
		position: absolute;
		left: -200%; z-index: 999999;
		background: #fff !important; overflow: hidden;
		-webkit-transition: all 400ms ease-in-out 0s;-moz-transition: all 400ms ease-in-out 0s;-o-transition: all 400ms ease-in-out 0s;
		box-shadow: 0px 5px 6.93px 0.07px rgba(0, 0, 0, 0.5);; -webkit-box-shadow: 0px 5px 6.93px 0.07px rgba(0, 0, 0, 0.5); 
		-moz-box-shadow: 0px 5px 6.93px 0.07px rgba(0, 0, 0, 0.5);
	}
	#js_mobmenu.active {

		position: absolute;
		left: 5%; top: 0;
		width: 350px; 
		width: 90%;
		/*margin: auto;*/
		padding: 10px 10px 30px 20px;
	}
	#js_mobmenu.active .js_close_mobmenu {
    	display: block !important;
    	position: absolute;	right: 20px; 	top: 20px;
    	width: 30px; 	height: 30px;
    	color: #222; 	cursor: pointer; 	font-size: 18px;
	}
	#js_mobmenu.active .js_close_mobmenu:hover { color: #0a64bb; }
	#js_mobmenu .mob_logo { width: 100%; text-align: center; margin: 20px 0; }
	#js_mobmenu .mob_logo img {
		display: block; width: 80px; margin: auto;
	}
	#js_mobmenu .menu li.level1 ul { display: none; }
	#js_mobmenu .menu li { display: block; text-align: center; margin: 0px 0; }
	#js_mobmenu .menu li a { display: inline-block; margin: 5px 0 0 0; color: #222; padding: 5px 25px; font-size: 15px; line-height: 130%; text-decoration: none; border-bottom: 1px solid #ccc; }
	#js_mobmenu .menu li a:hover, #js_mobmenu .menu li.active a { color: var(--brown); border-bottom: 1px solid var(--brown); }
	#js_mobmenu .menu li.active a {
		font-weight: 700;
	}
	#js_mobmenu .tpl_top_right {
		width: 100%; text-align: center;
	}
	#js_mobmenu .menu li img {
		display: none;
	}
	#js_mobmenu .tpl_topcontact a {
		display: block; width: 200px;  margin: auto; margin-bottom: 10px;
		font-size: 18px; color: var(--blue);
	}
	#js_mobmenu .tpl_searchico, #js_mobmenu .tpl_cart_link {
		display: none;
	}
	
	#js_mobmenu .tpl_topcontact  { display: block; width: 100%; margin: 35px 0 0 0; font-size: 15px; }

	#js_mobmenu .tpl_head_contact span.sep 
	{
		display: block; margin: 10px 0;
	}
	#js_mobmenu .tpl_head_contact span.icons {
		display: inline-block; margin: 0 10px 0 0;
	}
	#js_mobmenu .tpl_social {
		text-align: center;
	}
	#js_mobmenu .tpl_social a {
		font-size: 24px; color: var(--blue);
	}
	#js_mobmenu .tpl_social a:hover,
	#js_mobmenu .tpl_topcontact a:hover 
	{
		color: var(--orange);
	}
	
	
	/* CONTENT */
	.section {
		padding-top: 40px; padding-bottom: 40px;
	}
	
	.tpl_mainblock .mainblock_text {
		width: 100%;
	}
	.tpl_mainblock .mainblock_text h1 {
		font-size: 32px;
		text-align: center;
	}
	.tpl_mainblock .mainblock_text h1 span {
		font-size: 36px;
	}
	.tpl_mainblock .mainblock_text .text {
		margin: 20px 0;
		text-align: center;
	}
	.mainblock_btn {
		text-align: center;
	}
	.tpl_mainblock .mainblock_img img {
		display: none;
	}
	.tpl_mainblock .mainblock_img2::after {
		left: auto; right: 0; bottom: 0; z-index: -1;
		opacity: 0.3;
	}
	
	.tpl_room .item_text h2 {
		font-size: 36px;
	}
	.tpl_room .item_img2 {
		display: none;
	}
	.tpl_room .item_img1 {
		order: 2;
		width: 100%;
		text-align: center;
	}
	.tpl_room .item_img1 .item_img_wrap {
		display: none;
	}
	.tpl_room .item_text {
		width: 100%; text-align: center; order: 1;
	}
	.tpl_room .item_text .item_text_img {
		margin: 40px 40px 0px 40px;
	} 
	.tpl_room .item_text .item_text_img img {
		border-radius: 100px 15px 100px 15px;
	}
	
	.tpl_event h2,
	.tpl_partners h2 
	{
		text-align: center;
		font-size: 36px;
	}
	.tpl_event .infotext {
		width: 100%; text-align: center;
	}
	.service_blog .item {
		width: 48%;
	}
	
	.eventpage .item_params .item_params_price,
	.eventpage .event_btn,
	.service_blog .item_params .item_params_price 
	{
		width: 100%; text-align: center;
	}
	.eventpage .item_params .item_params_price {
		margin-bottom: 15px;
	}
	
	
	
	
	
	.tpl_partners .partners_items {
		margin: 40px 0 0 0;
	}
	.tpl_partners .item {
		width: 100%; margin: 0 0 20px 0;
		text-align: center;
	}
	

	.tpl_feedcall .inputbox {
		width: 100%;
	}
	
	.content_gallery .item {
		width: 33%; height: 200px;
	}
	
	
	.tpl_fullcontact .item {
		width: 100%; margin: 0 0 20px 0;
	}
	
	/* ABOUT PAGE */
	.page_about .about_img {
		width: 100%;
		padding: 10px 0;
		order: 1 !important;
	}
	.page_about .about_img img {
		display: block; width: 350px; margin: auto;
	}
	.page_about .about_content,
	.page_about .about_content.even 
	{
		width: 100%;
		padding: 10px 0;
		order: 2 !important;
	}
	.page_about .about_img.even {
		padding: 10px 0;
	}
	
	.page_about .about_content h5,
	.page_about .about_content h3 {
		text-align: center;
		padding: 0;
	}

	
}

/* Extra Small Devices, Phones */
@media screen and (max-width:500px){
	.w1000 {max-width: 480px; min-width: 320px;}
	
	.tpl_headcontact .item.item_addr {
		padding: 0 25px;
	}
	
	.service_blog .item .item_img {
		width: 350px; margin: auto;
	}
	
	.content_gallery .item {
		width: 50%; height: 150px;
	}
	
	
	.service_blog .item {
		width: 100%;
	}
	
	.itemimg, .item-page .item-image {
		width: 350px; float: none; margin: auto; margin-bottom: 30px;
	}
	.itemimg, .item-page .item-image:after {
		display: none;
	}

}