@media all and (max-width: 800px) {
    #site_link {width: 141px; height: 80px;
                background: url('../images/logo_h80.png') no-repeat center center transparent;}
    #top_menu {margin: 0 0 0 150px;}
    #middle_left, #middle_center {width: auto; float: none;}
    .w50per {width: 80%;}
    .item_list .item {
        width: 50%; padding: 10px; float: left; overflow: hidden; position: relative;
    }
    .item_list .item:nth-child(3n+1) {
        clear: none;
    }
    .item_list .item:nth-child(2n+1) {
        clear: left;
    }
    #basket_viewlet .item:nth-child(2n+1) {clear: none;}
    #basket_viewlet .item:nth-child(3n+1) {clear: left;}
    #basket_viewlet .item {width: 33%;}
    .thing_page .thing_image span {float: none;}
}
@media all and (max-width: 600px) {
    .scrollTop {display: none !important;}
    .w50per {width: auto;}
    .lent .image {width: auto; margin: 0 auto 20px; float: none;}
    #basket_viewlet .order_block {display: block; width: 70px; margin: 0 auto;}
    .item_list .cost_info .order_block {float: none;}
    .item_list .cost_info .cost {margin: 0 auto; float: none;}
    .item_list.detailed .item {width: 100%; float: none;}
    .reviews_wrapper {margin-left: 0; margin-right: 0;}
}
@media all and (max-width: 500px) {
    h1.main:before, h1.main:after,
    h2.main:before, h2.main:after {display: none;}
    #site_link {margin: 0 auto; position: relative; left: auto; top: auto;}
    #top_menu {margin: 0px;
                text-align: center;}
    #contacts {padding: 0 5px; text-align: center;}
        #contacts .phone {font-size: 24px; line-height: 30px;}
    .thing_page .order_block {margin: 0 auto; float: none; overflow: hidden;}
    .thing_page .cost {margin: 0 auto; float: none;}
}
@media all and (max-width: 420px) {
    .location_map {display: none;}
    .item_list .cost_info .order_block {float: none;}
    .item_list .cost_info .item_counter {float: none;}
    .item_list .cost_info .to_basket {margin: 10px auto 0; float: none;}
}
@media all and (max-width: 400px) {
    #top_menu_wrapper {padding: 5px 0;}
        #top_menu {padding: 0;}
        #top_menu a,
        #bot_menu a {padding: 0 3px; font-size: 12px; line-height: 20px;}
    .pad {padding: 10px;}
    .item_list .item {width: 100%; padding: 10px; float: none; overflow: hidden; position: relative;}
    .chain {display: none;}
    .thing_page .to_basket,
    .thing_page .item_counter {display: block; margin: 0 auto 6px; float: none; overflow: hidden;}
    .item_list .cost_info .order_block {float: right;}
    .item_list .cost_info .cost {float: left;}
    .item_list .cost_info .item_counter {float: left;}
    .item_list .cost_info .to_basket {margin: 0 0 0 5px; float: left;}
    #basket_viewlet .item {float: left; width: 50%;}
    #basket_viewlet .item:nth-child(2n+1) {clear: left;}
    #basket_viewlet .item:nth-child(3n+1) {clear: none;}
    #basket_viewlet .cost {float: none;}
    #basket_viewlet .order_block {float: none;}
    .owl-prev, .owl-next {font-size: 4vmax;}
    .owl-prev i, .owl-next i {margin-top: -2vmax;}
}
@media all and (max-width: 300px) {
    .item_list .cost_info .order_block {float: none;}
    .item_list .cost_info .cost {margin: 0 auto; float: none;}
    #basket_viewlet .item_list .item {width: auto; float: none;}
}