@media only screen and (max-width: 769px), only screen and (max-device-width: 769px) {
	.h1{
		font-size:1.9em;
	}
	
	.p{
		margin-bottom:10.5%;
	}
	
	.logo{
		width: 65%;
		height: 85px;
		margin: 4% auto;
		background-image: url("../images/logo.png");
		background-repeat: no-repeat;
		background-size: 85%;
		background-position: auto 85%;
	}
	
	#wrapper-refs{
		overflow: auto;
	}

	nav{
		width:100%;
		float: none;
		padding: 0 0 10% 0!important;
		margin: 0 0 0 0!important;
		min-height: 0;
	}

	.nav-menu{
		margin-bottom:0%;
	}

	.nav-menu a{
		padding-bottom: 1.2%;
		padding-top: 0;
		margin-bottom: 2.5%;
	}
	
	.nav-menu a:hover{
	color:#fff;
	padding-bottom:1.2%;
	font-weight:bold;
	font-size:1em;
}

	#nav-submenu{
		display:none;
	}

	#nav-subsubmenu{
		display:none;
	}

	.nav-subsubmenu{
		display:none;
	}
	
	.nav-refs {
		display:none;
	}
	
	.nav-refs-mobile {
		display:block;
	}

	/* zaciatok body */
	div [class^="section-aside-wrapper"]{
		width:100%;
		overflow:hidden;
		min-height:0;
		background-color: #c8d0de;
		background-image: none!important;
	}

	section{
		width: 90%;
		overflow:hidden;
		text-align: center;
		margin: 0!important;
		padding: 0 5% 0 5%!important;
		float: none;
	}

	.section-index{
		width: 90%;
		overflow:hidden;
		text-align: center;
		margin: 0!important;
		padding: 0 5% 0 5%!important;
		float: none;
	}

	.section-top-line{
		visibility: hidden;
	}
	/* koniec body */

	/* zaciatok index body css */
	.section-half-block{
		margin-top:1%;
	}

	.section-toggles-wrapper{
		display:none;
	 }
	 .section-testimonial{
		margin-bottom:10%;
	}

	.section-wrapper{
		width:95%;
		margin-bottom:11%;
	}
	/* koniec index body css */
	
	/* zaciatok sluzby body css */
	.section-sluzby-list li {
		display: table;
		padding-top: 2px;
		padding-left:10%;
		margin: 10% auto;
		float:none;
	}
	/* koniec sluzby body css */
	
	/* zaciatok referencie body css */
	.section-menurefs-mobile{
		width: 100%;
	}
	
	.section-menurefs-mobile li{
		margin: 5% auto;
		display: table;
		font-size: 1.4em;
		font-weight: bold;
		color:#0095da;
	}
	
	.section-menurefs-mobile li:hover{
		color:#fff;
	}
	
	.section-menurefs-mobile .section-submenurefs-mobile li{
		margin: 13% auto;
		display: table;
		font-size: 0.8em;
		font-weight:normal;
		color:#fff;
	}
	
	.section-menurefs-mobile .section-submenurefs-mobile li:hover{
		color:#aaa;
	}
	/* koniec referencie body css */

	/* zaciatok ludskezdroje body css */
	.section-hr-contact {
	  border:none;
	  margin-bottom:5%;
	 }

	.section-hr-contact p {
	  font-size: 1.45em;
	 }
	 /* koniec ludskezdroje body css */
	 
	 /* zaciatok kontakt body css */
	.section-contact-wrapper{
		display: table;
	}
	.section-contact-info-left p, .section-contact-info-right p{
		font-size:0.8em;
	}
	.section-contact-form-third{
		width: 94.7%;
		display:block;
	 }
	 .section-contact-form-third:nth-child(3) {
		float:none;
	 }
	 /* koniec kontakt body css */
	 
	 /* zaciatok referencie body css */
	.section-refs-mobile{
		width:100%;
		display:block;
	}
	
	.section-refs-mobile img{
		width:100%;
		height: auto;
		margin-bottom:2%;
	}
	
	.section-refs{
		display: none;
	}
	 /* koniec referencie body css */
	 
	aside{
		display:none!important;
		margin: 0;
		padding: 0;
		float:none;
	}

	article{
		margin: 0!important;
	}

	footer{
		display:none!important;
		position:relative;
	}
}

@media only screen and (max-width: 769px) and (orientation: landscape), only screen and (max-device-width: 769px) and (orientation: landscape) {
	/* zaciatok index body css */
	.section-toggles-wrapper{
		display:block;
	}
	/* koniec index body css */
	
	/* zaciatok sluzby body css */
	.section-sluzby-list li {
		margin: 5% auto;
	}
	/* zaciatok sluzby body css */
	
	/* zaciatok kontakt body css */
	.section-contact-third-block {
		padding: 3% 2% 3% 2%;
		  width: 29%;
	}
	
	.section-contact-third-block  h3{
		font-size:1.10em;
	}
	
	.section-contact-third-block  strong{
		font-size:1em;
	}
	
	.section-contact-third-block  p{
		font-size:0.85em;
	}
	/* koniec kontakt body css */
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px){
	/* zaciatok index body css */
		.article-googlemaps{
			background-position: 10% 0%;
		}
	/* zaciatok index body css */
	
	/* zaciatok sluzby body css */

	/* koniec sluzby body css */
	
	/* zaciatok ludskezdroje body css */
	.section-hr-contact p {
	  font-size: 1.1em;
	 }
	 /* koniec ludskezdroje body css */
	 
	 /* zaciatok kontakt body css */
	 .section-contact-lifestyle, .section-contact-rightstyle{
		height:101px; /* skuska na contact taby, pevna vyska*/
	 }
	 .section-contact-leftstyle p, .section-contact-rightstyle p{
		font-size: 0.875em;
	 }
	 
	 .section-contact-info-left, .section-contact-info-right{
		width:100%;
		margin-bottom:6%;
	 }
	 
	 .section-contact-third-block{
		width: 93%;
	 }
	 
	 .section-contact-map{
		background-position: 50% 50%;
	 }
	 /* koniec kontakt body css */
}