/* MOBILE v.1.1
/* DEFINITIONS: Mobil ctyles
/* BlackAngel v.01
/* Developer Angel Vachev 
/* avachev@gmail.com
/* ---------------------------------------------- */
/* -1-  GLOABAL RESET  -------------------------- */
/* ---------------------------------------------- */
#mlogo {
	display: none;
}
#sosPhone {
	display: none;
}
div.newPersonalPage img.widthSCH {
	width: 100%;
}

div.newPersonalPage a h3 {
	font-size: 85%;
}
div.fullEventsNews {
	background-color: #ecf4e9 !important;					
}
@media only screen and (min-device-width: 380px) and (max-device-width: 640px) {
	
	
}
@media (max-width: 570px) {
	div.hCenter {
		display: none;
	}
}
@media (max-width: 790px)   {
	/* max-width: 579px */
	.mobileNone {
		display: none !important;
	}
	.container,#top1, #top2, #top3, #top4  {
		display: none;
	}
	
	body {
		background-position: 0px -40px;
	}
	#logo {
		display: none;
	}
	#mlogo {
		display: block;
		padding: 3px 0px;
	}
	div.hCenter {
		width: 225px;
		margin-right: 0px;
	}
	div.top {
		height: 0px;
	}
	div#fixedTop {
		padding: 0px;
		text-align: left;
	}
	#fixedTop span {
		position: absolute;
		margin-top: 81px;
		margin-left: 240px;
		text-align: left;
		z-index: 9999;
	}
	#fixedTop span a {
		color: #000;
		position: absolute;
		z-index: 9999;
		padding: 5px;
		display: block;
	}
	nav {
	    background-image: url("button.png");
		height: 40px;
	}
	/* --------------------------------------------- */
	#sosPhone {
		position: absolute;
		display: block;
		background-image: url("alarm.png");
		background-repeat: no-repeat;
		height: 40px;
		padding-left: 90px;
		text-align: center;
		margin-top: 85px;
		z-index: 9999;
	}
	#sosPhone cite {
		font-style: normal;
		display: block;
		font-size: 11px;
		padding-top: 4px;
	}
	#sosPhone a.redPhone {
		font-weight: bold;
		color: red;
		font-size: 14px;
		text-decoration: none;
	}
	/* --------------------------------------------- */
	#lang {
		float: none;
		width: 200px !important;
	}
	section.fullEvents h1, section.halfEvents h1{
		font-size: 80%; 
	}
	div.eventsBox {
		width: 47%;
		min-height: 120px !important; 
	}
	div.eventsBox div.imageCut {
		min-height: 80px !important;
	}
	div.eventsBox div.imageCut img {
		max-height: 100px !important;
	}
	div.razni h3 {
		font-size: 70%;
	}
	div.razni p  {
		display: none;
	}
	div.eventsBox div.razni {
		min-height: 38px;
	}
	input.BtnIndex {
		font-size: 10px !important;
	}
	div.halfBox {
		max-width: 98%;
	}
	div.blgDate {
		min-height: 80px;
	}
	div.textNews h2 a {
		font-size: 50% !important;
	}
	section.secondMobile div.eventsBox {
		width: 98% !important;
	}
	div.halfBoxContact {
		width: 98%;
	}
	div.ContactIndex {
		width: 100%;
	}
	footer {
		display: none !important;
	}
	#copyRight .centerCopy {
		margin-top: 10px;
		border-top: 2px solid #0D4F2E;
	}
	#copyRight .copy a {
		padding: 10px 0px;
		margin-left: 0px !important;
		display: block;
		width: 100%;
	}
	#copyRight .copy a img {
		margin-right: 10px;
	}
	div.sos {
		margin-top: 5px;
	}
	/* ------------------------- CALLERY ---------------------------------- */
	#jquery-lightbox {
		z-index: 10000;
	}
	#lightbox-container-image img{
		width:100%;
	}
	#lightbox-container-image-box{
		width:100% !important;
		height: auto !important;
	}
	#lightbox-container-image-data-box{
		width:100% !important;
		padding:0px !important;
	}
	.fixedImg {
		width: 100%;
	}
	div.content1{height: auto;}  div.content{height: auto;}

	ul.breadcrumb {
		display: none;
	}
	div.teamDep {
		min-height: 250px;
	}
	div.teamDep img {
		width: 150px;
		height: 180px;
		margin: 2px;
	}
	div.teamDep h3 {
		margin-top: 190px;
		color: #127443;
		padding: 0px 5px 5px 5px;
		font-size: 12px;
	}
	div.teamDep p {
		display: none;
	}
	div.teamDep .spec {
		font-size: 11px;
		padding: 2px 5px;
	}
	div.teamDepSingle img {
		float: none;
	}
	div.teamDepSingle h3 {
		margin-top: 0px;
		color: #127443;
		padding: 0px 5px 5px 8px;
		font-size: 12px;
	}
	div.teamDepSingle .spec {
		font-size: 11px;
		padding: 2px 8px;
	}
	.menu--adrian .menu__helper {
		font-size: 11px;
	}
	.menu--adrian .menu__item {
		padding: 0px 2px;
	}
	.menu--adrian .menu__link::before {
		height: 15px;
		//border-bottom: 1px solid #127443;
		background: none;
	}
	.menu__item {
		width: 100%;
		background-color: #f4f4f4;
		border-bottom: 1px solid #ccc;
		padding-left: 20px !important;
	}
	#Adrian {
		width: 105%;
		margin-left: -23px;
	}
	.menu--adrian .menu__link {
		padding: 8px 0px;
	}
	/* -------------- NEWS ----------------------- */
	div.imageNewsHalf {
		width: 100%;
		min-height: 100px;
	}
	div.newsImgMiddle {
		height: 100px;
	}
	div.newPersonalPage div.text {
		float: none;
		width: 100%;
		margin-top: 5px;
	}
	div.newPersonalPage div.text p {
		display: none;
	}
	div.newPersonalPage div.text h3 {
		font-size: 11px;
	}
	div.boxRight {
		right: 0px;
	}
	div.fullEventsNews {
		background-color: transparent !important;
	}
	div.schDate {
		width: 30px;
		float: left;
		font-size: 100%;
		color: #127443;
		font-weight: bold;
		text-align: center;
		padding-top: 0px;
		margin-right: 10px;
		border-right: 1px solid #127443;
		margin-top: 5px; 
	}
	div.moreSchool {
		display: none;
	}
	div.newsBig {
		width: 100%;
		margin-bottom: 20px;
	}
	section.page {
		padding: 0px !important;
	}
	div.newsImgBig {
		height: 185px;
		min-height: 220px;
	}
	div.newsBig {
		min-height: 320px;
	}
	div.newsBig p {
		display: none;
	}
	div.middle h3 {
		font-size: 11px;
	}
	div.moreIndex {
		display: none;
	}
	div.smallNews {
		width: 47%;
		padding: 2px;
	}
	/* ====== CONTACT ===== */
	section.page iframe.contactIframe {
		float: none !important;
		height: 250px !important;
		width: 100% !important;
		margin-bottom: 20px;
	}
	div.contact {
		width: 98%;
	}
	div.medicalCheckLast {
		width: 100%;
		margin-left: 0px;
	}
	div.medicalCheckLast img.width {
		max-width: 90%;
	}
	div.textMedicalCheckLast p, div.btnMC  {
		display: none;
	}
	div.textMedicalCheckLast  {
		float: none !important;
		width: 100%;
	}
	div.textMedicalCheckLast h2 a {
		font-size: 55%;
	}
	div.textMedicalCheckLast div.blgDate {
		min-height: 20px !important;
	}
	div.textMedicalCheck h2 a {
		font-size: 55%;
	}
	div.textMedicalCheck p {
		font-size: 70%;
	}
	div.medicalCheck img {
		width: 20%;
	}
	div.selectMC h1 {
		font-size: 70%;
	}
	#rg-gallery{
		width: 100%;
	}
	/* ---------- ТАБЛЕ ------------ */
		table.schedule,table.schedule thead,table.schedule tbody,table.schedule th,table.schedule td,table.schedule tr { 
			display: block; 
		}
		table.schedule thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		table.schedule tr { border: 1px solid #ccc; }
		table.schedule td { 
			border: none; 
			position: relative;
			padding-left: 0%; 
			text-align: left;
		}
		table.schedule td.reception, table.schedule td.scheduleTD {
			padding: 5px 0px 5px 28%;
			width: 60%;
		}
		table.schedule td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 15%; 
			padding-right: 10px; 
			white-space: nowrap;
			color: #137343;
			font-weight: bold;
		}
		table.schedule td.specialtyTD {
			width: 100%;
			padding: 2px 0px 2px 8px;
		}
		table.schedule div.grayBorder {
			margin: -8px 5px 5px 5px;
		}
		table.schedule td.mobileImages {

		}
		table.schedule div.ImageSchedule a {
			display: block;
		}
		div.searchSpecialty select {
			width: 250px !important;
		}
		table.schedule tr.tableTH {
			display: none;
		}
		table.schedule td:nth-of-type(5):before { content: "График"; }
		table.schedule td:nth-of-type(6):before { content: "Прием"; }

	/* -------------- DKC GRAPH ----------------------- */
	div.selectS img {
		float: none;
	}
	div.selectS h3 {
		margin-top: 0px;
		color: #127443;
		padding: 0px 5px 5px 8px;
		font-size: 12px;
	}
	div.selectS .spec {
		font-size: 11px;
		padding: 2px 8px;
	}
	div.selectS p {
		font-size: 90%;
		padding: 10px;
	}
	div.EventsSection div.eventsBox {
		width: 98% !important;
	}
	/* -------------- School for Parents ----------------------- */
    div.medicalCheckLast img {
	 margin-left: 0px;
	}
	.fixedPage h1 a{
	  position: static !important;
	}
	div.selectMC div.textMC {
		margin-left: 0px;
		width: 100%;
    }
	/* -------------- COMPANY HEALTH ----------------------- */
	div.CampaignPage div.campaignLast{
		width:100%;
	}
	/* -------------- JOBS ----------------------- */
	div.jobs div.text {
		margin-left: 0px;
		float: left;
   }
   /* -------------- PARTNERS ----------------------- */
   div.PagePartner h1{
		padding:0px;
   }
   hr.hrPartner{
		margin-top:35%;
   }
   div.partnerNoLink{
		width:100%;
   }
   div.partner{
		width:100%;
   }
   /* -------------- SEARCH ----------------------- */
	div.PageTeam h1{
		padding:0px;
	}	
	div.search input.search-input{
		width: 96%;
		padding: 5px 0 5px 10px;
	}
	div.search select{
		width: 100%;
		margin-top: 10px;
		padding: 4px 0 4px 10px;
	}
	div.search{
		max-height:120px;
	}
	div.search input.search-submit{
		width: 37%;
		margin-top: 10px;
	}
	div.team{
		width: 48%;
		height: 290px;
	}
	div.team img {
		max-height: 148px;
	}
	/* -------------- LABORATORY ----------------------- */
	.departmentPages{
		margin-left:0px;
	} 
	.moreIndexMobile{
		display:block !important;
	}
}

@media only screen and (min-device-width: 460px) and (max-device-width: 660px) {
	/* -------------- NAV ----------------------- */
	#cssmenu ul ul li a.otd {
		width: 100%;
		}
	#cssmenu > ul > li > a{
		padding-top: 15px;
		font-size: 52%;
		padding-bottom: 16px;
		padding-right: 5px;
		padding-left: 5px;
	}
	#top1, #top2, #top3 {
		padding: 10px 3px 10px 40px;
	}

	.container {
		display: none;
	}
	
}
@media only screen and (min-device-width : 660px) and (max-device-width : 1020px) {
	/* -------------- NAV ----------------------- */
	#cssmenu ul ul li a.otd {
		width: 100%;
		}
	#cssmenu > ul > li > a{
		padding-top: 15px;
		font-size: 60%;
		padding-bottom: 16px;
		padding-right: 5px;
		padding-left: 5px;
	}
	#cssmenu ul ul li a{
		width: 100%;
	}
}	

