/*==========  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_header {
			width: 100%;
			-webkit-transition: all 400ms ease-in-out 0s;-moz-transition: all 400ms ease-in-out 0s;-o-transition: all 400ms ease-in-out 0s;
		}
		.tpl_header.fixed {
			position: fixed;
			top: 0; left: 0;
			z-index: 9999;
			background-color: #000;
			box-shadow: 0 0 5px #333; -webkit-box-shadow: 0 0 5px #333;  -moz-box-shadow: 0 0 5px #333;
			-webkit-transition: all 400ms ease-in-out 0s;-moz-transition: all 400ms ease-in-out 0s;-o-transition: all 400ms ease-in-out 0s;
		}
		
		
		
		/* TOPMENU */		
		.tpl_header .tpl_topmenu,
		.tpl_header .tpl_headphone span 
		{
			display: none;
		}
		.tpl_hamburger {
			display: block;  text-align: center;
		}
		
		.tpl_header {
			padding: 10px 0;
		}
		.tpl_logo {
			width: 150px; margin: 0 0 0 10px;
		}
		.tpl_logo img {
			height: auto; width: 70px;
		}
		.tpl_logo .logotext1 {
			font-size: 30px;  top: 3pxpx;
		}
		.tpl_logo .logotext2 {
			font-size: 30px;  bottom: 0;
		}
		
		.tpl_header .tpl_headphone {
			width: calc(100% - 270px);
		}
		.mainpage .tpl_header {
			background-color: rgb(51, 51, 51);	
		}
		.tpl_mainblock {
			margin: 0;
		}

		#js_mobmenu {
			top: 0;
			bottom: 0;
			margin: 0;
			left: -300px;
			width: 300px;
			height: 100%;
			position: fixed; z-index: 9999;
			background: #222 !important; 
			-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 {
			left: 0;			
			box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
			-moz-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
			-webkit-box-shadow:4px 0px 20px 0px rgba(0,0,0, 0.5);
			overflow-y: auto;
		}
		.mobtrans {
			/*position: relative;*/ 
			z-index: 9;	
			-webkit-transition: all 400ms ease-in-out 0s;-moz-transition: all 400ms ease-in-out 0s;-o-transition: all 400ms ease-in-out 0s;
		}
		body.menuOpen .mobtrans {
			/*position: relative;*/
			-webkit-transform: translateX(300px);
    		-moz-transform: translateX(300px);
    		transform: translateX(300px);		
		}
		body.menuOpen {overflow: hidden;}
		.tpl_bodyoverlay {
			display: block;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 9;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.4);
			visibility: hidden;
			opacity: 0;
			-webkit-transition: all 400ms ease-in-out 0s;-moz-transition: all 400ms ease-in-out 0s;-o-transition: all 400ms ease-in-out 0s;
		}
		body.menuOpen .tpl_bodyoverlay {
			visibility: visible;
    		opacity: 1;	
		}
		
		
		#js_mobmenu.active .js_close_mobmenu {
    		display: block !important;
    		position: absolute;	right: 20px; 	top: 20px;
    		width:40px;	height: 40px; line-height: 40px; text-align: center;
    		color: #fff;	cursor: pointer; 	font-size: 18px;
    		background: #0fccab;
		}
		#js_mobmenu.active .js_close_mobmenu:hover { color: #fff; background: #0e51ac; }
		#js_mobmenu .mob_logo { width: 100%; text-align: center; margin: 20px 0 0 0; }
		#js_mobmenu .mob_logo img {
			width: 100px;
		}

		
		
		#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: #fff; 
			padding: 10px 25px; font-size: 15px; line-height: 140%; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.4); }
		#js_mobmenu .menu li:last-child a {	border: 0;		}
		#js_mobmenu .menu li a:hover, #js_mobmenu .menu li.active a { 
			color: #fff;  	
		}
		#js_mobmenu .menu li.active a {font-weight: 700;}
	
		#js_mobmenu .mob_social {margin: 20px 0 ; text-align: center;}
		#js_mobmenu .mob_social a {
			display: inline-block; width: 40px; height: 40px;
			background: var(--grad); color: #fff;
			line-height: 40px; text-align: center;
		}
		#js_mobmenu .mob_social a:hover { background: var(--pink); }
		
		#js_mobmenu .mob_contact  { display: inline-block; width: 100%; margin: 10px 0 15px 0; font-size: 20px; text-align: center; color: #fff; font-family: 'r_t'; }
		#js_mobmenu .mob_contact  .text { display: none; }
		#js_mobmenu .mob_contactaddr { text-align: center; }
		#js_mobmenu .mob_contactaddr a { color: #fff; }
		#js_mobmenu .mob_contactaddr i {display: none;}
		
		
		
		.tpl_mainblock {
			padding: 40px 0;
		}
		.tpl_mainblock h1 .subtitle {
			font-size: 26px; line-height: 120%;
		}
		.tpl_mainblock .mainpage_btns .btn {
			display: block; width: 300px;
			margin: 0 auto; margin-bottom: 15px;
			padding: 15px 25px;
		}
		.tpl_mainblock .titleh {
			font-size: 60px; margin: 20px 0;
		}
		
		.modtitle h2 {
			font-size: 40px; padding: 30px 0 0 0;
		}
		.modtitle h5 {
			font-size: 26px; padding: 0 15px;
		}
		
		/* price spoiler */
		.tpl_pricelist .modtitle {
			padding: 0 10px 3px 10px;
		}
		.spoiler_content_img {
			width: 25%;
		}
		.spoiler_content_text {
			width: 75%; line-height: 160%;
		}
		.spoiler_content_text .tpl_prorgamblog_item_params {
			display: block;
			text-align: center;
		}
		.spoiler_content_text .tpl_prorgamblog_item_params .btn {
			margin: 0 0 20px 0;
		}
		
		.content_gallery .item {
			width: calc(30% - 2px);
		}
		
		.tpl_footer .tpl_logo {
			text-align: center; height: auto;
		}
		.tpl_footer .tpl_logo img {
			position: relative; width: 200px; display: block;
		}
		.tpl_footer .tpl_logo > span {
			position: relative; display: inline-block; top: auto; left: auto; bottom: auto;
		}
		
		.tpl_content h1 {
			font-size: 40px; line-height: 100%;
		}
		.item-page {
  			margin: 20px 0;
		}
		
		
		
		.tpl_prorgamblog .item .item_img {
			width: 24%;
		}
		.tpl_prorgamblog .item .item_content {
			width: 74%;
		}
		.tpl_content .tpl_prorgamblog h3 {
			margin: 0 0 0 0 !important;
		}
		
		
		/* catalog */
		.tpl_catblog .item {
			width: calc(50% - 2px);
		}
		.girlpage .content_gallery .item {
			width: 45%;
		}


}

/* Extra Small Devices, Phones */
@media screen and (max-width: 460px){
	.w1000 {max-width: 480px; min-width: 320px;}
	

	.tpl_top .tpl_topaddr,
	.tpl_top .tpl_topsocial 
	{
		width: 100%; text-align: center;
	}
	.tpl_top .tpl_topaddr {
		margin-bottom: 5px;
	}
	
	.tpl_logo > span {
		display: none;
	}
	.tpl_logo img {
		position: relative; top: 5px;
	}
	.tpl_logo {
		width: auto;
	}
	.tpl_header .tpl_headphone {
		width: auto;
	}
	.tpl_header {
		padding: 10px 0 5px 0;
	}
	.tpl_header .tpl_headphone a {
		font-size: 30px;
	}
	
	.tpl_mainblock h1 .subtitle {
		font-size: 20px;
	}
	.tpl_mainblock .titleh {
		font-size: 40px;
		margin: 10px 0;
	}
	.tpl_mainblock .mainpage_btns {
		margin: 20px 0;
	}
	
	
	.tpl_catblog .item .item_content h3 {
		font-size: 26px;
	}
	
	.spoiler_title {
		padding: 10px 65px 15px 15px;
	}
	.spoiler_title::after {
		right: 15px;
	}
	.spoiler_content_img {
		display: none;
	}
	.spoiler_content_text {
		width: 100%; padding: 15px;
	}
	
	
	
	.modtitle h2 {
		font-size: 28px;
	}
	
	.content_gallery .item {
		width: calc(48% - 2px);
	}
	.tpl_footer .tpl_head_phone, .tpl_footer .tpl_footer_addr {
		font-size: 20px;
	}
	
	.tpl_catblog .item {
		width: 100%; height: 350px;
	}
	.tpl_catblog .item .item_img {
		height: 350px;
	}
	.tpl_catblog .item .item_img img {
  		object-position: top center;
  	}
  	
  	
  	
  	.girlpage .girl_img {
  		order: 1; width: 100%; height: 350px;
  	}	
  	.img_inset_shadow {
  		height: 100%;
  	}
  	.girlpage .girl_img img {
  		display: block; height: 100%; object-fit: contain;
  	}
  	.girlpage .girl_desc {
  		order: 2; width: 100%; margin: 15px 0 0 0;
  		text-align: center;
  	}
  	.tpl_content .girlpage .girl_desc h1 {
  		text-align: center;
  	}
	
  	
  	/* programs */
  	.tpl_prorgamblog .item {
  		margin: 0 0 15px 0;
  	}
  	.tpl_prorgamblog .item .item_content {
  		width: 100%; 
  		order: 2 !important;
  		text-align: center;
  		padding: 0 !important;
  	}
  	.tpl_prorgamblog .item .item_img {
  		order: 1 !important; 
  		width: 100%;
		height: 150px;
  	}
  	
  	.tpl_prorgamblog_item_params {
  		border: 0; 
  		margin: 0;
  		text-align: center;
  	}
  	.tpl_prorgamblog_item_params .btn {
  		width: 200px; margin: auto; margin-bottom: 20px;
  	}
  	.tpl_prorgamblog_item_params .item_params_price {
  		width: 100%; text-align: center;
  	}
  	.spoiler_content_text .tpl_prorgamblog_item_params .btn {
		margin-top: 10px;
	}
  	
  	.vacancy_featured .item {
  		
  	}
	.vacancy_featured .title {
		order: 1;
		width: 100%; text-align: center; padding: 0;
	}
	.vacancy_featured .icon {
		display: none;
	}
	.vacancy_featured .text {
		width: 100%;
		font-size: 16px; text-align: center; line-height: 140%;
	}

}