@charset "utf-8";
/* CSS Document */

/* Стили для экранов 1200px и меньше */
@media screen and (max-width: 1200px) {
div.prod {width: 33%;}
.prod-descr table {width: 70%!important;}
.prod-img img {width: 90%;}
}

/* Стили для экранов 900px и меньше */
@media screen and (max-width: 900px) {
.upm .wrap {display: block;}
.slogan {font-size: 13px;}
div.prod {width: 50%;}
.prod-descr table {width: 80%!important;}
.prod-img img {width: 90%;}
}

/* Стили для экранов 770px и меньше */
@media screen and (max-width: 770px) {
    
.logo img {width: 70%;}
.logo {margin-right: 10px;}
.logo-url img {width: 60%;}
.logo-name {font-size: 14px;}
.slogan {display: none;}

#topmenu {height: auto; clear: both;}
#topmenu ul {width: 100%; display: block; height: auto;}
#topmenu li {width: 50%; float: left; position: relative;}
#topmenu li a {border-bottom: 1px solid #ba9ea7; border-right: 1px solid #ba9ea7;}
#topmenu a {text-align: left; width: 100%; text-indent: 25px;}
.leftfoot {width: 65%;}
.rightfoot {width: 35%; text-align: right;}
.ht-img {width: 50%;}
.ht-img img {width: 100%;}
div.prod {width: 100%;}
.prod-descr table {width: 90%!important;}
.prod-img img {width: 90%;}
}
    
/* Стили для экранов 600px и меньше */
@media screen and (max-width: 600px) {
.logo img {width: 40%;}
.logo {margin-right: 1px;}
.logo-url img {width: 45%;}
.logo-name {font-size: 14px;}
.leftcol {width: 200px;}
.conteiner{margin-left: 220px;}
.logo {padding-left: 20px; width: auto;}
.tel {font-size: 14px; margin-bottom: 5px;}
.adreess {font-size: 12px;}
    .ht-img {text-align: center; float: none; margin: 0 0 10px 0; width: 100%;}
    .ht-img img {width: 70%;}
    .logo-name {top: 30px; left: 80px; font-size: 13px;}
}

/*Стили для экранов 480px и меньше*/
@media only screen and (max-width : 480px) {

.conteiner {margin-left: 0px;}
.lb-title {margin-top: 10px;}
    
#leftmenu ul li {
    display: none;
}
select.selectmenu {
    color: #111;
    display: block;
    float: left;
    padding:10px;
	border:none;
    width: 100%;
}
.allnews {display: block; text-align: center; font-size: 13px; margin-bottom: 15px;} 
    
.newsblock {display: none;}
    
.wrap {display: block;}
.logo {width: 100%; text-align: center; padding: 20px 0; clear: both;}
.contacts {width: 100%; text-align: center; clear: both; padding: 0;}   
.leftcol {width: 100%; clear: both;} 
.upm {margin-top: 20px;}
#topmenu {
		border-bottom: 0;
	}
#topmenu ul {
		display: none;
		height: auto;
	}
#topmenu a#pull {
		display: block;
		background-color: #4f625e;
		width: 100%;
		position: relative;
    padding: 0;
	}
#topmenu a#pull:after {
		content:"";
		background: url('../nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
.leftfoot {width: 100%; text-align: center; padding: 0;}
.counters {margin-top: 20px;}
.rightfoot {width: 100%; text-align: center;}
.prod-descr table {width: 100%!important;}
}

/* Смартфоны */
@media only screen and (max-width : 320px) {
.logo img {width: 80%;} 
#topmenu li {
		display: block;
		float: none;
		width: 100%;
	}
#topmenu li a {
		border-bottom: 1px solid #576979;
	}
    .ht-img img {width: 90%;}
}