@media (min-width:660px) {  
    .form-wrapper {
    width: 60%;
    }
}

@media (max-width:1309px) {
    .videoblock {width: 100%;}
}

@media (max-width:750px) {
.helptext-four-columns td {
    display: block;
    text-align: center;
    width: 100% !important;
}
.helptext td {
    display: block;
    text-align: justify;
}
.adress-pr, .tel-pr, .mail-pr {
    float: none;
    text-align: center;
    width: 100%;
}
}
@media (min-width:641px) and (max-width:1024px){	
.logo {
    float: right;
    margin-bottom: 20px;
    margin-right: 14px;
    width: 50%;
}
.logo img {
    width: 100%;
}
.contacts {
    height: 140px;
}
.c-title {font-size:1.2em;}
#horizontal-multilevel-menu li {width: 90px;font-size: 11px;}
#horizontal-multilevel-menu li a.root-item {background-size: 90px 40px;font-size: 11px;}
#horizontal-multilevel-menu li a.root-item-selected {background-size: 90px 40px;font-size: 11px;}
#horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item {background-size: 90px 40px;font-size: 11px;}

#horizontal-multilevel-menu li:nth-child(3) a {
    padding-top: 6px;
}
.mp-title {font-size: 43px !important; bottom: 28%;  left: 4%; width: 68%;}
.cart, .forum {bottom:-21%;}
section {overflow:hidden;}

.mp-img {
    width: 170%;
}
.start {width:20%;}
h1 {font-size: 1.5em;}
}
@media (min-width:641px) and (max-width:1024px){	
.mp-title {bottom:33%;}
}
@media (min-width:1012px) and (max-width:1200px){	
.mp-title {font-size:43px;width:50%;}
}
@media (min-width:1012px) and (max-width:1313px){	
.cart, .forum {bottom:-20%;}
h1 {font-size: 2em;}
}

@media (max-width:640px) {
  h1 {font-size: 1.5em; padding-right:0; text-align:center;}
	header {width:100%;}
	.bg-mobile {
		display: block;
        height: 30px;
        width: 100%;
		background: url(img/hd_240.png) top left repeat-x;
	}	
	.contacts {
		float: none;
		padding-left: 0;
		text-align: center;
	}
    .contacts .phones {
		background: none;
		margin-top: 20px;
		padding-left:0;
    }
	.contacts .email {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		margin-top: 20px;
		padding-left: 0;
	}
	.logo {display:none;}
	.cart {top:5px !important; background-size: 20px auto; right: 10px; width: 20px; height: 20px;}

.forum {
    background-size: 20px auto;
    color: #ffffff;
    font-size: 12px;
    height: 20px;
    line-height: 15px;
    padding-left: 30px;
    right: 37px;
    top: 7px !important;
    width: 190px;
}
  .cart.blue {
    background-image: url("/bitrix/templates/abk/img/cart.png");
    bottom: -97px;
}
	nav {
		background-color:#8bc3eb;
		clear: both;
		left: 30px;
		margin: 0 auto;
		padding: 10px 5px 5px;
		position: absolute;
		text-align: center;
		top: 0;
		width: 194px;
		z-index: 300;
        box-shadow: 0 0 5px #000000;
	}
	#topmenu {display:none;}
	.mini-menu {display:block;background: url(img/mob-menu.png) top left no-repeat;position: absolute;top:7px;font-size:0;left: 7px;width:19px;height:15px;}
#horizontal-multilevel-menu li {margin-bottom:5px;}
	
section {
    padding-top: 15px;
	overflow:hidden;
}

.workarea {
    height: 222px;
}
.shadow {bottom:0;}

.mp-img {
    height: 100%;
    width: 100%;
}
.start {width:24%; top: 10%;}
.mp-title {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    bottom: 91px;
    color: #b74914;
    font-size: 20px;
    height: 20px;
    left: 34px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    text-shadow: 0 -1px 0 #b9d3a9, 0 -1px 0 #b9d3a9, 0 1px 0 #b9d3a9, 0 1px 0 #b9d3a9, -1px 0 0 #b9d3a9, 1px 0 0 #b9d3a9, -1px 0 0 #b9d3a9, 1px 0 0 #b9d3a9, -1px -1px 0 #b9d3a9, 1px -1px 0 #b9d3a9, -1px 1px 0 #b9d3a9, 1px 1px 0 #b9d3a9, -1px -1px 0 #b9d3a9, 1px -1px 0 #b9d3a9, -1px 1px 0 #b9d3a9, 1px 1px 0 #b9d3a9;
    width: 212px;
}
span {text-decoration:none;}
a {text-decoration:none;}
footer {
    padding: 5px 0;
    position: relative;
}
.footer-phones {display: none;}
.footer-menu {display:none;}
.developer {display:none;}
.copyright span {display:none;}
.footer-metrika {display:none;}
.footer-social span.text {display:none;}
.footer-logo {display:block;width:100%;text-align:center;}
.footer-logo img {width: 80%;}
.copyright {
    float: none;
    line-height: 1.5em;
    margin-right: 0;
    text-align: center;
    width: 100%;
}
.footer-social {
    float: none;
    margin-right: 0;
    text-align: center;
    width: 100%;
}
.ya-share2.ya-share2_inited {margin-top:0;}
.bx_catalog_item {
    clear: both !important;
    width: 100% !important;
}
.bx_catalog_item:nth-child(1) {
    border-bottom: 1px dashed #cccccc;
    padding-bottom: 30px !important;
}
}
@media (min-width:560px) and (max-width:640px) {

.contacts .phones {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    padding-left: 0;
}	
.contacts .email {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    float: right;
    margin-right: 20px;
    margin-top: 30px;
    padding-left: 0;
}
.workarea {
    height: 400px;
}

.start {
    top: 15%;
    width: 27%;
}

.mp-title {
    bottom: 178px;
    font-size: 36px;
    left: 43px;
    width: 290px;
}

.footer-logo {
    display: block;
    float: right;
    text-align: center;
    width: 50%;
}
}

@media (min-width:381px) and (max-width:559px) {
	
.workarea {
    height: 270px;
}

.start {
    top: 10%;
    width: 27%;
}

.mp-title {
    bottom: 110px;
    font-size: 25px;
    left: 20px;
    width: 290px;
}

.videoblock iframe {height: 240px;}
	
}

@media (max-width:378px) {
    .videoblock iframe {height: 172px;}
}

@media (max-width:360px) {
    .videoblock iframe {height: 163px;}
}