@media (max-width: 1180px) { /* 1140 + 20 scrollbar */

	#responsive-menu-opener:checked ~ .responsive-menu-opener .navigation, .responsive-menu-opener.js-responsive-open .navigation,
	.responsive-clear { display: block; }	

	[data-opener=menu-main] {
		display: inline-block;
		margin-left: 0;		
	}

	body.homepage_global, body, body.homepage_city {
		background-image: none;
	}

	#top .hotline {
		width: auto;
		margin-right: 0;
	}

	#top { height: auto; }

	#top h1 {		
		margin-left: 0; 
	}

	.navigation {
		display: none;
		margin: 0;
		position: static;
		left: auto;
		bottom: auto;
	}

	.navigation li {
		float: none;
		width: 280px;
	}

	.navigation li a {
		height: auto;
		line-height: 20px;
		padding: 6px 10px;
		margin: 0 0 8px;
		background: #575858;
		background: -moz-linear-gradient(top,  #575858 0%, #343636 50%, #636464 100%);
		background: -webkit-linear-gradient(top,  #575858 0%,#343636 50%,#636464 100%);
		background: linear-gradient(to bottom,  #575858 0%,#343636 50%,#636464 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575858', endColorstr='#636464',GradientType=0 );
	}

	.navigation > li:hover > a, .navigation > li.selected > a,
	.navigation li:hover li:hover a, .navigation li.selected li:hover a, .navigation li.selected li.selected a {
		background: #db3498;
		background: -moz-linear-gradient(top,  #db3498 0%, #d22f83 50%, #e472b0 100%);
		background: -webkit-linear-gradient(top,  #db3498 0%,#d22f83 50%,#e472b0 100%);
		background: linear-gradient(to bottom,  #db3498 0%,#d22f83 50%,#e472b0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db3498', endColorstr='#e472b0',GradientType=0 );
	}

	.navigation li:hover li a, .navigation li.selected li a, .navigation li ul li a {
		background: #575858;
		background: -moz-linear-gradient(top,  #575858 0%, #343636 50%, #636464 100%);
		background: -webkit-linear-gradient(top,  #575858 0%,#343636 50%,#636464 100%);
		background: linear-gradient(to bottom,  #575858 0%,#343636 50%,#636464 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575858', endColorstr='#636464',GradientType=0 );
	}

	.navigation li ul {
		display: none;
		margin: 0;
		visibility: visible;
		position: static;
		top: auto;
	}

	.navigation li.selected ul {
		display: block;
	}

	.navigation li ul li {
		display: inline-block;
		width: auto;
	}

	.navigation li ul li a, .navigation li.selected li a, .navigation li ul li.first a {
		display: block;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 0 7px 7px;
	}
	
	.navigation li ul li a {
		height: auto;
		line-height: 20px;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	#page_perex {
		float: left;
		width: 48%;
		height: auto;
		margin-left: 0;
		margin-top: 0;
	}

	.cities {
		float: right;
		max-width: 48%;
		margin-bottom: 25px;
		clear: none;
		position: static;
		top: auto;
	}

	.cities.kontakty {
		float: left;
		width: auto;
		max-width: none;
		height: auto;
		left: auto;
	}

	.cities li {
		float: left;
		width: 46%;
		max-width: 200px;
		margin: 0 2% 13px 0;
	}

	.cities.kontakty li {
		width: 140px;
	}

	.cities li a {
		width: auto;
		float: none;
		margin: 0;
		border-radius: 12px;
	}

	.cities li a:hover { float: none; }

	.services {
		margin-left: -2%;
		position: static;
		top: auto;
	}

	.services .service {
		width: 18%;
		max-width: 210px;
		margin-left: 2%;
		margin-bottom: 25px;
		border-radius: 5px;
	}

	.services .service a {
		width: 100%;
		background: 0;
		border-radius: 4px;
	}

	.services .service a span {
		display: block;
		height: 40px;
		line-height: 40px;
		background: #575858;
		background: -moz-linear-gradient(top,  #575858 0%, #343636 50%, #636464 100%);
		background: -webkit-linear-gradient(top,  #575858 0%,#343636 50%,#636464 100%);
		background: linear-gradient(to bottom,  #575858 0%,#343636 50%,#636464 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575858', endColorstr='#636464',GradientType=0 );
	}

	.homepage_info.text, .homepage-img {
		margin-top: 0;
		margin-left: -3%;
	}

	.homepage_info .col {
		width: 30.333%;
		min-height: 0;
		margin-left: 3%;
		margin-right: 0;
		margin-bottom: 25px;
	}

	.homepage_city #page_perex {
		float: none;
		width: auto;
		margin-bottom: 10px;
	}

	#homepage #page_text_kontakt {
		width: auto;
		height: auto;
		position: static;
		top: auto;
		left: auto;
	}

	#homepage #galerie {
		width: auto;
		height: auto;
		margin-bottom: 25px;
		position: static;
		left: auto;
		top: auto;
	}

	#homepage #galerie h3 {
		float: left;
	}

	#homepage #galerie a.more {
		float: right;
		position: static;
		left: auto;
		top: auto;
	}

	.galerie__wrapper {
		margin-left: -2%;
	}

	#homepage #galerie img {
		width: 14.666%;
		max-width: 200px;
		margin-left: 2%;
		margin-right: 0;
	}

	#page_left {
		width: 65%;
	}

	#page_right {
		width: 30%;
	}

	#page_text {
		width: auto;
		margin-top: 0;
		margin-left: 0;
	}

	.contactForm table { width: 100%; }

	.contactForm input, .contactForm textarea {
		width: 90%;
		margin-left: 5%;
	}

	.photogallerywrapper { margin-left: -2%; }

	.photogallery, .photogallery.last {
		float: left;
		width: 23%;
		max-width: 200px;
		margin-left: 2%;
		margin-right: 0;
	}

	.navigation li.reference ul li, .navigation li.nabidka-sluzeb-a-ceny ul li { width: auto; }
	
	.top-firma-header {
		float: right;
		width: 65px;
		margin-left: 0;
		margin-top: -10px;
	}	

}

@media (max-width: 800px) {
  body.homepage_global:before {
  opacity: 0.1;
  }
	#top h1 {
		float: none;		
		margin-right: 15px;
	}

	#top h1 img { margin: auto; }

	#top .hotline {
		float: none;
		height: auto;
		margin: 15px 0;
		text-align: center;		
	}	

	#top .hotline span {
		display: inline-block;
		font-size: 20px;
	}
		
	#page_perex {
		float: none;
		width: auto;
		margin-bottom: 25px;
	}

	.cities {
		float: left;
		width: 100%;
		max-width: none;
		margin-top: 0;
		margin-bottom: 25px;
	}

	.services .service {
		width: 31.333%;
	}

	.galerie__wrapper { margin-left: -3%; }

	#homepage #galerie img {
		width: 30.333%;
		margin-left: 3%;
	}

	#page_left, #page_right {
		float: none;
		width: auto;
		margin-top: 0;
	}

	.page_right__inner {		
		background: #000;
		background: -moz-linear-gradient(left,  #2f2f2f 0%, #000 100%);
		background: -webkit-linear-gradient(left,  #2f2f2f 0%,#000 100%);
		background: linear-gradient(to right,  #2f2f2f 0%,#000 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f2f2f', endColorstr='#000',GradientType=1 );		
	}

	div.article p img, div.article img.leftfloated, img.rightloated {
		max-width: 50%;
		height: auto !important;
	}

	body.simple #content #page_left {
		padding-bottom: 0;
		background: 0;
	}



}


@media (max-width: 600px) {

	.homepage_info.text, .homepage-img { margin-left: 0; }

	.homepage_info .col {
		float: none;
		width: auto;
		margin-left: 0;
	}

	.photogallery, .photogallery.last { width: 31.333%; }
	
	img { height: auto !important; }

}

@media (max-width: 480px) {

	.services .service {
		width: 48%;
	}

	#homepage #galerie img {
		width: 47%;
	}

	.photogallery, .photogallery.last { width: 48%; }

}