/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
	.navbar-brand {width: 250px;}
	.navbar-nav > li > a {font-size: 13px;}
	.slider_bg h1 {font-size: 2em;}
}
/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
	.navbar-brand {display: none;}
	.navbar-nav > li > a {font-size: 14px;}
	.navbar-collapse, .navbar-static-top .navbar-collapse {padding-right: 15px;}
	.slider_bg a {display: inline-block;}
	.slider_bg h1 {
		font-size: 2em;
	    margin-top: 10px;
	    padding: 0 5%;
	}
	#obvyazka img,
	#naladka img,
	#energosberegenie img,
	#otoplenie img,
	#vodosnabgenie img {display: none;}

	#obvyazka img.img_left,
	#energosberegenie img.img_left,
	#otoplenie img.img_left {
		display: block;
		float: left;
		max-width: 300px;
		margin: 0 20px 0px 0;
	}
	#naladka img.img_right,
	#energosberegenie img.img_right,
	#vodosnabgenie img.img_right {
		display: block;
		float: right;
		max-width: 300px;
		margin: 0 0 0 20px;
	}
	#sertificat img {height: 220px;}
}
/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
	.navbar-brand {display: block;}
	.navbar-collapse {background-color: rgba(0, 0, 0, 0.8);}
	.headhesive--stick .navbar-brand img {padding: 6px; width: 100%;}
	.slider_bg a {display: none;}
	.slider_bg h1 {
	    margin-top: 120px;
	}
	#sertificat img {height: auto; padding: 5%;}
}
@media only screen and (max-width: 640px) {
	.slider_bg h1 {font-size: 1.6em;}
	.slider_bg h3 {font-size: 18px;}
	#obvyazka img.img_left,
	#energosberegenie img.img_left,
	#otoplenie img.img_left {
		max-width: 200px;
	}
	#naladka img.img_right,
	#energosberegenie img.img_right,
	#vodosnabgenie img.img_right {
		max-width: 200px;
	}
}
/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
	#SlideShow {display: none;}
	header img.img_mobile {display: block;}
	.navbar-brand {width: 200px;}
	.slider_bg .header_phon p {font-size: 1.6em;}
	footer p {display: block; padding-bottom: 10px;}
}
@media only screen and (max-width: 420px) {
	#obvyazka img.img_left,
	#energosberegenie img.img_left,
	#otoplenie img.img_left {
		max-width: 100%;
	}
	#naladka img.img_right,
	#energosberegenie img.img_right,
	#vodosnabgenie img.img_right {
		max-width: 100%;
	}
}
/* Custom, iPhone Retina */

@media only screen and (max-width: 360px) {
	.navbar-brand {width: 180px;}
	.slider_bg h1 {font-size: 1.5em;}
	.slider_bg h3 {font-size: 16px;}
}
@media only screen and (max-width: 320px) {
	.slider_bg h1 {font-size: 1.3em;}
}
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
}
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}
/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {}
/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {}