@media (max-width: 768px) and (orientation: portrait)
{


}
@media (max-width: 768px) and (orientation: landscape)
{

}
@media (min-width: 769px) and (max-device-aspect-ratio: 4/3)
{


}

@media (max-width: 1200px)
{
    .main-content p.main-lead {margin-left:150px; margin-right:150px;}
	div.map .info h3 { margin-top:20px;}
	.company-block > div p{ font-size:14px; margin-bottom:15px; line-height:16px;}
}

@media (max-width: 1024px)
{
	.main-content div.blocks2 .info p { font-size:15px;}
	.main-content div.blocks2 .info { position:relative;}
	.main-content div.blocks2 .info:after{
	display:block; position:absolute; left:0; right:0; bottom:0; height:100px; content:' '; z-index:100;
background: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) );
background: -ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) );
background: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) );
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) );
background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,1) );
}
.blocks > div .white a.bottom-right, .blocks2 a.arrow { z-index:150;}
}


@media (max-width: 850px)
{
	.nav-justified > li > a { font-size:13px; padding-left:2px; padding-right:2px;}
	body .logo span { font-size:18px;  letter-spacing: 14px;}
	.nav-tabs>li>a{ font-size:14px; padding-left:10px; padding-right:10px;}
	.tab-pane a.arrow  { margin-bottom:15px;}
	.main-content p.main-lead {  font-size:24px;}
}

@media (max-width: 767px)
{
h1,.text h1 { text-align:center;}
.logo { display:none;}
.navbar.navbar-default {min-height:50px;  border-bottom:0;}
.container>.navbar-header {background:#231f20;height:50px;}
.navbar.navbar-default .navbar-brand { padding:10px 20px;}
.navbar.navbar-default .navbar-brand img { height:30px; width:auto;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background:#fff;}
.navbar-default .navbar-toggle .icon-bar {  background-color: #FFF200;}
.navbar-default .navbar-toggle { border-color: #FFF200;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #FFF200;}
.navbar-default .navbar-toggle:focus .icon-bar,.navbar-default .navbar-toggle:hover .icon-bar {  background-color: #231f20;}
.navbar-nav>li { display:block; border-bottom:1px solid #999;height:auto; min-height:auto;}
.navbar-default .navbar-nav>li>a { color:#231f20; font-size:14px; padding:10px 5px; height:auto; line-height:16px;}
.navbar-nav { margin:0;}
.top .top-menu > ul > li { }

.navbar-default .navbar-collapse, .navbar-default .navbar-form { background:#fff; z-index:1000; position:relative; padding:0;border-top:0;}
ul.nav.nav-justified { border:0;}
.nav-justified > li > a { color:#231f20;}
.nav-justified > li { border-top:1px solid #666;}

.full-img { margin:0 0 20px;}
.full-img .col-xs-12 { margin-bottom:20px;}

.nav-justified > li a:before { display:none;}
.container > .text { padding-left:20px; padding-right:20px;}
.navbar .address .place  { display:none;}
.navbar .address .col-sm-6 { width:100%; }
.navbar .address .col-sm-6.text-right { text-align:center;}
.navbar .address .col-sm-6.text-right span { margin:0 10px;}
.navbar .address .col-sm-6.text-right span.time { text-align:right;}

#footer .address{ padding-top:5px;}
#footer .address, #footer .address span,.address .float-right > span.phone, #footer .address > span.phone { font-size:14px;}



.company-block > div { height:auto;}
.company-block > div.about, .company-block > div.news-block { padding-bottom:60px;}
.navbar { margin-bottom:0;}
.company-block > div.map-block { display:none;}

.navbar-level2 { margin-top:0;}
.navbar-level2 .container { padding:0;}
.navbar-level2 .navbar-nav>li {border-bottom: 1px solid #eee; background-color:#FDFDFD;}
.navbar-level2 .navbar-nav>li.active { background-color:#EFEFEF;}
.navbar-level2 .navbar-nav>li.active a{ color:#000;}
.navbar-level2 .navbar-nav>li>a { border-bottom:0;}
.slider-about > div.header-slider { height:auto; padding:40px 0;}
.slider-about .table-td h3 { text-align:center;}

.line-owl .owl-nav > div {/* margin-top:-20px;*/}
.tab-content .logo-right { display:none;}
.main-content div.blocks2 { margin-bottom:0; float:none; margin-top:15px;}
.main-content div.blocks2:after { clear:both;display: block;    content: " ";}
.line-owl { margin-bottom:30px;}
#footer .dark a, #footer .dark .address a { padding-left:0;margin-left:0;}
#footer .dark .address a { padding-left:5px;}
#footer .menu { margin-top:30px;}


#map_img { display:block; position:relative; z-index:1;}
div.map.big { background:none; height:auto;}
div.map.big a.city { width:33px; height:33px; background-position:-490px -420px;}
div.map.big a.city.active { background-position:-530px -420px;}
div.map.big .city6 {left: 83.08%;    top: 70.5%;}
div.map.big .city7 {top: 53.825%;}
div.map.big .city1  {top: 38.482%;}


.slide-info { margin-bottom:15px;}

.sert_img.empty, .only-img, .serv_left img{ display:none;}
.sert_img { width:33.33%;}
.serv_left { padding-bottom:30px;}
.serv_left a.arrow  { margin-left:10px; margin-right:10px;}

.news-item-list p a { border:none; text-decoration:underline;}
.news-item-list p a:hover, .news-item-list p a:focus, .news-item-list  a.arrow { text-decoration:none;}

.main-content .news-item-list h2, .main-content h2.news-item { font-size:24px;}
.row > .video iframe{ width:100%; padding-left:5px; padding-right:5px; }
.row > .video {margin-bottom:15px; width:50%; float:left;}
.services-dt li > div.text { overflow:hidden;}
.services-dt li > div:after { bottom:0;    height: 250px;}
.slider-yellow-line .owl-controls .owl-nav > div {margin-top: -39.5px;}
.main-content h1.text-left { text-align:center;}
.main-content .owl-stage p.main-lead.middle { margin-right:60px; margin-left:60px;}
.main-content .icon:before, .main-content .icon:after, .main-content .icon:before, .main-content .icon:before { display:none;}
.main-text-info p,.main-content p.lead, .main-content .news-item-list h2, .main-content h2.news-item { margin-left:10px; margin-right:10px;}
.top .top-menu > ul > li > a { z-index:1; }
.top .top-menu > ul > li.open > a { z-index:250;}
.menu_page { margin-top:40px; margin-bottom:10px;}
.menu_page ul li.delete { display:none;}
}

@media (min-width: 621px) and (max-width: 768px) {
	/*.services-dt li > div , .services-dt li{ height:auto; min-height:inherit;}

	.services-dt .project-item.white > .icon { height:90px; float:none; width:100%;}
	.services-dt .project-item > .icon img { max-height:98%; margin-left:15px;}
	.services-dt .project-item > .text { margin-left:0; padding-bottom:20px; height:auto; }
	.services-dt .project-item > .text p { font-size:14px; }
	.services-dt .project-item > .text p, .services-dt .project-item > .text h3, .services-dt .project-item > .text h2 {margin-left:20px; margin-right:20px;}
	.services-dt .project-item a.more { position:relative; left:auto; margin-left:15px; bottom:auto;}*/
	.services-dt .project-item > .icon {
		width: 180px;
		padding: 20px;
		z-index: 100;
		position: relative;
	}
	.services-dt .project-item > .text {
		margin-left: 180px;
		padding-bottom: 20px;
	}
	.services-dt .project-item > .text:before {
		content: '';
		display: block;
		background: #FFF200;
		top: 0;
		bottom: 0;
		left: 0;
		width: 180px;
		position: absolute;
	}
}

@media screen and (max-width: 620px)
{
	ul.nav.nav-tabs, ul.nav.nav-tabs li { float:none; margin-right:0;}
	.nav-tabs>li>a { margin-right:0;}
	.tab-content { margin-top:15px;}
	.tab-content p { margin-left:0;}
	.main-content h1, .main-content h3.header1 { margin-top:40px; margin-bottom:20px;}
	.sert_img  { width:50%;}
	.main-content p.main-lead.full { margin-left:0; margin-right:0; font-size:20px;}



	.main-content div.blocks2 > div h3 { font-size:20px;}
	.yellow.padding-tb ~ .container p.lead { margin-top:20px;}

	a.arrow.big { height:30px; line-height:30px; font-size:16px; width:auto; padding-top:0; padding-bottom:0;}
	.main-content .icon.service-main:before, .main-content .icon.service-main:after { display:none;}
	.main-content .icon p.main-lead {margin:5px 30px; font-size:24px; line-height:28px;}
	.main-content .padding-tb { padding-top:15px; padding-bottom:15px;}
	.main-content h2 { font-size:24px;}

	.services-dt li > div p, .services-dt li > div h3 { margin-left:15px; margin-right:15px;}
	.services-dt li > div h3 { font-size:18px;}
	.services-dt li > div p { font-size:14px;}
	.left-info p { margin-right:0;}
	.services-icon div div span { margin-left:auto; margin-right:auto; display:block;}
	.services-icon a { font-size:14px;}

	div.map.big .city-info, div.map.big .city-info.rt { background:none; background-color:rgba(255,255,255,0.8); padding-left:15px; padding-right:15px; margin-bottom:20px; border:1px solid #21303b; height:auto; overflow:hidden;}
	div.map.big .city-info span { font-size:13px;}
	.left-line-div { margin-left:0;}
	.services-dt li > div , .services-dt li{ height:auto; min-height:inherit;}

	.services-dt .project-item.white > .icon { height:90px; float:none; width:100%;}
	.services-dt .project-item > .icon img { max-height:98%; margin-left:15px;}
	.services-dt .project-item > .text { margin-left:0; padding-bottom:20px; height:auto; }
	.services-dt .project-item > .text p { font-size:14px; }
	.services-dt .project-item > .text p, .services-dt .project-item > .text h3, .services-dt .project-item > .text h2 {margin-left:20px; margin-right:20px;}
	.services-dt .project-item a.more { position:relative; left:auto; margin-left:15px; bottom:auto;}
	.more-info .icon { display:none !important;}
	.more-info.collapse.in { background:#fff; margin-top:-30px; padding-top:25px;}


}
@media screen and (max-width: 580px)
{
	.row > .video { width:100%;}
	h4.text-center { margin-left:15px; margin-right:15px;}
	.services-dt li > span { display:none;}
	.services-dt li.right > div.text { margin-right:0;}
	.services-dt li.left > div.text { margin-left:0;}
	.services-dt li > div.text { height:auto;}
	.top .top-menu > ul > li > a { padding-left:30px;}
	.top .top-menu > ul > li > a:after { display:none;}
	.navbar .address { display:none;}
	.top .logo img { margin-left:auto; margin-right:auto; text-align:center;}
	.top > .container > div { display:block;}
	.top > .container > div.phone { display:none;}
	.top > .container > div.lang { float:none; text-align:center;}
	.top > .container > div.top-menu{ float:none; text-align:left;}
	.top .top-menu .dropdown-menu { width:100%; height:auto; left:-7.5px;z-index: 1150 !important;}
	.top .top-menu .dropdown-menu li { /*text-align:center;*/}
	.top .top-menu > ul > li, .top .top-menu > ul { /*display:block;*/ text-align:center; padding:0; margin:0;}
	.top .top-menu > ul > li a { padding-left:7.5px; padding-right:7.5px;}
	.top .lang ul { margin-top:10px; margin-bottom:15px;}
	.dropdown.open,.dropdown.open>li { /*position:inherit;*/}

	.top { padding:20px 0;}
	.blocks > div > div.image { display:none;}
	.blocks > div > div.info   { width:100%; float:none; overflow: hidden;}
	#footer .yellow { display:none;}

	#footer .menu li { text-align:center;}
	#footer .menu li a { color:#fff;}
	#footer .menu li a:hover, #footer .menu li a:focus {color: #FFF200;}
	.main-content div.blocks2 .info p { font-size:14px; line-height:16px; margin-bottom:15px;}
	.main-content div.blocks2 .info .news-item p.date { font-size:11px;}
	.service-item h3 { font-size:26px;}

	.slide-info .td.title { font-size:14px;}

}
@media screen and (max-width: 480px)
{
	.service-item h3 {    font-size: 20px; text-align:center; }
	.blocks2.contacts .col-xs-6 { width:100%; float:none;}
	.blocks2.contacts .col-xs-6.address { height:auto; padding-bottom:15px;}
	.blocks2.contacts .col-xs-6.address {background: #FFF200 !important;}
.main-content .padding-tb { margin-bottom:30px;}

.slide-info .row .col-xs-6.yellow { display:none;}
.slide-info .row .col-xs-6.white { width:100%;}
	.slide-info .td.title { font-size:18px;}
	.slide-info { height:auto;}
	.slide-info .row > div { height:auto; padding-top:30px; padding-bottom:30px; }
	}

@media screen and (max-width: 380px)
{
	.services > .col-xs-6, #footer  .col-xs-6, #footer  .address{ float:none; width:100%; padding-left:20px; padding-right:20px;}
	.services > .col-xs-6 a {   padding: 3px 20px;min-height:20px; }
     #footer  .address { text-align:center; padding-left:0; padding-right:0;}
	  #footer  .address .phone { font-size:24px; text-align:center; padding:0; margin:10px 0;}
	  #footer .copyright { padding:20px 0;text-align:center;}
	  #footer .text-right {text-align:center;}
	  #footer .address a.record { display:block; margin-left:0; margin-right:0; width:auto;}

	  .service-item h3 { font-size:22px;}
}


@media (min-width: 769px)
{
.main-text-info { padding-left:10px; padding-right:10px;}
.navbar-brand { display:none;}
.navbar-default .navbar-collapse { padding-left:0; padding-right:0;}


.column-2 { -webkit-column-count: 2;    -moz-column-count: 2;    column-count: 2;
    -webkit-column-gap: 60px;    -moz-column-gap: 60px;    column-gap: 60px;}


/*.main-content p.text-center,  .main-content h3.text-center{ margin-left:100px; margin-right:100px;}*/
.main-content .left-info p, .main-content  .tab-content p,.main-content .col-sm-9 p, ,.main-content .dop-line p{ margin-left:0; margin-right:0;}
.main-content .column-2 p,.main-content .column-2 .left-line-div { margin-left:0;}

/*.main-content	 ul { font-size:16px;}*/
.contact-map { padding-left:0;}



}
@media (min-width:1200px){
	.container, .fact-blocks{width:1020px};
	.fact-blocks .owl-stage-outer {width:1020px;margin-left:auto; margin-right:auto;overflow:visible;}
	.services-dt li > div p { font-size:18px;}
	.services-dt li > div h3  { font-size:24px;}
	.main-text-info .services-dt li h3 { margin-bottom:30px;}
}

@media (min-width:1300px)
{
	.container, .fact-blocks{width:1200px}
	.fact-blocks .owl-stage-outer {width:1200px;margin-left:auto; margin-right:auto; overflow:visible;}
	a.arrow.big { height:60px; line-height:60px; font-size:20px; font-weight:300; padding-left:40px;padding-right:50px; padding-top:0; padding-bottom:0; padding-left: 20px;}
	a.arrow.big:after { right:25px;}


}
@media (min-width:1400px)
{
	.container, .fact-blocks{width:1350px}
	.fact-blocks .owl-stage-outer {width:1350px;margin-left:auto; margin-right:auto;overflow:visible;}
	.menu_page ul li.delete { display:none;}
}


@media screen and (min-width: 710px) and (max-width: 1368px)
{

}