@media only  screen and (max-width:768px){
	body{-webkit-text-size-adjust: none;}
	.portfolio_item {width:46% !important; vertical-align:top; margin:0 2%; }
	.bottom-sliders-1, .bottom-sliders-2{width:46% !important; height:auto !important; margin: 0 0 32px 0 !important; float:none !important;}
	.bx-wrapper .bx-viewport{height:50vw !important;}
	.bx-wrapper .bx-viewport li{height:50vw !important;}
	.bottom-sliders-1{margin:0 2% !important;}
	.bottom-sliders-2{margin-right:2% !important;}
	@media only  screen and (max-width:384px){
		.portfolio_item {width:100% !important; margin: 0; } 
		#page-main .portfolio-outer div.block2 div.block-text p span.float_table, #cms_area p span.float_table {float:none; display:block; width:100%; margin-right:0; text-align:left;}
		.bottom-sliders-1, .bottom-sliders-2{width:100% !important; height:auto !important; margin: 0 0 32px 0 !important; float:none !important;}
		.bx-wrapper .bx-viewport{height:50vw !important;}
		.bx-wrapper .bx-viewport li{height:50vw !important;}
	}

	input, textarea, select, label {font-size:16px; line-height:19px;}
	label {padding:8px 7px 6px 0;}
	input, textarea {padding:5px 6px; /*width:142px;*/}

	#page, #page-static, #page-main {width:100%; margin: 10px 0 0 0; padding:0 10px; box-sizing:border-box; min-width:260px; }
	header, #page-main header {position:relative;width:100% !important;z-index:1;left:0 !important; top:0;}	

	.logo {width:142px; height:120px; margin:0 auto;}
	.logo span {width:142px;height:120px;}	
	#lang {position:relative;left:auto;top:auto; font-size:22px; line-height:26px; margin-top:10px; text-align:center; z-index:1000;}
	.top-menu {position:static;left:auto;top:auto; width:100% !important; text-align:center; margin-top:10px;}
	.logo-inner{position:absolute; top:16px; width:20px; height:20px; overflow:hidden; right:10px;}
	a.top-menu-btn {position:relative; top:auto; right:auto; font-size: 22px; line-height: 26px; padding:15px 36px 10px 12px; }
	a.top-menu-btn span {background:url(../images/menu_icon_02.png) no-repeat; width:20px; height:40px; position:absolute; top:0; left:0; background-size: contain;}
	a.top-menu-btn:hover span {top: -20px;}

	.top-menu-list{position:absolute;top:-650px;left:0;width:100%;transition:top 1s;height:auto;}
	.top-menu-show{top:0;transition:top 1s;}
	#navigation {margin:32px;}
	a.menu-close { width:18px; height:16px; position:absolute; left:18px; top:16px;}
	a.menu-close span { width:18px; height:32px; }
	a.menu-close:hover span {top:-16px;}

	#menu li {font-size:28px; line-height:34px;}
	#menu li span b {color:#ed2e62; font-size:34px; line-height:42px;}
	#menu li span b.parent-menu {font-size:24px; line-height:30px;}
	#menu .topMenu-inner-ul {margin-bottom:8px;}
	#menu .topMenu-inner-ul li {font-size:20px; line-height:24px; margin-top:6px; }
	#menu .topMenu-inner-ul li span b {font-size:24px; line-height:30px;}

	.MD-left-column {position:relative;width:100%;top:auto;left:auto;bottom:auto; padding-top:0;}	
	.MD-left-column.red-right-column{border:none; padding-top:0;}
	.MD-left-column .title-h1 { font-size: 30px; line-height: 36px; padding-top:16px;  margin-bottom:0; text-align:center;}
	.parent-menu {display:none; width:100%;}
	#sub-nav {display:none;}
	.MD-right-column{width:100% !important;margin-left:0 !important; padding-top:16px;}
	#page-main .MD-right-column {padding-top:0;}
	article .title-h1, .MD-right-column .title-h1  {font-size: 30px; line-height: 36px; margin:0; top:auto; }
	.MD-right-column .block-special-1  .title-h1 {margin:0 16px 16px 16px;}
	.share-plugins, article .share-plugins {margin:8px 0;}
	.filter-links { font-size:20px; line-height:24px; }

	#cms_area { font-size:16px; line-height:19px; margin:0 0 36px 0; }
	#cms_area p {margin-bottom:19px;}

	.order-form {padding:0 0 36px 0;}
	.order-form.career-form {padding:0;}
	.order-form h2 {font-size:24px; line-height:30px; margin-bottom:16px;}
	.order-form-text {font-size:16px; line-height:19px; margin:0 16px 16px 16px; }
	.form-top {}
	.form-left {float:none; width:100%; padding:0 16px; }
	.form-right {float:none; width:100%; padding:0 16px;}
	.form-bottom {text-align:right; padding:0 16px;}
	.form-row {margin-bottom:10px;}
	.order-form label {}
	.order-form input {width:100%;}
	.order-form textarea {width:100%; height:120px;}
	.order-form input[type='submit'] {font-size:16px; line-height:19px; padding:10px 35px; margin:10px 0 0 0; }
	div.notification {font-size:16px; line-height:19px; margin:0 16px 10px 16px;}
	.order-form input,.order-form textarea {width:100%;box-sizing:border-box;font-size:16px;}
	
	.block-special-1 {padding:24px 0 32px 0 !important;}
	.block-special-2 {padding:0 0 0 0 !important;}
	.bottom-sliders {padding:16px 0 0 0;}
	.bottom-sliders-title {font-size:24px; line-height:30px; margin-bottom:16px; }
	.bottom-sliders-inner-title {font-size:18px; line-height:22px; margin-bottom:10px;}
	.bx-wrapper {margin:0 auto 36px;}
	.portfolio_item { height:auto !important; margin-bottom:32px; overflow:initial; }
	.portfolio_item_first{height:auto !important;}
	
	
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: -24px; }
	.bottom-sliders a.all-list-portfolio {font-size:16px; line-height:19px; padding:10px 35px; margin: 0; }
	.bx-wrapper .bx-pager {font-size: 8px; line-height: 1; }
	.bx-wrapper .bx-pager.bx-default-pager a {width: 8px;	height: 8px; margin: 0 2px; }
	.bx-item-title{font-size:18px; line-height:22px; }
	.portfolio_image {width:100% !important; height:auto !important; position:relative;}
	.portfolio_item:hover img {top:auto; transition: none;}
	
	/*	.portfolio_item:hover .portfolio_item_title{ padding-top:auto; height:auto;  transition: none;}
	.portfolio_item_title { position:absolute; bottom:10vw; font-size:20px; line-height:24px;  transition: none;}*/
	.portfolio_item:hover {text-decoration:none !important;}
	.portfolio_item:hover  .portfolio_item_first .portfolio_item_title { padding:5% 0; height:inherit; transition: none;  background:none; }
	.portfolio_item_title { font-size:20px; line-height:24px; padding:5% 0; height:inherit; position:relative; transition: none; background:none; }
	
	#sitemap {position:relative; margin:0 auto; display:block !important; margin:16px 0;}
	#sitemap li {font-size:28px; line-height:34px;}
	#sitemap .topMenu-inner-ul {margin-bottom:8px;}
	#sitemap .topMenu-inner-ul li {font-size:20px; line-height:24px; margin-top:8px;}	
	
	footer, #page-main footer {width:100% !important; bottom:auto; position:relative; left:0 !important; font-size:16px; line-height:19px; margin:16px 0;}
	.copyright {margin-top:8px;}
	#share {bottom:-3px; }
	#share a.facebook_icon {width:34px; height:34px;}
	#share a.facebook_icon:hover {}
	#share a.facebook_icon span { width:34px; height:68px; }
	#share a.facebook_icon:hover span {top:-34px;}

	.popup-left{width:100%;height:auto;position:relative;margin-left:0;}
	.popup-right{left:0;width:100% !important;height: auto !important;position:relative; margin-top:32px;}
	.popup-left-inner {padding-top:0;}

	.popup-left-title{font-size: 30px; line-height: 36px;   margin-bottom:0; text-align:center; width:100%;   text-shadow: none;}
	.popup-left-share {margin:8px 0;}
	.popup-left-c {position:static; bottom:0;}
	.popup-left-date { font-size: 20px; line-height: 24px;}
	.popup-left-link {font-size: 16px; line-height: 19px;  margin-bottom:8px;}
	.popup-left-link a {padding:0 24px 0 0;  }
	.popup-left-link a div { width:23px; height:23px; top:-4px; }
	.popup-left-link a div span {width:23px; height:46px;  }
	.popup-left-link a:hover div span {top:-23px;}
	.popup-left-descr {font-size: 16px !important; line-height: 19px;  margin-bottom:3px;}
	.popup-left-tags {font-size: 16px !important; line-height: 19px;  margin-bottom:10px;}

	.popup-left-arrows {font-size: 22px; line-height: 26px; }

	a.popup-left-arrow {width:36px; height:52px; }
	a.popup-left-arrow span { width:36px; height:104px;  }
	a.popup-left-arrow:hover span {top:-52px;}

	a.close-popup { padding:15px 12px 10px 12px; margin:0 7px;}
	a.close-popup:hover {}

	a.popup-right-arrow {width:36px; height:52px;}
	a.popup-right-arrow span {width:36px; height:104px; }
	a.popup-right-arrow:hover span {top:-52px;}

	.qr_box{width:100%;height:100%;left:0;top:0;position:relative;}
	.qr_box_inner{width:100% !important;bottom:auto !important;right:auto !important;height: auto !important;position:relative;}
	.popup-left-title{width:100% !important;}
	.popup-block{position:relative;height: auto !important;width: 100% !important; z-index:0;}
	.qr_2,.qr_3,.qr_4{display:none !important;}

	.block2{height:auto !important; opacity:1 !important;}
	#page-main .portfolio-outer div.block2 {height:auto !important; padding:16px 0 16px 0 !important; }
	#page-main .portfolio-outer div.block2 div.block-text { font-size: 16px; line-height: 19px; margin: 0 16px 16px 16px; }
	#page-main .portfolio-outer div.block2 div.block-text h2 { font-size: 30px; line-height: 36px; margin-bottom:16px; } 
	#page-main .portfolio-outer div.block2 div.block-text p {margin-bottom:16px;}
	#page-main .portfolio-outer div.block2 div.block-links {margin-top:0;}
	#page-main .portfolio-outer div div a.block-link {font-size:16px; line-height:19px; padding:10px 35px; margin:8px 16px;  width:auto; /* margin:1vh 2vh; */}

}
@media only  screen and (min-width:768px) and (max-height:32vw) {
	footer{position:relative;left:27% !important;bottom:auto;}
	#page-static .MD-right-column{margin-bottom:20px;}
}
@media only  screen and (min-width:768px) and (max-height:44vw) {
	#menuLeft {display:none !important;}
	.popup-left-c {display:none !important;}
}
@media only  screen and (min-width:768px) and (max-height:38vw) {
.filter-links {display:none !important;}
}




