/* ==============================================================

Author  : Vitalij Petráš
Web		: www.html-factory.cz
Created : 24.9.2014

============================================================== */

@media all and (max-width:1400px) {
	/*body{font-size: 16px;}
	h1{	font-size: 15px;}
	h2{	font-size: 8px;}*/
	
	.pad article{padding: 30px 8%;}
}
@media all and (min-width:1400px) {
	#services{position: absolute;bottom: 0;left: 50%;width: 50%;}
	#services .block{width: 100%;float: none;display: block;text-align: center;}
	#services .service{
		padding: 15px 0;float: none;display: inline-block;margin:0 10px 10px;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		-ms-box-shadow: none;
	}
}



@media all and (max-width:1250px) {
	#domu .slider ul li img{height: 100%;width: auto;}
	#pudorysy{height: auto !important;min-height: 1px !important;padding: 30px 0;display: block;}
	#pudorysy .pudorysy_wrap{display: block;margin: 0 auto;}
	.grid-two{float: none;width: 100%;}
	
	
	.slider.small,.staticimgs{
		min-height: 1px !important;position: relative;top: auto;right: auto;width: 100%;float: none;height: auto;
		ul{
			li{
				height: auto;padding-bottom: 50%;
			}
		}
	}

	.slider ul li,.slider.small ul li,.slider.small.left ul li,.slider.small.right ul li,.staticimgs,
	.staticimgs.left,.staticimgs.right{
		padding-bottom: 50%;background-position: center center;background-size: 100% auto;background-repeat: no-repeat;

		-webkit-background-attachment : scroll;
	    -moz-background-attachment : scroll;
	    -ms-background-attachment : scroll;
	    -o-background-attachment : scroll;
	    background-attachment : scroll;
	    background-position: bottom center;
	}
	.slider.fullwidth_slider ul li{
		-webkit-background-attachment : scroll;
	    -moz-background-attachment : scroll;
	    -ms-background-attachment : scroll;
	    -o-background-attachment : scroll;
	    background-attachment : scroll;
	    background-position: center center;
	}

	#domu{
		-webkit-background-attachment : scroll;
	    -moz-background-attachment : scroll;
	    -ms-background-attachment : scroll;
	    -o-background-attachment : scroll;
	    background-attachment : scroll;
	}


	.grid-two{min-height: 1px !important}
	.pad article,.pad{display: block !important;width: 100% !important;height: auto !important}
	.pad article ul li{width: 50%;float: left;padding-left: 0;}
	.pad article ul.local_ul{padding-top: 15px;}
	.pad article ul.local_ul li{text-align: center;width: 100%;padding: 0;}
	.pad article ul.local_ul li:before{position: relative;top: auto !important;left: auto !important;margin: 0 auto;margin-bottom: 15px;}
	.box{min-height: 1px !important;}
	
	
	.pad article{padding: 60px 4%}
	.contacts .grid-two{width: 50%;}
	#services{display: table;vertical-align: middle;padding-bottom: 10px;}
	#services .service{display: table-cell;vertical-align: middle;float: none;
		width: 16.66666%;background: transparent;margin-bottom: 10px;
	}
	#services .service .roh{right: 10px;}
	#services .service .obsah{margin: 0 10px;}
}

@media all and (max-width:1200px){


	#pudorysy .pudorysy_wrap{width: 800px;height: 384px;background: url(/fotos/pudorysy/Metronom_pudorys_1_small.jpg) center center no-repeat;}
	#pudorysy .pudorysy_wrap .floor{height: 21px;left: 86px;width: 625px;}
	#pudorysy .pudorysy_wrap .floor.prizemi{top: 244px;height: 28px;}
	#pudorysy .pudorysy_wrap .floor.prizemi span{width: 140px;}

	#pudorysy .pudorysy_wrap .floor.first{top: 218px;}
	#pudorysy .pudorysy_wrap .floor.second{top: 193px;}
	#pudorysy .pudorysy_wrap .floor.third{top: 168px;}
	#pudorysy .pudorysy_wrap .floor.fourth{top: 143px;}
	#pudorysy .pudorysy_wrap .floor.fifth{top: 118px;}
	#pudorysy .pudorysy_wrap .floor.sixth{top: 93px;}
	#pudorysy .pudorysy_wrap .floor.sixth .middle{width: 145px;margin-left: 240px;}
	#pudorysy .pudorysy_wrap .floor.sixth .seconds{width: 143px;}
		
	#pudorysy .pudorysy_wrap .floor.seventh{top: 68px;}
	#pudorysy .pudorysy_wrap .floor.seventh .middle{width: 145px;margin-left: 240px;}
	#pudorysy .pudorysy_wrap .floor.seventh .firsts{height: 26px;}
		
	#pudorysy .pudorysy_wrap .floor.eighth{top: 43px;}
	#pudorysy .pudorysy_wrap .floor.eighth span.middle{width: 91px;margin-left: 293px;}
	#pudorysy .pudorysy_wrap .floor.eighth .seconds{height: 26px;top: auto;bottom: 0;}
		
	#pudorysy .pudorysy_wrap .floor.ninth{top: 18px;}
	#pudorysy .pudorysy_wrap .floor.ninth .middle{height: 26px;margin-top: -4px;margin-left: 291px;width: 93px;}
		
	#pudorysy .pudorysy_wrap .floor .seconds{
			width: 93px;right: 1px;
		}
	#pudorysy .pudorysy_wrap .floor .firsts{
			width: 91px;left: 53px;
		}
	#pudorysy .pudorysy_wrap .floor .middle{width: 141px;margin-left: 434px;}
	#fixed .hb-logo{display: none;}
	#fixed  .lang{right: 35px;}
	#fixed .logo{display: none;}
}

@media all and (max-width:950px) {
	
	.pad article ul li{width: 100%;float: none;}
}

@media all and (max-width:900px){
	.contacts .grid-2{width: 100%;}
	.contacts .contact_box.map{position: relative;top: auto;left: auto;height: 400px;width: 100%;}
	#fixed .logo{display: none;}
	#navmenu ul{text-align: left;padding-left: 10px;}
}


/*@media all and (max-width:850px) {
	#navmenu{height: auto;padding: 10px 4%;width: 100%;}
	#navmenu ul{height: auto;}
	#navmenu ul li a{height: 30px;line-height: 30px;}
}*/

@media all and (max-width:800px) {
	#pudorysy .pudorysy_wrap{position: relative;left: 50%;transform: translate(-50%);-webkit-transform: translate(-50%);-moz-transform: translate(-50%);-o-transform: translate(-50%);-ms-transform: translate(-50%);}
	#pudorysy h2{position: inherit;top: auto;left: auto;padding-bottom: 20px;}
	/*.fullwidth_slider{height: 500px !important;}*/
	/*.slider.small,.staticimgs{height: 500px !important;}*/
	#services{padding-bottom: 0;}
	#services .service{width: 33.3333%;float: left;border: 0;	}
	#services .block{width: 100%;float: none;}
	.slider ul li,.slider.small ul li,.slider.small.left ul li,.slider.small.right ul li,.staticimgs,
	.staticimgs.left,.staticimgs.right{
		padding-bottom: 80%;background-position: top center;
	}
	#domu h1{font-size: 60px;line-height: 65px;}
}
@media all and (max-width:750px) {
	.pad article{padding: 30px 4%}
	#navmenu ul{padding-left: 0;width: 80%;}
	
	#navmenu ul li a{height: auto;line-height: 100%;padding-top: 10px;padding-bottom: 10px;}
	
	.lang{right: 10px;top: 22px;}

	.righbox{width: 75px;height: 75px;}
	.righbox p{bottom: 5px;}
	.righbox span{top: 8px;}
}

@media all and (max-width:700px) {
	.contacts .contact_box.map{height: 300px;}
	/*.slider.small ul li img, .staticimgs img,.slider.fullwidth_slider ul li img{width: auto;height: 100%;}*/
}
@media all and (max-width:600px) {
	#pudorysy{display: none;}
	#navmenu ul li.pudorysy_li{display: none;}
  .contacts .contact_box{min-height: 1px;}
  .contacts .contact_box.map{padding: 0;height: 400px;}
  .contacts .contact_box .goggle_map{position: relative;top: auto;left: auto;}
  /*.fullwidth_slider{height: 400px !important;}*/
	/*.slider.small,.staticimgs{height: 400px !important;}*/
	#fixed{height: auto;}
}

@media all and (max-width:500px) {
	/*.fullwidth_slider{height: 400px !important;}*/
	/*.slider.small,.staticimgs{height: 400px !important;}*/
	#galerie h2{text-align: left;padding-left: 4%;}
	.contacts .contact_box.map{padding: 0;height: 300px;}
	/*.contacts .contact_box{width: 100%;}*/
	.video_test{display: none;}

	#domu h1{padding-top: 0;}
	#domu h1{font-size: 40px;line-height: 45px;}
}

@media all and (max-width:450px) {
	#navmenu ul{margin: 0;text-align: left;padding-left: 10px;}
	
	#fixed .logo{display: none;}
	#fixed .lang{right: 10px;top: 22px;}

	.slider .fotogalerie_popis{min-width: 80px;padding: 5px;height: 35px;}
	.slider .fotogalerie_popis.right p,.slider .fotogalerie_popis p{width: auto;text-align: left;padding: 0;}
	.slider .fotogalerie_popis.right span,.slider .fotogalerie_popis span{position: relative;bottom: auto;right: auto;}
	.slider .fotogalerie_popis.right{text-align: left;}
	.slider .fotogalerie_popis.right{right: auto;left: 0}

	#galerie h2{top: auto;bottom: 0;padding-bottom: 0;}

	
}

@media all and (max-width:400px) {
	/*.fullwidth_slider{height: 350px !important;}*/
	/*.slider.small,.staticimgs{height: 350px !important;}*/
	.logo{margin-top: 30%;}
	.righbox{display: none;}
}
@media all and (max-width:350px) {
	#domu .logo{display: none;}
}

@media all and (max-height:600px) {
	#domu h1{font-size: 40px;line-height: 45px;}
}
@media all and (max-height:500px) {
	#domu .logo{display: none;}
}
@media all and (max-width:319px) {
	#domu .top-home{
		top: 35%;
	}
	#domu h1{font-size: 30px;line-height: 35px;}
	#domu .center-image{display: none;}
}