
.loga{
display:flex;
max-width:300px;
align-items: center;
}

	hr{
	    height: 21px;
	    border: 0px none;
	    background: url(img/cara_vodorovna.png) center center no-repeat;
      background: url(img/hr.svg) center center no-repeat,
      linear-gradient(transparent, transparent);
	    clear: both;
	    margin:20px 0;
	    padding: 0px 0px;
	    background-size:cover;
	}

section#mainContent section{
	margin-bottom:5px;
	padding-bottom:1px;
}



@media screen and (max-width:980px){
	body{
		min-width:320px;
	}

	#mainHeader{
		height:auto;
	}

	#mainHeader .inner {
		margin-top:0;
	}

	#mainHeader div.toolbar{
		text-align:center;
		position:static;
	}

	#mainHeader p.logo {
		height:110px;
		padding-top:10px;
	}

	#mainHeader p.logo img{
		height:100px;
	}

	#mainHeader .inner{
		width:100%;
	}
	#mainContent .inner{
		width:calc(100% - 20px);
		padding:10px;
	}

	#mainFooter{
		width:100%;
	}


	.body_index .slider{
		height:auto;
		padding-top:41%;
		background:0;
	}

	.body_index .slider .sliderInner{
		width:calc(100% - 20px);
		box-shadow:0px 3px 5px -3px rgba(0,0,0,.3);
		height:auto;
		border: 4px solid white;
	}

	.body_index .slider .sliderInner::after{
		content:'';
		display:block;
		padding-top:38.8%;
	}

	#mainContent .inner img{
		max-width:100%;
	}



	.body_index .indexArticlesBox{
		max-width:100%;
	}

	nav.indexMenu ul{
		    display: flex;
	    flex-wrap: wrap;
	    height:auto;
	    justify-content:center;
	}

	nav.indexMenu ul li{
		margin:5px 0;
		width:135px !important;
		height:auto;
	}

	nav.indexMenu li p{
		padding:0 15px;
	}

	header nav ul{
		border-top:2px solid rgba(119, 213, 218, 1.000);
		background: rgba(65, 58, 56, 1.000);

	}

	#mainHeader{
		background:none;
	}

	.body_index #mainHeader,
	#mainHeader nav ul{
		height:auto;
		padding-top:0;
	}

	.body_index .indexArticlesBox p.indexArticleNewsImage {
		float:none;
		height:auto;
		display:none;
	}

	.body_index .indexArticlesBox{
		width:100%
	}

	.body_index .indexArticlesBox .indexArticleNewsContent{
		margin-left:0
	}

	.body_index .fb-like-box {
		display:none;
	}

	.body_index .indexBoxes{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
	}

	.body_index .indexBoxes > article{
		float:none;
		margin:0 5px 5px 5px;
	}

	.body_index .slider p{
		height:100%;
	}

	#mainFooter address,
	#mainFooter nav{
		position:static;
	}

	#mainFooter table{
		margin:0 auto;
	}

	#mainFooter nav{
		display:none;
	}

	#mainFooter address{
		clear:both;
		margin-top:20px;
		text-align:center;
	}

	#mainFooter > p{
		text-align:center;
	}


	.body_index .indexBoxes .indexBoxImage{
		width:100%;
		height:auto;
	}

	.body_index .indexBoxes > article {
		height:auto;
		background:white;
		box-shadow:0px 3px 5px -3px rgba(0,0,0,.3);
		width:100%;
		max-width:300px;
		margin-bottom:10px;
	}

	.body_index .indexBoxes > article .indexBoxInner{
		width:auto;
		height:auto;
		margin-right:0;
		border:none;

	}

	.body_index .indexBoxes .indexBoxImage img{
		max-width:100%;
		max-height:100%;
		width:100%;
		height:auto;
	}

	section.serviceBoxes article{
		display:flex;
		flex-wrap: wrap;
		padding:10px;

	}

	section.serviceBoxes article h1{
		font-size: 28px;
		line-height:1.25;
	}

	section.serviceBoxes article p,
	section.serviceBoxes article table{
		font-size:90%;
	}

	.body_service .serviceBoxes > article section.serviceContent{
		margin-left:0;
		float:none;
	}

	.body_hotel .serviceBoxes > article .serviceImageBox,
	.body_service .serviceBoxes > article .serviceImageBox{
		margin: 0 auto 10px;
		background:none;
		height:auto;
		width:auto;
		line-height: 1;
		padding:0;
	}

	.body_article article{
		width: calc(100% - 40px);
	}

	.body_hotel .serviceBoxes > article .serviceImageBox img,
	.body_service .serviceBoxes > article .serviceImageBox img{
		padding:10px;
		background:white;
		box-shadow:2px 2px 5px rgba(0,0,0,.3);
		max-width:calc(100% - 20px);
		width: calc(100% - 20px);
	}

	.body_hotel .serviceBoxes > article,
	.body_service .serviceBoxes > article{
		overflow: visible;
	}

	table{
		width:100% !important;
	}

	.loga{
		margin:0 auto;

	}

	.body_contact .flex{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.body_contact .flex .contactForm{
		width:auto;
	}
	.body_contact .flex .contacts{
		margin-left:0;
	}
	.body_contact .flex .contactForm textarea,
	.body_contact .flex .contactForm input{
		width:96%;
	}
	.body_hotel .serviceBoxes > article .serviceContent{
		margin-left:0;
	}
/*
	.body_article article{
		width:calc(100% - 40px);
	}

	.body_hotel .serviceBoxes > article .serviceContent{
		margin-left:0;
		width:calc(100% - 410px);
	}
	section.serviceBoxes article{
		justify-content:space-between;
	}*/
}
/*
@media screen and (max-width:800px){
	.body_hotel .serviceBoxes > article .serviceContent{
		margin-left:0;
		margin-top:10px;
		width:calc(100%);
	}
}
*/

@media screen and (max-width:930px){
	.body_contact .flex form.contactForm{
		width:100%;
	}
	.body_contact .flex .contacts{
	width:calc(100% - 20px);
	margin-top:20px;
	padding:1px 10px;
	}
	#mainHeader nav ul li{
		padding: 0 8px 0 9px;
	}
	.fb-like-box {
		display:none !important;
	}
}

@media screen and (max-width:560px){
	#mainContent .inner{
		width:calc(100%);
		padding:0px;
	}
	#mainContent .inner > h1,
	#mainContent .inner > h1 + p,
	#mainContent .inner > * + p + p
	{
		margin-left:10px;
		margin-right:10px;
	}
	#mainContent .inner > * + p{
		font-size:18px;
	}

	.body_article #mainContent ul,
	#mainContent .indexArticlesBox .indexArticlesContent ul {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 10px;
}
	footer address p{
		line-height:1.5;
	}

}


@media screen and (max-width:360px){
	.body_contact .contacts div.map{
		padding-left:0;
		padding-top:40px;
	}
}



.logo img{
	max-width:177px;
	height:auto;
}
#mainFooter .wilson{
    color: white;
    font-size: 12px;
    padding-left: 30px;
}


img.logo{
	width:118px;
	height:auto;
}

