@media screen and (min-width: 1500px) {
	#slider .slide-title span{ font-size: 92px; line-height: 124px; padding: 0 18px;}
	#slider .slide-title .slide-title-2{ font-size: 58px; line-height: 80px;}
}

@media screen and (min-width: 680px) and (max-width: 1200px) {
	#slider .slide-title span{ font-size: 55px; line-height: 75px; padding: 0 18px;}
	#slider .slide-title .slide-title-2{ font-size: 35px; line-height: 54px; top: 5px;}
}

@media screen and (max-width: 1200px) {	
	#homenews{width: 100%; height: 265px; text-align: center;}
		#homenews li{ float: none; display: inline-block;}
		#homenews li:last-child{ margin-right: 0;}
	#homefb{width: 100%; height: 265px; text-align: center;}
		#homefb iframe{ width:446px; height:181px;}
}

@media screen and (max-width: 1230px) {	
	#gallery li:nth-child(3n+1){ left: 0px;}
	#gallery li:nth-child(3n) { left: 0px;}
	#gallery-like{ width: 200px;}
}

@media screen and (min-width: 1050px) and (max-width: 1230px) {	
	#gallery li{ width: 269px; padding: 22px 22px 10px 19px; background: url('../img/gallery_small.png') no-repeat top center;}
	#gallery.photos li, #gallery.reference li{ background: url('../img/photo_small.png') no-repeat top center;}
	#gallery li img{ width: 269px; height: 172px;}
	#gallery.reference li img{ width: 269px; height: auto;}
	#gallery.reference li h2{ margin-bottom: 0; letter-spacing: -0.5px;}
	#gallery.reference li p{ font-size: 12px; line-height: 18px; letter-spacing: -0.5px;}
	#gallery li .overlay{ width: 269px; height: 80px; padding-top: 93px; background-position: center 55px;}
	#gallery{ width: 970px; margin: 0 auto;}
	
	.gallery-form-buttons{ margin-top: 13px;}
	.gallery-form{ height: 149px;}
	.gallery-form p{ font-size: 12px; line-height: 18px; padding-bottom: 8px;}
	.gallery-form label{ font-size: 13px; line-height: 17px; padding: 5px 0; letter-spacing: -0.5px;}
	.gallery-form #unlock-password, .gallery-form #getpass-email{ padding: 5px; line-height: 17px; width: 140px;}
	.gallery-form-buttons a{line-height: 32px;}
	.gallery-form-buttons input{ line-height: 32px;}

	#main-article{ width: 700px;}
	#main-article .technika p{ width: 477px;}
}

@media screen and (min-width: 1049px) and (max-width: 1149px) {	
	#main-article{ width: 610px;}
	#main-article .technika p{ width: 387px;}
}

@media screen and (max-width: 1050px) {	
	#gallery li:nth-child(1n){ margin: 0 20px;}
	#gallery{width: 808px; margin: 0 auto; margin-top: 10px;}

	#main-article{ float: none; margin: 0 auto;}
	#right-photos{ float: none; margin: 0 auto; width: 100%; text-align: center;}
}

@media screen and (max-width: 920px) {	
	#main-article{ width: 86%;}
	#main-article .technika p{ float: none; width: auto;}
}

@media screen and (max-width: 720px) {	
	#main-article{ width: 100%;}

}

@media screen and (min-width: 720px) and (max-width: 890px) {	
	#gallery li{ width: 269px; padding: 22px 22px 10px 19px; background: url('../img/gallery_small.png') no-repeat top center;}
	#gallery.photos li, #gallery.reference li{ background: url('../img/photo_small.png') no-repeat top center;}
	#gallery li img{ width: 269px; height: 172px;}
	#gallery.reference li img{ width: 269px; height: auto;}
	#gallery.reference li h2{ margin-bottom: 0; letter-spacing: -0.5px;}
	#gallery.reference li p{ font-size: 12px; line-height: 18px; letter-spacing: -0.5px;}
	#gallery li .overlay{ width: 269px; height: 80px; padding-top: 93px; background-position: center 55px;}
	#gallery li:nth-child(2n+1){ margin: 0 20px 0 0;}
	#gallery li:nth-child(2n){ margin: 0;}

	#gallery{width: 640px; margin: 0 auto; margin-top: 10px;}
	.webwidth{padding: 0 20px;}

	.gallery-form-buttons{ margin-top: 13px;}
	.gallery-form{ height: 149px;}
	.gallery-form p{ font-size: 12px; line-height: 18px; padding-bottom: 8px;}
	.gallery-form label{ font-size: 13px; line-height: 17px; padding: 5px 0; letter-spacing: -0.5px;}
	.gallery-form #unlock-password, .gallery-form #getpass-email{ padding: 5px; line-height: 17px; width: 140px;}
	.gallery-form-buttons a{line-height: 32px;}
	.gallery-form-buttons input{ line-height: 32px;}
}

@media screen and (min-width: 430px) and (max-width: 720px) {	

	#gallery li:nth-child(1n){ margin: 0; clear: both;}

	#gallery{width: 364px; margin: 0 auto; margin-top: 10px;}
	.webwidth{padding: 0 20px;}
}

@media screen and (min-width: 370px) and (max-width: 430px) {	
	#gallery li{ width: 269px; padding: 22px 22px 10px 19px; background: url('../img/gallery_small.png') no-repeat top center;}
	#gallery.photos li, #gallery.reference li{ background: url('../img/photo_small.png') no-repeat top center;}
	#gallery li img{ width: 269px; height: 172px;}
	#gallery.reference li h2{ margin-bottom: 0; letter-spacing: -0.5px;}
	#gallery.reference li p{ font-size: 12px; line-height: 18px; letter-spacing: -0.5px;}
	#gallery.reference li img{ width: 269px; height: auto;}
	#gallery li .overlay{ width: 269px; height: 80px; padding-top: 93px; background-position: center 55px;}
	#gallery li:nth-child(1n){ margin: 0; clear: both;}

	#gallery{width: 310px; margin: 0 auto; margin-top: 10px;}
	.webwidth{padding: 0 20px;}

	#slider .slide-title .slide-title-2{display: none;}

	.gallery-form-buttons{ margin-top: 13px;}
	.gallery-form{ height: 149px;}
	.gallery-form p{ font-size: 12px; line-height: 18px; padding-bottom: 8px;}
	.gallery-form label{ font-size: 13px; line-height: 17px; padding: 5px 0; letter-spacing: -0.5px;}
	.gallery-form #unlock-password, .gallery-form #getpass-email{ padding: 5px; line-height: 17px; width: 140px;}
	.gallery-form-buttons a{line-height: 32px;}
	.gallery-form-buttons input{ line-height: 32px;}
}

@media screen and (max-width: 370px) {	
	#gallery li{ width: 269px; padding: 0 0 20px 0; background: none;}
	#gallery li img{ margin-bottom: 15px; width: 269px; height: 172px;}
	#gallery.reference li img{ width: 269px; height: auto;}
	#gallery.reference li h2{ margin-bottom: 0; letter-spacing: -0.5px;}
	#gallery.reference li p{ font-size: 12px; line-height: 18px; letter-spacing: -0.5px;}
	#gallery.photos li, #gallery.reference li{ background: none;}
	#gallery li .overlay{ width: 269px; height: 80px; padding-top: 93px; background-position: center 55px;}
	#gallery li:nth-child(1n){ margin: 0; clear: both;}

	#gallery{width: 269px; margin: 0 auto; margin-top: 10px;}
	.webwidth{padding: 0 20px;}

	#slider .slide-title .slide-title-2{display: none;}

	.gallery-form-buttons{ margin-top: 13px;}
	.gallery-form{ height: 149px;}
	.gallery-form p{ font-size: 12px; line-height: 18px; padding-bottom: 8px;}
	.gallery-form label{ font-size: 13px; line-height: 17px; padding: 5px 0; letter-spacing: -0.5px;}
	.gallery-form #unlock-password, .gallery-form #getpass-email{ padding: 5px; line-height: 17px; width: 140px;}
	.gallery-form-buttons a{line-height: 32px;}
	.gallery-form-buttons input{ line-height: 32px;}

	#right-photos img{ max-width: 100%; height: auto;}
}


@media screen and (max-width: 340px) {	
	#mobile-nav-link{ width: 0; overflow: hidden; background-position: right center;}
}

@media screen and (max-width: 900px) {

	#main-header{ height: 110px; background: url('../img/top-big.png') repeat-x left top;}
		#logo{ float: none; display: block; margin: 0 auto;}
		#slider-next{top: 80%;}
		#slider-prev{top: 80%;}

	#slider{}

	#main-nav{ float: none; text-align: center;}
	#main-nav li{ display: inline-block; float: none;}

}

@media screen and (max-width: 720px) {

	#wrap{ height: auto !important; margin: 0 auto -70px 0;}
	#main-footer, #push{ height:70px; clear:both;}
	
	#main-nav{ float: none; text-align: center;}
	#main-nav li{ display: inline-block; float: none;}

	#main-footer{ line-height: 30px; padding-top: 10px;}
		#footlinks{ float: none; text-align: center;}
			#footlinks li{float: none; display: inline-block; padding: 0 40px 0 0;}
			#footlinks li:last-child{padding-right: 0;}
		#copyright{ float: none; text-align: center;}

	#gallery-like{ float: none;}
}

@media screen and (min-width: 400px) and (max-width: 680px) {
	#slider-next{ transform:scale(0.7,0.7);}
	#slider-prev{ transform:scale(0.7,0.7);}
	#slider .slide-title span{ font-size: 39px; line-height: 58px; padding: 0 9px;}
	#slider .slide-title .slide-title-2{ font-size: 25px; line-height: 44px; top: 3px;}

}	

@media screen and (max-width: 620px) {
	#logo{float: left;}
	#main-header{ height: 63px; background: url('../img/top.png') repeat-x left top;}
	#main-nav{ display: none; float: none; text-align: center; position: absolute; left: 0; right: 0; top: 66px; z-index: 999; background: #fff; border-bottom: 3px solid #D10000; padding: 10px 0; }
	#main-nav li{ display: block;}
	#main-nav li a{ width: 100%; font-size: 24px; padding: 0;}
	#main-nav a#homelink{ background: none; width: auto;}
	#main-nav a#homelink:hover{background: #fff;}
	#main-nav a#homelink span{ display: inline;}
	#mobile-nav-link{display: block;}
	#main-article .technika img{ display: block; float: none; margin-bottom: 15px;}
}

@media screen and (max-width: 720px) {
	#main-nav a{padding: 0 20px; font-size: 15px;}
	#homenews li:last-child{ display: none;}
	#homenews li:nth-child(2){ margin-right: 0;}

	#facebook{ display: none;}
}

@media screen and (max-width: 500px) {
	#homefb{height: 321px;}
	#homefb iframe{ width:100%; height: 237px;}
}

@media screen and (max-width: 480px) {
	#homenews{ height: 440px;}
	#homenews .news-image { text-align: center; width: 100%;}
	#homenews .news-image img{ position: static; margin: 0 auto;}
	#homenews .news-image .news-image-color{ display: none;}
	#homenews .news-image:hover .news-image-bw{ opacity: 1;}
	#homenews li{ margin-right: 0; margin-bottom: 30px; display: block; width: 100%;}
	#footlinks li{ padding-right: 20px; font-size: 14px;}
	#copyright{font-size: 13px;}
	#main-footer .webwidth{ padding: 0 10px;}
}

@media screen and (max-width: 400px) {
	#slider-next{ transform:scale(0.5,0.5);background: url('../img/slider_next.png') no-repeat 40px 0;}
	#slider-prev{ transform:scale(0.5,0.5);background: url('../img/slider_prev.png') no-repeat 0 0;}
	#slider-next:hover{ background-position: 40px 0;}
	#slider-prev:hover{ background-position: 0 0;}
	#slider .slide-title span{ font-size: 39px; line-height: 58px; padding: 0 9px;}
	#slider .slide-title .slide-title-2{ font-size: 25px; line-height: 44px; top: 3px;}
}

/*
@media screen and (max-width: 1260px) {	
	#map{ width: 700px;}
	#map iframe{ width: 700px;}
}
*/
@media screen and (max-width: 1210px) {	
	#contact-form form{ width: 630px;}
	#contact-form form .txt{ width: 450px;}
}

@media screen and (max-width: 1160px) {	
	/*#map{ width: 650px;}
	#map iframe{ width: 650px;}*/
	#contact-form form{ width: 600px;}
	#contact-form form .txt{ width: 420px;}
}

@media screen and (max-width: 1130px) {	
	/*#map{ width: 600px;}
	#map iframe{ width: 600px;}*/
	#contact-form form{ width: 560px;}
	#contact-form form .txt{ width: 380px;}
}

@media screen and (max-width: 1100px) {	
	/*#map{ width: 550px;}
	#map iframe{ width: 550px;}*/
	#contact-form form{ width: 530px;}
	#contact-form form .txt{ width: 350px;}
}

@media screen and (max-width: 1070px) {	
	/*#map{ width: 550px;}
	#map iframe{ width: 550px;}*/
	#contact-form form{ width: 500px;}
	#contact-form form .txt{ width: 320px;}
}

@media screen and (max-width: 1020px) {	
	/*#map{ width: 500px;}
	#map iframe{ width: 500px;}*/
	#contact-form form{ width: 450px;}
	#contact-form form .txt{ width: 270px;}
}

@media screen and (max-width: 970px) {	
	/*#map{ width: 450px;}
	#map iframe{ width: 450px;}*/
	#contact-form form{ width: 400px;}
	#contact-form form .txt{ width: 220px;}
}

@media screen and (max-width: 920px) {	
	/*#map{ width: 400px;}
	#map iframe{ width: 400px;}*/
	#contact-form form{ width: 350px;}
	#contact-form form .txt{ width: 170px;}
}

@media screen and (max-width: 870px) {	
	/*#map{ width: 350px;}
	#map iframe{ width: 350px;}*/
	#contact-form > img{ display: none;}
	#contact-form{ width: 90%;}
	#contact-form form{ width: 100%;}
	#contact-form form .txt{ width: 96%;}
	#contacts h2.top{ margin-top: 0; }
	.main-contacts-data{float: left; width: 50%; margin-bottom: 30px;}
	#calendar-but{clear: both;}

}

@media screen and (max-width: 800px) {	
	/*#map{ width: 300px;}
	#map iframe{ width: 300px;}*/
}

@media screen and (max-width: 750px) {	
	/*#map{ width: 96%;}
	#map iframe{ width: 100%;}*/
}

@media screen and (max-width: 750px) {	
	#contact-form form table td:nth-child(odd){ width: 120px; font-size: 13px;}
	.main-contacts-data{float: none; width: 100%;}
}

@media screen and (max-width: 550px) {	
	#contact-form{ width: 88%;}
}

@media screen and (max-width: 450px) {	
	#contact-form{ width: 86%;}
}

@media screen and (max-width: 390px) {	
	#contacts a.calendar-but{ width: 93%;}
	#contact-form form table td:nth-child(odd){ display: none;}	
	#contact-form form table tr:last-child td{ text-align: center;}
	#main-contacts table{ max-width: 100%; width: auto;}
}