.hide-for-medium {
    display: block !important;
}

@media screen and (max-width: 1370px) {
    body{
        font-size:15px;
    }
    
    .header .logo {
        max-width: 280px;
        margin-bottom: 0;
        max-height: 110px;
    }
    
    .header #menumain ul {
        margin-left: 0px;
    }
    
    section article .breadcrumbs li span.seria-all {
        font-size: 1.7rem;
    }
    
    section article .breadcrumbs li {
        font-size: .8rem;
    }
    
    section .left .search-box h2.mobiles span {
        font-size: .7em;
    }
    
    .header #menumain ul li a {
        font-size: 16px;
    }
    
    section article.extra-info .product-seria-more h5 {
        font-size: .9em;
    }
    
    .product-info{
        padding-right: 0.9375rem;
    }
    
}


/*1026px to 1440px*/

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .user-wrap, .message-wrap, .cart-wrap {
        margin-left: 12px;
        padding-left: 12px;
    }
    
    .header .search input{
        width: 25rem !important;
    }

    .accents .single_accent {
        width: 20%;
    }
    
    section.home-page-text {
        padding: 3rem 0;
    }
    
    form span.required{
        visibility: hidden;
        position: absolute;
    }
    
    form span.required:before {
        content: " * ";
        font-size: 18px;
        color: #ff3500;
        padding-left: 5px;
        visibility: visible;
    }
    
    section.contact-page .contats-block .text-box-contact {
        width: 50%;
    }
    
    .section .advice-part {
        padding-top: 1rem;
    }
    
    section .advice-part h3::after {
        content: "";
        position: absolute;
        border-bottom: 1px solid #c4dcf1;
        border-top: 1px solid #c4dcf1;
        width: 40%;
        top: 50%;
        left: 21%;
        margin-left: 15px;
    }
    .#advice > div.owl-controls {
            position: relative;
    }
    section #advice .owl-buttons {
        position: absolute;
        margin-top: 0;
        right: 0;
        /* left: 53%; */
        padding-left: 105px1;
    } 
    #advice > div.owl-controls.clickable > div > div.owl-prev, #advice > div.owl-controls.clickable > div > div.owl-next {
         padding: 3px 9px;
    }
    .header .top-offer .column {
        min-height: 164px;
    }
}
/* min-width 641px and max-width 1024px*/

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    body {
        font-size:14px;
    }
    
    .hide-for-medium {
        display: none !important;
    }
    
    .filters-container{
        padding: 15px;
    }
    
    section .left .search-box .checkBoxes p.more{
        display: block;
    }
    
    section .left .search-box .checkBoxes .moreBox {
        display: none;
    }
    
    section.account article.account {
        margin: 1rem 0;
        padding: 1rem 0;
    }
    
    section .left .search-box h2.mobiles span {
        padding: 10px 10px;
    }
    
    section .search-box {
        margin-top: 3px;
    }
    
    h1, .h1 {
        font-size: 2rem;
    }
    
    section article .breadcrumbs li span.seria-all{
        font-size:1.5em;
    }
    
    .header #slider .related a.media-object h5 {
        font-size:.7rem;
    }
    
    .header #slider .related a.media-object {
        text-transform: uppercase;
        margin-bottom: 1em;
        padding-bottom: 1em;
        margin-top: 1em;
    }
    
    .mobile-search-button, .user-wrap, .message-wrap, .cart-wrap {
        margin-left: 12px;
        padding-left: 12px;
    }
    
    .mobile-search-button p{
        font-size: 12px;
        font-weight: 300;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    .categories-list h2 {
        font-size: .8rem;
    }
    
    section .panel-default .panel-body > img {
        height: 110px;
    }
    
    section.map .work-time-block  {
        position: relative;
        width: 100%;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }
    
    form span.required{
        visibility: hidden;
        position: absolute;
    }
    
    form span.required:before {
        content: " * ";
        font-size: 18px;
        color: #ff3500;
        padding-left: 5px;
        visibility: visible;
    }
    
    .header .search input{
        width: 15rem !important;
        font-size: .7rem;
    }
    
    .header .top-offer .column {
        min-height: 120px;
    }
    
    section.map .work-time-block .work-banner {
        right: auto;
        left:0;
    }
    
    .top-bar {
        background: #333333;
        overflow: visible;
    }
    
    .product-info {
        padding: 0;
    }
    
    section .left .search-box.category .menu > li:not(.menu-text) > a {
        font-size: 0.8rem;
        padding-left: 0;
        padding-right: 0;
    }

    .product-seria-more,
    .product-variety {
        margin-bottom: 2rem;
    }
    
    .basket-head-image,
    .pages-head-image,
    .news-head-image,
    .account-head-image,
    .gallery-head-image,
    .contacts-head-image {
        height: 80px;
    }
    
    section .left .search-box.category .menu > li:not(.menu-text) > a {
        font-size: 0.8rem;
    }
    
    section .panel-default .panel-header h3{
        font-size: .8rem;
    }
    
    h2 {
        font-size: 1.4rem;
    }
    
    h3{
        font-size: 1.2rem;
    }
    
    h4 {
        font-size: 1rem;
    }
    
    .web.video{
        height: 300px;
    }
    
    .header .logo {
        max-width: 215px;
        max-height: 80px;
    }
    
    footer .h-footer h5 {
        float: none;
    }
    
    footer .social-icons ul.menu{
        width: inherit;
        margin: 2rem auto 0 auto;
        text-align: center;
        display: block;
    }
    
    .product-wrapper:hover div.product-hover-wrapper a.button,
    .product-wrapper:hover div.product-hover-wrapper p {
        width: 90%;
    }
    
    section.news .newsThumb .news_info .news_short_text {
        font-size: 12px;
    }
    
    .user-wrap, .message-wrap, .cart-wrap {
        margin-left: 8px;
        padding-left: 8px;
    }
    
    .message-wrap span {
        font-size: .6rem;
    }
    
    .header .head h1 {
        margin-bottom: 0;
    }
    
    .header #slider .item .textBox {
        top: 30%;
    }
    
    .header #slider .item .textBox h2 {
        font-size: 1.5em;
    }
    
    .related.column> a.button {
        margin-left: 0.7rem;
    }
    
    .header .top-offer .column h5 {
        font-size: 1.7rem;
    }
    
    div.wp {
        height: 50%;
        overflow: hidden;
    }
    
    section .advice-part h3::after {
        width: 50%;
        left: 30%;
    }
    
    section #advice .owl-buttons {
        right: 0;
    }
    
    section article h2 span::after,
    section article h2 span::before {
        width: 100%;
    }
    
    section article h2 span {
        font-size: 1.4rem;
    }

    .header #slider .owl-buttons .owl-prev,
    .header #slider .owl-buttons .owl-next {
        width: 30px;
        height: 30px;
        line-height: 25px;
        top: calc( 50% - 15px );
        margin-top:0;
    }
    
    section.news .newsThumb .share  {
            text-align: center;
    }
    
    section.news .share a {
        margin: 0 10px;
    }
    
    section.news .newsThumb .imgNews a {
        height: 133px;
    }

    section.contact-page .contats-block .text-box-contact {
        width: 50%;
    }
    
    .message-wrap b{
        font-size: .7rem;
    }
    
    .filters-container .search-box p.more{
        display:none;
    }
    
    section .left .search-box .checkBoxes .moreBox{
        display:none;
    }
    
    .profile-navigation{
        padding: 15px;
        margin-bottom: 30px;
    }
    
    ul.profile-data-table{
        margin:0;
        padding: 0;
    }

    .h-footer{
        text-align: center;
    }
    
    .h-footer h5{
        margin:2rem 0 1rem 0;
    }
    
    section .product-info {
        padding-right: 0.9375rem;
    }
    
    .h-footer .menu > li {
        display: inline-block;
    }

}
/*  maximum 800px */
@media  (max-width: 800px) {
    body {
        font-size:13px;
    }
    
    .header .logo {
        max-width: 180px !important;
    }
    
    .search-wrap {
        margin-left: 5px;
    }
    
    .header .search input {
        width: 15rem !important;
        font-size: .7rem;
    }
    
    .title-bar {
        margin-top: 0;
    }
    
    section .left .search-box h2.mobiles.categories-menu{
        background-color: #52bcee;
        padding: 10px;
    }
    
    section .left .search-box h2.categories-menu span{
        color:#fff;
    }
    
    section .left .search-box h2.mobiles.categories-menu a.menu-icon{
        display:block;
        float:left;
        margin:6px 8px 0 8px;
    }
    
    section article.extra-info .product-seria-more img.thumbnail{
        padding-bottom:0;
    }
    
    section article.extra-info .product-seria-more .relative {
        margin-bottom: 1rem;
    }
    
    .accordion-content-custom{
        display:none;
    }
    
    .price-rangle .accordion-content-custom{
        display:block;
    }
    
    .top-bar .top-bar-left{
        text-align:center;
    }
    
    .menu > li {
        display: inline-block;
    }
    
    .top-bar .top-bar-right{
        text-align:center;
    }
    
    section .product-info {
        padding-right: 0.9375rem;
    }
    
    .productThumbs{
        padding:0;
    }

}

@media  (max-width: 720px) {
    body {
        font-size:12px;
    }
    
    .header #slider .related {
        display: none;
    }
    
}

@media only screen and (max-width: 50.000em) {
    body {
        font-size:12px;
    }
    
    .button.large {
        font-size: 1rem;
    }
    
    .header #slider .related {
        width: 45%;
        padding-top: 0;
    }
    
    .header #slider .related a.media-object h5 {
        font-size:.6rem;
    }
    
    .header .top-offer .column {
        min-height: 80px;
    }
    
    section.account article.account {
        margin: 1rem 0;
        padding: 1rem 0;
    }
    
    section {
        padding-top: 1rem;
    }
    
    section article .breadcrumbs li {
        line-height: 46px;
    }
    
    section .search-box h2{
        background:#eee;
        padding:2px;
    }
    
    section .left .search-box h2 .fa {
        right: 10px;
        top: 12px;
    }
    
    section .search-box h2 span::after{
        content: none;
    }
    
    section .left .search-box.category {
        cursor: pointer;
    }
    
    footer .h-footer h5 {
        float: none;
        text-align: center;
    }
    
    footer .payment-methods{
        text-align: center;
    }
    
    footer .social-icons ul.menu{
        width: inherit;
        margin: 2rem auto 0 auto;
        text-align: center;
        display: block;
    }
    
/*    .accordion-content-custom {
        display: none;
    }*/
    .title-bar.mobile-menu {
        display: block !important;
    }
    
    .menu.medium-horizontal > li {
        display: block;
    }
    
    .profile-navigation{
        padding: 15px;
        margin-bottom: 30px;
    }
    
    ul.profile-data-table{
        margin:0;
        padding: 0;
    }
    
    
    #menumain.top-bar {
        display: none;
    }
    
    #menumain > .top-bar-left {
        width: 100%;
    }
    
    .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
        right: 0;
        left: 0;
        top: 100%;
    }
    
    section .left .search-box #slider-range {
        margin-top: 60px;
    }
    
    .left.mobChange,
    .right {
        width: 100%;
    }
    
    .right {
        margin-top: 1rem;
    }
    
    section .left .search-box.category {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        cursor: pointer;
    }
    
    section .left .search-box.category h2 {
        padding: 0;
        margin: 0;
    }
    
    section .left .search-box.category h2 span {
        border: 0;
        font-weight: normal;
    }
    
    section .left .search-box h2.mobiles span {
        font-weight: normal;
    }
    
    section .left .search-box h2 .fa {
        display: block;
        color: #6f6f6f;
    }
    
    .accordion-content-custom {
        margin: 0.8rem 0;
    }
    
    section article .breadcrumbs li a.seria-all {
        font-size: 1.5rem;
    }
    
    footer .f-footer h5 {
        margin-bottom: 0.5rem;
    }
    
    .menu.vertical > li a:last-of-type {
        border: 0;
    }
    
    .message-wrap{
        display:none;
    }
    
    section .left .search-box #val1,
    section .left .search-box #val2 {
        box-shadow: none !important;
        color: #474644 !important;
        font-weight: normal !important;
        top: -59px;
        display: block;
        position: absolute;
        width: 70px;
        padding: 0;
        margin: 0;
        height: auto;
        background: transparent !important;
        padding-top: 2rem;
        text-align: center;
    }
    
    .stop-col {
        border: 0;
        padding: 0;
    }
    
    #menumain,
    .dropdown.menu {
        width: 100%;
    }
    
    .header #menumain div {
        width: 100%;
    }
    
    .mobile-menu:hover {
        cursor: pointer;
    }
    
    .dropdown.menu > li {
        display: block;
        width: 100%;
        border-bottom: 1px dotted #eee;
    }
    
    .header #menumain ul li.main-list {
        border-right: none;
        width: calc( 100% - 15px );
    }
    
    #menumain .dropdown.menu > li.opens-right > .is-dropdown-submenu {
        position: relative;
        top: 0;
        box-shadow: none;
    }
    
    section.news .newsThumb {
        width: 50%;
    }
    
    footer .f-footer h5 i {
        display: inline-block;
        top: 50%;
        margin-top: -8px;
        color: rgba(128,128,128,.2);
        padding-right: 8px;
    }
    
    footer .f-footer h5 span.line {
        display: none;
    }
    
    footer .f-footer h5 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
        padding: 0.5rem;
        border: 1px solid #ddd;
    }
    
    .footer_colons {
        width: 100%;
        margin:auto;
    } 

    .col {
        display: none;
    }

    section.contact-page .contats-block {
        display: none;
    }
    
    section.contact-page .shop-block {
        width:100%;
        height: initial;
    }
    
    section.map .work-time-block  {
        position: relative;
        width: 100%;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }
    
    section.map .work-time-block .work-banner {
        right: auto;
        left:0;
    }
    
    .header #slider .owl-pagination {
        margin-top: -50px;
        position: absolute;
        left: 0;
        right: 0;
    }
    
    .header #slider .item .textBox h4 {
        font-size: 1.5rem;
    }
    
    .header #slider .related a.media-object {
        margin-bottom: 1em;
        padding-bottom: 0em;
        margin-top: 0.5em;
    }
    
    section .product-info {
        padding-right: 0.9375rem;
    }
    
    .categories-list h2 {
        font-size: .8rem;
    }
    
    section .panel-default .panel-body > img {
        height: 110px;
    }
    
    .owl-theme .owl-controls {
        margin-top: 0px;
    }
    
    body .accents .single_accent {
        width: 25%;
    }
    
        
}
/* min 480px - 512px */

@media (min-width: 30em) and (max-width: 32em) {
    
    section.categories .xs-12 {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    
    .feature-text-data .text-right{
        text-align: left;
    }
    
    .header .top-offer .column {
        min-height: 175px;
    }
    
    .active {
        display: block;
    }
    
    .f-footer h5 {
        cursor: pointer;
        padding: 8px;
        border: 1px solid #ddd;
    }
    
    .footer .f-footer .col {
        display: none;
    }
    
    .col {
        padding-left: 2rem;
    }
    
    .breadcrumbs {
        margin-top: 1rem;
        font-size: 0.5rem;
    }
    
    section article .breadcrumbs li a {
        font-size: 0.8rem;
    }
    
    section .left .search-box.category h2 span {
        font-size: 1rem;
        font-weight: normal;
    }
    
    section .product-info .price-wrap {
        text-align: left;
    }
    
    .header #slider .item .textBox .button {
        display: none;
    }

    .header .top-offer .thumb2 {
        text-align: center;
    }
    
    .header .top-offer .thumb1 .button,
    .header .top-offer .thumb2 .button,
    .header .top-offer .thumb3 .button {
        display: inline-block;
        padding: 0.85em 1em;
        font-size: 0.9rem;
        width: auto;
    }
    
    section .advice-part h3::after {
        width: 20%;
        left: 35%;
    }
    
    section #advice .owl-buttons div {
        padding: 3px 9px;
        opacity: 0.5;
    }
    
    section .advice-part p {
        color: #c4dcf1;
        height: 70px;
        overflow: hidden;
    }

    section.contact-page .contats-block {
        display: none;
    }
    
    section.contact-page .shop-block {
        width:100%;
        height: initial;
    }
    
    section.map .work-time-block  {
        position: relative;
        width: 100%;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }
    
    section.map .work-time-block .work-banner {
        right: auto;
        left:0;
    }
    
    .categories-list h2 {
        font-size: .8rem;
    }
    
    section .panel-default .panel-body > img {
        height: 110px;
    }
    
    .owl-theme .owl-controls {
        margin-top: 0px;
    }
    

}
/* min-width: 480px to 640px */

@media (min-width: 30em) and (max-width: 40.2em) {
    section.account .my-account-login {
        display: block;
    }
    
    .owl-theme .owl-controls {
        margin-top: 0px;
    }
    
    .header .top-bar-container .top-bar .social{
        display: none;
    }
    
    .feature-text-data .text-right{
        text-align: left;
    }
    
    .header .head .logoWrap {
        width: 40%;
        text-align: center;
        margin: 0 auto;
        float: none;
    }
    
    .header #menumain ul li a {
        padding: .6rem 0;
        text-transform: uppercase;
    }
    
    .mobile-search-button{
        width: 100px;
        display: block;
        text-align: center;
    }
    
    .product-thumbs > div#sync1 {
        margin-left: -1.875rem;
        width: calc( 100% + ( 2*1.875rem) );
    }
    
    .short-description{
        padding:0;
        width: calc( 100% + 0.9375rem );
        margin-left: -0.9375rem;
    }
    
    .product-item > div.product-wrapper {
        margin-bottom: 2rem;
    }
    
    .mobile-search-button, .user-wrap, .message-wrap, .cart-wrap{
        border:none;
        width: 60px;
    }
    
    .mobile-search-button p,
    .cart_button p,
    .cart p {
        display: none;
    }
    
    .filters-container {
        margin-bottom: 1rem;
        padding: 1rem;
    }
    
    section .left .search-box h2.mobiles span {
        padding: 0;
        font-weight: 500;
        font-size: 1.1rem;
        padding-bottom: 5px;
        padding-top: 5px;
        display: block;
        padding-left: 10px;
    }
    
    section .left .search-box .checkBoxes p.more {
        display: none;
    }
    
    section .left .search-box .checkBoxes .moreBox {
        display: block;
    }
    
    .mobile-search-button, .user-wrap, .message-wrap, .cart-wrap {
        margin-left: 12px;
        padding-left: 12px;
    }
    
    body .header .search button {
        display:none;
    }
    
    .submenu.is-dropdown-submenu{
        border:none;
    }
    
    .product-wrapper:hover div.product-hover-wrapper a.button,
    .product-wrapper:hover div.product-hover-wrapper p{
        width: 100%;
    }
    
    .header .head {
        display: block;
        padding: 0;
    }
    
    .header .logo {
        max-width: 172px;
        height: inherit;
        margin-left: 7px;
    }
    
    .basketBOX {
        width:100%;
    }
    
    .product-info {
        padding: 0;
    }

    section.news {
        padding-top:0;
    }
    
    .news-main-picture{
        padding:0;
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
    }
    
    .news-main-picture img{
        width: calc( 100% + 0.9375rem );
        max-width: initial;
    }
    
    .product-wrapper a img {
        max-height: 220px;
    }
    
    section article .breadcrumbs {
        padding-left: 0;
        padding-bottom: 0;
    }
    
    section article .breadcrumbs li a.seria-all {
        font-size: 1.5rem;
    }
    
    section article.extra-info .product-seria-more .relative {
        min-height: 250px;
    }
    
    section article .breadcrumbs li a.seria-all {
        font-size: 1.5rem;
    }
    
    section .left .search-box.category .menu > li:not(.menu-text) > a {
        font-size: 0.8rem;
        padding-left: 0;
        padding-right: 0;
    }

    section .left .search-box.category .menu > li:not(.menu-text) > a {
        font-size: 0.8rem;
        line-height: 1rem;
    }

    .lg-button {
        padding: 0.85em 2em;
    }
    
    .header .search input{
        display:none;
    }
    
    h2 {
        font-size: 1.4rem;
    }
    
    h3 {
        font-size: 1.2rem;
    }
    
    h4 {
        font-size: 1rem;
    }
    
    .header .top-bar a {
        color: #024282;
    }
    
    .header #slider .related {
        width: 80%;
        padding-top: 0;
    }
    
    .header #slider .related {
        width: 100%;
        position: relative;
        box-shadow: none;
        background: rgba(148, 144, 144, 0.6);
        padding: 0;
        padding-bottom: 0.5rem;
    }
    
    .header #slider .related .button {
        float: right;
        margin-right: 1rem;
        background: #5189b9;
        padding: 0.85em 1em;
        margin-top: 1em;
    }
    
    section article.promotion a .price-label span {
        font-size: 1.1rem;
    }
    
    .header #slider .related a.media-object {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.9);
        margin-bottom: 0px;
    }
    
    .header #slider .related a.media-object:nth-child(even) {
        background: rgba(148, 144, 144, 0.8);
    }
    
    .header #slider .related a.media-object:nth-child(3) {
        border-bottom: 1px dotted rgba(255, 255, 255, 0.9)
    }
    
    .header #slider .related .thumbnail {
        width: 50%;
        margin: 0 1rem;
    }
    
    .header .top-offer .column {
        padding: 2rem;
    }
    
    .header .top-offer .column h5 {
        font-size: 1.7rem;
    }
    
    div.wp {
        height: 50%;
        overflow: hidden;
    }
    
    section .advice-part h3::after {
        width: 50%;
        left: 30%;
    }
    
    section #advice .owl-buttons {
        right: 0;
    }
    
    section article h2 span::after,
    section article h2 span::before {
        width: 100%;
    }
    
    section article h2 span {
        font-size: 1.4rem;
    }
    
    .header #slider .owl-buttons .owl-prev,
    .header #slider .owl-buttons .owl-next {
        width: 30px;
    }
    
    .header #slider .item .textBox {
        top: 0;
        padding: 1rem;
        color: #024282;
        width: 46%;
        right: 15px;
    }
    
    .header #slider .item .textBox h2{
        color: #fff;
        font-size: 1.1rem;
    }
    
    .header .top-offer .thumb1 .button,
    .header .top-offer .thumb2 .button,
    .header .top-offer .thumb3 .button {
        display: block;
        float: none;
        width: 90%;
        text-align: center;
        margin: auto;
        padding: 0.5em 1em;
    }
    
    .header .top-offer div.wp {
        height: 60%;
        overflow: hidden;
        margin-bottom: 2rem;
    }
    
    section .advice-part h3::after {
        width: 33%;
        left: 30%;
    }
    
    section #advice .owl-buttons {
        top: -38px;
    }
    
    .header .top-offer .column h5 {
        font-size: 1.5rem;
        text-shadow: 5px 0px 2px rgba(255, 255, 255, 1);
    }
    
    .header .search {
        position: relative;
        width: 100%;
        float: right;
    }
    
    section article.extra-info .product-seria-more img.thumbnail {
        height: 150px;
        width: auto;
    }
    
    section.news .newsThumb {
        width: 100%;
        margin-bottom: 5%;
        margin: 0 auto;
    }
    
    section.news .newsThumb .news_info {
        position: relative;
        min-height: initial;
    }


    section.pictures .panel a {
        display: block;
        margin-bottom: 20px;
    }

    section.pictures .panel a {
        display: block;
        margin-right: 20px;
        border-bottom: 2px solid #52bcee;
        margin-bottom: 20px;
    }
    
    section.pictures .panel a {
        display: block;
        margin-right: 20px;
        border-bottom: 2px solid #52bcee;
        margin-bottom: 20px;
    }

    section.contact-page .contats-block {
        display: none;
        border:1px solid red;
    }
    
    section.contact-page .shop-block {
        width:100%;
        height: initial;
    }
    
    section.map .work-time-block  {
        position: relative;
        width: 100%;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }
    
    section.map .work-time-block .work-banner {
        right: auto;
        left:0;
    }
    
    .extra-info {
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
    }
    
    section.product-info {
        padding-top: 1rem;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    
    footer .f-footer h5 span.line {
        display: none;
    }
    
    article.extra-info div.about-product {
        padding: 1rem 0;
    }
    
    .search.is-open{
        margin-top: 105px;
        margin-left: -12px;
        display: block;
        width: 100%;
        left: 0;
        position: absolute;
        z-index: 2;
        background: #fff;
    }
    
    .search.is-open form input{
        display: block;
        width: 100% !important;
    }
    
    section article .price-label{
        width: 80px;
        height: 80px;
    }
    
    section article .price-label span{
        line-height: 80px;    
    }
    
    .categories-list h2 {
        font-size: .8rem;
    }
    
    section .panel-default .panel-body > img {
        height: 110px;
    }
    
    .login-or{
        display: block;
        margin: 60px 0;
    }
    
    .short-text{
        padding:0;
    } 
    
    
}
/* 320px to 475px*/

@media screen and (min-width: 15em) and (max-width: 29.938em) {
    body{
        font-size:12px;
    }
    
    .feature-text-data .text-right{
        text-align: left;
    }
    
    .cookies_message {
        margin-bottom: 3px;
    }
    
    body .accents .single_accent{
        width: 33%;
    }
    
    .news-main-picture img{
        width: calc( 100% );
        max-width: initial;
    }
    
    .breadcrumbs {
        margin: 15px 0;
    }
    
    .breadcrumbs li:not(:last-child)::after {
        margin: 0 0.3rem;
    }
    
    .cookies_message > div.cnt p {
        font-size: 0.65rem;
    }
    
    section.account .my-account-login {
        display: block;
    }
    
    body .header .search button {
        display:none;
    }
    
    body .cart-wrap, body .user-wrap {
        border-left: none;
    }
    
    .mobile-menu span {
        display: none;
    }
    
    .title-bar.mobile-menu > span{
        display:none;        
    }
    
    .short-text{
        padding:0;
    }
    
    .login-or{
        display: block;
        margin: 40px 0;
    }
    
    .xs-12{
        width:100%;
        padding:0;
    }
    
    .categories .xs-12{
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    
    .banner{
        margin:1rem 0;
    }
    
    .header .logo {
        max-width: 70px !important;
        max-height: 52px;
    }
    
    .header .top-bar-container .top-bar .social {
        display: none;
    }
    
    .short-description{
        padding:0;
        margin-right: auto;
        margin-left: auto;
    }
    
    section .product-info {
        padding-right: 0;
    }
    
    #slider .owl-buttons{
        display: none;
    }
    
    .web.video{
        height: 300px;
    }
    
    .web.video.large{
        height: 300px;
    }
    
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
    
    .table-responsive>.table {
        margin-bottom: 0;
    }
    .products-list tr td{
    	padding: 0 5px !important;
    }
    .products-list tr td a.button{
    	    padding: 0.5em 0.5em;
    }
    .cart_product, .products-list tr td img{
        display:none !important;
    }
    
    .cart_info .cart_quantity .cart_quantity_input {
        font-size: 11px;
        width: 25px;
    }
    
    .cart_info .cart_quantity .cart_quantity_button a {
        width: 16px;
    }
    
    .cart_info .cart_quantity > div {
        width: 60px;
    }
    
    .button:not(.read-more){
        width: 100%;
        display: block;
    }
    
    .page-description h1 {
        font-size: 1.6rem;
    }
    
    .header #my-account-dropdown {
        margin-left: 50px;
        z-index: 2;
    }
    
    .filters-container {
        margin-bottom: 1rem;
        padding: 1rem;
    }
    
    .filters-container .search-box p.more {
        display: none;
    }
    
    section .left .search-box .checkBoxes .moreBox {
        display: block;
    }
    
    .sort-list-by {
        width: 100%;
    }
    
    .top-bar ul.menu{
        display: block;
        
    }
    
    .top-bar ul.menu {
        margin-left: 0;
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        justify-content: space-evenly;
    }
    
    div.top-bar-left > ul > li.phone > a > span:nth-child(3),
    div.top-bar-left > ul > li.envelope > a > span:nth-child(3){
        display:inline-block;
    }
    
    div.top-bar-left > ul > li.phone > a > span:nth-child(2),
    div.top-bar-left > ul > li.envelope > a > span:nth-child(2){
        display:none;
    }
    
    .top-bar ul.menu li{
        width: 50%;
        padding: 0;
        font-size: .6rem;
        height: 100%;
        display: block;
        text-align: center;
    }
    
    .top-bar ul.menu li a{
        padding: 5px 0;
    }
    
    .top-bar ul.menu li.envelope{
        text-align: center;
    }
    
    .short-text{
        padding:0;
    }
    
    section .left .search-box h2.mobiles span {
        padding: 0;
        font-weight: 500;
        font-size: 1.1rem;
        padding-bottom: 5px;
        padding-top: 5px;
        display: block;
        padding-left: 10px;
    }
    
    section .left .search-box h2 .fa {
        top: 5px;
    }
    
    .header .head .logoWrap {
        width: 40%;
        text-align: center;
        margin: 0 auto;
        float: none;
    }
    
    .header #menumain ul li a {
        padding: .6rem 0;
        text-transform: uppercase;
    }
    
    .mobile-search-button{
        width: 100px;
        display: block;
        text-align: center;
    }
    
    .mobile-search-button, .user-wrap, .message-wrap, .cart-wrap{
        border:none;
        width: 52px;
    }
    
    .search.is-open{
        margin-top: 90px;
        margin-left: 8px;
        display: block;
        width: 100%;
        left: 0;
        position: absolute;
        z-index: 2;        
    }
    
    .search.is-open form input{
        display: block;
        width: 100%;
    }
    
    .mobile-search-button p,
    .cart_button p,
    .cart p {
        display: none;
    }
    
    .mobile-search-button, .user-wrap, .message-wrap, .cart-wrap {
        margin-left: 7px;
        padding-left: 6px;
    }
    
    .header .head {
        display: block;
        padding: 0;
    }
    
    .accents .single_accent {
        width: 50%;
        padding: 0;
    }
    
    .basketBOX {
        width:100%;
    }
    
    section.product-info {
        padding-top: 1rem;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    
    .product-main-image > div#sync1 {
        margin-left: -0.9375rem;
        width: calc( 100% + 1.875rem );
    }
    
    .product-pictures {
        padding: 0;
        padding: 0;
    }
    
    .product-item {
        height: 260px;
    }

    section.news {
        padding-top:0;
    }
    
    .news-main-picture{
        padding:0;
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
        width: calc( 100% + 0.9375rem );
    }

    .feature-text-data .imgThumb img {
        height: auto;
    }
    
    footer .h-footer h5 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    
    footer .f-footer h5 span.line{
        display: none;
    }
    
    section article .breadcrumbs {
        padding-left: 0;
        padding-bottom: 0;
    }
    
    section article .breadcrumbs li a.seria-all {
        font-size: 1.5rem;
    }
    
    section article.extra-info .product-seria-more .relative {
        min-height: 250px;
    }
    
    section article .breadcrumbs li a.seria-all {
        font-size: 1.5rem;
    }
    
    section .left .search-box.category .menu > li:not(.menu-text) > a {
        font-size: 0.8rem;
        padding-left: 0;
        padding-right: 0;
    }
    
    section .left .search-box.category .menu > li:not(.menu-text) > a {
        font-size: 0.8rem;
        line-height: 1rem;
    }
    
    section.gallery {
        padding-top: 2rem;
    }
    
    section.news {
        padding-bottom: 0;
    }

    .lg-button {
        padding: 0.85em 2em;
    }
    
    .header .search input{
        display:none;
    }
    
    h2 {
        font-size: 1.4rem !important;
    }
    
    h3 {
        font-size: 0.8rem !important;
    }
    
    h4 {
        font-size: 1rem !important;
    }
    
    .header .top-bar a {
        color: #024282;
    }
    
    .header #slider .related {
        width: 80%;
        padding-top: 0;
    }
    
    .header #slider .related {
        width: 100%;
        position: relative;
        box-shadow: none;
        background: rgba(148, 144, 144, 0.6);
        padding: 0;
        padding-bottom: 0.5rem;
    }
    
    .header #slider .related .button {
        float: right;
        margin-right: 1rem;
        background: #5189b9;
        padding: 0.85em 1em;
        margin-top: 1em;
    }
    
    .tabs-title{
        float: none;
        width: 100%;
        margin: 0;
    }
    
    .tabs-title.is-active{
        background: red;
    }
    
    .tabs-title > a{
        margin: 0;
    }
    
    section article.promotion a .price-label span {
        font-size: .8rem;
    }
    
    section article .price-label{
        width: 60px;
        height: 60px;
    }
    
    section article .price-label span{
        line-height: 60px;    
    }
    
    article.extra-info div.about-product {
        padding: 1rem 0;
    }
    
    .header #slider .owl-pagination {
        margin-top: -25px;
    }
    
    .header #slider .related a.media-object {
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
        border-bottom: 1px dotted rgba(255, 255, 255, 0.9);
        margin-bottom: 0px;
    }
    
    .header #slider .related a.media-object:nth-child(even) {
        background: rgba(148, 144, 144, 0.8);
    }
    
    .header #slider .related a.media-object:nth-child(3) {
        border-bottom: 1px dotted rgba(255, 255, 255, 0.9)
    }
    
    .header #slider .related .thumbnail {
        width: 50%;
        margin: 0 1rem;
    }
    
    .header .top-offer .column {
        padding: 2rem;
    }
    
    .header .top-offer .column h5 {
        font-size: 1.7rem;
    }
    
    section.home-page-text {
        padding: 30px 0;
        margin: 30px 0 0 0;
    }
    
    section .panel-default .panel-header h3 {
        font-size: 1rem;
    }
    
    section .panel-default{
        margin-bottom: 1rem;
    }
    
    div.wp {
        height: 50%;
        overflow: hidden;
    }
    
    section .advice-part h3::after {
        width: 50%;
        left: 30%;
    }
    
    section #advice .owl-buttons {
        right: 0;
    }
    
    section article h2 span::after,
    section article h2 span::before {
        width: 100%;
    }
    
    section article h2 span {
        font-size: 1.4rem;
    }
    
    
    .header #slider .owl-buttons .owl-prev,
    .header #slider .owl-buttons .owl-next {
        width: 30px;
        height: 30px;
        line-height: 25px;
        top: 25%;
    }
    
    .header #slider .owl-buttons .owl-prev {
        right: 50px;
        left: auto;
        width: 30px;
        height: 30px;
        line-height: 25px;
    }
    
    .header #slider .item .textBox {
        top: 15%;
        padding: .8rem;
        width: 65%;
        right: 15px;
    }
    
    .header #slider .item .textBox h2 {
        font-size: 1.4rem !important;
    }
    
    .header #slider .item .textBox p {
        font-size: 1rem !important;
    }
    
    .header .top-offer .thumb1 .button,
    .header .top-offer .thumb2 .button,
    .header .top-offer .thumb3 .button {
        display: block;
        float: none;
        width: 90%;
        text-align: center;
        margin: auto;
        padding: 0.5em 1em;
    }
    
    .header .top-offer div.wp {
        height: 60%;
        overflow: hidden;
        margin-bottom: 2rem;
    }
    
    section .advice-part h3::after {
        width: 33%;
        left: 30%;
    }
    
    section #advice .owl-buttons {
        top: -38px;
    }
    
    .header .top-offer .column h5 {
        font-size: 1.5rem;
        text-shadow: 5px 0px 2px rgba(255, 255, 255, 1);
    }
    
    section article.extra-info .product-seria-more img.thumbnail {
        height: 150px;
        width: auto;
    }
    
    section.news .newsThumb {
        width: 100%;
        margin-bottom: 5%;
        margin: 0 auto;
    }
    
    section.news .newsThumb .news_info {
        position: relative;
        min-height: initial;
    }
    
    section.news .singleNews h1{
        font-size: 1.5rem;
    }

    section.pictures .panel a {
        display: block;
        margin-bottom: 20px;
    }
    
    section.pictures .panel a {
        display: block;
        margin-right: 20px;
        border-bottom: 2px solid #52bcee;
        margin-bottom: 20px;
    }
    
    section.pictures .panel a {
        display: block;
        margin-right: 20px;
        border-bottom: 2px solid #52bcee;
        margin-bottom: 20px;
    }

    section.contact-page .contats-block {
        display: none;
    }
    
    section.contact-page .shop-block {
        width:100%;
        height: initial;
    }
    
    section.map .work-time-block  {
        position: relative;
        width: 100%;
        -webkit-transform: inherit;
        -ms-transform: inherit;
        transform: inherit;
    }
    
    section.map .work-time-block .work-banner {
        right: auto;
        left:0;
    }
    
    .product-wrapper:hover div.product-hover-wrapper a.button,
    .product-wrapper:hover div.product-hover-wrapper p {
        width: 95%;
    }
    
    section article .promo {
        font-size: .8rem;
    }
    
    .product-wrapper a img {
        max-height: 140px;
    }
    
    .extra-info{
        margin-right: -0.9375rem;
        margin-left: -0.9375rem;
    }
    
    footer .s-footer div {
        padding: .5rem 0;
        font-size: .6rem;
    }
    

    .header .search input{
    	width: 300px !important;
    	margin-left: 15px;
    }
    .autocomplete h2, .autocomplete h2.ui-menu-item-wrapper{
		font-size: 14px !important;		
	}
	.autocomplete div{
		width: 200px !important;
	}
    
}