/* LARGE DESKTOP  (1366)
---------------------------------------------*/
@media only screen and (max-width:1366px) {
   .st_container {margin:30px auto}
}



/* LARGE DESKTOP  (1280)
---------------------------------------------*/
@media only screen and (max-width:1280px) {
   .short_item .poster {height:185px}
   .related_item_poster {height:110px}
   .poster_img {width:380px}
}



/* DESKTOP  (1200)
---------------------------------------------*/
@media only screen and (max-width:1200px) {
   .game_ver {font-size:15px}
   .short_item .poster {height:165px}
   .poster_img {display: none;}
   .poster_img_media {display: block;}
   .section_title {border-radius: 10px;}
   .section_title.full {display:block}
   .date_add {max-width:none;display:block;text-align:left;margin-top:4px;padding:0 3px;margin-bottom:5px}
   button.mobile_nav {display: inline-block;}
   .header_left ul {display:none;position:absolute;top:100%;z-index:100;background:#f3f3f8;padding:20px 30px;border-radius:20px 0 20px 0; box-shadow: 0 0 40px 0 rgba(94,92,154,.06);}
   .header_left ul li {margin-right:0}
   .header_left ul li a {display:block;padding:5px 0}
   .mobile_nav.open svg {fill: #49ddea}
   .short_item .top_info .date_time {display: none;}
   .short_item .top_info {justify-content:center}
   .slider_item_game_title {font-size:24px}
   .related_item_poster {height:100px}
}



/* DESKTOP  (1024)
---------------------------------------------*/
@media only screen and (max-width:1024px) {
   .middle {overflow: hidden;}
   .logo {flex:0}
   .header_left ul {border-radius:0 0 20px 20px; margin-left: -20px;}
   button.mobile_nav_aside {display: inline-block;}
   button.mobile_nav_aside.open svg {fill:#49ddea}
   .aside {display:none;position:absolute;background:#fff;z-index:100;box-shadow:0 0 40px 0 rgba(94,92,154,.06);padding:30px 0;height:calc(100vh - 85px);overflow-y:auto; border-radius: 0 0 25px 25px;}
   .short_item .poster {height:205px}
   .related_item_poster {height:125px}
   .footer {text-align: center;margin-left:0}
}



/* TABLET  (992)
---------------------------------------------*/
@media only screen and (max-width:992px) {
   .short_item .poster {height:200px}
}



/* TABLET  (800)
---------------------------------------------*/
@media only screen and (max-width:800px) {
   .header_content {flex:1 100%;margin-bottom:15px}
   .logo {flex:1 100%;max-width:none;padding-right:0;display:flex;justify-content:center}
   .header_left ul {margin-left:-30px}
   .main_page {margin-top:0}
   .slider { display:none}
   .short_item .poster {height:155px}
   .info_sistem .block {flex:0 0 100%;max-width:100%;margin-bottom:30px}
   .info_sistem .block:last-child {margin-bottom: 0;}
   .related_item_poster {height:90px}
   .tags a {margin-bottom:10px}
}



/* TABLET  (768)
---------------------------------------------*/
@media only screen and (max-width:768px) {
   .short_item .poster {height:145px}
   .short_item .bottom_info {display:block;text-align:center}
   .comm_count {margin-right:0}
   .views_comm {display:block;margin-bottom:5px}
   .rating_block {margin-left:0}
   .short_item .version_post {font-size:12px}
}



/* TABLET  (640)
---------------------------------------------*/
@media only screen and (max-width:640px) {
   .st_wrap {margin:0}
   .st_content {padding:20px}
   .section_title {border-radius:25px; margin-bottom: 20px;}
   .short_item {padding:0 10px}
   #dle-content {margin:0 -10px}
   .short_item .poster {height:135px}
   .search form {min-width:380px}
   .header_right {padding-left:0}
   .section_title .title {font-size:16px}
   .related_item {padding:0 10px}
   .related_posts_content {margin:0 -10px}
   .related_item_poster {height:80px}
   .full_post {padding:20px}
   .full_post .version_post {margin:20px -20px 30px}
}



/* MOBILE  (480)
---------------------------------------------*/
@media only screen and (max-width:480px) {
   .search form {min-width:230px}
   .user_pan {margin-left:20px;}
   .short_item {flex:0 0 100%;max-width:100%;margin-bottom:20px}
   .short_item .poster {height:205px}
   .short_item .top_info {justify-content:space-between}
   .short_item .top_info .date_time {display:inline-flex}
   .short_item .bottom_info {display:flex}
   .views_comm {display:inline-flex;margin-bottom:0}
   .short_item .version_post {font-size:14px}
   .section_title.full .title svg {display: none;}
   .rating_block .dislike {margin-top:-1px}
   .section_title.full .title {padding-left: 0px;}
   .section_title.full {display:block;text-align:center;padding: 12px 20px;line-height:20px}
   .date_add {text-align:center;margin-top:15px}
   .related_item {flex:0 0 100%;max-width:100%; margin-bottom: 20px;}
   .related_item_poster {height:185px}
   .related_item_title {text-align:center;font-size:16px}
   .comment_item_top {display:block}
   .comm_control {display:flex}
   .comment_item .dislike {margin-top:0}
   .short_item .descr {font-size:14px}
}



/* MOBILE  (360)
---------------------------------------------*/
@media only screen and (max-width: 360px) {
   .short_item .poster {height:150px}
   .short_item .top_info .date_time {display:none}
   .short_item .top_info {justify-content:center}
   .short_item .version_post {font-size:12px}
   .short_item .bottom_info {display:block;text-align:center}
   .views_comm {display:block;margin-bottom:7px}
   .rating_block .dislike {margin-top:0}
   .full_descr_top {display:block;text-align:center}
   .full_descr_top .rating_block .dislike {margin-top:-1px}
   .related_item_poster {height:130px}
   .related_item_title {text-align:center;font-size:14px}
   .user_pan button {font-size:0}
   .user_pan button img {margin-right:0}
   .search form {min-width:auto;max-width:190px}
   .header {padding:0 20px}
   .header_left {margin-left:-5px}
   .search form input {width:75%}
   .poster_img_media {width:calc(100% + 40px);border-radius:10px 10px 0 0;margin:-20px -20px 20px}
   .poster_img_media img {border-radius:10px 10px 0 0}
   .section_title {font-size:16px}
}