/* DESKTOP  (1200)
---------------------------------------------*/
@media only screen and (max-width:1200px) {
    body {padding: 0 20px;}
}



/* DESKTOP  (1024)
---------------------------------------------*/
@media only screen and (max-width:1024px) {
    .item_post_btn_bl {display: block;position: relative;text-align: right;}
    .item_info {display: block;margin-bottom: 10px;}
    .item_post_descr {margin-bottom: 20px;}
}



/* TABLET  (992)
---------------------------------------------*/
@media only screen and (max-width:992px) {
    #open_nav {display: inline-block;}
    .aside {flex: 0;}
    .aside_bl {display: none;}
    .item_post_btn_bl {display: flex;position: absolute;}
    .item_info {margin-bottom: 0;}
    .item_post_descr {margin-bottom: 85px;}
    .aside_bl.mob_nav{position: absolute;top: 0;z-index: 10;background: #f7f7f7;min-width: 280px;border-right: 1px solid #e8e8e8;left: 0px;border-bottom: 1px solid #e8e8e8;}
}



/* TABLET  (800)
---------------------------------------------*/
@media only screen and (max-width:800px) {
    .header_nav {display: none;}
    .middle {border-radius: 5px 5px 0 0;overflow: hidden;}
    .logo {flex: 0 0 100%;margin-bottom: 20px;}
    .item_post_btn_bl {display: block;position: relative;text-align: right;}
    .item_info {display: block;margin-bottom: 10px;}
    .item_post_descr {margin-bottom: 20px;}
    .footer {display: block;text-align: center;}
    .copy {font-size: 12px;margin-bottom: 20px;}
}



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

}



/* TABLET  (640)
---------------------------------------------*/
@media only screen and (max-width:640px) {
    .item_post {display: block;}
    .item_post_btn_bl {text-align: center;padding-bottom: 20px;}
}



/* MOBILE  (480)
---------------------------------------------*/
@media only screen and (max-width:480px) {
    .uPanel .ion-ios-person-outline {display: inline-block;font-size: 28px;line-height: 1;}
    .uPanel button {padding: 8px 15px;}
    .uPanel button span {display: none;}
}



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

}