html body{ min-width: 320px; }
html.menu-opened, html.menu-opened body {
    height: 100%;
    overflow: hidden;
}
#menu-toggle{ display: none; border: 0px solid; }

@media screen and (max-width:1200px),screen and (max-device-width:1200px){
	.leading-gallery .article .title, .leading-gallery .article .btn-more{ left: 20px; }
	.owl-theme .owl-controls{ right: 20px; }
	.main{ width: calc(100% - 40px); max-width: none; }
	.main-menu ul li#mm_home{ display: none; }
	.main-menu ul li a{ padding-left: 12px; padding-right: 12px; }
}
@media screen and (max-width:1024px),screen and (max-device-width:1024px){
	.leading-gallery .article .title{ width: 75%; max-width: 100%; }
}
@media screen and (max-width:980px),screen and (max-device-width:980px){
	.main-header{ position: fixed; z-index: 2000; height: 50px; width: 100%; padding: 7px 0; }
	.main-header .logo{ height: 50px; }
	.main-header .logo img{ height: 50px; width: auto; } 
	.main-header .phone{ 
		float: left; margin-left: 25px; position: static;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0); 
		font-size: 1em; line-height: 35px; margin-top: 7px;
	}
	#menu-toggle{
		display: block; width: 35px; height: 35px; overflow: hidden; text-indent: -9999px;
		float: right; margin: 7px 0 0 0;
		background: url(../images/menu.png) 0 0 no-repeat; 
		cursor: pointer;
	}
	.main-menu{
		position: fixed; top: 0; right: -200px; left: auto;  z-index: 1000;
		width: 200px; height: 100vh; overflow: scroll!important;
		-webkit-box-shadow: inset 5px 0px 10px 0px rgba(0,0,0,0.2);
	    -moz-box-shadow: inset 5px 0px 10px 0px rgba(0,0,0,0.2);
	    box-shadow: inset 5px 0px 10px 0px rgba(0,0,0,0.2);
	    border: 0px solid;
	}
	.main-menu ul{ display: block; padding: 70px 0 0 0; border: 0px solid; border-bottom: 1px solid #fff; }
	.main-menu ul li{ padding: 0; border: 1px solid #fff; float: none; border-width: 1px 0 0 0; clear: both; }
	.main-menu ul li#mm_home{ display: block; }
	.main-menu ul li a{ float: none; line-height: normal; padding: 7px 10px; }
	.main-menu ul li .submenu, .main-menu ul li#mm_services ul.submenu{ 
		position: static; top: auto; left: auto; float: none; width: 100%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;  
	}
	.main-menu ul li ul li, .main-menu ul li#mm_services ul.submenu li{ width: 100%; float: none; padding-right: 0; min-width: 0; }
	
	.leading-gallery{ padding-top: 80px; }
	.main-container{ padding-top: 80px; }
	.begin-body .main-container{ padding-top: 0px; }
	
	.contacts-box p{ width: calc( 33% - 50px); }
	
	.partners-content .article{ width: 50%; }
	.partners-content .article:nth-of-type(3n+1){ clear: none; }
	.partners-content .article:nth-of-type(2n+1){ clear: both; }
	.partners-content .article:nth-of-type(3):before{ display: block; }
	
	.clients-content .article{ width: 50%; }
	.clients-content .article:nth-of-type(3n+1){ clear: none; }
	.clients-content .article:nth-of-type(2n+1){ clear: both; }
	.clients-content .article:nth-of-type(3):before{ display: block; }	
	.leading-gallery .article .title{ font-size: 1.8em; width: 90%; }
}
@media screen and (max-width:900px),screen and (max-device-width:900px){
	.news-box{ width: 70%; }
	.banner-alert{ width: 28%; margin: 0; float: right; }
	.news-box .title-box{ margin-top: 0; }
	.about-box{ width: 100%; clear: both; padding-top: 20px; }
	.main-footer .alt-menu{ display: none; }
	.contacts-box .form-text{ width: 100%; }
}
@media screen and (max-width:850px),screen and (max-device-width:850px){
	.left-menu{ display: none; }
	.main-content{ width: 100%; }
	.article-detail .multimedia-box, .article-detail .info{ width: 100%; }
	.article-detail .multimedia-box .image-gallery{ max-width: 400px; margin: 0 auto; }
}
@media screen and (max-width:768px),screen and (max-device-width:768px){
	.leading-gallery .article .title{ top: 20px;  }
	.leading-gallery .article .btn-more{ padding: 7px 15px; }	
	.contacts-box p{ width: calc( 50% - 50px); }
	.contacts-box p.email{ width: calc( 100% - 50px); }
	.contacts-box p.email a:after{ content: ', '; }
	.contacts-box p.email br{ display: none; }
	
	.form-content .form{ display: block; width: 100%; padding-top: 20px; clear: both; }
	.form-content .text, .form-content .text:nth-of-type(2n+1){ display: block; width: 100%; padding: 20px 0; }
	.form-content .form:nth-of-type(2n){ padding-left: 0; }
	.form .txt{ width: 100%; }
	.form .input, .form .textarea, .form .select, .form .button{ width: 100%; }
	.form label.error{ left: 0; }
	.form .code .input{ margin-left: 0; }
}
@media screen and (max-width:640px),screen and (max-device-width:640px){
	.main-header .phone{ display: none; }
	.leading-gallery .article .title{ 
		top: 50%; 
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
	.leading-gallery .article .btn-more{ display: none; }
	.owl-theme .owl-controls .owl-nav .owl-prev, .owl-theme .owl-controls .owl-nav .owl-next{ width: 32px; height: 32px; }
	.leading-gallery .article{ padding-bottom: 40%; }
	.leading-gallery .article img{ 
		top: 50%; left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
	}
	.news-box{ width: 100%; }
	.banner-alert{ width: 100%; height: 0; padding-top: 23.3%; background: #f5790c url(../images/banner_alert_h.png) 0 0 no-repeat; background-size: 100% auto; margin-top: 20px; }
	.banner-alert img{ display: none; }
	.column-content .article{ width: 100%; clear: both; }
	.column-content .article:nth-of-type(2){ border-top: 1px solid #cac8c9; padding-top: 10px; }
	
	.partners-content .article:nth-of-type(2):before{ display: block; }
	.clients-content .article:nth-of-type(2):before{ display: block; }
}
@media screen and (max-width:500px),screen and (max-device-width:500px){
	.leading-gallery .article .title{ font-size: 1.5em; }
	.contacts-box .title-box{ text-align: left; } 
	.contacts-box p{ width: calc( 100% - 50px); }
	.contacts-box p.email a:after{ content: ''; }
	.contacts-box p.email br{ display: block; }
}
@media screen and (max-width:400px),screen and (max-device-width:400px){
	.leading-gallery .article .title{ font-size: 1.1em; } 
	.main-header .logo img{ height: 40px; margin-top: 5px; }
}