@media only screen and (max-width: 1030px) {
    .topline-conteiner, .body-conteiner, .footer-box {
        width: 992px;
    }

    .slider {
        width: 65.8%;
    }

    .slider-info-block {
        width: 34.2%;
    }

    .navi {
        width: auto;
    }

    .blocks-left {
        width: 24%;
    }

    .blocks-center {
        width: 71.4%;
    }

    .bottom-news {
        width: 63.5%;
    }

    .bottom-news ul {
        display: flex;
    }

    .bottom-infos {
        width: 31.9%;
    }

    /* category */
    .products-block-list li {
        width: 31%;
    }

    /* product */
    .product-imagebox {
        width: 35%;
    }

    .product-content-right {
        width: 34.9%;
    }

    /* footer */
    .footer-box {
        height: auto;
        padding: 15px 0;
    }

    .footer-box:after {
        content: '';
        clear: both;
        display: table;
    }
}

@media only screen and (max-width: 992px) {
    .topline {
        padding: 0;
    }

    .topline-conteiner {
        position: relative;
        padding: 8px 15px;
    }

    .toggle-user {
        display: block;
        width: 32px;
        height: 32px;
        position: absolute;
        right: 15px;
        top: 5px;
        z-index: 3;
        background: url("../images/user.svg") 0 0 no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .topline-login {
        width: 200px;
        position: absolute;
        right: 15px;
        top: 100%;
        background: #716969;
        float: none;
        z-index: 12;
        padding: 8px 10px;
        display: none;
    }

    .topline-login.open {
        display: block;
    }

    .topline-login .login-form-list li {
        float: none;
        margin-left: 0;
    }

    .topline-login .login-form-list li + li {
        margin-top: 8px;
    }

    .topline-login .login-form-list li.form-login-username input,
    .topline-login .login-form-list li.form-login-password input {
        width: 95%;
        border-radius: 4px;
    }

    #logo h1 a {
        -webkit-background-size: cover;
        background-size: cover;
        width: 100px;
        height: 100px;
    }

    .logo-tm {
        left: 90px;
    }

    .navi {
        width: 100%;
        z-index: 1;
    }

    ul.nav a, ul.nav span {
        padding: 0 15px;
    }

    div.mod-languages li {
        margin: 0;
    }


    .topline-conteiner, .body-conteiner, .footer-box {
        width: 768px;
    }

    .product-imagebox {
        width: 100%;
    }

    .item-page img {
        max-width: 100%;
        height: auto;
    }

    .footer {
        padding-left: 15px;
        padding-right: 15px;
    }

    .footer .footer-menu > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-menu ul li.item300,
    .footer-menu ul li.item331,
    .footer-menu ul li.item269,
    .footer-menu ul li.item302,
    .footer-menu ul li.item339,
    .footer-menu ul li.item279,
    .footer-menu ul li.item363,
    .footer-menu ul li.item303,
    .footer-menu ul li.item287 {
        position: static;
        margin-bottom: 25px;
    }

    .footer .footer-menu ul li {
        width: 49%;
    }

    .footer-menu ul li.item301,
    .footer-menu ul li.item338,
    .footer-menu ul li.item278,
    .footer-menu ul li.item304,
    .footer-menu ul li.item352,
    .footer-menu ul li.item364 {
        position: static;
        margin-bottom: 25px;
        order:12;
    }

    .footer .footer-partners-block, .footer .footer-copyright {
        position: static;
    }

    .footer .footer-partners-block .bx-wrapper .bx-viewport {
        width: auto!important;
    }

    .footer .footer-partners-block, .footer .footer-copyright {
        width: auto;
        margin-top: 15px;
    }

    .contact-info .item-1 .map {
        flex-wrap: wrap;
    }


    .products-block-list > li {
        width: 49%;
        margin-right: 0;
    }

    .products-block-list > li .products-block-list-image {
        margin: 0 auto;
    }

    .products-block-list > li .products-block-info {
        margin-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .topline-conteiner, .body-conteiner, .footer-box {
        width: auto;
    }

    .contentbox, .bottomblocks {
        padding-left: 15px;
        padding-right: 15px;
    }

    .topline-login {
        right: 0;
    }

    .body-conteiner {
        padding-top: 0;
    }

    .topline-navi {
        display: none;
    }

    .header {
        height: 95px;
        background: #a72743;
    }

    .homepage .header {
        margin-bottom: 0;
    }

    .hpanel-lang {
        margin: 0;
        padding: 15px;
        text-align: center;
    }
    .hpanel-lang .lang-inline {
        display: block;
    }

    .navi div.mod-languages ul.lang-inline li {
        display: inline-block;
        float: none;
    }

    .navi .hpanel-lang .lang-inline li a {
        display: block;
    }

    #logo h1 a {
        /*background-image: url(../images/logo_w.png);*/
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff;
        background-image: url(../images/logo.png);
        width: 64px;
        height: 64px;
        border: 2px solid #fff;
    }

    #logo {
        top: 15px;
    }

    .logo-tm {
        top: 15px;
        color: #ffffff;
        left: 80px;
        font-size: 10px;
    }

    #logo {
        left: 15px;
    }

    .tels {
        top: 0;
    }

    .tels, .worktimes {
        min-height: 20px;
        padding: 0 15px;
        background-position: 0 0;
        display: none;
    }

    .tels p {
        float: none;
        display: inline-block;
        font-size: 18px;
    }

    .navi {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        z-index: 11;
        background: #a72743;
        top: 100%;
        bottom: auto;
    }

    .navi .nav, .navi .nav li, .navi .hpanel-lang {
        float: none;
        height: auto;
        display: block;
    }

    .navi {
        display: none;
        border-top: 1px solid #ce506b;
    }

    .navi.open {
        display: block;
    }

    .navi .nav {
        text-align: center;
    }

    .navi ul.nav ul {
        position: static;
        display: none;
        visibility: visible;
    }

    .navi ul.nav > li {
        border: 0;
        border-radius: 0;
        background: none;
        border-bottom: 1px solid #ce506b;
    }

    .navi ul.nav li.parent.open ul {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .navi ul.nav li.parent.open ul li.li-last {
        margin-bottom: 0;
    }

    .toggle-menu {
        display: block;
    }

    .slider, .slider-info-block {
        width: 100%;
        height: auto;
        float: none;
    }

    .slider-box .bxslider li {
        text-align: center;
        margin: 0 auto;
    }

    .slider .bx-prev, .slider .bx-next {
        top: 50%;
        margin-top: -17px;
    }

    .slider-info-block .slider-info-more, .block-contentall .slider-info-more {
        position: static;
        margin-left: auto;
        margin-right: auto;
    }

    .slider-info-block-conteiner {
        text-align: center;
    }

    .blocks-left, .blocks-center {
        width: 100%;
        float: none;
    }

    .category_titlebox {
        width: 100%;
    }

    .vmCartModule {
        z-index: 1;
    }

    .block-padd {
        background: #a72743;
    }

    .block-padd .block-title {
        margin-bottom: 0;
        padding: 10px 15px;
        position: relative;
    }

    .block-padd .block-title h3 {
        color: #ffffff;
    }

    .block-title h3 span {
        display: block;
        font-family: serif;
        width: 18px;
        height: 18px;
        text-align: center;
        color: #ffed97;
        position: absolute;
        right: 15px;
        top: 10px;
        font-size: 24px;
        z-index: 1;
    }

    .block-title h3 span.plus {
        display: block;
        background: url(../images/plus-minus.png) 50% 0 no-repeat;
    }

    .block-padd.open .block-title h3 span.minus {
        display: block;
        background: url(../images/plus-minus.png) 50% 100% no-repeat;
    }

    .block-padd.open .block-title h3 span.plus {
        display: none;
    }


    .block-padd .block-cont {
        display: none;
    }

    .block-padd.open .block-cont {
        display: block;
    }

    .bottom-news, .bottom-infos {
        float: none;
        width: 100%;
        margin-bottom: 25px;
    }

    .bottom-news ul li {
        width: 48%;
    }

    .footer .footer-menu ul li {
        width: 100%;
    }

    .category_images {
        float: none;
        width: 100%;
        text-align: center;
    }

    .contact-info {
        flex-wrap: wrap;
    }

    .contact-info .item-1 .map {
        width: 100%;
        text-align: center;
        display: block;
    }

    .contact-info .item-1, .contact-info .item-2 {
        width: 100%;
    }

    .contact-info .item-1 {
        padding-right: 0;
        margin-bottom: 40px;
    }

    .pagination ul, .vm-pagination ul {
        text-align: center;
        float: none;
    }

    .pagination ul li, .vm-pagination ul li {
        float: none;
        display: inline-block;
        line-height: 16px;
    }

    .video-responsive {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

    .video-responsive iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .table-responsive {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .intro-block-cont-widthimg {
        width: 100%;
        margin-top: 10px;
    }

    .product-imagebox,
    .product-content-right {
        width: 100%;
    }

    .product-imagebox {
        margin-bottom: 25px;
    }
    
    .product-showprice-cost span.custom-height {
        float: left;
        display: block;
        line-height: 20px;
        padding-top: 5px;
        margin-left: 5px;
    }

    .intro-block-text img {
        max-width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 570px) {
    .products-block-list > li {
        width: 100%;
        margin-right: 0;
    }

    .vm-cart-item-discount {
        width: 1%;
        padding: 0!important;
        min-width: 0;
    }

    .vm-cart-item-discount span {
        display: none;
    }

    .vm-cart-item-basicprice,
    .vm-cart-item-total {
        min-width: 0;
    }

    .cart-summary .vm-price-value {
        white-space: normal;
    }

    .vm-cart-item-quantity {
        min-width: 50px;
    }
}

@media only screen and (max-width: 480px) {
    .bottom-news ul {
        display: block;
    }

    .bottom-news ul li {
        width: 100%;
        display: block;
        float: none;
        margin-right: 0!important;
        margin-bottom: 15px;
    }

    .bottom-news ul li img {
        width: auto;
    }

    .contact-info .item-1 .map {
        padding-top: 60px;
    }

    .contact-info .item-1 .map iframe {
        width: 100%;
        margin-top: 15px;
    }

    .orderby-displaynumber {
       flex-wrap: wrap;
    }

    .orderby-displaynumber .width70 {
        width: 100%;
        text-align: center;
    }

    .orderby-displaynumber .width30 {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }

    .orderby-displaynumber .display-number {
        text-align: center !important;
    }

    .jcarousel-next {
        right: 10%;
    }

    .jcarousel-prev {
        left: 10%;
    }
}