body.active {
    overflow: hidden;
}
.mmenu {
    height: 30px; width: 40px; right: 15px; top: 18px;
    position: absolute; margin: auto; text-align: left; cursor: pointer;
    display: none;
}
.mmenu:after, .mmenu:before, .mmenu div {
    background: #fec45c;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    content: ''; position: absolute; height: 20%; width: 100%;
}
.mmenu:after{bottom:0;}
.mmenu:before{top:0;}
.mmenu div{top:0;bottom:0;margin:auto;}
.mmenu.active:after,.mmenu.active:before{top:0;bottom:0;margin:auto;}
.mmenu.active:after{-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.mmenu.active:before{-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.mmenu.active div{display:none;}

html {-webkit-text-size-adjust:100%;}
html, body {
    min-width: 320px;
}
.top-block {
    min-width: 0;
    z-index: 999;
}
.footer_pre, .footer {
    min-width: 0;
}
.top-block .menu_top, #main, #gallery, .content_search, .content, .footer_pre .modules-footer_pre, .footer .modules-footer, .logo {
    max-width: 100%;    
}
.top-block .tel a {
    text-decoration: none;
    color: #fff;
}
.footer_pre a {
    color: #fff;
}
span.quantity-controls, span.quantity-controls input {
    padding: 0 !important;
}
@media screen and (max-width: 1500px){
	.custom-avantages .avantage-item {
		width: 220px;
		margin-right: 5px;
		margin-left: 5px;
	}
	.custom-avantages .avantage-text,
	.custom-avantages .bottom-line {
		font-size: 15px
	}
	
}
@media screen and (max-width: 1440px){
    .custom-main-slide__text-block {
        padding-top: 10px;
        padding-left: 80px;
    }
    .custom-main-slide__text-block::before {
        top: 70px;
    }
    .custom-main-slide {
        min-height: 460px;
    }


}
@media screen and (min-width: 1201px) {
    #gallery .slide {
        display: block !important;
    }
}
@media screen and (max-width: 1200px) {
    .top-block, #main, .content_search, .content, .footer_pre .modules-footer_pre, .footer .modules-footer, .logo {
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #gallery, #slides {
        height: auto;
    }
    #slides {
        width: auto !important;
        margin-left: 0 !important;
    }
    #gallery .slide {
        float: none;
        max-width: 100%;
        display: none;
    }
    #gallery .slide:first-child {
        display: block;
    }
    #component_right {
        width: 72%;
    }
    .right {
        padding-left: 1%;
        width: 26%;
    }    
    .footer {
        height: auto;
        background-size: 100% 100%;
        padding-bottom: 10px;
    }
    .modules-footer .module {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin-right: 7px;
    }

    #vmCartModule {
        position: absolute;
        margin-top: 0;
        margin-right: 0;
        right: 15px;
        top: 77px;
        width: auto;
        line-height: 18px;        
    }
    .content img {
        max-width: 100%;
        height: auto;
    }
    .content iframe, .content object {
        max-width: 100%;
    }
    .button_text table, .button_text table tbody, .button_text table tr, .button_text table td {
        display: block;
        width: auto !important;
        height: auto !important;
    }
    .button_text table td  {
        margin-bottom: 20px;
    }
    .button_text table td:after {content:'';display:block;clear:both;}
    .button_text table td img {
        margin-bottom: 10px !important;
    }
    .slogan_pre {
        width: auto;
    }
    table[style="height: 344px; width: 774px;"] {
        height: auto !important;
        width: auto !important;
    }
    table[style="height: 344px; width: 774px;"] td {
        padding-right: 10px;
    }
    #chronoform_Anketa table {
        table-layout: fixed;
        width: 300px;
    }
    .product-description table {
        width: 100% !important;
    }
	.custom-avantages .avantage-item img {
		margin-right: auto;
		margin-left: auto;
	}
	.custom-avantages .avantage-text, 
	.custom-avantages .bottom-line {
		text-align: center;
	}
	
}
@media screen and (max-width: 1024px) {
    .top-block {
        overflow: visible;
    }
    .top-block .menu_top ul.menu {
        display: none;
        overflow: visible;
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        padding-bottom: 5px;
        padding-top: 100px;
        top: 0; left: 0; right: 0; bottom: 0;
    }
    .top-block .menu_top ul.menu li {
        float: none;
        padding: 10px 0;
    }
    .top-block  .menu_top {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100px;
        z-index: 99999;

    }
    .top-block  .menu_top .menu {
        display: none;
        top: 0;
    }
    .top-block  .mmenu {
        top: 0;
        display: block;
        z-index: 999;
    }
    .top-block .menu_top ul.menu li {
        margin: 0 4px;
        padding: 6px 0 2px;
        min-width: 0;
    }
    .top-block .menu_top ul.menu li a {
        color: white;
    }
    .sections .manager-quotation {
        margin-top: 10px;
    }

    .custom-main-slide__text-block {
        padding-top: 6px;
        padding-left: 40px;
    }
    .custom-main-slide__text-block::before {
        display: none;
    }
    .custom-main-slide {
        -webkit-background-size: 500px;
        background-size: 500px;
    }
    .custom-main-slide h1 {
        font-size: 36px;
        line-height: 46px;
        margin-top:-40px;
    }

    #gallery .slide {
        height: auto;
        padding-top: 52px;
    }
    #gallery .slide:after {content:'';display:block;clear:both;}
    #gallery .slide img {
        width: 93%;
        height: auto;
    }
    #gallery .slide p {
        width: 30%;
    }
    .slide a {
        margin: 5px 0 15px;
        width: 110px;
        text-align: center;
        float: right;
    }
    .content_search form {
        top: 0; right: 15px;
    }
    #gallery ul {
        display: table;
        width: 100%;
    }
    #gallery li {
        display: table-cell;
        float: none;
        height: auto;
        width: auto;
        min-width: 90px;
        padding: 16px 5px 0;
        text-align: center;
        vertical-align: middle;
        background-size: 100% 100% !important;
    }
    #gallery #menu li a {
        background: none !important;
        display: inline;
        width: auto;
        padding: 0;
    }
    .content_search {
        position: absolute;
        left: 35%; top: 0;       
        width: auto;
    }
    .content_search form {
        position: static;
    }
    .content_slider .menu_bg {
        display: none;
    }
    .menuequipment span {
        display: block;
    }
    .right .module-content table {
        width: 100%;
    }
    .right .module-content table td {
        width: 50%;
    }
    #djslider165 ul#slider165 {
        left: 0 !important;        
    }
    #djslider165 ul#slider165 li {
        width: 99px !important;
        height: 78px !important;
    }
    #djslider165 {
        height: 78px !important;
    }
    .djslider-loader {
        width: auto;
        background: none;
        padding: 0 !important;
    }
    #navigation165 {
        display: none;
    }
    #djslider165 ul#slider165 {
        width: 4180px !important;
    }
    #slider-container165 {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .footer_pre {
        height: auto;
        background-size: 100% 100%;
    }    
    .modules-footer-1 .module {
    }
    .modules-footer-1 .contact {
        padding-bottom: 30px;
    }
    .Chronoform .form_item {
        max-width: 100%;
    }
    .Chronoform .form_item label {
        padding-top: 2px !important;
        width: 140px !important;
    }
    .Chronoform .form_item .cf_button {
        margin-left: 159px;
    }
    table[style="height: 57px; width: 501px;"], table[style="height: 73px; width: 503px;"] {
        height: auto !important;
        width: auto !important;
    }
    .button_text + table, .button_text + table + table {
        height: auto !important;
        width: auto !important;
    }
    .button_text {
        margin-bottom: 10px;
    }
    table[style="border-collapse: collapse; border: none; height: 388px; width: 692px;"] {
        width: 100% !important;
        height: auto !important;
    }
    table[style="height: 165px; float: left; width: 627px;"],
    table[style="height: 143px; width: 629px;"] {
        width: 100% !important;
        height: auto !important;
        float: none !important;
    }
    .avVideo .avPlayerContainer {
        width: auto !important;
    }
    h1 + h1 + h1 {
        display: none;
    }
    table[style="width: 774px; height: 577px;"] {
        width: 100% !important;
        height: auto !important;
    }
    table[style="height: 184px; width: 524px;"],
    table[style="height: 103px; width: 535px;"] {
        width: 100% !important;
        height: auto !important;
    }
    table[style="word-spacing: normal; width: 768px; height: 268px;"] {
        width: 100% !important;
        height: auto !important;
    }
    .opc_PricesalesPrice, .opc_product_name {
        display: inline-block;
        line-height: 1.3;
    }
    div#basket_container div.op_basket_row div.op_col1 div {
        max-width: 100%;
    }    
    #vmMainPageOPC .dob1, #vmMainPageOPC .dob3 {
        width: 47% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 15px;
        min-height: 0 !important;
        height: auto !important;
    }
    div.before_input {
        width: 4%;
        background-size: 100% 100%;
    }
}
@media screen and (min-width: 1025px) {
    .top-block .menu_top ul.menu, .leftmenu .module-content, .leftmenu3 .module-content {
        display: block;
    }
    .left .module table {
        /*display: table !important;*/
    }
}

@media screen and (max-width: 991px) {

    .leftmenu ul li ul li a, .leftmenu ul li a, .leftmenu3 ul li a {
        display: block;
        width: auto;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .leftmenu ul li a, .menuleftequipment li a {
        padding-left: 15px !important;
    }
    .leftmenu ul li ul li a {
        background-position: -10px center;
    }
    .module-left .module table {
        width: 100%;
    }
    .module-left .module table td {
        padding-left: 10px;
    }
    .module-left .menuequipment li {
        line-height: 28px;
    }
    .module-left h3.module-header {
        background: #eee;
        padding: 6px 15px;
        position: relative;
        cursor: pointer;
        margin-bottom: 10px;
    }
    .module-left h3.module-header:after {
        content: '';
        position: absolute;
        top: 13px; right: 15px;
        width: 0; height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #c96217;
    }
    .module-left h3.module-header.active:after {
        border-top: none;
        border-bottom: 10px solid #c96217;
    }
    .leftmenu .module-content, .leftmenu3 .module-content, .left .module table {
        display: none;
    }
    .module-left .module {
        border: none !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .module-left .module .custom > div {
        border: none !important;
    }
}

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

    .top-block {
        overflow: visible;
    }
    .top-block .menu_top ul.menu {
        display: none;
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        left: 0; right: 0;
        padding-bottom: 5px;
        top: 0px;
    }
    .top-block .menu_top ul.menu li {
        float: none;
        padding: 10px 0;
    }
    .custom-main-slide {
        padding-bottom: 300px;
        background-position: center bottom;
    }
    .custom-main-slide__text-block {
        padding: 0;
    }
    .custom-main-slide__text-block::before {
        display: none;
    }

    .custom-clients .cl-row div {
        margin: 15px 0;
        padding: 10px;
        border: none;
        overflow: hidden;
    }
    .custom-clients .cl-row div:before {
        content: "";
        display: none;
    }
    .custom-clients .cl-row div img {
        display: inline-block;
        max-width: 100%;
    }
    .custom-clients .cl-row:nth-child(3) div {
        border-top: none;
    }

    ul.integration li {
        padding: 30px 0 30px 40px;
    }

    #gallery .slide p {
        position: static;
        text-align: left;
        width: auto;
        margin-top: 10px;
    }
    #gallery .slide img {
        width: 125%;
    }

    .content_search {
        left: auto;
        right: 0;
        top: 15px;
    }
    .content_search form div.search {
        height: 40px;
        width: 210px;
        background-size: 100% 100%;
    }
    .content_search form div.search input#mod-search-searchword {
        height: 100%;
        width: 70%;
    }
    #gallery #menu {
        height: auto;
    }
    #gallery ul {
        display: block;
        padding: 10px 0;
        text-align: center;
        height: auto;
        background: #de782e;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0;
    }
    #gallery li {
        background: none !important;
        display: inline-block;
        height: auto;
        min-width: 0;
        padding: 8px 10px;
    }
    #gallery #menu li.act {
        background: rgba(0, 0, 0, 0.2) !important;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }    
    #gallery #menu li a {
        font-size: 12px;
        border-bottom: 1px dotted;
    }
    #gallery #menu li.act a {
        border: none;
    }
    #gallery #menu ul li:first-child a {
        padding: 0;
    }
    #component_right, .right {
        float: none;
        width: auto;
    }    
    .right .module-content table {
        width: 300px;
    }
    .menuequipment span {
        display: inline;
    }
    .content .left {
        float: none;
        width: auto !important;
        padding-bottom: 15px;
        margin-right: 0 !important;
    }
    .leftmenu ul li ul li a, .leftmenu ul li a, .leftmenu3 ul li a {
        display: block;
        width: auto;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    .leftmenu ul li a, .menuleftequipment li a {
        padding-left: 15px !important;
    }
    .leftmenu ul li ul li a {
        background-position: -10px center;
    }
    .module-left .module table {
        width: 100%;
    }
    .module-left .module table td {
        padding-left: 10px;
    }
    .module-left .menuequipment li {
        line-height: 28px;
    }
    .module-left h3.module-header {
        background: #eee;
        padding: 6px 15px;
        position: relative;
        cursor: pointer;
        margin-bottom: 10px;
    }
    .module-left h3.module-header:after {
        content: '';
        position: absolute;
        top: 13px; right: 15px;
        width: 0; height: 0; 
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #c96217;        
    }
    .module-left h3.module-header.active:after {
        border-top: none;
        border-bottom: 10px solid #c96217;
    }
    .leftmenu .module-content, .leftmenu3 .module-content, .left .module table {
        display: none;
    }
    .module-left .module {
        border: none !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .module-left .module .custom > div {
        border: none !important;
    }
    .left_ac {
        width: auto;
    }
    .inner .content {
        padding-bottom: 90px;
    }
    .item-page p {
        margin-left: 0;
        margin-right: 0;
    }
    .item-page ul {
        padding-left: 0;
    }
    .productdetails-view h1 {
        font-size: 18px;
    }
    .icons {
        display: none;
    }
    .item-page h1 {
        font-size: 36px;
    }
}
@media screen and (max-width: 640px) {
    h1, #h1, h3, .h3, h3.module-header {
        text-align: center;
    }
    .modules-footer-1 .module {
        display: block;
        margin: 0 0 15px;
        width: auto;
    }
    .Chronoform .form_item label {
        display: block !important;
        float: none;
        margin-bottom: 3px;
        text-align: left;
        width: auto !important;
    }
    .Chronoform .form_item label, .Chronoform .form_item select {
        float: none;
    }
    .form_item textarea, .form_item input, .form_item select {
        height: 25px;
        max-width: 100%;
        min-width: 250px;
        text-align: left !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .chrono_captcha_input {
        min-width: 0 !important;
    }
    .Chronoform .form_item .cf_button, .small-message, .error-message {
        margin-left: 0;
    }
    #chronoform_contact {
        margin-left: 0;
        padding: 0;
    }
    #chronoform_contact table, #chronoform_contact table tbody, #chronoform_contact table tr, #chronoform_contact table td {
        display: block;
        text-align: left;
    }
    #chronoform_contact select, #chronoform_contact input, #chronoform_contact textarea {
        float: none;
        margin-left: 0;
        margin-right: 0;
    }
    table[style="height: 344px; width: 774px;"], table[style="height: 344px; width: 774px;"] tbody, table[style="height: 344px; width: 774px;"] tr, table[style="height: 344px; width: 774px;"] td {
        display: block;
        width: auto;
        padding: 0;
    }
    table[style="height: 344px; width: 774px;"] img {
        float: none !important;
    }
    .content iframe, .content object {
        height: 250px !important;
    }
    table[style="word-spacing: normal; width: 768px; height: 268px;"] td {
        display: block;
    }
    #facebox {
        left: 0 !important;
        right: 0;
        text-align: center;
    }
    #facebox .popup {
        max-width: 90%;
        margin: auto;
        min-width: 275px;
    }
    #facebox .content {
        display: block;
        max-width: 100%;
        padding: 20px;
    }
    .continue, .showcart {
        font-size: 11px;
    }
    #facebox .content div div {
        padding-top: 60px;
    }
    div#basket_container div.op_basket_row div.op_col5 {
        display: none;
    }
    div#basket_container div.op_basket_row div.op_col6 {
        width: 25%;
    }
    #basket_container .op_basket_header div {
        line-height: 1.3;
    }
}
@media screen and (max-width: 480px) {
    .content_search form div.search {
        height: 30px;
        width: 150px;
    }
    .content_search form div.search input#mod-search-searchword {
        padding-left: 15px;
    }

    ul.integration li {
        padding: 20px 0 20px 20px;
    }
    ul.integration .text {
        margin-left: 120px;
    }
    ul.integration .title {
        font-size: 24px;
    }

    .modules-footer .module {
        display: block;
        clear: both;
        width: auto !important;
    }
    .modules-footer .liveinternet span.text2 {
        display: block;
        margin-bottom: 10px;
    }
    .modules-footer .seti {
        margin-left: 0;
    }
    .modules-footer .copi br {
        display: none;
    }
    .table_resheniya td {
        padding: 0 5px;
    }
    .table_resheniya p {
        font-size: 9px;
    }
    #chronoform_Anketa table, #chronoform_Anketa table tbody, #chronoform_Anketa table tr, #chronoform_Anketa table td {
        display: block;
        width: auto;
    }
    #chronoform_Anketa table tr { 
        margin-bottom: 10px;
    }
    #chronoform_Anketa table td { 
        margin-bottom: 5px;
    }
    #vmMainPageOPC .dob1, #vmMainPageOPC .dob3 {
        width: 100% !important;
        left: 0 !important;
        margin-bottom: 10px;        
    }
    .item-page cite {
        padding: 30px 30px 30px 60px;
        background-position: left 26px top 40px;
    }
    .item-page ul, .item-page ol {
        padding-left: 10px;
        text-align: left;
    }
}
@media screen and (max-width: 400px) {
    ul.integration .text {
        margin-left: 70px;

    }
    ul.integration  .no {
        font-size: 50px;
    }
    .top-block .tel {
        position: absolute;
        top: -12px;
    }
    .top-block .time {
        margin-top: 25px;
    }
    .top-block .time p {
        font-size: 11px;
        padding-bottom: 7px;
        background-size: 100% auto;
    }
    .custom-main-slide h1 {
        font-size: 28px;
        line-height: 36px;
    }
}