.activator{
    background:none;
    position:absolute;
    top: 0px;
    left: 0;
    line-height:45px;
    padding:0px 15px 0px 15px;
    color:white!important;
    border:0;
    font-size:1.4em;
    font-weight:bold;
    cursor:pointer;
    outline:none;
    z-index:10;
}

.activator.pages{
    background: url("images/if_Hamburger_657904.png") center center no-repeat;
    width: 32px;
    height: 27px;
    margin-top: 10px;
    margin-left: 10px;
}

nav.main-menu.mobile{
    width:100%;
    position: relative;
    display: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#448fd0+0,226bbc+100 */
    background: #448fd0; /* Old browsers */
    background: -moz-linear-gradient(top, #448fd0 0%, #226bbc 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #448fd0 0%,#226bbc 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #448fd0 0%,#226bbc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448fd0', endColorstr='#226bbc',GradientType=0 ); /* IE6-9 */
    height:49px;
    margin-top: 0px;
}

nav.main-menu.mobile span{
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    padding-top: 2px;
    margin-left: 50px;
}

nav.main-menu.mobile .fa{
    font-weight: bold;
}

.sortby_panel {
    margin-top: 10px;
    margin-left: 0;
}

.main_menu_top .menu.catalog {
    background: #226bbc;
    padding: 10px 0;
}

.main_menu_top .menu.catalog h4 {

}

.main_menu_top .menu.catalog a {
    color: white;
    text-decoration: none;
}

.main_menu_top .menu.catalog ul {
    padding-left: 20px;
}

.main_menu_top .menu.catalog ul li{
    margin-top: 6px;
}

.main-menu .cross {
    color: white;
    font-size: 20px;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: normal;
    background: none;
    border: none;
}

.mobile {
    display: none;
}

.logistic_block.mobile {
    display: none;
}

.promo-block.mobile {
    display: none;
}

.header .section .header_col.search.hide {
    display: block;
}

.filter_wrapper .filter_title a,
.filter_wrapper.hidden .filter_title a {
    background: none;
}

@media only screen and (min-width: 0px) and (max-width: 900px) {

    body,
    .wrapper_1000 {
        min-width: auto;
    }

    .big.good:hover {
        overflow: visible;
    }

    .big.good:hover .attr_block_list{
        display: none;
    }

    .big.good:hover .wrapper_good{
        border-radius: 7px;
        border: 3px solid #ffee7f;
        position: relative;
        margin: 0 auto;
        left: auto;
        top:auto;
        z-index: 100;
        box-shadow: 2px 2px 20px 0px rgb( 0, 0, 0 );
        box-shadow: 2px 2px 20px 0px rgba( 0, 0, 0 , 0.4 );
    }

    .categoyPages h1.title {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .filter_selected {
        margin-top: 4px;
    }

    .categoyPages .wrapper_slider {
        margin-bottom: 0px;
    }

    nav.main-menu.mobile{
        display: block;
    }

    .main_menu_top {
        border-bottom: none;
    }

    .whyMeBlock,
    .questions_block {
        display: none;
    }

    .section_left {
        width: 100%;
        float: none;
    }

    .section_center,
    .regular .section_center{
        margin-left: 0px;
    }

    .wrapper_item_filter .wrapper_select {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .paginator ul li span,
    .paginator ul li a{
        height: 34px;
        padding-top: 11px;
        width: 35px;
    }

    .full_way ul {
        overflow: initial;
    }

    .wrapper_without_footer {
        padding-bottom: 100px;
    }

    .footer .copyright .col_cat.bottom_menu,
    .footer .copyright .col_cat {
        width: 100%;
        text-align: center;
    }

    .two.title_block{
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .phone_adress .phones {
        color: black;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        margin-top: 16px;
    }

    .header_menu .page_menu ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* центр по горизонтали */
        list-style: none;
        padding: 0;
        margin: 0;
        gap: 10px; /* расстояние между элементами */
    }

    .header_menu .page_menu ul li {
        height: 22px;
        display: block;
        float: left;
        padding: 0px 6px;
    }

    .pay_sys {
        width: 100%;
        max-width: 300px;
        height: 60px;
        margin: 0 auto;
        background: url(../images/bg/pay_sys.png) no-repeat center top;
        background-size: 100%;
        margin-bottom: 10px;
    }

    .footer .col_cat .title_block {
        text-align: center;
    }

    .social_wrapper .title {
        display: none;
    }

    .social_wrapper {
        width: 100%;
        max-width: 146px;
        margin: 0 auto;
        height: 40px;
        margin-top: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .main_menu_top .wrapper_list_menu {
        display: none;
    }

    .header .section .header_col.search {
        position: absolute;
        padding: 5px;
        width: 100%;
        float: none;
        right: 0px;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 0px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header .section .header_col.search.hide {
        width: 66px;
        display: block;
    }

    .header .section .header_col.search.hide .search_input_a {
        background: none;
    }

    .header .section .header_col.search.hide .search_input_a input {
        background: none;
    }

    .basket_top {
        float: none;
        position: absolute;
        right: 70px;
        width: 36px;
        border-left: none;
        margin: 0 auto;
        margin-top: 7px;
        height: 38px;
        min-height: auto;
        padding-left: 0;
        padding-right: 0px;
        padding-top: 0;
        background: url(../images/bg/if_business_finance_money-16_2784211.png?v=1) no-repeat 0px 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .footer {
        height: auto;
        margin-top: 0;
    }

    .empty_div {
        display: none;
    }

    .header_menu {
        height: auto;
    }

    .header_menu .social {
        display: none;
        float: none;
        width: 223px;
        margin: 0 auto;
        padding-top: 4px;
    }

    .wrap_left {
        float: none;
        text-align: center;
        margin-bottom: 8px;
    }

    .header .section .header_col.logo {
        float: none;
        margin-right: 0;
        margin-top: 10px;
    }

    .header .section .header_col.phones {
        float: none;
        width: 100%;
        text-align: center;
    }

    .header .section .header_col.logo a {
        margin: 0 auto;
    }

    .header {
        height: auto;
    }

    .header_menu .wrapper_1000 {
        padding: 0;
    }

    .ui-dialog {
        width: 100%!important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .why_we {
        display: none;
    }

    .wrapper_goods_item_cat {
        margin-left: 0;
        float: none;
    }

    .wrapper_1000 .category_menu,
    .wrapper_1000 h1.title_main {
        display: none;
    }

    .reviews_client.goods_block_main {
        margin-top: 20px;
    }

    .gallery {
        width: 100%;
        float: none;
    }

    .gallery .main-image {
        height: auto;
    }

    .productCard .logistic_block {
        width: 100%;
        float: none;
        margin-top: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .productCard .info {
         margin-left: 0;
         margin-right: 0;
         padding-top: 0;
    }

    .productCard .product .wrapper_img_price {
        margin-top: 10px;
    }

    .tabs_description {
        margin-right: 0;
        min-height: 0;
    }

    .productCard .goods_block_main.review {
        margin-right: 0;
    }

    .reviews .add_review {
        width: 100%;
        float: none;
    }

    .reviews .wrapper_reviews {
        margin-right: 0;
    }

    .productCard .attrs ul li .value_attr,
    .productCard .attrs ul li .title_attr {
        width: auto;
        display: inline;
        float: none;
        margin-left: 0;
    }

    .wrapper_small_buy .goods_small.info {
        display: none;
    }

    .good.small.cross {
        height: auto;
    }

    .good.small.cross .plus_wrapper {
        clear: both;
        width: 100%;
        margin-top: 0px;
    }

    .good.small.cross .total_kit_price {
        clear: both;
        margin: 0 auto;
        float: none;
    }

    .wrapper_small_buy .order_form_social {
        float: none;
        width: 100%;
    }

    .good.small.cross {
        padding-left: 0;
    }

    .good.small.cross .title_kit {
        margin-left: 0;
    }

    .good.small.cross .wrapper_good {
        width: 100%;
        margin-top: 0;
    }

    .good.small.cross .wrapper_good .content {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
        padding-left: 140px;
        padding-top: 5px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .good.small.cross .plus_wrapper {
        float: none;
        font-size: 50px;
        color: black;
        margin-top: 0;
        width: 100%;
        text-align: center;
    }

    .good.small.cross .title {
        height: auto;
    }

    .productCard .top-rubber-block .rubber {
        float: none;
        padding-top: 0;
    }

    .productCard .top-rubber-block .price-block {
        float: none;
        margin-top: 34px;
        display: block;
    }

    .productCard .top-rubber-block .promocounter {
        position: relative;
        width: 100%;
        float: none;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .logistic_block {
        display: none;
    }

    .logistic_block.mobile {
        display: block;
    }

    .productCard .top-rubber-block .promo-block {
        margin-top: 20px;
    }

    .productCard .top-rubber-block .articleBlock {
        top: -22px;
    }

    .dialog_by_content .basketPage .wrapper_form .basket_order .fieldLine {
        width: 48%;
        margin-left: 2%;
    }

    .basket .similar_product {
        display: none;
    }

    .basketPage_dialog .back_to_buy {
        height: auto;
        text-align: center;
        background: none;
        border-bottom: none;
    }

    .basketPage_dialog .back_to_buy a {
        margin-left: 0;
    }

    .basketPage_dialog .back_to_buy .inform {
        float: none;
        display: inline-block;
        margin-right: 0;
    }

    .dialog_by_content .basketPage .wrapper_form .basket_order_button {
        margin: 0 auto;
        float: none;
        display: block;
    }

    .basketPage .wrapper_form .title_order {
        float: none;
        text-align: center;
        margin-left: 0;
    }

    .basketPage td.basket_col input {
        width: 44px;
    }

    .basketPage td.basket_name {
        display: none;
    }

    .checkout .basketPage td.basket_image .image_name{
        display: block;
    }

    .checkout .total_sum_prices {
        text-align: center;
        float: none;
    }

    .checkout .wrapper_basket_summ .back_to_buy a {
        display: block;
        margin: 0 auto;
        margin-top: 20px;
    }

    .checkout .fieldLine {
        width: 100%;
        padding: 0;
    }

    .checkout .fieldLine_deliver {
        margin-bottom: 45px;
    }

    .checkout .basketPage .jq-selectbox-wrapper {
        padding: 0;
    }

    .basketPage td.basket_summ {
        white-space: nowrap;
        padding-left: 10px;
    }

    .basketPage td.basket_price_good {
        white-space: nowrap;
        display: none;
    }

    .basket_col .spin {
        width: auto;
    }

    .basketPage td.basket_image {
        text-align: center;
    }

    .basketPage td.basket_image .mobile{
        display: block;
    }

    .basketPage td.basket_image .basket_name {
        margin-top: 6px;
        margin-bottom: 6px;
    }

    .basketPage td.basket_image .basket_name a {
        font-size: 12px;
        font-family: Arial, sans-serif;
        font-weight: 600;
        color: #2c84bc;
        text-decoration: none;
    }

    .basketPage td.basket_image .productsPriceBlock {
        font-size: 18px;
        font-weight: bold;
        color: #e20000;
    }

    .basketPage td.del_td .delete {
        left: 14px;
    }

    .productCard .info .availability {
        margin-top: 10px;
        font-size: 16px;
    }

    .massage_string {
        margin-top: 20px;
    }

    .productCard .rating {
        clear: both;
    }

    .attr_block_list {
        display: none;
    }

    .promo-block {
        display: none;
    }

    .promo-block.mobile {
        display: block;
        margin-bottom: 0;
    }

    .header .section .header_col.logo {
        float: left;
    }

    .header .section .header_col.logo a {
        width: 100px;
        background-size: 100px;
        height: 44px;
    }

    .header .section .header_col.phones {
        padding-top: 4px;
        padding-left: 150px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header .section .header_col.phones .phone {
        display: none;
    }

    .header .section .header_col.phones .phone.big {
        display: block;
    }

    .header .section .header_col.search .search_input_a,
    .header .section .header_col.search .search_input_a input {
        -webkit-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        -webkit-border-radius: 5px 5px 5px 5px;
        border-radius: 5px 5px 5px 5px;
    }

    .basket_top .basket_wrap {
        display: none;
    }

    .basket_top .mobile.count {
        display: block;
        color: #2c84bc;
        min-width: 12px;
        text-align: center;
        background: white;
        font-size: 12px;
        padding: 2px;
        font-weight: normal;
        display: inline-block;
        float: right;
        -webkit-border-radius: 7px 7px 7px 7px;
        border-radius: 7px 7px 7px 7px;
    }


    .basket_top .mobile.basket {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
    }

    .slider_price,
    .wrapper_item_filter {
        display: none;
    }

    .filter_wrapper.hidden .filter_title a {
        display: block;
        background: url('../images/bg/icon-arrow-down-b-512.png?v=1') right center no-repeat;
    }

    .filter_wrapper .filter_title a {
        display: block;
        background: url('../images/bg/icon-arrow-down-b-512-inv.png?v=1') right center no-repeat;
    }
}

@media only screen and (min-width: 522px) and (max-width: 767px) {

}

@media only screen and (min-width: 400px) and (max-width: 521px) {
    .wrapper_item_filter .wrapper_select {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (max-width: 521px) {
    .good {
        width: 50%;
    }

    .good.big .wrapper_good {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .good.big .img img {
        max-width: 100%;
        height: auto;
    }

    .good .add {
        width: 50%;
        font-weight: normal;
    }

    .good .wrapper_par_price .oldPrice{
        font-size: 12px;
    }
    .good.big .wrapper_par_price .price {
        font-size: 14px;
        white-space: nowrap;
    }

    .categoyPages .wrapper_1000 {
        padding: 0;
    }

    .category_page_section .section_left {
        padding: 0 10px;
    }

    .category_page_section .section_center {
        padding-left: 0;
    }
}

@media only screen and (max-width: 400px) {
    .wrapper_item_filter .wrapper_select {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .header .wrapper_1000 {
        padding: 0;
    }

    .good .wrapper_par_price .oldPrice {
        /*display: none;*/
        font-weight: normal;
    }
}