/* DESKTOP  (1280)
---------------------------------------------*/
@media only screen and (max-width:1280px) {
   #promo_carousel .owl-prev {left: -52px;display: none;}
   #promo_carousel .owl-next {right: -52px;display: none;}
}


/* DESKTOP  (1200)
---------------------------------------------*/
@media only screen and (max-width:1200px) {
    .container {margin:0 auto}
}



/* DESKTOP  (1024)
---------------------------------------------*/
@media only screen and (max-width:1024px) {
    .bottom_item .btn_more {margin-top: 20px;}
    #promo_carousel .promo_poster img {height:270px}
    .random_poster {height:160px}
}



/* TABLET  (992)
---------------------------------------------*/
@media only screen and (max-width:992px) {
    #promo_carousel .promo_poster img {height:215px}
    .mobile_button_menu {margin-left:20px;display:inline-flex}
    .aside {flex: none;}
    .aside_block {display: none;}
    .promo {border-radius:0}
    .bottom_item .btn_more {margin-top:0}
    .middle {position:relative}
    .random_poster {height:250px}
    .nav_list,
    .comm_aside {position:absolute;top:0;z-index:1000;max-width:320px;background:#18202a;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.5)}
    .aside_container {background: none;}
    .aside_content {background:none;padding:20px;border-radius:0}
}



/* TABLET  (800)
---------------------------------------------*/
@media only screen and (max-width:800px) {
    .random_poster {height:190px}
}



/* TABLET  (768)
---------------------------------------------*/
@media only screen and (max-width:768px) {
    #promo_carousel .promo_poster img {height:195px}
}



/* TABLET  (640)
---------------------------------------------*/
@media only screen and (max-width:640px) {
    #promo_carousel .promo_poster img {height:205px}
    .bottom_item .btn_more {margin-top:20px}
    .logo {flex:0 0 100%;max-width:100%;display:flex;justify-content:center;margin-bottom:15px}
    .mobile_button_menu {margin-left:0}
    .section_title {text-align:center}
    .random_item {flex:0 0 25%;max-width:25%}
    .random_item:last-child {display: none;}
    .full_descr_title {text-align:center}
    .shortstory_item {display:block;text-align:center}
    .info_item_list {text-align:left}
    .poster_item {max-width:100%;margin-right:0;margin:0 30% 20px}
    .bottom_item .btn_more {margin-top:0}
    .descr_item {text-align:left}
}


/* MOBILE  (575)
---------------------------------------------*/
@media only screen and (max-width:575px) {
    #promo_carousel .promo_poster img {height:175px}
    .random_poster {height:165px}
    .poster_item {margin:0 25% 20px}
    .bottom_item .btn_more {margin-top: 20px; width:100%;justify-content:center;padding:10px}
    .bottom_item {justify-content:center}
    .search {flex:0 0 100%;padding:0 0 20px;order:1;min-width:100%}
    .mobile_button_menu {order:2}
    .user_panel {order: 3;}
}


/* MOBILE  (480)
---------------------------------------------*/
@media only screen and (max-width:480px) {
    #promo_carousel .promo_poster img {height:200px}
    .random_item {flex:0 0 33.333333%;max-width:33.333333%}
    .random_item:nth-child(4n) {display: none;}
    .random_poster {height:180px}
    .poster_item {margin:0 15% 20px}
}



/* MOBILE  (360)
---------------------------------------------*/
@media only screen and (max-width: 360px) {
    #promo_carousel .promo_poster img {height:225px}
    .poster_item {margin:0 0% 20px}
    .info_item_list {display:none}
    .random_item {flex:0 0 50%;max-width:50%}
    .random_item:nth-child(4n) {display:block}
    .random_poster {height:200px}
}