@media (max-width: 1200px) {
	/*body { background: yellow; }*/
	#header2 .social-icons { display: none; }
	#header2 nav ul.nav-main li a, #header2 nav ul.nav-main li a:visited { font-size: 14px; }
	#header2 nav ul.nav-main li a { padding: 10px 6px; }


	/*** home-news ***/
	#home-news-cnt1 { background-image: url(../img/orange.png); background-repeat: repeat-x; background-position: 0 100%; }
	#home-news .news-item1 { padding: 7px 0; height: 135px; }
	#home-news .news-item1 h4 { margin-bottom: 5px; }
	#home-news .news-item1 .news-cnt { font-size: 11px; line-height: 14px; }
	
	#contents .cta-item h3 { font-size: 14px; line-height: 16px; margin-top: 0; }
	#cta-blocks #cta1 p { height: 60px !important; }
	.cta-item p { font-size: 11px; }
	
	/*** about ***/
	section.page-top { background-size: auto 100%; }
	section.featured h3 { font-size: 1.6em; }
	
	/*** projects ***/
	#page-projects section.page-top {background-size: auto 100%; }
	#cta-blocks-incolumn .cta-item { padding-bottom: 8px; }
	#cta-blocks-incolumn .cta-item h3 { line-height: 15px; }
	#cta-blocks-incolumn .cta-item img { display: block; width: 100px; }
	#cta-blocks-incolumn .cta-item p { line-height: 11px; font-size: 10px; }
	#cta-blocks-incolumn #cta1 p { height: 67px; overflow: hidden; }

}
@media (max-width: 1150px) {
	#home-news .news-item1 { height: 130px; }
}
@media (max-width: 1120px) {
	#home-news .news-item1 { height: 124px; }
}
@media (max-width: 1080px) {
	#home-news .news-item1 { height: 122px; }
}
@media (max-width: 1030px) {
	/*body { background: green; }*/
	/*** header ***/
	#header2 .container { padding: 0; }
	
	#header2 nav ul.nav-top { margin-right: 30px; }
	#header2 .nav-top li.phone { height: 50px !important; overflow: hidden; }
	#header2 .nav-top li.phone a { color: #0a2966; font-size: 18px; line-height: 35px; padding: 0; margin: 0; }
	
	#header2 nav ul.nav-main { margin-right: -20px; }
	#header2 nav ul.nav-main li a, #header2 nav ul.nav-main li a:visited { font-size: 14px; }
	#header2 nav ul.nav-top li.lang-switcher a, #header2 nav ul.nav-top li.lang-switcher a:visited { color: #0a2966; }
	
	#header2 nav ul.nav-main li a { padding: 10px 10px; }
	
	/*** home ***/
	#home-news1 { height: 430px; }
	#home-news1 h3 { line-height: 42px; }
	#home-news .news-item1 { height: 122px; }
	
	#introduction p { font-size: 13px; line-height: 17px; }
	#contents .cta-item h3 { line-height: 18px; margin-top: -3px; position: relative; }
	.cta-item img { width: 110px; margin-bottom: 30px; }
	.cta-item p { font-size: 11px; }
	#cta-blocks #cta1 p { height: 60px !important; overflow: hidden; }


	h1 { font-size: 2.8em; }
	

	/*** footer ***/
	.gal-item { width: 28%; }

}


/*** iPAD ***/
@media (max-width: 992px) {
	/*body { background: yellow; }*/
	/*** header ***/
	#header2 > .container { margin-bottom: 0; }
	#header2 nav ul.nav-top { margin: -92px 56px 0 0; }
	#header2 .nav-top li.phone small { top: 5px; }
	#header2 .nav-top li.phone big { font-size: 17px; padding: 8px 0 0 10px; }
	#header2 .nav-top li.phone a { font-size: 15px; }
	
	/*** menu ***/
	.btn-responsive-nav { top: 57px; right: 0; padding: 7px 12px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
	#header2 nav ul.nav-main li.dropdown.active a, #header2 nav ul.nav-main li.dropdown.active a:visited, #header2 nav ul.nav-main li.dropdown.active a:hover { background: #171717 !important; }
	
	#header2 nav ul.nav-main li a, #header2 nav ul.nav-main li a:visited { color: #fff; }
	#header2 nav ul.nav-main li a i { border-color: #333; }
	#header2 nav ul.nav-main ul.dropdown-menu li > a { padding: 5px 8px; }
	body #header2 nav ul.nav-main ul.dropdown-menu { border-top: 1px solid #2a2a2a !important; }
	
	#header2 .nav-top li.phone big { font-size: 14px; }
	
	/*** slider ***/
	.slider-container .top-label { font-size: 16px !important; margin-left: 20px; line-height: 24px !important; }
	.slider-container .text-back { width: 1100px; }
	.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { margin-left: 20px; }
	
	/*** home-news ***/
	#home-news1 { position: static; height: auto; border-bottom: 1px solid #ddd; margin-bottom: -15px; background: #efefef; }
	#home-news-cnt1 { width: 100%; float: none; padding: 15px 0; background: transparent; }
	#home-news1 h3 { color: #333; font-size: 26px; text-shadow: none; background: transparent; font-weight: 500; font-style: normal; letter-spacing: normal; }
	#home-news1 .container .row { margin: 0; }
	#home-news1 .news-list { overflow: hidden; }
	#home-news1 .news-item { width: 33%; float: left; height: auto; border: none; }
	#home-news1 .bottom-link { position: absolute; top: 22px; right: 10px; background: none; padding: 0; }
	#home-news1 .bottom-link a {
		float: right; padding: 0 20px;
		height: 25px; line-height: 25px; font-size: 13px; background: url(../img/btn-cta-bg.png) repeat-x 0 0;
		-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
		-webkit-box-shadow: rgba(0,0,0,0.3) 0px 1px 2px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 1px 2px; box-shadow: rgba(0,0,0,0.3) 0px 1px 2px;
	}
	#home-news-cnt1 .col-xs-3 { padding-left: 0; padding-right: 10px; }
	
	#introduction h2 { font-weight: 500; letter-spacing: normal; }
	#introduction p { font-size: 14px; line-height: 20px; }
	
	/*** cta ***/
	#links2categories { width: 56.5%; height: auto; background-color: #cfd8e9; }
	#links2categories .cta-item { float: none; width: 100%; overflow: hidden; border-bottom: 1px solid #bdc6d7; padding-bottom: 10px; }
	#links2categories .cta-item.last { border: none; margin-top: 15px; }
	#links2categories .cta-item img { width: 90px; margin-bottom: 5px; }
	
	.btn-cta { height: 25px; line-height: 25px; font-size: 13px; }
	#links2categories .btn-cta { float: right; margin-top: -12px; }
	
	#cta-blocks { width: 100%; }
	#cta-blocks .cta-item h3 { font-size: 14px; line-height: 15px; }
	#cta-blocks .cta-item img { width: 65px; margin-bottom: 20px; }
	#cta-blocks .cta-item p { line-height: 13px; height: 40px; overflow: hidden; }
	#cta-blocks #cta1 p { height: 65px !important; }
	#cta2blocks { background-size: 100% 138px; }
	
	/*** page ***/
	#contents #leftpanel { display: none; }
	#contents #page-cnt { width: 100%; float: none; }
	section.page-top h1, section.page-top h2, section.page-top .page-top-title { font-size: 2.8em; }

	/*** breadcrumb ***/
	.page-top ul.breadcrumb { float: none; padding-top: 0; margin: -10px 0 10px; }
	
	/*** catalog ***/
	#catalog-list .category-item a .category-img { width: 28%; }
	#catalog-list .category-item a .category-txt { width: 67%; }
	#contents .category-top h3 span { line-height: 40px; }
	
	#category-product #contents #leftpanel { display: block; width: 100%; float: none; overflow: hidden; padding: 20px 15px 0; }
	#category-product #contents #leftpanel .leftimage { width: 35%; float: left; }
	#category-product #contents #leftpanel .leftimage img + img { display: none !important; }
	#category-product #contents #leftpanel .gallery { width: 60%; float: right; }
	#category-product #contents #leftpanel .gallery .gal-item { width: 16%; }
	#category-product #contents #leftpanel .gallery .gal-item img { display: block; width: 100%; height: auto; }
	#category-product #contents #leftpanel br { display: none; }

	
	/*** footer ***/
	#footer h4 { font-size: 16px; line-height: 18px; }
	.ftr-logo img { width: 100%; height: auto; }
	#ftr-block-projects .gal-item { padding: 1px; }
	
	#link2download { height: 50px; }
	#link2download i { font-size: 20px; padding: 3px 0 0; }
	
	
}
@media (max-width: 860px) {
}



/*** MOBILE ***/
@media (max-width: 767px) {
	/*body { background: #dff0ff; }*/
	/*** header ***/
	#header2 nav ul.nav-top { margin-right: 56px; }
	#header2 nav ul.nav-top li.lang-switcher { display: block; }
	.btn-responsive-nav { right: 5px; }
	

	/*** slider ***/
	.slider-container .top-label { font-size: 14px !important; margin-left: 20px; line-height: 20px !important; }
	.slider-container .text-back { width: 900px; }
	.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption { margin-left: 20px; }
	
	/*** cta ***/
	#introduction { margin-bottom: 30px; }
	#links2categories { width: 94.5%; overflow: hidden; margin: 0 -15px 0 15px; }
	#links2categories .cta-item { float: left; width: 50%; border: none; }
	#links2categories .cta-item.last { margin-top: 0; }
	#links2categories .btn-cta { float: none; margin-top: 0; }
	#cta1-wrap { display: none; }
	#cta-blocks .cta-item h3 { font-size: 17px; line-height: 20px; }
	
	section.page-top { padding-bottom: 30px; }
	section.page-top h1, section.page-top h2, section.page-top .page-top-title { font-size: 2.4em; }
	
	h1 { font-size: 2.2em; line-height: 1.2; }
	section.page-top .page-top-title { line-height: 1; }
	
	/*** breadcrumb ***/
	.page-top ul.breadcrumb { font-size: 12px; line-height: 16px; margin: -20px 0 15px; }
	.page-top ul.breadcrumb li { line-height: 16px; }
	
	#contents { padding: 20px 0 0; }
	section.featured { padding: 20px 0; margin: 20px 0; }


	/*** projects ***/
	#page-projects section.page-top { background-size: auto 100%; }
	
	/*** services ***/
	#services-list .col-sm-4 img, #posts-list .col-sm-4 img { display: block; margin-bottom: 20px; }
	
	/*** catalog ***/
	#catalog-list { background: none; }
	#catalog-list .category-item a { overflow: hidden; }
	#catalog-list .category-item a .category-img { float: left; width: auto; margin: 0 15px 10px 0; }
	#catalog-list .category-item a .category-txt { float: none; width: auto; }
	
	#contents-top { margin-bottom: -15px; }
	#contents-top .container { padding: 0; }
	#category-product #contents #leftpanel .gallery .gal-item { margin: 0 5px 5px 0; padding: 2px;}

	
	/*** footer ***/
	#ftr-block-contacts { text-align: left; }
	#ftr-block-contacts p { float: left; width: 33%; font-size: 12px;font-size: 12px;text-align: center;}
	.ftr-logo img { width: 150px; height: auto; }
}

@media (max-width: 560px) {
	/*body { background: #cfffcd; }*/
	
	#links2categories .cta-item img { width: 70px; }
	#cta-blocks .cta-item h3 { font-size: 14px; line-height: 17px; }
	#page-cnt h1 { font-size: 2em; }
}
@media (max-width: 420px) {
	/*body { background: #ccc; }*/
	/*** header ***/
	#header2 > .container { height: 50px; }
	
	
	#header2 nav ul.nav-top { display: block; position: absolute; top:0; right: 101px; margin-right: 0; }
	#header2 nav ul.nav-top li { display: none; }
	#header2 nav ul.nav-top li.lang-switcher { display: block; float: none; }
	#header2 nav ul.nav-top li.lang-switcher a { width: 25px; height: 25px; line-height: 25px; }
	
	/*** slider ***/
	.slider-container .main-label { font-size: 30px !important; }
	.slider-container .bottom-label { top: 41px !important; font-size: 13px !important; }
	.slider-container .top-label { font-size: 8px !important; line-height: 12px !important; top: 70px !important }
	.slider-container .text-back { width: 900px; top: 60px !important; height: 50%; }
	
	/*** news ***/
	#home-news h3 { font-size: 18px; background: #fcdf4a; color: #fff; font-style: italic; font-weight: 400; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
	#home-news-cnt { padding-top: 0; }
	#home-news .news-item { float: none; width: 100%; border-bottom: 1px solid #ddd; }
	#home-news .news-item h4 { font-size: 14px; }
	#home-news .bottom-link { position: relative; top: 0; right: auto; margin-left: 0; padding: 10px 0; height: 40px; overflow: hidden; }
	#home-news .bottom-link { display: block; float: left; }
	
	/*** cta ***/
	#links2categories { margin: 0 0 0 15px; width: 90%; }
	#links2categories .cta-item { padding-left: 0; padding-right: 0; width: 47%; }
	#links2categories .cta-item.last { float: right; }
	#links2categories .cta-item img { width: 100%; float: none; display: block; margin-bottom: 10px; }
	.btn-cta { padding: 0 15px; }
	#contents .cta-item h3 { font-size: 15px; line-height: 18px; letter-spacing: -.5px; margin-bottom: 10px; }
	
	#cta-blocks .cta-item { padding-left: 0; padding-right: 0; }
	#cta1-wrap { display: block; background-image: none; margin-bottom: 5px; }
	#cta2blocks { background-image: none; padding: 0; }
	#cta2blocks .cta-item { width: 47%; }
	#cta2blocks #cta3 { float: right; }
	#cta2blocks .cta-item img { width: 100%; display: block; float: none; margin-bottom: 10px; }
	
	/*** projects ***/
	.project-details .toggle label, .project-details .toggle.active > label { height: auto; line-height: 1; padding: 5px 15px; }
	
	/*** footer ***/
	#footer .col-xs-4 { width: 50%; }
	#footer h4 { font-size: 14px; }
	#ftr-block-about ul li { line-height: 20px; }
	#ftr-block-news li { padding-bottom: 15px; }
	#ftr-block-news li a { font-size: 11px; line-height: 16px; }
	#ftr-block-news li a span.news-date { font-size: 13px; }
	#ftr-block-projects { display: none; }
	#ftr-block-contacts p { 
		    font-size: 12px;
    text-align: center;
        width: 100%;
	 }
	
	#link2download { display: none; }
}





/* Responsive */
@media (max-width: 991px) {
  /* Header */
	#header2 {
		clear: both;
	}

	#header2 > .container {
		margin-bottom: 0;
	}

	#header2 .social-icons, #header2 .search {
		display: none;
	}

	#header2 .nav-collapse {
		background: #171717;
		width: 100%;
		clear: both;
		width: 100%;
	}

	#header2 .nav-collapse .container .nav-main{
		float: left;
		width: 100%;
	}

	#header2 .nav-main-collapse {
		position: relative;
                top:77px;
		background: #171717;
		max-height: none;
		width: 100%;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
	}

	#header2 .nav-main-collapse.collapse {
		display: none !important;
	}

	#header2 .nav-main-collapse.in {
		width: 100%;
		overflow: hidden;
		overflow-y: hidden;
		overflow-x: hidden;
		display: block !important;
	}

	#header2 .nav-main {
		padding: 10px 0;
		clear: both;
		display: block;
		float: none;
		width: 100%;
	}

	#header2 .nav-main ul {
		padding: 0;
		margin: 0;
	}

	#header2 .nav-main ul li {
		padding: 0;
		margin: 0;
		clear: both;
		/*float: none;*/
		display: block;
		border-bottom: 1px solid #2A2A2A;
	}

	#header2 .nav-main ul li:last-child {
		border-bottom: none;
	}

	#header2 .nav-main ul ul {
		margin-left: 20px !important;
	}

	#header2 .nav-main ul.nav-main {
		float: none;
		position: static;
		margin: 8px 0;
		margin-right: -10px;
	}

	#header2 .nav-main ul.dropdown-menu {
		position: static;
		clear: both;
		float: none;
		display: none !important;
	}

	#header2 .nav-main li.resp-active > ul.dropdown-menu {
		display: block !important;
	}

	#header2 .nav-main li.dropdown a.dropdown-toggle.extra {
		float: right;
		position: relative;
		width: 30px;
		height: 30px;
		text-align: center;
		line-height: 30px;
		margin: 3px 0 -38px 0;
		z-index: 10;
		display: block;
	}

	#header2 .nav-main li a.dropdown-toggle.disabled .fa {
		display: none;
	}

	#header2 nav ul.nav-main > li + li {
		margin-left: 0;
	}

	#header2 nav ul.nav-main li a {
		color: #FFF;
		clear: both;
		float: none;
		display: block;
		padding: 9px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
	}

	#header2 nav ul.nav-main li a i.fa-angle-down {
		position: absolute;
		right: 5px;
		top: 10px;
	}

	#header2 nav ul.nav-main li.dropdown:hover > a {
		margin-bottom: -2px;
	}

	#header2 nav ul.nav-main ul.dropdown-menu {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	#header2 nav ul.nav-main ul.dropdown-menu li > a {
		padding: 9px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
		border-bottom: none;
	}

	#header2 nav ul.nav-main ul.sub-menu {
		padding: 0;
		margin: 0 0 10px 0;
	}

	#header2 nav ul.nav-main .dropdown-submenu > a:after {
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #FFF;
	}

	#header2 nav ul.nav-main .dropdown-submenu:hover > a:after {
		border-left-color: transparent;
	}

	#header2.flat-menu > .container {
		margin-bottom: 0;
	}

	#header2.flat-menu nav ul.nav-main {
		padding: 0;
		margin: 0;
	}

	#header2.flat-menu nav ul.nav-main li a {
		color: #FFF !important;
	}

	#header2.center nav ul.nav-main > li {
		display: block;
	}

	body #header2 nav ul.nav-main ul.dropdown-menu {
		background: none !important;
		background-color: transparent !important;
	}

	body #header2 nav ul.nav-main li.dropdown.open .dropdown-toggle, body #header2 nav ul.nav-main li a, body #header2 nav ul.nav-main li > a:hover, body #header2 nav ul.nav-main li.active a, body #header2 nav ul.nav-main li.dropdown:hover a {
		background: none !important;
		background-color: transparent !important;
	}

	body #header2 nav ul.nav-main ul.dropdown-menu li:hover > a, body #header2 nav ul.nav-main li.dropdown:hover ul.dropdown-menu li > a:hover {
		background: none !important;
		background-color: transparent !important;
	}

	body #header2.flat-menu nav ul.nav-main li.dropdown:hover a {
		background: none !important;
		background-color: transparent !important;
	}

	body #header2.flat-menu nav ul.nav-main li a, body #header2.flat-menu nav ul.nav-main li.dropdown:hover > a {
		padding: 9px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
	}

	body #header2.single-menu nav ul.nav-main li.active > a {
		padding: 9px 8px;
		border: 0;
		border-top: 0;
		margin: 0;
	}

	body #header2.flat-menu nav ul.nav-main li > a:hover, body #header2.flat-menu nav ul.nav-main li.dropdown:hover a {
		background: transparent !important;
	}

	html.boxed #header2.single-menu > .container, html.boxed #header2.flat-menu > .container {
		height: 95px;
		margin-bottom: 10px;
	}

	html.boxed #header2.single-menu ul.nav-main, html.boxed #header2.flat-menu ul.nav-main {
		margin: 5px 25px 5px 0;
	}

	html.boxed #header2.single-menu nav ul.nav-main > li > a, html.boxed #header2.flat-menu nav ul.nav-main > li > a {
		padding: 9px 8px !important;
	}

	body.sticky-menu-active #header2 .nav-main-collapse,
  #header2.fixed .nav-main-collapse {
		max-height: 300px;
	}

	body.sticky-menu-active #header2 .nav-main-collapse.in,
  #header2.fixed .nav-main-collapse.in {
		overflow: hidden !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	body.sticky-menu-active #header2 .logo img,
  #header2.fixed .logo img {
		margin-top: -12px;
	}

  /* Responsive Button Nav */
	.btn-responsive-nav {
		background: #283593;
		top: 55px;
		display: block;
		position: absolute;
		right: 20px;
		color: #FFF;
		z-index: 1;
	}

	.btn-responsive-nav:hover, .btn-responsive-nav:active, .btn-responsive-nav:focus {
		color: #CCC;
	}

	#header2.single-menu .btn-responsive-nav {
		top: 30px;
	}

	#header2.flat-menu .btn-responsive-nav, #header2.center .btn-responsive-nav {
		top: 35px;
	}

  /* Logo */
	#header2 h1.logo img {
		max-width: 180px;
		max-height: none !important;
		height: auto !important;
	}

	#header2.center h1.logo {
		text-align: left;
	}

  /* Nav Top */
	#header2 .header-top ul.nav-top {
		float: left;
		margin: 7px 0 0 -15px;
		min-height: 5px;
	}
}

@media (max-width: 767px) {
  /* Header */
	#header2 {
		display: block;
	}

	#header2 > .container {
		width: 100%;
	}

	#header2 .social-icons {
		display: none;
	}

	#header2 nav ul.nav-top {
		float: right;
		margin-right: 75px;
	}

	#header2.center nav {
		width: auto;
	}

  /* Responsive Button Nav */
	.btn-responsive-nav {
		top: 55px;
	}

	body.sticky-menu-active .btn-responsive-nav {
		top: 60px;
	}
}

@media (max-width: 479px) {
	#header2 nav ul.nav-top, #header2 .header-top {
		display: none;
	}
}

@media (max-width: 600px) {
  /* Header */
	#header2 nav ul.nav-top li {
		display: none;
	}

	#header2 nav ul.nav-top li .phone {
		display: block;
	}
}
@media (max-width: 991px) {
	#header2 .nav-main-collapse {
	}
	.main{
		top: 0px;
	}
	iframe{
		width: 100%;
	}

}
@media (max-width: 800px) {
.top-container {height: 100px;}
.slider-container{display: none !important;}
#home-news{display: none;}

#window-callback{z-index:1001;position:fixed;top:80px;left:0;right:0;padding:16px 25px;box-shadow:0px 1px 4px #999;opacity:.99;color:#3f51b5;height:auto;max-height:90%;width:280px;}
#window-callback input[type='text']{background:#fff;min-width:200px;color:#3f51b5;}
#window-callback .content{border:none;padding:0px;margin-top:-15px;}

#contactforma, #contactforma-frame{float:left;margin:25px 0px 0px 0px;padding:10px 0px 0px 0px;width:100%;}
#contactforma-frame{margin:0px 0px 0px 0px;color:#3f51b5;padding-top:10px;}
#contactforma-frame .close_window{position:absolute;top:-10px;right:0px;}
#form{float:left;width:50%;margin:0px;padding:0px;}
#contactForm form{float:left;margin:0px;padding:0px;}
#contactforma-frame form div, #contactforma-frame form div:nth-child(2n){float:left;width:100%;text-align:center;margin-left:0px;}
#contactForm input{margin:0px 0px 12px 10px;clear:both;border:1px solid #3f51b5;padding:3px 3px;width:200px;}
#contactforma-frame #contactForm input.button{font-size:14px;font-weight:bold;background:#fff;padding:5px 20px;z-index:99999;cursor:pointer;color:#3f51b5;margin-top:10px;width:auto;float:none;}
#contactforma-frame #contactForm input.button:hover{background:#3f51b5;color:#fff;}
#contactforma-frame form div.callback-button{float:none;width:100%;text-align:center;clear:both;}
#callback-click, #catalog-click{top:172px;right:-62px;font-size:16px;z-index:1;width:102px;}
#callback-click a{padding:10px 0px;}
#catalog-click{right:-10px;width:102px;}
#catalog-click a{padding:10px 0px;}
.catalog-item, .catalog-item:nth-child(2n), #catalog-list ul li ul li{float:left;width:100%;clear:both;margin:20px 0px;position:relative;padding:0px;}
.catalog-title{display:inline-block;width:100%;padding:10px 15px;text-transform:uppercase;color:#3f51b5;background:#c9c9c9;font-size:20px;}
.catalog-item a{display:inline-block;padding:0px;margin:0px;width:100%;}
.catalog-item .catalog-img{float:left;margin-right:20px;width:100%;max-width:300px;}
.catalog-item .catalog-img img{width:100%;height:auto;}
.catalog-item .catalog-description{float:left;margin:20px 0px 0px 0px;width:90%;max-width:300px;}
.catalog-more{position:static;width:100%;}


}

@media (max-width: 320px){
	.slider-container{
		display: none !important;
	}
	.btn-responsive-nav {
	    margin: -55px -20px 0 0;
	}
	.top-container {
	    height: auto;
	}
}

@media (max-width: 480px){
#header2 {height:72px;min-height:72px; border-bottom: 2px solid #fcdf4a;position:fixed;background:#fff;width:100%;}
#header2 .container, #header2 .top-container{width:100%;height:auto;background:none;}
#header2 .btn-responsive-nav{top:17px;left:auto;right:10px;height:35px;width:100px;font-size:15px;padding:0px 20px;display:block;margin:0px 0px 0px 0px;}
#header2 .btn-responsive-nav:hover, .btn-responsive-nav:active, .btn-responsive-nav:focus{color:#3f51b5;background:#fcdf4a;}
#header2 .logo{margin:10px 0px 0px 10px;position:static;float:left;}
#header2 .logo img{width:170px;height:auto;}
#lang-en, #header2 .nav-top > li > a{display:none !important;}
#header2 .nav-main-collapse {top:0px;left:auto;right:auto;margin:0px;padding:0px;background:#fcdf4a;}
#header2 ul.nav-main li span, #header2 ul.nav-main ul.dropdown-menu > li > span{display:none;}
#header2 ul.nav-main{width:80%;text-align:center;padding:0px;margin:-25px auto 0px auto;}
#header2 ul.nav-main li{width:100%;1border-bottom:0px;padding:0px;}
#header2 ul.nav-main li:hover a{border-bottom:0px;}
#header2 ul.nav-main li a{color:#3f51b5 !important;text-transform:none;margin:0px !important;padding:5px 0px;}
.search-my{display:none;}
.collapse{padding:0px;}
.main{top:35px;}
.slider-container-mobile{clear:both;}
.main-blocks{width:100%;margin:30px 0px 0px 0px;display:block;}
.main-blocks ul{width:90%;margin:0px auto;padding:0px 0px 0px 0px !important;position:relative;}
.main-blocks ul li{list-style:none;width:100%;display:inline-block;margin-top:50px;padding:0px;position:relative !important;z-index:1;}
.main-blocks ul li:nth-child(2n){margin:50px 0px 0px 0px;}
.main-blocks .title{color:#212121;font-size:22px;text-transform:uppercase;font-weight:700;margin:5px 0px;line-height:20px;background:#fff;z-index:2;margin:-13px 0px 20px 0px;padding-right:15px;float:left;}
.main-blocks .photo-1, .main-blocks .photo-2, .main-blocks .photo-3{border: 1px solid #afafaf; width:100%;margin-top:15px;clear:both;}
.main-blocks .photo-1 img, .main-blocks .photo-2 img, .main-blocks .photo-3 img{padding:4px;width:100%;height:auto;}
.main-blocks .more{position:absolute;right:-10px;bottom:15px;z-index:2;}
.main-blocks .more a{padding:4px 20px;background:#3f51b5;display:block;color:#fff;font-weight:bold;}
.main-blocks .more a:hover{background:#fcdf4a;color:#283593;}
.main-blocks .more a span{color:#8c97d3;font-weight:normal;}
.main-blocks hr{z-index:1;margin:0px;}
.col-my, #footer .col-my {float:none;display:block;width:100%;}
#footer .col-my h4 {font-size:14px;text-align:center;margin-bottom:8px;}
#footer ul{margin: 0px auto;text-align: center;}
#footer {border-bottom:15px solid #242b50;padding-bottom:0px;}
#footer .my-foot{margin:0px auto 0px auto;text-align:center;background:#242b50;padding:15px 0px;}
#footer .my-foot .copyright{float:none;margin:15px 0px 20px 0px;}
#footer .my-foot .bv{float:none;margin:15px 0px 20px 0px;}
#footer ul.social-icons{float:none;}
#ftr-block-contacts p {width:100%;}
#footer .social-icons li:first-child{display:block;margin-bottom:10px;}
.slider-container-mobile{text-align: center;}
.mobile-slider-italic{font-style:normal;font-size:28px;margin:30px auto 0px auto;width:100%;font-weight: bold;text-transform:uppercase;}
.mobile-slider-regular {font-style: normal;font-weight: bold;margin:10px auto 0px auto;width:95%;font-size:18px;}
.mobile-slider-text {margin:15px auto 0px auto;width:90%;}
.landingNav, .landingFix{position:static;width:100%;top:0px;left:0;z-index:999;float:left;}
.landingNav ul{width:100%;margin:0px;padding:0px;}
.landingNav ul li{width:55%;}
#page-projects #contents{width:100%;}
#page-projects #contents .container-list{width:100%;float:left;margin:0px;margin-bottom:40px;padding:0px;}
.project-gallery {width:100% !important;float:left;margin-top:15px;}
.project-gallery a {margin:0px 5px 10px 5px;}
#page-projects .timeline-box .project-info{width:100% !important;text-align:center;}
#page-projects .timeline-box .project-info .project-info-left{width:100% !important;margin-left:0px;}
#page-projects .timeline-box .project-info .project-info-right{width:100%;margin-left:0px;}
#page-projects .timeline-box .img-thumbnail{width:100% !important;height:auto !important;}
#page-projects .timeline-box .img-thumbnail img{width:100% !important;height:auto !important;}
#link2download {display:none;}
.main-blocks-menu{position:absolute;right:0px;z-index:2;}
.main-blocks-menu ul li, .main-blocks-menu ul li:nth-child(2n){width:240px;display:block;margin:4px 0px;}
.main-blocks-menu ul li a{position:relative;}
.main-blocks-menu ul li a span{position:absolute;right:15px;top:4px;}
.prodmain{margin:30px 0px 20px 0px;}
.catalog-info{position:static;margin:15px 0px 15px 0px;width:90%;}
.catalog-info a{border:0px !important;width:auto;padding-right:10px;color:#3f51b5;}
.catalog-info a:hover{background:none;}
}

@media (min-width: 481px) and (max-width: 700px){
#header2 {height:77px;min-height:77px; border-bottom: 2px solid #fcdf4a;position:fixed;background:#fff;width:100%;}
#header2 .container, #header2 .top-container{width:100%;height:auto;background:none;}
#header2 .logo{margin:10px 0px 0px 10px;position:static;float:left;}
#header2 .logo img{width:180px;height:auto;}
#lang-en, #header2 .nav-top > li > a{display:none !important;}
#header2 .btn-responsive-nav{top:17px;left:auto;right:10px;height:35px;width:100px;font-size:15px;padding:0px 20px;display:block;margin:0px;}
#header2 .nav-main-collapse {top:0px;left:auto;right:auto;margin:0px;padding:0px;z-index:9999;}
#header2 ul.nav-main li span, #header2 ul.nav-main ul.dropdown-menu > li > span{display:none;}
#header2 ul.nav-main li a{margin:0px auto;color:#fff !important;}
.main{top:37px;}
#footer {border-bottom:15px solid #242b50;padding-bottom:0px;width:100% !important;text-align:center;}
#footer .col-my {width:32%;margin:0px auto;float:none;display:inline-block;vertical-align:top;}
#footer .col-my h4 {margin-bottom:8px;}
#footer .my-foot{margin:0px auto 0px auto;text-align:center;background:#242b50;padding:15px 0px;}
#footer .my-foot .copyright{float:none;margin:15px 0px 20px 0px;}
#footer .my-foot .bv{float:none;margin:15px 0px 20px 0px;}
#footer ul.social-icons{float:none;}
#ftr-block-contacts, #ftr-block-contacts p {width:100% !important;clear:both;text-align:center;}
#footer .social-icons li:first-child{display:block;margin-bottom:10px;}
.slider-container-mobile{text-align: center;}
.mobile-slider-italic{font-style:normal;font-size:28px;margin:30px auto 0px auto;width:100%;font-weight: bold;text-transform:uppercase;}
.mobile-slider-regular {font-style: normal;font-weight: bold;margin:10px auto 0px auto;width:95%;font-size:18px;}
.mobile-slider-text {margin:15px auto 0px auto;width:90%;}
.main-blocks{width:100%;margin:30px 0px 0px 0px;display:block;}
.main-blocks ul{width:90%;margin:0px auto;padding:0px 0px 0px 0px !important;position:relative;}
.main-blocks ul li{list-style:none;width:100%;max-width:560px;margin-top:50px;padding:0px;position:relative;z-index:1;1float:left;1clear:both;}
.main-blocks ul li:nth-child(2n){margin:50px 0px 0px 0px;}
.main-blocks .title{color:#212121;font-size:22px;text-transform:uppercase;font-weight:700;margin:5px 0px;line-height:20px;background:#fff;z-index:2;margin:-13px 0px 20px 0px;padding-right:15px;float:left;}
.main-blocks .photo-1, .main-blocks .photo-2, .main-blocks .photo-3{border: 1px solid #afafaf; width:100%;margin-top:15px;clear:both;}
.main-blocks .photo-1 img, .main-blocks .photo-2 img, .main-blocks .photo-3 img{padding:4px;width:100%;height:auto;}
.main-blocks .more{position:absolute;right:-10px;bottom:15px;z-index:2;}
.main-blocks .more a{padding:4px 20px;background:#3f51b5;display:block;color:#fff;font-weight:bold;}
.main-blocks .more a:hover{background:#fcdf4a;color:#283593;}
.main-blocks .more a span{color:#8c97d3;font-weight:normal;}
.main-blocks hr{z-index:1;margin:0px;}
#link2download {top:100px;position:absolute !important;display:none;}
#page-projects #contents .container-list{width:77% !important;float:right;margin-right:0px;padding:0px;}
.project-gallery {width:100% !important; margin-top:15px;}
.project-gallery a {float: left; margin:0px 10px 10px 0px;width:50px;height:50px;display: block; background: #fff;padding:0px;}
.project-gallery a.active img { padding:3px; background: #fff; display: block; width:50px; height:50px; border:2px solid #9fa8da;}
#page-projects .timeline-box .project-info{width:100% !important;}
#page-projects .timeline-box .project-info .project-info-left{width:100% !important;}
#page-projects .timeline-box .project-info .project-info-right{width:100%;}
#page-projects .timeline-box .img-thumbnail{width:100% !important;}
#page-projects .timeline-box .img-thumbnail img{width:100% !important;}
.timeline-box .project-title{max-width:59% !important;font-size:16px;}
.main-blocks-menu{position:absolute;right:0px;z-index:2;}
.main-blocks-menu ul li, .main-blocks-menu ul li:nth-child(2n){width:240px;display:block;margin:4px 0px;}
.main-blocks-menu ul li a{position:relative;}
.main-blocks-menu ul li a span{position:absolute;right:15px;top:4px;}
.prodmain{margin:30px 0px 20px 0px;}
.catalog-info{position:static;margin:15px 0px 15px 0px;width:90%;}
.catalog-info a{border:0px !important;width:auto;padding-right:10px;color:#3f51b5;}
.catalog-info a:hover{background:none;}
}

@media (min-width:701px) and (max-width:800px){
#header2 {height:77px;min-height:77px; border-bottom: 2px solid #fcdf4a;background:#fff;width:100%;}
#header2 .container, #header2 .top-container{width:100%;height:auto;background:none;}
#header2 .logo{margin:10px 0px 0px 10px;position:static;float:left;}
#header2 .logo img{width:180px;height:auto;}
#header2 ul.nav-top { min-height: 35px;margin:19px 20px 0px 0px;float:right;width:45px;}
#header2 .btn-responsive-nav{top:23px;left:auto;right:110px;height:35px;width:100px;font-size:15px;padding:0px 20px;display:block;margin:0px;}
#header2 .nav-main-collapse {top:0px;left:auto;right:auto;margin:0px;padding:0px;z-index:9999;}
#header2 ul.nav-main li span, #header2 ul.nav-main ul.dropdown-menu > li > span{display:none;}
#header2 ul.nav-main li a{margin:0px auto;color:#fff !important;}
#footer {width:100% !important;}
#footer .col-my {width:22%;margin:0px 0px 0px 0px;float:none;display:inline-block;vertical-align:top;}
#footer .col-my h4 {margin-bottom:8px;}
#ftr-block-contacts{width:30% !important;text-align:left;}
#ftr-block-contacts p{width:100% !important;}
.slider-container-mobile{text-align: center;}
.mobile-slider-italic{font-style:normal;font-size:28px;margin:30px auto 0px auto;width:100%;font-weight: bold;text-transform:uppercase;}
.mobile-slider-regular {font-style: normal;font-weight: bold;margin:10px auto 0px auto;width:95%;font-size:18px;}
.mobile-slider-text {margin:15px auto 0px auto;width:90%;}
#link2download {top:100px !important;right:70px;position:absolute;}
.main-blocks ul{width:98%;margin:0px auto;padding:50px 0px 0px 0px !important;position:relative;}
.main-blocks ul li{list-style:none;width:30%;display:inline-block;margin:0px;padding:0px;position:relative;z-index:1;}
#footer .container {width:96%;}
.main-blocks-menu{position:absolute;right:0px;top:-20px;z-index:2;}
.main-blocks-menu ul li, .main-blocks-menu ul li:nth-child(2n){width:220px;display:block;margin:4px 0px;}
.main-blocks-menu ul li a{position:relative;}
.main-blocks-menu ul li a span{position:absolute;right:15px;top:4px;}
#callback-click{top:179px;right:-62px;font-size:16px;z-index:1;}
#callback-click a{padding:10px 0px;}
#catalog-click{top:179px;}
.prodmain{margin:30px 0px 50px 0px;}
.catalog-more{position:absolute;width:50%;}
.catalog-info{bottom:20px;width:50%;}
.catalog-info a{border:0px !important;width:auto;padding-right:10px;color:#3f51b5;}
}

@media (min-width:768px) and (max-width:980px){
#header2 .nav-main-collapse {top:74px !important;left:auto;right:auto;margin:0px;padding:0px;z-index:9999;}
}

@media (min-width:801px) and (max-width:991px){
#header2 {height:auto;background:#fff;width:100%;}
#header2 .container, #header2 .top-container{width:100%;height:auto;background:none;}
#header2 .logo{margin:10px 0px 0px 10px;position:static;float:left;}
#header2 .logo img{width:180px;height:auto;}
#header2 ul.nav-top { min-height: 35px;margin:19px 20px 0px 0px;float:right;width:45px;}
#header2 .btn-responsive-nav{top:23px;left:auto;right:220px;height:35px;width:100px;font-size:15px;padding:0px 20px;display:block;margin:0px;}
#header2 ul.nav-main li span, #header2 ul.nav-main ul.dropdown-menu > li > span{display:none;}
#header2 ul.nav-main li a{margin:0px auto;color:#fff !important;}
#footer .col-my h4 {margin-bottom:8px;}
#footer .container {width:96%;}
#link2download {top:100px !important;right:70px;position:absolute;z-index:1 !important;}
#window-callback{z-index:1001;}
.main{top:40px;}
.slider-container{top:80px;}
#header2 .nav-main-collapse {top:80px !important;left:auto;right:auto;margin:0px;padding:0px;z-index:9999;}
.main-blocks ul{width:98%;margin:0px auto;padding:10px 0px 0px 0px !important;position:relative;}
.main-blocks ul li{list-style:none;width:30%;display:inline-block;margin:0px;padding:0px;position:relative;z-index:1;}
.prodmain{margin-top:0px;}
#home-news {clear:both;float:none;position:static;margin-top:80px;z-index:9999;}
#home-news .news-list{width:100%;margin:0px;}
#home-news .news-list{width:94%;max-width:980px;margin:0px auto;}
#home-news .news-item {padding:0px; border: 1px solid #afafaf; width:31%;display:inline-block;margin:0px auto;overflow:hidden;position:relative;float:none;}
#home-news .news-item:nth-child(2n){margin:0px 2%;}
#home-news .news-item .col-xs-3{width:45%;padding:0px;margin:0px;}
#home-news .news-item .col-xs-9{width:45%;padding:0px;margin:5px 0px 0px 15px;}
#home-news .news-item .img-thumbnail-news{overflow:hidden;width:100%;}
#home-news .news-item .news-more{position:absolute;right:-1px;bottom:-1px;}
#home-news .news-item .news-more a{padding:4px 20px;background:#3f51b5;display:block;color:#fff;font-weight:bold;}
#home-news .news-item .news-more a:hover{background:#fcdf4a;color:#283593;}
#home-news .news-item .news-more a span{color:#8c97d3;font-weight:normal;}
#home-news .news-item h4 {font-size:16px;text-transform:uppercase;font-weight:700;margin:0px;line-height:20px;}
#home-news .news-item h4 a, #home-news .news-item h4 a:visited {color:#000;}
#home-news .news-item h4 a:hover {text-decoration:underline;}
#home-news .news-item .col-xs-9 { padding-left: 0; margin-top:7px;}
#home-news .news-item .news-cnt {display:none; }
#page-projects #contents{width:100% !important;}
.main-blocks-menu{position:absolute;right:0px;top:10px;z-index:2;}
.main-blocks-menu ul li, .main-blocks-menu ul li:nth-child(2n){width:240px;display:block;margin:4px 0px;}
.main-blocks-menu ul li a{position:relative;}
.main-blocks-menu ul li a span{position:absolute;right:15px;top:4px;}
#callback-click, #catalog-click{top:196px;font-size:16px;z-index:1;width:116px;padding:0px 0px;}
.catalog-more{width:100%;}
.catalog-item{width:47%;}
.catalog-item .catalog-description{float:left;margin:20px 0px 30px 5%;width:90%;max-width:300px;}
.catalog-info{position:static;margin:15px 0px 15px 0px;width:90%;}
.catalog-info a{border:0px !important;width:auto;padding-right:10px;color:#3f51b5;}
.catalog-info a:hover{background:none;}
}

@media (min-width:992px) and (max-width:1240px){
#header2 .container {width:98%;padding:0px;margin:0px auto;}
#header2 .logo{margin:24px 0px 0px 0px;width:200px;}
#header2 .logo img{width:180px;height:auto;}
#footer .container, #footer .my-foot {width:90%;max-width:1000px;}
#footer .col-my h4 {margin-bottom:8px;}
#home-news {clear:both;float:none;position:static;margin-top:100px;}
#home-news .news-item .news-cnt {display:none; }
#header2 .nav-main {margin:42px auto 0px auto;float:none;width:670px;text-align:center;}
#header2 ul.nav-main li a, #header2 ul.nav-main li a:visited { background: transparent; font-size:14px; font-weight: 700; text-transform: uppercase;color:#757575; padding:0px 0px 5px 0px;border-radius:0px;margin:0px 4px;display:inline-block;}
#header2 ul.nav-main li span{display:none;}
#link2download {right:70px;}
.catalog-info{position:static;margin:15px 0px 15px 0%;width:55%;float:right;}
.catalog-info a{border:0px !important;width:auto;padding-right:10px;color:#3f51b5;}
.catalog-info a:hover{background:none;}
}
@media (min-width:1100px) and (max-width:1240px){
#header2 .nav-main {margin:42px auto 0px auto;float:none;width:720px;text-align:center !important;}
#header2 ul.nav-main li a, #header2 ul.nav-main li a:visited { background: transparent; font-size:15px; font-weight: 700; text-transform: uppercase;color:#757575; padding:0px 0px 5px 0px;border-radius:0px;margin:0px 8px;display:inline-block;}
#header2 ul.nav-main li span{display:inline-block;}
#header2 ul.nav-main li span{display:none;}
#header2 ul.nav-main li ul.dropdown-menu {left:5px;}
.project-gallery {width:240px;}
.timeline-box .project-info .project-info-left{width:25%;}
.timeline-box .project-info .project-info-right{width:70%;}
}

@media (min-width:992px) and (max-width:1199px){
#page-projects #contents .container-list{width:70% !important;float:right;margin-right:4%;padding:0px;}
.project-gallery {width:40% !important;}
.project-gallery a {float: left; margin:0px 0px 10px 15px;width:50px;height:50px;display: block; background: #fff;padding:0px;}
.project-gallery a.active img { padding:3px; background: #fff; display: block; width:50px; height:50px; border:2px solid #9fa8da;}
#page-projects .timeline-box .project-info{width:100% !important;}
#page-projects .timeline-box .project-info .project-info-left{width:25% !important;}
#page-projects .timeline-box .project-info .project-info-right{width:60%;}
#page-projects .timeline-box .img-thumbnail{width:50% !important;height:auto !important;}
#page-projects .timeline-box .img-thumbnail img{width:100% !important;height:auto !important;}
}

@media (min-width:701px) and (max-width:899px){
#page-projects #contents .container-list{width:78% !important;float:right;margin-right:0px;padding:0px;}
.project-gallery {width:100% !important; margin-top:15px;}
.project-gallery a {float: left; margin:0px 10px 10px 0px;width:49px;height:49px;display: block; background: #fff;padding:0px;}
.project-gallery a.active img { padding:3px; background: #fff; display: block; width:49px; height:49px; border:2px solid #9fa8da;}
#page-projects .timeline-box .project-info{width:100% !important;}
#page-projects .timeline-box .project-info .project-info-left{width:100% !important;}
#page-projects .timeline-box .project-info .project-info-right{width:100%;}
#page-projects .timeline-box .img-thumbnail{width:100% !important;}
#page-projects .timeline-box .img-thumbnail img{width:100% !important;}
.timeline-box .project-title{max-width:59% !important;font-size:16px;}
}

@media (min-width:900px) and (max-width:991px){
#page-projects #contents .container-list{width:80% !important;float:right;margin-right:0px;padding:0px;}
.project-gallery {width:38% !important;}
.project-gallery a {float: left; margin:0px 0px 10px 15px;width:50px;height:50px;display: block; background: #fff;padding:0px;}
.project-gallery a.active img { padding:3px; background: #fff; display: block; width:50px; height:50px; border:2px solid #9fa8da;}
#page-projects .timeline-box .project-info{width:100% !important;}
#page-projects .timeline-box .project-info .project-info-left{width:35% !important;}
#page-projects .timeline-box .project-info .project-info-right{width:60%;}
#page-projects .timeline-box .img-thumbnail{width:60% !important;}
#page-projects .timeline-box .img-thumbnail img{width:100% !important;}
.timeline-box .project-title{max-width:59% !important;font-size:16px;}
}

