/* DESKTOP  (1200)
---------------------------------------------*/
@media only screen and (max-width:1200px) {
    .header_top a {padding: 0 15px;}
}



/* DESKTOP  (1024)
---------------------------------------------*/
@media only screen and (max-width:1024px) {
    .header_top {display: flex; justify-content: space-between; padding-right: 15px; padding-left: 15px;}
    .header_top button {display: inline-block;}
    .header_top .main_nav {display: none;}
    .header_top_btn_bl {display: flex; justify-content: flex-end;}
    .header_top_nav_main button {margin-right: 8px;}
    .aside_r {display: none;position: absolute;top: 55px;right: 0;background: #fff;box-shadow: #0003 0 0 10px;padding-top: 0;z-index: 10;}
    .aside_r.open_panel {display: block;}
    .hide_mobile {display: none;}
    .modal .content-wrapper {width: 85%;}
    button.nav_cats {display: none;}
    .header_top a {padding: 0 15px;}
    .user_nav {margin-bottom: -20px;}
    .main_nav.open_panel {display: block;position: absolute;top: 55px;left: 0; background: #23242a;box-shadow: #0003 0 0 10px;padding: 15px 0px;z-index: 10;min-width: 200px;}
    .main_nav.open_panel a {padding: 7px 20px;display: block; text-decoration: none;}
    .main_nav.open_panel a:hover { background: rgba(255, 255, 255, 0.05);}
}



/* TABLET  (992)
---------------------------------------------*/
@media only screen and (max-width:992px) {

}



/* TABLET  (800)
---------------------------------------------*/
@media only screen and (max-width:800px) {
    .aside_l {display: none;}
    button.nav_cats {display: inline-block;}
    .aside_l.open_panel {display: block;position: absolute;top: 55px;left: 0; background: #fff;box-shadow: #0003 0 0 10px;padding: 0 15px;z-index: 10;}
}



/* TABLET  (768)
---------------------------------------------*/
@media only screen and (max-width:768px) {

}



/* TABLET  (640)
---------------------------------------------*/
@media only screen and (max-width:640px) {
    .item {display: block;}
    .item_img {max-width: none;border-right: 0;padding: 0px;flex: auto;display: flex;justify-content: center;}
    .item_img img {max-width: none;border: 1px solid #ddd;padding: 10px;max-width: 230px;margin: 15px;}
    .header_bottom {min-height: 150px;}
    .footer {justify-content: center;}
    .footer div {margin-bottom: 15px;}
    .footer div:last-child {margin-bottom: 0px;}
}



/* MOBILE  (480)
---------------------------------------------*/
@media only screen and (max-width:480px) {
    .header_top button {font-size: 11px;}
    .main_nav.open_panel, .aside_r.open_panel, .aside_l.open_panel {
        top: 51px;
    }
}



/* MOBILE  (360)
---------------------------------------------*/
@media only screen and (max-width: 360px) {

}



/* MOBILE  (320)
---------------------------------------------*/
@media only screen and (max-width:320px) {

}