/* media style */


@media screen and (max-width: 1400px) {

	.slider ul.slides_control li {
		-moz-background-size: cover !important;
		-webkit-background-size: cover !important;
		-o-background-size: cover !important;
		background-size: cover !important;
	}

}




@media screen and (max-width: 1150px) {

	.inner {
		margin: 0 18px;
	}
	.catalog-nav-info ul li {
		width: 237px;
	}
	.catalog-nav-info ul li img {
		max-width: 237px;
	}
	.catalog-nav-info.level ul li a > i span:before {
		left: 40px;
	}

}




@media screen and (max-width: 1147px) {

	.news ul li:nth-child(3) {
		display: none;
	}

}




@media screen and (max-width: 1080px) {

	.slider ul.slides_control li {
		background-position: 55% center !important;
	}

}




@media screen and (max-width: 1060px) {

	.aside-l {
		width: 210px;
	}
	.content-r {
	    width: calc(100% - 220px);
	}
	.catalog-nav-list > ul > li,
	.catalog-nav-list > ul > li.active {
		background-position: 190px 28px;
		padding: 0 0.8em;
	}
	.catalog-nav-list > ul > li > a {
		line-height: 1em;
	}
	.catalog-nav-info ul li {
		width: 225px;
	}
	.catalog-nav-info ul li img {
		max-width: 225px;
	}

}




@media screen and (max-width: 1050px) {

	.slider ul.slides_control li {
		height: 390px;
	}
	.slider h1 {
		font-size: 2.2em;
		margin-top: -100px;
	}
	.slider .pagination li {
		margin-right: 15px;
	}
	.slider .pagination li a,
	.slider .pagination li.current a:before {
		width: 26px; height: 26px;
	}

}




@media screen and (max-width: 1000px) {

	nav.main ul li a {
		font-size: 0.80em;
		letter-spacing: -0.5px;
	}
	.about-us .wrapper > div {
		width: 100%;
		float: none;
		padding-right: 0;
	}
	nav.f ul {
		max-width: inherit;
	}
	nav.f ul li {
		width: auto;
		float: none;
		padding-right: 0;
	}
	.b-paragraph p {
		width: 100%;
	    display: block;
	    padding: 0 0 1.6em 0;
	}

}




@media screen and (max-width: 980px) {

	.aside-l {
		display: none;
	}
	.content-r {
		width: 100%;
		float: none;
	}
	.b-text {
		padding-left: 0;
	}
	.catalog-nav-info ul li {
		width: 237px;
	}
	.catalog-nav-info ul li img {
		max-width: 237px;
	}
	.select-nav {
		display: block;
	}
	section:nth-child(3) {
		padding-top: 0;
	}
	.diler-p .diler-form .td {
	    width: 100%;
	    display: block;
	}
	.diler-p .diler-form input[type="text"],
	.diler-p .diler-form textarea {
		width: calc(100% - 40px);
	}
	.diler-p .diler-form .btn {
		width: 100%;
	}
	.card {
	    width: 100%;
	    padding-left: 0;
	}

}




@media screen and (max-width: 850px) {

	nav.main ul {
		display: none;
	}
	.logo {
		width: 250px;
	}
	.navigation {
	    width: calc(100% - 250px);
	}
	.language {
		right: inherit;
		margin-left: -50px;
		left: 50%;
	}
	.search.h {
		top: 74px; right: inherit;
		left: 50%;
		margin-left: -160px;
	}
	nav.main {
		top: 0; right: 0;
		bottom: inherit;
		width: 100%; height: 100%;
	}
	nav.main .down {
		display: block;
	}
	nav.main ul {
		background: #0074bf;
		position: absolute;
		width: 100%; height: auto; top: 100%; padding-left: 18px; right: -18px;
	}
	nav.main ul li {
		width: 100%;
		display: block;
		text-align: center;
		border-bottom: none;
		margin-left: -10px;
	}
	nav.main ul li:last-child {
		padding-bottom: 50px;
	}
	nav.main ul li:last-child a {
		border-bottom: none;
		border-bottom: 1px solid #0074bf;
	}
	nav.main ul li:last-child a:hover,
	nav.main ul li.active:last-child a {
		border-bottom: none;
		border-bottom: 1px solid #0074bf;
	}
	nav.main ul li a {
		max-width: 300px;
		width: auto;
		font-size: 1.12em;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		padding: 20px 0;
		margin: 0 auto;
		border-bottom: 1px solid #3997d6;
	}
	nav.main ul li a:hover {
		text-decoration: underline;
	}
	nav.main ul li a:hover,
	nav.main ul li.active a {
		border-bottom: 1px solid #3997d6;
	}
	.news-p .wrapper-news {
	    width: 100%;
	    float: none;
	}
	.form-subscription {
	    width: 100%;
	    float: none;
	}

}


@media screen and (max-width: 800px) {
	.pull-right, .pull-left{
		width: 100%;
	}
	.item-wh .white-b{
		width: auto;
	}
	.card .slide-previu {
		display: none;
	}
}

@media screen and (max-width: 778px) {

	.news ul li:nth-child(2) {
		display: none;
	}
	.products ul {
		max-width: 360px;
		margin: 0 auto;
	}

}




@media screen and (max-width: 760px) {

	a, a:hover,
	.search.h input[type="text"],
	.search.h input[type="text"]:focus,
	.catalog-nav-info ul li a > i,
	input[type="submit"] {
	    transition: none !important;	    
	    -moz-transition: none !important;
	    -webkit-transition: none !important;
	}

}




@media screen and (max-width: 700px) {

	.slider {
    	background: #0c1428;
    	margin-bottom: 58px;
	}
	.slider ul.slides_control li {
		min-height: 390px;
		background-position: 80% top !important;
    	background-size: auto 242px !important;
	}
	.slider .pagination {
		width: 100%;
		bottom: -44px;
		text-align: center;
	}
	.slider .pagination li a {
		background: #d7dbde;
	}
	.slider .pagination li a:hover {
		background: #b9bec1;
	}
	.slider .caption {
		width: 100%; height: 100%;
		bottom: inherit;
		top: inherit;
	}
	.slider .caption:before {
		display: none;
	}
	.slider .caption .wrapper {
		display: table;
	}
	.slider .caption .wrapper .middle {
		vertical-align: bottom;
		display: table-cell;
		padding: 20px 0;
	}
	.slider .caption .wrapper .middle h1:before {
		background: #0c1428;
		width: 150%; height: 100%;
		position: absolute;
		top: -10px; right: -20px;
		content: '';
		z-index: -9;
	}
	.slider h1 {
		font-size: 1.87em;
		margin-top: 0;
		position: relative;
		padding-right: 50px;
	}
	.slider p {
		display: none;
	}
	.slider .more {
		width: 45px;
		position: absolute;
		overflow: hidden;
		display: block;
		left: inherit;
		padding: 0; right: -18px; bottom: 0;
	}
	.slider .more:after {
		position: absolute;
		left: 0; top: 0;
		margin: 0;
	}
	.about-us,
	.products,
	.news {
		padding: 2.2em 0;
	}
	.about-us {
		padding-top: 1em;
	}
	nav.f,
	.contacts.f,
	.smap-link,
	.copyright {
		width: 100%;
		float: none;
	}
	.contacts.f {
		padding-top: 2.5em;
	}
	.select-nav select {
		font-size: 0.80em;
		letter-spacing: 0px;
		text-transform: none;
		font-weight: 400;
		padding-left: 10px;
	}
	.news-p .select-nav select {
		font-size: 0.91em !important;
	}
	.contacts-p .wrapper {
		width: 100%;
		padding-right: 0;
	}
	.contacts-p .maps {
		display: none;
	}
	.news-p .int-w p img {
		width: 100%;
		display: block;
	}

}




@media screen and (max-width: 650px) {

	.logo {
		width: 206px;
	}
	.logo a {
		padding-right: 20px;
	}
	.logo img {
		width: 100%;
	}
	.navigation {
	    width: calc(100% - 206px);
	}
	nav.main .down {
		width: 50px; height: 40px;
		background-size: 100%;
		top: 72px;
	}
	nav.main .down.active {
		background-size: 50% 60%;
		background-position: center;
	}
	.news-p .wrapper-news ul li .date {
	    width: 100%;
	    float: none;
	}
	.news-p .wrapper-news ul li .wrap-c {
	    width: 100%;
	    float: none;
	    padding-top: 1em;
	}

}




@media screen and (max-width: 600px) {

	.inner {
		margin: 0 14px;
		z-index: 0;
	}
	header:before {
		background: #d7dbde;
		width: 100%; height: 55px;
		display: block;
		position: absolute;
		top: 0; left: 0;
		content: '';
	}
	.logo {
		height: 100px;
		position: absolute;
		z-index: 9;
		bottom: 0;
	}
	.logo a {
		bottom: 10px;
	}
	.navigation {
		background: none;
	    width: calc(100% + 28px); height: 155px; 
	    margin-right: -14px;
	}
	.search.h {
		top: 11px; left: 14px;
		margin-left: 0;
	}
	.search.h input[type="text"] {
		background: #fff;
		width: 130px; height: 30px;
	}
	.search.h input[type="submit"] {
		top: 4px; right: 13px;
		opacity: 0.6;
		filter: alpha(Opacity=60);
	}
	.language {
		top: 11px;
		right: 10px; left: inherit;
		z-index: 999;
	}
	.language ul li a {
		width: 18px; height: 16px;
	    text-indent: -100px;
	    overflow: hidden;
	    padding: 8px 9px;
	    background-position: 9px 8px;
	    border: none;
	}
	.language ul li a:hover,
	.language ul li.active a {
		background-color: #c1c3c5;
	    border: none !important;
	}
	nav.main:before {
		background: #0074bf;
		width: 100px; height: 100px;
		position: absolute;
		bottom: 0; right: 0;
		content: '';
	}
	nav.main .down {
		top: 85px; right: 24px;
	}
	nav.main ul {
		right: 0;
		padding-left: 0;
	}
	nav.main ul li {
		margin-left: 0;
	}
	nav.main ul li:first-child {
		padding-top: 10px;
	}
	.slider .more {
		right: -14px;
	}
	.title-i h1 {
		font-size: 1.37em;
		line-height: 1.5em;
	}
	.search-p .search-input input[type="text"] {
		width: 188px;
	}
	.spec-table tr td{
		padding: 12px;
	}

}




@media screen and (max-width: 525px) {

	.catalog-nav-info ul {
		width: 100%;
	}
	.catalog-nav-info ul li {
		width: 267px;
		display: block;
		margin: 0 auto 10px;
	}
	.catalog-nav-info ul li img {
		max-width: 267px;
	}
	.news-p .news-nav a {
		min-width: 250px;
		font-size: 0.87em;
		letter-spacing: 1px;
		margin-right: 0;
	}

}





@media screen and (max-width: 404px) {

	.products ul,
	.news ul {
		width: 100%;
	}
	.products ul li,
	.news ul li {
		width: 100%; height: auto;
		float: none;
		display: block;
		margin: 0 0 11px 0;
	}
	.products ul li .img {
		display: none;
	}
	.products ul li .name {
		background: #fff;
		padding: 0.9em 0.7em;
		border-bottom: 1px solid #000;
	}
	.news ul {
		padding-top: 1.5em;
	}
	.news .btn {
		padding-top: 1em;
	}

}





@media screen and (max-width: 350px) {

	.logo {
		width: 185px;
	}

}