@media only screen and (max-width:1700px){
    .product-description .img-holder{width:53.3%;}
}
@media only screen and (max-width:1600px){
    .product-description .img-holder{width:53.5%;}
}
@media only screen and (max-width:1500px){
    .product-description .img-holder{width:53.7%;}
}
@media only screen and (max-width:1400px){
    .product-item .content{
        padding-top:70px;
    }
    .product-item .title{
        line-height:30px;
        font-size:24px;
    }
}

@media screen and (max-width: 1280px){
	.product-block .tab-control {
		padding: 0 0 0 0;
	}
	.product-block .tab-control li {
		padding: 0  20px 0 0;
		box-sizing: border-box;
	}
	.product-block .tab-body {
		padding: 0;
	}
	.product-block .visual .ico {
		left: -32px
	}
	.product-block .visual {
		margin: 0 0 50px 0;
		padding: 0 0 0 0;
	}
	.product-block .tabset {
		padding: 10px 0 0 0;
	}
	.sidebar-nav {
		padding: 71px 0 0 70px;
	}
	.contact-block .col1 .holder {
		padding: 28px 0 0 20px;
	}
	.contact-block .col2 .holder {
		padding: 28px 20px 0 20px;
	}
}
@media screen and (max-width: 1210px){
	#nav {
		margin: 0;
	}
	.headerNav li {
		margin: 0 0 0 10px;
	}
	.main-screen .two-columns h1 {
		margin: -45px 0px -34px 0px;
	}
	.choose-product .product-list-holder {
		padding: 0 0 0 77px;
	}
	.main-screen .two-columns .col2 {
		width: 45%;
		padding: 0 15px;
		max-width: 100%;
	}
	.main-screen .two-columns  h1 {
		margin: 0;
		font: 80px/80px 'dinprolight', sans-serif;
	}
	.main-screen .two-columns h2 {
		margin: 0;
		font: 50px/50px 'dinprolight', sans-serif;

	}
	.main-screen .two-columns h3{
			font: 45px/45px 'dinprolight', sans-serif;

	}
	.main-screen .two-columns .col1 {
		width: 55%;
	}
    .product-item .inner{margin-right:-40px;}
    .product-item .content{
        padding-left:0;
        padding-top:70px;
    }

    .product-item-slider .inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .product-description .inner {
        padding-left: 40px;
        padding-right: 40px;
    }

    .product-item-slider .product-slider,
    .product-item-slider .product-preview{
        float:none;
        width:auto;
        height:auto !important;
        padding-left:40px;
        padding-right:40px;
    }
}
@media screen and (max-width: 1050px){
	.hidden-box {
		padding: 18px 0 0 40px;
	}
	.choose-product-nav {
		 padding: 29px 10px 22px 10px;
	}
	.header {
		min-height: 80px;
	}
	a.mob-btn {
		display: block;
	}
	.mobile-nav-container.active {
		display: block;
	}
	.headerWrap {
		display: none;
	}
	.logo {
		width: 180px;
		height: 27px;
		margin: 0;
        background-size: contain;
	}
	.header.default.active {
		background: #fff;
	}
	.header.fixed {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 300;
		right: 0;
		background: #fff;
		min-height: 73px;
	}
	.wr.default {
		padding: 0;
	}
	.wr.fixed {
		padding: 73px 0 0 0;
		transition:none!important;
	}
	.tab-control li.active span, .tab-control li:hover span {
		margin: 0;
	}
	.tab-control li a:before {
		left: -15px;
	}
	.category-block  {
		padding: 20px;
        margin: 0 12px;
	}
	.product-block .visual .ico {
		width: 133px;
		left: -5px;
		height: 180px;
		background: url(../images/img1.png) no-repeat 0% 0%;
		background-size: cover;
	}
	.sidebar-nav {
		padding: 71px 0 0 25px;
	}
    .popup .close-popup,
    .popup-holder .close-popup {
        top:20px;
        right:20px;
    }

    .popup h2{padding-right:50px;}
    .popup-holder{top:0;}
    .product-list li .btn-box {
        padding: 23px 15px 0 15px;
    }

    .product-item-slider .inner,
    .product-description .inner,
    .product-advantage .advantage-list-holder,
    .product-characteristic .content .inner{
        padding-left: 20px;
    }

    .product-characteristic .characteristic-column,
    .product-advantage .content {
        padding-right: 20px;
    }
    .layer1 {
        top: 100px;
        left: 20px;
        width: 250px;
    }
    .layer2 {
        top: -40px;
        left: 200px;
        width: 400px;
    }
    .layer3 {
        top: 160px;
        left: 400px;
        width: 350px;
    }
    .two-columns {
        min-height: 480px;
    }
}

@media screen and (max-width: 999px){
    .product-item .inner,
    .main-content .heading{
        margin-right:0;
    }
    .product-slider .ico-holder{left:35px;}
    .product-slider .switcher{right:20px;}
    .product-description .img-holder{display:none;}
    .product-description .content{padding:0;}
    .product-advantage .advantage-list-holder{
        float:none;
        width:auto;
        padding-left:40px;
        padding-right:40px;
    }
    .product-advantage .advantage-list-holder:after{
        bottom:0;
        height:auto;
    }
    .product-advantage .content,
    .product-characteristic .content .inner{
        padding-left:40px;
        padding-right:40px;
    }
    .product-characteristic .content{
        float:none;
        width:auto;
        height:auto !important;
    }
    .product-characteristic .characteristic-column{
        padding-left:40px;
        padding-right:40px;
        height:auto !important;
    }
    a.product-item{
        margin-left:-50px !important;
        padding-left:50px !important;
    }

    .product-item-slider .inner,
    .product-description .inner,
    .product-advantage .advantage-list-holder,
    .product-characteristic .content .inner,
    .product-characteristic .characteristic-column,
    .product-advantage .content,
    .product-item-slider .product-slider,
    .product-item-slider .product-preview {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-width: 991px){
    .choose-product-nav ul li .text {
        max-width: 100%;
        display: block;
    }
	.sidebar-nav li a {
		padding: 0;
	}
	.product-block .tab-control {
		padding: 0;
		margin: 0 -33px 55px 0;
	}
	.choose-product-nav {
		margin: 0 0 40px;
		padding: 0;
		border: none;
	}
	.holder-choose-product {
		overflow: hidden;
		width: auto;
		border: 1px #b9283b solid;
		height: 0;
		margin: 0 15px 24px 15px;
		background: #ffffff;
		-webkit-transition: all 0.2s ease 0s;
		-moz-transition: all 0.2s ease 0s;
		-o-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
		position: relative;
		padding: 35px 0 0 0;
	}
	.holder-choose-product.active {
		overflow-y: scroll;
		padding: 15px 0 0 0;
		height: 260px;
	}
    .choose-product-nav li {
        margin-bottom: 14px;
    }
	.holder-choose-product .choose-product-nav li.active a {
		position: absolute;
		top: 0;
		left: 12px;
		width: 100%;
		height: 35px;
        display: block;
        line-height: 30px;
	}
	.holder-choose-product.active .choose-product-nav li a {
		position: relative;
		top:0;
		left: 0;
		box-sizing: border-box;
		padding: 0 20px 0 20px;
		width: 100%;
	}
	.choose-product-nav li.active .hidden-box {
		display: block;
	}
	.holder-choose-product .choose-product-nav li.active:before {
		content: '';
		width: 22px;
		cursor: pointer;
		height: 16px;
		background: url(../images/arr.png) no-repeat 0% 0%;
		position: absolute;
		top: 12px;
		right: 7px;
	}
	.holder-choose-product.active .choose-product-nav li.active:before {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		top: 5px;
		right: 14px;
	}
	.choose-product-nav li a {
		width: 100%;
		display: block;
		max-width: 100%;
	}
	.product-list li .btn-box .btn {
		height: 58px;
		padding: 10px 20px;
		box-sizing: border-box;
	}
	.product-list li .btn-box .btn:first-child {
		margin: 0;
	}
	.offer-block h3 {
		max-width: 100%;
	}
	.product-list li .btn-box .btn:first-child:before {
		bottom: 0;
	}
	.contact-block .col1, .contact-block .col1 .heading-banner2 {
		min-height: 1px;
		padding: 20px 0;
	}
	.contact-block .container-fluid {
		padding: 0;
	}
	.contact-block .col2, .contact-block .col2 .heading-banner {
		min-height: 1px;
		padding: 20px 0;
	}
	.tab-control a {
		min-height: 65px;
	}
    .popup .town-list li{width:33.3%;}

    .popup .tab-control a {
        min-height: inherit;
    }
    .popup .tab-control li {
        margin-right: 25px;
    }
    .text-main-block .text-box {
        margin-bottom: 20px;
    }
    .footer .copy-box {
        margin-right: 60px;
    }
    #holding_frame {
        height: 1650px;
    }
    .contact-block .heading-banner,
    .contact-block .heading-banner2 .holder {
        margin: 0 15px;
    }
}
@media screen and (max-width: 767px) {
    .hidden-box {
        padding: 18px 0 0 20px;
    }
	.product-list li .btn-box {
		height: 118px;
	}
	.product-block {
		display: none;
	}
	.product-list li {
		font-size: 0;
		line-height: 0;
	}
	.product-list li .visual,
	.product-list li .btn-box {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		padding: 0;
		box-sizing: border-box;
		margin: 0;
		float: none;
	}
    .product-list li .btn-box .btn1{
        padding-right: 0;
    }
    .product-list li .btn-box .btn1 span {
        font-size: 13px;
    }
	.product-list li .visual {
		width: 55%;
		text-align: center;
		line-height: 119px;
		max-width: inherit;
	}
	.product-list li .visual span {
		display: inline-block;
		max-width: 150px;
	}
	.product-list li .btn-box {
		width: 45%;
        padding-right: 15px;
	}
	.product-list li .description {
		display: block;
		padding: 14px 15px 0 15px;
		width: 100%;
	}
	.product-list li .visual {
		min-height: 1px;
		line-height: 119px;
		border-right:none;
	}
	.main-screen .two-columns .col1 {
		width: 100%;
		padding: 0;
	}
	.main-screen .two-columns .col2 {
		display: none;
	}
	.offer-block h3 {
		font-size: 26px;
		line-height: 29px;
	}
	.footer .soc-icons {
		display: none;
	}
	.footer .btn-primary {
		float: right;
	}
	.footer .footer-row .logo {
		width: 138px;
		height: 18px;
		margin: 10px 0 0 0;
		background: url(../images/footer-logo.png) no-repeat 0% 0%;
		background-size: cover;
	}
	.offer-block .btn {
		width: 44px;
		height: 44px;
		bottom: -23px;
		background: url(../images/btn.png) no-repeat 0% 0%;
		background-size: cover;
		margin: 0 0 0 -22px;
	}
	.offer-block {
		min-height: 222px;
	}
	.footer .footer-row {
		display: table;
		width: 100%;
	}
	.footer .parthners-list-holder {
		display: table-header-group;
		width: 100%;
	}
	.footer .parthners-list {
		margin: 0;
		text-align: center;
		border-bottom: 1px #464646 solid;
	}
	.footer .parthners-list li {
		width: 50%;
		text-align: center;
		margin: 0 0 9px;
	}
    .footer .parthners-list li:nth-child(3n),
    .footer .parthners-list li:nth-child(4n) {
        margin-top: 10px;
    }
	.footer .copy-box {
		float: none;
		width: 100%;
		text-align: center;
		padding: 10px 0 0 0;
		border: none;
		display: table-footer-group;
	}
	.footer .copy-box span.copy {
		padding: 23px 0 0 0;
	}
	.form-submit .formRow-btn {
		padding: 35px 0 0 0;
	}
	.choose-product-nav li {
		font-size: 16px;
		line-height: 20px;
	}
	.choose-product-nav ul li {
		font-size: 14px;
		line-height: 16px;
	}
	.footer {
		padding: 40px 0 40px;
	}
	.contact-block .col1, .contact-block .col1 .heading-banner2 {
		min-height: 1px;
		padding: 20px 0;
	}
    .holder-choose-product {
        margin: 0 12px 24px 12px;
        width: auto;
    }
	.contact-block .col1 .holder,
	.contact-block .col2 .holder {
		padding: 0 10px;
		box-sizing: border-box;
	}
	.contact-block .visual {
		min-width: 85px;
		padding: 0 0 0 10px;
	}
	.contact-block .text {
		padding: 0 0 0 31px;
	}
	.contact-block .text p {
		font-size: 15px;
		line-height: 18px;
	}
	.contact-block .text .tel {
		font-size: 20px;
		line-height: 22px;
	}
	.form-submit {
		padding: 20px 0 0 0;
	}
	.category-block h3 {
		font: 19px/20px 'dinprolight', sans-serif;
	}
	.main-screen {
		padding: 0 0 4px;
	}
	.main-screen .two-columns h1 {
		font: 53px/48px 'dinprolight', sans-serif;
	}
	.main-screen .two-columns h2 {
		margin: 0 0 -15px 8px;
		letter-spacing: -0.035em;
		font: 37px/40px 'dinprolight', sans-serif
	}
	.main-screen .two-columns h3 {
		font: 41px/45px 'dinprolight', sans-serif;
		margin: 0 0 0 47px;
	}
	.main-screen .two-columns {
		padding: 46px 0 106px 0;
	}
	.choose-product {
		padding: 30px 0 11px 0;
	}
	.product-list li .visual img {
		max-width: 100%;
	}
	.product-list li .btn-box .btn span {
		font-size: 13px;
		line-height: 17px;
	}
	.choose-product .product-list-holder {
		padding: 9px 0 0 0;
	}
	.product-list li .description h2 {
		font-size: 18px;
		font-family: 'dinprobold';
		color: #b9283b;
		margin: 0 0 15px;
		line-height: 23px;
		max-width: 280px;
	}
	.product-list li .description p {
		max-height: 100%;
		margin: 0 0 27px;
	}
	.product-list li {
		overflow: hidden;
		margin: 0 0 41px;
	}
	.offer-block .holder {
		line-height: 221px;
	}
	.offer-block h3 {
		margin: -30px 0 0 0;
	}
	.footer .btn-primary {
		font-size: 11px;
		line-height: 14px;
		height: 24px;
		padding: 3px 12px;
		margin: 8px 0 0 0;
	}
	.footer .footer-row:first-child {
		padding: 0 0 23px;
		margin: 0 0 6px;
	}
	.footer .parthners-list li img {
		max-width: 63%;
	}
	.footer .parthners-list {
		padding: 22px 0 13px 0;
	}
	.footer .copy-box {
		font-size: 13px;
		line-height: 20px;
	}
    .popup {
        width: auto;
        max-width: inherit;
        padding: 30px 20px 40px 20px;
    }
    .popup h2{font-size:36px;}
    .popup .close-popup,
    .popup-holder .close-popup {
        width:50px;
        height:50px;
    }
    .popup .close-popup:after,
    .popup .close-popup:before,
    .popup-holder .close-popup:after,
    .popup-holder .close-popup:before {
        width:32px;
        margin-left:-16px;
        height:3px;
        margin-top:-2px;
    }
    .popup .tab-control{
        font-size:24px;
        line-height:32px;
    }
    .popup .town-list{
        font-size:24px;
        padding:0;
        letter-spacing:-6px;
        line-height:26px;
    }
    .popup .town-list li{
        width:50%;
        margin-bottom:0;
    }
    .popup .town-list a{
        display:inline-block;
        padding:5px 0;
    }
    .popup-holder .m_v {
        display: block;
    }
    .popup-holder .d_v {
        display: none;
    }
    .offer-block .btn1 {
        width: 60px;
        height: 60px;
        bottom: -30px;
        margin: 0 0 0 -30px;
        background-position: 23px 13px;
    }
    .form_mg {
        margin: 10px 15px 0 15px;
    }
    .ask-block,
    .b2b-block {
        padding: 62px 0 0 0;
    }

    .choose-category-list {
        margin-left: 25px;
    }
    .choose-category-list li {
        display: block;
    }
    .bg_red h3 span {
        font-size: 18px;
        line-height: 22px;
    }
    .choose-category-list li:first-child {
        margin-bottom: 10px;
    }
    .choose-category-list li .text span {
        font-size: 16px;
        line-height: 18px;
    }

    /* Fix item */
    .product-slider .slide-list li{
        min-height:350px;
        line-height:350px;
    }
    .product-item-slider .product-title {
        font-size: 26px;
        line-height: 28px;
        margin-bottom: 30px;
    }
    .product-item-slider .inner .slogan {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .product-item-slider .btn-holder {
        margin-bottom: 12px;
    }
    .product-item-slider .btn,
    .product-characteristic .content .btn {
        font-size: 14px;
        padding: 2px 25px 5px 5px;
    }
    .main > .conteiner {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .product-control-list {
        font-size: 16px;
    }
    .product-item-slider .inner,
    .product-description .inner,
    .product-advantage .advantage-list-holder,
    .product-characteristic .content .inner,
    .product-characteristic .characteristic-column,
    .product-advantage .content,
    .product-item-slider .product-slider,
    .product-item-slider .product-preview {
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 14px;
    }
    .advantage-list .img-holder {
        width: 70px;
        padding-right: 20px;
    }
    .advantage-list .img-holder,
    .advantage-list .title {
        font-size: 18px;
    }
    .product-characteristic h3 {
        font-size: 24px;
        line-height: 28px;
    }
    .product-characteristic .content .description {
        font-size: 14px;
        line-height: 20px;
    }
    .characteristic-table {
        font-size: 14px;
        line-height: 20px;
    }
    .product-characteristic .download-btn,
    .product-characteristic .download {
        font-size: 12px;
        padding: 2px 5px 5px;
    }
    .modal .modal-content {
        padding: 20px;
    }
    .modal .formWrap {
        padding: 0;
    }
    .modal h2 {
        font-size: 22px;
        margin-bottom: 0;
    }
    .modal .labelControl {
        font-size: 12px;
    }
    .modal .fooretBtnRow {
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: -20px;
        padding: 20px 0;
    }
    .formWrap .formRow{
        margin: 7px 0;
    }
    .fooretBtnRow .btn {
        min-width: 200px;
        line-height: 15px;
        font-size: 14px;
        height: 35px;
    }
    .modal .help-block {
        font-size: 12px;
    }
    .modal .formWrap {
        margin-bottom: 30px;
    }
    .modal .form-controlWrap .form-control {
        font-size: 14px;
        line-height: 16px;
    }

    /* map */
    .sale-section .control-panel {
        width: 100%;
        height: 750px;
        position: relative;
    }
    .sale-section .center {
        padding: 0;
    }
    .sale-section .head-panel {
        padding: 20px 10px 10px 10px;
    }
    .shop-holder {
        padding: 10px;
    }
    .sale-section .head-list a,
    .sale-section .head-list .active a {
        font-size: 15px;
        line-height: 16px;
    }
    .shop-list .title {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .shop-list .address,
    .shop-list .tel {
        font-size: 14px;
        line-height: 20px;
    }
    .shop-list .address {
        margin-bottom: 10px;
    }
    .scrollbar {
        right: 10px;
    }
    div.check,
    div.iradio {
        margin: 4px 8px 6px 0;
    }
    /* --- */
    #action-banner {
        background-image: url("../images/action_banner_mobile.jpg");
        height: 60px;
    }
    #action-banner .close-banner {
        display: none;
    }
}
@media screen and (max-width: 600px) {
	.choose-category-list li .text {
		max-width: 135px;
	}
    .product-characteristic .download-btn,
    .product-characteristic .download {
        margin: 0;
    }
    .product-characteristic .download-btn {
        margin-right: 10px;
    }
    #popup-region .popup {
        width: auto;
        min-width: inherit;
    }
    .popup .tab-control li {
        margin-right: 0;
        padding: 0;
    }
    .popup .tab-control,
    .popup .town-list {
        font-size: 16px;
        line-height: 18px;
    }
    .popup .close-popup, .popup-holder .close-popup {
        width: 30px;
        height: 30px;
    }
    .popup .close-popup, .popup-holder .close-popup {
        top: 25px;
    }
    .popup .close-popup:after,
    .popup .close-popup:before,
    .popup-holder .close-popup:after,
    .popup-holder .close-popup:before {
        width: 15px;
        margin-left: -8px
    }

    .layer1 {
        top: 0;
        left: 20px;
        width: 250px;
    }
    .layer2 {
        top: 50px;
        left: 0;
        width: 280px;
    }
    .layer3 {
        top: 260px;
        left: 20px;
        width: 300px;
    }
    .two-columns {
        min-height: 480px;
    }
}
@media screen and (max-width: 500px) {
    .popup_h {
        padding: 10px 10px 20px 10px;
    }
    .popup_h .close-popup {
        top: 10px;
        right: 10px;
    }
    .popup h2 {
        font-size: 18px;
        font-weight: 600;
    }

    .popup .tab-control li {
        font-size: 10px;
    }
    .popup .town-list li {
        font-size: 10px;
    }

	.holder-choose-product .choose-product-nav li.active a {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		height: 30px;
        max-width: 230px;
	}
	.holder-choose-product.active .choose-product-nav li.active a {
		max-width: 100%;
	}
    .ball:before {
        content: '';
        width: 68px;
        height: 68px;
        position: absolute;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
        border-radius: 100%;
        background: #0073bc;
    }

    .ball-1 {
        margin-left: -50px;
    }

    .ball-2 {
      margin-left: 25px;
      transform: translateY(-50%) rotate(180deg);
      margin-left: -100px;
      animation: rotate-1 1.0s linear infinite;
      z-index: 2;
    }

    .ball {
        position: absolute;
        width: 60px;
        height: 60px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) rotate(0deg);
        transform-origin: 33px center;
        margin-left: 20px;
    }
    .ball:before {
        content: '';
        width: 34px;
        height: 34px;
        position: absolute;
        top: 50%;
        left: -10px;
        transform: translateY(-50%);
        border-radius: 100%;
        background: #b9283b;
    }
    .ball-1 {
        margin-left: -25px;
    }
    .ball-2 {
        margin-left: 25px;
        margin-left: -50px;
        z-index: 2;
    }
    .ball-3 {
        margin-left: 60px;
    }
    @keyframes rotate-1 {
        0% {
        margin-left: -9px;
        transform: translateY(-50%) rotate(0deg);
        transform-origin: 33px center;
        }
        25% {
        margin-left: -12px;
        transform: translateY(-50%) rotate(-180deg);
        transform-origin: 33px center;
        }
        50% {
        margin-left: -16px;
        transform: translateY(-50%) rotate(-360deg);
        transform-origin: 33px center;
        }
        50.1% {
        transform-origin: -6px center;
        }
        75% {
        margin-left: -18px;
        transform: translateY(-50%) rotate(-180deg);
        transform-origin: -6px center;
        }
        75.01 {
        margin-left: -33px;
        transform: translateY(-50%) rotate(-180deg);
        transform-origin: -6px center;
        }
        100% {
        margin-left: -9px;
        transform: translateY(-50%) rotate(0deg);
        transform-origin: -6px center;
        }
    }
}