@media (max-width:960px) {
    .top-header {
        position: relative;
        /*padding: 20px 0;*/
        width:100%;
        margin: 0 auto;
    }
    .top-header .navigation-top .top-menu {
        display: none;
    }
    .top-header .logo {
        position: relative;
        float: left;
        display: block;
        width: 90px;
        margin-left: 65px;
    }
    .top-header .logo img{
        display: block;
        max-width: 100%;
        height: auto;
    }
    .top-header .navigation-top .contact-info span {
        position: relative;
        display: block;
        font-family: OpenSansRegular;
        color: #404041;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: right;
    }
    .search-header .search-list-wrapper{
        width:100%;
    }
    .crumb{
        width:100%;
    }
    .footer-bot .wrapper-footer{
        width:90%;
    }
    .footer-bot .footer-link .footer-link-wrapper{
        width:100%;
    }
    .footer-bot .wrapper-footer .footer-block-link{
        margin-right: 5%;
    }


    #wrapper_catalog {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    .bx_item_detail {
        width: 70%;
        margin-left:20px;
    }
    .bx_lt{
        width:250px;
        height: 250px;

    }
    .bx_bigimages{
        width:100%;
        height: 100%;
    }
    .bx_lt img{
        width:100%;
        height:250px;
    }
    .bx_rt{
        padding-left:3%;
    }
}
@media (max-width:845px) {
    .bx_lt{
        width:200px;
        height: 200px;
    }
    .bx_lt img{
        width:100%;
        height: 200px;
    }
    .bx_item_detail{
        width:60%;
    }
    .bx_rt{
        width:250px;
    }
}

@media (max-width: 768px) {
    .top-header {
        position: relative;
        padding: 20px 0;
        width:90%;
        margin: 0 auto;
    }
    .top-header .navigation-top .top-menu {
        display: none;
    }
    .top-header .logo {
        position: relative;
        float: left;
        display: block;
        width: 90px;
        margin-left: 65px;
    }
    .top-header .logo img{
        display: block;
        max-width: 100%;
        height: auto;
    }
    .mid-main .wrapper-mid-main {
        position: relative;
        width: 90%;
        min-height: 345px;
        margin: 0 auto;
        font-size: 1px;
        padding: 30px 0;
    }
    .bot-main .wrapper-bot-main {
        position: relative;
        width: 90%;
        margin: 0 auto;
    }
    .search-header .search-list-wrapper {
        position: relative;
        width: 90%;
        margin: 0 auto;
    }
    .footer-bot .wrapper-footer {
        position: relative;
        padding: 35px 0;
        width: 90%;
        margin: 0 auto;
    }
    .footer-bot .footer-link .footer-link-wrapper {
        position: relative;
        width: 95%;
        text-align: center;
        margin: 0 auto;
    }
    .search-header .search-list-wrapper .main-list {
        /*position: relative;*/
        /*list-style-type: none;*/
        /*float: none;*/
        /*text-align: center;*/
        display: none;
    }
    /*.search-header .search-list-wrapper .main-list>li {*/
        /*position: relative;*/
        /*float: none;*/
        /*display: inline-block;*/
        /*padding: 6px 0;*/
        /*border-left: 1px solid #515152;*/
        /*border-right: none;*/
    /*}*/
    /*.search-header .search-list-wrapper .main-list>li>a {*/
        /*position: relative;*/
        /*font-family: OpenSansRegular;*/
        /*color: #fff;*/
        /*font-size: 12px;*/
        /*line-height: 16px;*/
        /*display: block;*/
        /*line-height: 22px;*/
        /*text-transform: uppercase;*/
        /*padding: 0 13px;*/
        /*text-align: left;*/
        /*text-decoration: none;*/
        /*-webkit-transition: all .2s;*/
        /*transition: all .2s;*/
    /*}*/
    .search-header .search-list-wrapper .block-cart {
        /*position: relative;
        float: right;
        border-left: none;
        margin: 9px 0 9px 0;
        padding-left: 9px;
        line-height: 32px;*/
        display: none;
    }
    /*.search-header .search-list-wrapper .form-search form input {*/
        /*position: relative;*/
        /*width: 100%;*/
        /*border: none;*/
        /*border-top: 1px solid #2d2d2d;*/
        /*border-left: 1px solid #2d2d2d;*/
        /*padding: 6.5px 0;*/
        /*background: #353535;*/
        /*font-size: 16px;*/
        /*outline: none;*/
        /*color: #fff;*/
    /*}*/
    .search-header .search-list-wrapper .box-search{
        /*position: relative;*/
        /*float: none;*/
        /*margin: 9px 0;*/
        /*padding-right: 9px;*/
        /*border-right: none;*/
        display: none;
    }
    .search-header .search-list-wrapper .mobile-search{
        display: block;
    }
    .footer-bot .wrapper-footer .footer-block-link {
        position: relative;
        float: none;
        margin-bottom: 20px;
        /* margin-right: 213px; */
        margin-right: 0px;
    }
    .footer-bot {
        position: relative;
        bottom: 0;
        width: 100%;
        height:470px;
        /* background: #00adee; */
        background: #404041;
    }
    .footer-bot .footer-link .footer-link-wrapper .block-footer-link {
        position: relative;
        float: none;
        display: inline-block;
        margin-right: 0;
    }
    .footer-bot .wrapper-footer .footer-block-link:last-child{
        margin-right:0;
        margin-bottom: 0px;
    }
    .footer-bot .footer-link .footer-link-wrapper .block-footer-link a span {
        position: relative;
        vertical-align: middle;
        color: #8a8a8a;
        font-size: 10px;
        line-height: 10px;
        text-transform: uppercase;
        font-family: OpenSansSemiBold;
    }
    .footer-bot .footer-link .footer-link-wrapper .block-footer-link {
        position: relative;
        float: none;
        display: inline-block;
        margin-right: 0px;
    }
    .footer-bot .footer-link .footer-link-wrapper .block-footer-link:last-child {
        margin-right: 0;
        margin-left: 0px;
    }
    body .vegas-container {
        overflow: hidden!important;
        position: relative;
        padding-bottom: 30px;
    }
    #menu-button{
        display: block;
        position: absolute;
        z-index: 999;
        width: 50px;
        border: none;
        outline: none;
        padding: 0;
    }
    #menu-button img{
        display: block;
        max-width: 100%;
        height: auto;
    }

    .mm-menu li.img:after
    {
        left: 75px !important;
    }
    .mm-menu li.img a
    {
        font-size: 16px;
    }
    .mm-menu li.img a img
    {
        float: left;
        margin: -5px 10px -5px -5px;
        border-radius: 100px;
    }
    .mm-menu li.img a small
    {
        font-size: 12px;
    }

    .search-header .search-list-wrapper .main-list>li .inner-list {
       display: none;
    }
    .top-header .navigation-top .contact-info span {
        position: relative;
        display: block;
        font-family: OpenSansRegular;
        color: #404041;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: right;
    }
    .crumb {
        width:90%;
        margin: 20px auto 0;
    }
    .static_section {
        position: relative;
        width: 90%;
        margin: 0 auto;
        padding: 30px 0 30px 0;
        /* min-height: 165px; */
    }
    .showing{
        display: none;
    }
    .mid-main .wrapper-mid-main .block-info {
        width: 100%;
        height: 118px;
        position: relative;
        display: block;
        /* padding: 25px 27px 25px 18px; */
        text-decoration: none;
        -webkit-transition: all .2s;
        transition: all .2s;
        margin: 20px 0 20px auto;
    }
    #wrapper_catalog {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    #price_list {
        width: 100%;
        float: none;
        margin-bottom: 20px;
        margin-left: 0px;
        margin-top: 20px;
        padding-bottom: 0;
    }
    #price_list table tbody .level1 {
        padding-left: 15px;
    }
    #price_list table tbody .cat {
        width: 100%;
        font-size: 12px;
        background: #F1F1F1;
        border-bottom: 1px solid #e7e7e7;
    }
    #nav_catalog {
        width: 100%;
        float: none;
        margin: 0 auto;
        background: #404041;
        color: #00adee;
    }
    #price_list table tbody .goods td:first-child {
        padding-left: 30px;
    }
    .not_goods {
        font-family: "OpenSansRegular";
        font-size: 14px;
        padding: 20px 0;
        text-align: center;
        float: none;
    }
    .center_name_catalog {
        width: 90%;
        margin: 50px auto 0;
        position: relative;
    }
    .overflow_img img {
        display: inline-block;
        width: 25%;
        height: auto;
        border-right: 5px solid #404041;
        vertical-align: middle;
    }
    .name_cat {
        width: 70%;
        display: inline-block;
        font-family: "OpenSansRegular";
        font-size: 14px;
        color: #fff;
        vertical-align: middle;
    }
    .mid-main .wrapper-mid-main .block-info i {
        position: relative;
        display: block;
        float: left;
        border-right: 5px solid #00adee;
        margin-top: 10px;
        margin-left: 0;
    }
    .main-mid .wrapper-mid-main {
        position: relative;
        width: 90%;
        min-height: 345px;
        margin: 0 auto;
        font-size: 1px;
        padding: 30px 0 0px 0;
    }
    .main-mid .wrapper-mid-main .block-info .first_li {
        position: relative;
        display: block;
        float: left;
        border-right: 5px solid #404041;
        margin-top: 10px;
        margin-left: 0;
    }
    .main-mid .wrapper-mid-main .block-info .txt-for-block {
        width: 60%;
        position: relative;
        float: left;
        margin-left: 10px;
        margin-top: 10px;
    }
    .catalog>li {
        width: 100%;
        float: none;
        margin-right: 0;
        position: relative;
    }
    .sub_menu {
        position: absolute;
        left: 0;
        top: 140px;
        width: 320px;
        height: auto;
        background: #404041;
        z-index: 1;
        display: none !important;
    }
    .bx_catalog_list {
        width: 90%;
        float: none;
        margin: 0 auto;
        margin-bottom: 20px;
        /* margin-left: 0; */
        /* border-bottom: 1px solid #e5e5e5; */
        margin-top: 50px;
        padding-bottom: 0px;
    }
    #wrapper_catalog .bx_catalog_list .bx_catalog_items {
        width: 100%;
        height: 350px;
        position: relative;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: #fff;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
        margin-bottom: 30px;
    }
    .bx_lt {
        width:175px;
        /*width: 180px;*/
        margin: 0 auto;
        height: 140px;
        text-align: center;
        float: none;
        margin-bottom: 10px;
    }
    .bx_lt img{
        display: block;
        width:175px;
        height: 140px;
        margin: 0 auto;
    }
    .btn_add_basket {
        width: 90px;
        height: 42px;
        display: block;
        margin: 0 auto;
        line-height: 42px;
        background: url(/bitrix/templates/ofcoms/components/bitrix/catalog/catalog/bitrix/catalog.element/.default/images/ico_basket.png) no-repeat 30px center #00adee;
        color: #fff;
        padding-left: 50px;
        text-transform: uppercase;
        text-decoration: none;
        margin-bottom: 35px;
    }
    .bx_item_container {
        padding-bottom: 0;
    }
    .bx_bigimages {
        width: 175px;
        height: 140px;
    }
    .bx_item_detail {
        width: 90%;
        float: none;
        /* margin-bottom: 20px; */
        /* border-bottom: 1px solid #e5e5e5; */
        /* margin-top: 50px; */
        margin: 50px auto;
    }
    .bx_rt {
        width: 100%;
        float: none;
        text-align: center;
        margin-left: 0;
        padding-left: 0;
    }
    #basket_form_container {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 0px;
    }
    #price_list table thead .name {
        width: 30%;
    }
    #price_list table thead .price {
        width: 45%;
    }

    #form_wrapper_call {
        width: 300px;
        /* padding: 16px 18px 8px; */
        /* margin-bottom: 10px; */
        z-index: 250;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -150px;
        display: none;
    }
    .center_thead .text_level2 {
        font-family: OpenSansRegular;
        font-size: 11px;
        text-transform: uppercase;
        color: #838383;
        display: block;
        margin: 10px 0 0 10px;
    }
    .center_thead .text_level1 {
        font-family: OpenSansRegular;
        font-size: 14px;
        text-transform: uppercase;
        color: #fff;
        display: block;
        margin: 10px 0 0 10px;
    }
    form#call_ord input[type="text"], form#call_ord textarea {
        width: 95%;
        padding-left: 7px;
        border-left: 5px solid #00adee;
        border-top: 1px solid #b8cad0;
        border-bottom: none;
        border-right: none;
        font-family: "OpenSansRegular";
        font-size: 12px;
        color: #515152;
        background: #d8edf5;
    }
    .name_f_call {
        display: block;
        font-family: "OpenSansBold";
        font-size: 11px;
        color: #00adee;
        padding-left: 15px;
        padding-bottom: 10px;
        text-transform: uppercase;
    }
    .frm_place {
        width: 300px;
        margin: 0 auto;
        background: #fff;
        padding-top: 20px;
    }
    .center_thead {
        width: 215px;
        height: 82px;
        float: left;
    }
    #fhead {
        width: auto;
        height: 82px;
        background: #404041;
        position: relative;
    }
    form#call_ord input[type="submit"] {
        width: 100%;
        height: 32px;
        display: block;
        line-height: 32px;
        background: #00adee;
        color: #fff;
        font-family: "OpenSansRegular";
        font-size: 16px;
        text-align: center;
        text-transform: uppercase;
        /* margin-bottom: 20px; */
        padding-bottom: 0;
        border-bottom: 1px solid #0082b3;
        border-right: 1px solid #0082b3;
        border-top: none;
        border-left: none;
    }
    .wr_close {
        float: right;
        cursor: pointer;
        position: absolute;
        top: -22px;
        right: 0px;
    }
    #form_wrapper_call {
        width: 300px;
        /* padding: 16px 18px 8px; */
        /* margin-bottom: 10px; */
        z-index: 250;
        position: absolute;
        top: 50%;
        left: 50%;
        top: 90px !important;
        margin-left: -150px;
        display: none;
    }
    .bot-main {
        position: relative;
        background: rgba(0,0,0,.5);
        padding: 25px 0 25px;
    }
    .bot-main .about-company {
        position: relative;
        float: none;
        width: 100%;
        border-right: none;
        padding-right: 0px;
    }
    .bot-main .about-company p {
        position: relative;
        font-family: OpenSansRegular;
        color: #fff;
        font-size: 14px;
        text-align: center;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 20px;
        text-align: center;
    }
    .bot-main .contact-company {
        position: relative;
        float: none;
        text-align: center;
        width: 100%;
    }
    .mid-main {
        position: relative;
        background: url(/bitrix/templates/ofcoms/images/bg-main.jpg) no-repeat center center;
        background-size: cover;
        width: 100%;
        height: auto;
    }
    .bx_order_make{
        width:90%;
        margin:20px auto 0;
        font-size:14px;
        min-height:200px;
    }
    #order_form_div {
        font-size:12px;
        color:#000;
        padding-bottom:0;
    }

    .left_bar{
        display: none;
    }
    .right_content_static{
        width:auto;
        float:none;
        margin-left: 0;
    }

}
@media only screen and (width: 768px) {
    .overflow_img img {
        display: inline-block;
        width: 10%;
        height: auto;
        border-right: 5px solid #404041;
        vertical-align: middle;
    }
    .main-mid .wrapper-mid-main .block-info {
        width: 320px;
        height: 120px;
        position: relative;
        display: block;
        float: left;
        margin-top: 20px;
        margin-bottom: 20px;
        text-decoration: none;
        -webkit-transition: all .2s;
        transition: all .2s;
    }
    .mid-main .wrapper-mid-main .block-info {
        width: 320px;
        height: 118px;
        position: relative;
        /* float: left; */
        display: inline-block;
        /* padding: 25px 27px 25px 18px; */
        text-decoration: none;
        -webkit-transition: all .2s;
        transition: all .2s;
        margin: 20px 0 20px auto;
    }
}