@media (min-width: 1200px) { }
@media (min-width: 992px) and (max-width: 1199px) { }
 
@media (max-width: 991px) {
.mobile_menu_open {border: transparent;}	
.desktop {display: none}
.mobile {display: block}

h1, .h1 {font-size: 28px; line-height: 34px}
h2, .h2 {font-size: 24px; line-height: 32px}
h3, .h3 {font-size: 12px; line-height: 18px}
 .button-16 {font-size: 16px;}
.button-12 {font-size: 12px;}
.font-20 {font-size: 16px; line-height: 24px;}
.font-14 {font-size: 14px; line-height: 24px;}

ul.header_menu {display: none}
.top_line_right .social_buttons{display: none}
.s_menu_line {display: none}

.header {height: auto}
a.logo {height: 50px; width: 127px;}
.top_line_right {height: 50px;}
.header_buttons_wrapper {  }
.top_line {height: 60px; margin: 0px -15px}
 
#search_form input {height: 26px; font-size: 14px; padding: 0px 10px;}
#search_form button {height: 26px; width: 26px;}
#search_form button img {width: 15px; margin-top: -3px;}
#search_form {margin-right: 5px;
    height: 26px;
    display: block;
    flex: 1;
    position: relative;
    padding: 0px 25px 0px 0px;}

.top_line {padding: 0px}
.mobile_menu_open {min-width: 40px; width: 40px; height: 50px; padding: 8px;}
.mobile_menu_open img {max-width: 100%}
.header_buttons_wrapper {}
.mobile_menu_open img {margin-top: -3px;}
.quo_form {font-size: 14px;}
.header_cart {margin: -8px 10px 0px 0px}
.header_cart img {width: 25px;}

.cards {max-width: 100%;}
.footer_revert {display: block; text-align: center;}

.main_wrapper {
    display: block;
    padding-left:0px;
    position: relative;
}
.left_bar {display: none}

.index_slider_wrapper {
     padding: 20px;
display: block;
 }

.index_slider_wrap {
    width: 100%;
    min-width: 100%;
     
}
.index_content {
    display: flex ;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 100%;
    padding: 0px 0px;
}

a.blackbutton, .blackbutton {width: 100%; height: 50px; font-size: 12px}
.index_content>div {
    min-width: 100%;
    
}

.mycol-3 , .mycol-4{
    width: 100%;
    min-width: 100%; margin-bottom: 20px;
}
 .mycol-4{
    width: 50%;
    min-width: 50%; margin-bottom: 20px;
}

.content {
    padding: 20px 0 30px 0;
    z-index: 5;
    position: relative;
}



.product_title {
    width: calc(100% - 100px);
    padding: 0px 10px;
    min-width: calc(100% - 100px); font-size: 16px; line-height: 22px;
}
.product_cart_line {align-items: flex-start}
.product_image {
    width: 90px;
    height: 110px;
    min-width: 90px;
    margin-right: 0px;
     
}
.product_cart_line .cart_product_price {font-size: 26px; padding-top: 0px}
.product_count {
    width: 180px;
    padding: 20px 20px;
    min-width: 100px;
}

.p_c_left {display: flex;   align-items: flex-start; min-width: 100%}
.p_c_right {display: flex; align-items: center}

.sale_block .mediumbutton.blackbutton {height: 35px; font-size: 9px;}
.sale_img {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 0px;
    top: 0px;
}

.sale_block {
    padding: 0px 0px 70px 0px;
     
}
.cart_stat {margin-bottom: 30px;}


.sub_flex {display: block; padding: 0px 0px; margin: 0 -15px;}
.mega_name {text-align: center; padding-bottom: 150px; width: 100%; }
.mega_name img {
    width: 120px;
    height: auto;
    position: absolute;
    bottom: 20px;
    right: auto;
    left: 50%; margin-left: -60px;
}


.front_news {
    border: none;
    padding: 0px;
    max-height: 100%;
    height: auto;
    overflow-y:visible;
}

.news_big_block_with_image {display: flex;}
.news_big_block_with_image .thumb_wrapper{width: 150px; min-width: 150px; height: 100px; margin-right: 10px;}

.news_big_block_with_image h3 {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px;
    text-transform: none;
}
.mb>div {
    margin-bottom: 15px;
}

.mega_body {
    display: block;
    align-items: center;
    padding: 20px 10px 10px 10px;
    flex: 1;
}

.front_blog_section {
    padding: 20px 0 5px 0;
    background: #f2f2f2;
}

h2.title {
    padding: 20px 0px;
    border-bottom: 2px solid #ccc;
    margin-bottom: 30px; margin-top: 0px; padding-top: 0px;
    display: flex;  flex-wrap: wrap;
    align-items: center;
}

.down_logos img {
    width: 130px;
    height: auto;
}
.down_wrapper {display: flex; align-items: center; min-width: 100%; width: 100%}
.copy {margin-left: auto; min-width: 50%; width: 50%; text-align: right; color: #fff; display: flex; justify-content: flex-end }
.copy a {color: #fff}


.mega_wrapper {
     top: 60px; padding: 0px 10px; height: calc(100% - 60px); overflow-y: auto; padding-bottom: 40px;
     }
.mobile_menu_close {position: absolute; right: -15px; top: 10px; z-index: 10}
.f_m_close {position: relative; }
.mega_menu {
    padding: 0px 0px;
     
}

/*/////*/
}