/*==========  Media  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    
    #menu_top .header_categories_nav{
        left: -15px;
        right: 15px;
    }
    .categories_eventer{
        pointer-events: none;
    }
    #menu_top .menu_item_categories:hover .header_categories_nav{
        top: 50%;
        opacity: 1;
        visibility: visible;
    }
    
    /* Отключение ховера на превью товара */
    .preview:hover .variant_select {
        opacity: 100;
        transform: translate(0px, 0px);
    }
    .preview:hover .action a {
        opacity: 100;
        transform: translate(0px, 0px);
    }
    .preview:hover .action button{
        opacity: 100;
        transform: translate(0px, 0px);
    }
}
    

@media only screen and (max-width : 1199px) {
    #menu_top .menu_item_categories.active .header_categories_nav{
        top: 50%;
        opacity: 1;
        visibility: visible;
    }
    .wrap_heading_page {
        padding: 180px 0 170px;
    }
    
}

@media (min-width: 992px) and (max-width: 1199px) {
   
    
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    
    .menu_item_categories .cat_switch2,
    .menu_item_categories span{
        display: inline-block;
        vertical-align: middle;
    }
    .menu_item_categories .cat_switch2{
        margin-top: 3px;
        margin-left: 3px;
    }
    .menu_item_categories .cat_switch2 svg{
        width: 14px;
        height: 14px; 
    }
    
    
    
    
    
    
    
    
}





@media only screen and (max-width : 991px) {
    
    a.logo {
        display: inline-block;
        vertical-align: middle;
    }
    .wrap_navigation {
        text-align: left;
        padding: 5px 0px;
    }
    .sidebar,
    .banner_box .title p,
    #menu_top {display: none;}
    
    #menu_top {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    #menu_top .menu .menu_item a {
        height: auto;
        width: 100%;
        display: block;
        padding: 15px 35px 13px 15px;
        line-height: 1.2;
        text-align: left;
    }
    #menu_top .menu .menu_item a.categories_eventer {
        font-family: 'ProximaNovaBold';
    }
    #menu_top .subcategory_header.level_2 {
        display: none;
        padding-left: 15px;
    }
    #menu_top .subcategory_header.level_3 {
        display: none;
        padding-left: 15px;
    }
    #menu_top .header_categories_nav {
        -webkit-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        top: inherit;
        background: rgb(255, 255, 255);
        transform: none;
        left: 0;
        right: 0px;
        border: none;
        opacity: 1;
        min-width: inherit;
        visibility: visible;
        box-shadow: none;
        position: relative;
        z-index: 1000;
        float: none;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        text-align: left;
        display: none;
    }
    #menu_top .menu_item_categories.active .header_categories_nav {
        display: block;
    }
    #menu_top .header_categories_menu.level_1 {
        display: block;
        transform: none;
        padding: 0px 20px 20px 20px;
     }
    #menu_top .header_categories_menu .header_category_item {
        display: block;
        float: none;
        border: none;
        text-align: left;
        width: 100%;
        position: relative;
        padding: 0px;
        border: 1px solid rgb(238, 238, 238);
        margin-top: -1px;
    }
    #menu_top .header_categories_menu.level_1 .cat_switch {
        position: absolute;
        right: 0px;
        width: 44px;
        height: 44px;
        z-index: 20;
        cursor: pointer;
        text-align: center;
        top: 0px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        text-align: center;
        line-height: 50px;
    }
    #menu_top .header_categories_menu.level_1 .cat_switch svg{
        width: 12px;
        height: 12px;
    }
    #menu_top .subcategory_header.level_2 .cat_switch svg{
        width: 10px;
        height: 10px;
        color: rgb(133, 133, 133);
    }
    #menu_top .menu .menu_item a .cat_switch{
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        right: 0px;
        width: 46px;
        height: 46px;
        z-index: 20;
        cursor: pointer;
        text-align: center;
        line-height: 46px;
        top: 0px;
    }
    #menu_top .menu .header_categories_menu .header_category_link {
        position: relative;
        padding: 15px 15px 10px 10px;
        margin-bottom: 0px;
        border: none;
        line-height: 1.2;
    }
    #menu_top .menu .subcategory_header.level_2 .header_category_link {
        border-bottom: 1px dashed rgb(238, 238, 238);
    }
    #menu_top .menu .subcategory_header.level_2 .header_category_item:last-child .header_category_link{
        border: none;
    }
    #menu_top .menu .subcategory_header.level_2 .header_category_item .cat_switch {
        width: 30px;
        height: 30px;
        line-height: 30px;
        right: 10px;
        text-align: center;
    }
    #menu_top .menu .menu_item.level1 {
        float: none;
        border: 1px solid rgb(232, 232, 232);
        margin-top: -1px;
    }
    .banner_box .title h3 {
        font-size: 26px;
        line-height: 28px;
        padding: 0px 5px;
       
    }
    .top_header {padding: 10px 0px 0px;}
    
    #search {width: 515px;}
    .wrap_blog_heading_page {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .wrap_heading_page {
        padding: 160px 0 150px;
    }
    .products_item .preview .product_images {
        line-height: inherit !important;
        height: 250px;
    }
    .products_item .preview .product_images img {
        max-width: 100%;
        height: auto;
        
    }
    .banner_box .title {
        margin-top: -20px;
    }
    .news_item .news_item_content {
        left: 20px;
        right: 20px;
    }
    .product_details {
        margin-bottom: 20px;
        padding-left: 0px;
    }
    .heading_page {
        font-size: 40px;
        line-height: 46px;
    }

    
    
    
    
    
    
    
    
    
    
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .menu_group_header {
        float: left;
        font-size: 14px;
    }
    .menu_group_header .menu_item {
        float: left;
    }
    .menu_group_header .menu_item_1:first-child .menu_link {
        padding-left: 0;
    }

    .menu_group_header .menu_item_1 .menu_link {
        display: block;
        padding: 12px 8px;
        padding-left: 10px;
        color: rgb(104, 102, 102);
    }
    .menu_group_header .menu_item_2 .menu_link {
        display: block;
        padding: 5px 20px;
        white-space: nowrap;
    }
    .menu_group_header .menu_item_2 .menu_link:hover {
        background-color: rgb(232, 232, 225);
    }
    .menu_group_header .menu_eventer{
        position: relative;
    }
    .menu_group_header .menu_item_1.menu_eventer > a:after{
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 12px;
        height: 8px;
        background-repeat: no-repeat;
        margin-left: 1px;
        background-image: url(../images/select_arrow.png);
        background-size: cover;
        -webkit-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }
    .menu_group_header .menu_item_1.menu_eventer:hover > a:after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    .menu_group_header .menu_list {
        margin: 0px;
    }
    .menu_group_header .menu_item {
        margin: 0px;
    }
    .menu_group_header .menu_eventer .menu_list_2{
        -webkit-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
        top: 100%;
        background: rgb(255, 255, 255);
        transform: translate(0px, 20px);
        border: none;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0px 10px 12px 0px rgba(0, 0, 0, 0.4);
        position: absolute;
        z-index: 1000;
        margin: 2px 0 0;
        list-style: none;
        font-size: 14px;
        text-align: left;
        padding: 0px;
    }
    .menu_group_header .menu_eventer:hover .menu_list_2 {
        top: 50%;
        opacity: 1;
        visibility: visible;
        display: block;
    }
    .menu_group_header .menu_item_2 {
        float: none;
        margin-bottom: 0px;
    }
    .menu_group_header .menu_list_3 {
        padding: 0px;
    }
    .menu_group_header .menu_item_3 {
        float: none;
        width: 100%;
    }
    .menu_group_header .menu_item_3 .menu_link {
        padding-left: 30px;
    }
    .arrow_toggle{
        margin-left: 1px;
        -webkit-transition: all 0.4s ease-out 0s;
        -o-transition: all 0.4s ease-out 0s;
        transition: all 0.4s ease-out 0s;
    }
    .menu_group_header .menu_eventer:hover .arrow_toggle {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@media only screen and (max-width : 767px) {

    .popup_heading span, .heading_box span {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 1px;
    }
    .form_input_accaunt {
        height: auto;
        padding: 10px 0px;
    }
    .btn_account {
        width: 100%;
        padding: 0px 15px;
    }
    .btn_big {
        width: 100%;
        padding: 0px 15px;
        margin-left: 0rem !important;
    }
    .all_brands {
        margin-bottom: 20px;
    }
    .leftbar {
        z-index: 300;
        position: relative;
    }
    .wrap_blog_heading_page {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .wrap_breadcrumb {
        margin-bottom: 0px;
    }
    .wrap_blog_heading_page .heading_page {
        padding-bottom: 20px;
        margin-bottom: 20px;
        font-size: 40px;
        line-height: 46px;
    }
    .accaunt_promo_heading span {
        font-size: 16px;
    }
    .accaunt_promo_heading {
        margin-bottom: 30px;
    }
    .form_input_accaunt.input_captcha {
        height: auto;
        padding: 12px 0px;
        line-height: inherit;
    }
    .images_link {
        height: auto;
        line-height: inherit;
    }
    .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }
    .product_buttons button, .product_buttons .product_button, .product_buttons .product_wished, .product_buttons .product_comparison {
        margin-right: 0px;
        padding: 3px 10px 0;
    }
    .product_share, .post_share {
        text-align: left;
    }
    .product_info {
        border-bottom: 1px solid rgb(231, 231, 231);
        padding: 0px;
    }
    .tabs {
        margin-bottom: 10px;
        padding-bottom: 10px !important;
        padding-top: 20px !important;
    }
    .tabs .tab_navigation a::after {
        content: none;
    }
    .btn{
        margin-bottom: 20px;
    }
    .blog_item {
        padding-bottom: 10px;
        margin-bottom: 30px;
    }
    .cat_switch2 {
        position: absolute;
        right: 5px;
        width: 36px;
        height: 24px;
        z-index: 20;
        cursor: pointer;
        text-align: center;
        transform: rotate(90deg);
    }
    .subscribe_block .icon_subscribe {
        margin-top: 20px;
    }
    .subscribe_input {
        padding: 10px;
        height: auto;
        margin: 0px auto;
    }
    .subscribe_form {
        margin: 20px auto 0px;
    }
    .menu_group_header {
        float: none;
    }
    footer .footer_top {
        padding: 20px 0px;
    }
    footer .logo_footer {
        margin-bottom: 10px;
    }
    footer .menu_footer {
        margin-bottom: 20px;
    }
    footer .menu_footer .menu_group_footer .menu_item_1{
        display: block;
    }
    footer .menu_footer .menu_group_footer .menu_item_1 a {
        color: rgb(99, 99, 99);
        font-size: 14px;
        margin: 6px 30px;
        display: inline-block;
    }
    footer .foot_social a {
        padding: 0px 15px;
    }
    .informers li {
        margin-left: 10px;
    }
    .rightbar .informer {
        padding-left: 0px;
        margin-right: 0px;
    }
    .rightbar .inner {
        position: static;
    }
    #search {
        width: calc(100% - 50px);
        top: 85px;
        margin-right: 0px;
        right: 0px;
        overflow: visible;
    }
    .field.search {
        margin-right: 10px;
    }
    .field.search.opened {
        width: 96%;
    }
    .actions {
        float: right;
        width: 60px;
        height: 50px;
        line-height: 65px;
        position: absolute;
        right: 95px;
        top: -69px;
    }
    .tabs .tab_navigation a:hover::before, .tabs .tab_navigation a.selected::before {
        bottom: -3px;
    }
    .heading_page {
        font-size: 36px;
        line-height: 40px;
    }
    .wrap_heading_page {
        padding: 110px 0 120px;
    }
    .inner_heading_page {
        transform: translateX(0%) translateY(-50%);
        left: 0;
        right: 0px;
    }
    .page_brands .brand_image {
        max-width: inherit;
        width: 100%;
        line-height: inherit;
        text-align: center;
        border: 1px solid rgb(233, 233, 233);
        position: relative;
        margin-bottom: 10px;
    }

    .purchase {
        width: 100%;
        margin-bottom: 20px;
    }
    .purchase td {
        padding: 5px 5px;
    }
    .purchase_amount .amount {
        width: 50px;
    }
    .purchase_amount .plus, 
    .purchase_amount .minus {
        display: block;
        width: 100%;
    }
    .purchase th {
        font-size: 12px;
    }

    .purchase_amount .plus{
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .purchase_amount .minus {
         -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .purchase_amount .input_amount {
        display: block;
    }
 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

}

/* Extra Small Devices, Phones */
@media (max-width : 576px) {
    .products_item .preview .product_images {
        border: none!important;
    }
    .products_item .preview .product_images {
        height: auto;
    }
    .products_item .preview .product_name {
        font-size: 14px;
        margin-top: 10px;
    }
    .new_block .btn_white, 
    .featured_block .btn_white{
         color:  rgb(255, 255, 255);
        background: rgb(0, 0, 0);
        border-color: rgb(0, 0, 0);

    }
    .product_annotation {
        line-height: 20px;
        font-size: 14px;
    }

    .new_block .btn_white i, 
    .featured_block .btn_white i {
        background: url(../images/trans_btn.png) no-repeat scroll center bottom;
    }
    
    .new_block, 
    .featured_block {
        margin-bottom: 0px;
    }
    .products_item .preview {
        margin-bottom: 10px !important;
    }
    .boxed_button {
        margin-bottom: 0px;
    }
    .details_label {
        margin-right: 0px;
    }
    .product_available{
        text-transform: none;
    }
    .wrap_border_bottom .filters_heading_box,
    .wrap_products_sort {
        text-align: center;
    }
    .features li {
        font-size: 10px;
    }

    .top_header .informer {
        padding: 10px;
    }
    #search {
        top: 75px;
    }
    .actions {
        right: 110px;
        width: 46px;
        top: -65px;
    }
    .purchase_total .total_sum {
        display: block;
    }
    .input_coupon {
        width: 100%;
        margin-bottom: 5px;
    }
    .coupon_button {
        display: block;
        width: 100%;
    }

.no_padding.products_item.col-sm-6.col-md-4.col-lg-4.col-xl-3 {
       width: 50%;
    display: block;
    float: left;
    
}
    


    

}
@media only screen and (max-width : 480px) {


}

/* Custom, iPhone Retina */
@media only screen and (max-width : 382px) {

}