/* LARGE DESKTOP  (1280)
---------------------------------------------*/
@media only screen and (max-width:1280px) {

}



/* DESKTOP  (1200)
---------------------------------------------*/
@media only screen and (max-width:1200px) {
    .carousel_bl .container {padding: 0 50px;}
}



/* DESKTOP  (1024)
---------------------------------------------*/
@media only screen and (max-width:1024px) {
    .header_middle {background-size: 120%;height: 365px;}
    a.logo {margin-top: 70px;width: 320px;height: 195px;background-size: 100%;}
    .item_carousel .img_bl img {min-height: 180px;}
    .item_carousel h4 {font-size: 14px;}
    aside {width: 290px;}
    .short_descr {height: 67px;overflow: hidden;}
}



/* TABLET  (992)
---------------------------------------------*/
@media only screen and (max-width:992px) {
    .header_middle {height: 355px;}
    .item_carousel h4 {font-size: 18px;}
    .top_nav .btn_mob {display: block;}
    .top_nav ul {display: none;position: absolute;top: 78px;background: #fff;left: 0;width: 250px;-webkit-box-shadow: 0 6px 12px #0003;box-shadow: 0 6px 12px #0003;-webkit-background-clip: padding-box;background-clip: padding-box;}
    .top_nav > ul > li {float: none;}
    .top_nav a {color: #2e2e2e;padding: 10px 25px;display: block;}
    .top_nav a:hover, .top_nav a.active {background: #f5f5f5;color: #262626;}
    .full_info li span {width: 205px;}
}



/* TABLET  (800)
---------------------------------------------*/
@media only screen and (max-width:800px) {
    .header_middle {background-size: 150%;}
    .shortItem {text-align: center;}
    .short_img {width: 280px;height: auto;float: none;margin-right: 0;display: inline-block;margin-bottom: 25px;}
    .short_info_item, .short_descr, .short_info {text-align: left;}
    .short_descr {height: auto;}
    footer .carousel_bl .container {text-align: center;padding: 0 5px;}
    .flogo {float: none;margin-right: 0px;display: inline-block;margin-bottom: 15px;}
    .f_info {text-align: left;hyphens: auto;}
    .full_info {text-align: left;}
    .player_bl .short_stars {float: none;margin-top: 15px;}
    .player_bottom {color: #b8c3d1;text-align: center;}
    .comm_bl .desc_head {width: 55%;}
}



/* TABLET  (768)
---------------------------------------------*/
@media only screen and (max-width:768px) {
    .header_middle {height: 340px;}
}



/* TABLET  (640)
---------------------------------------------*/
@media only screen and (max-width:640px) {
    a.logo {margin-top: 45px;width: 250px;height: 160px;}
    .header_middle {background-size: 135%;height: 255px;}
    .middle {display: block;margin-top: 0;}
    .short_img {width: 70%;}
    aside {width: 100%;display: block;}
    ul.nav {overflow: hidden;}
    ul.nav li {display: block;position: relative;float: left;width: 33.3%;}
    ul.nav li a {padding: 10px 25px;}
    .aside_bl {margin-bottom: 0;}
    .aside_content:after {content: ''; display: table; clear: both; position: relative;}
    .pop_item {clear: none;float: left;width: 50%;}
    .pop_item:last-child {display: none;}
    .aside_content {display: none;}
    .aside_bl {margin-bottom: 10px;}
    .aside_bl:last-child {margin-bottom: 0px;}
    .aside_title {padding: 20px 30px;}
    aside .btn_mob_nav, aside .btn_mob_pop {font-size: 38px;padding: 8px 28px;background: #2c2b3d;color: #b8c3d1;float: right;display: block;position: relative;overflow: hidden;}
    .copy_text {display: block;width: 100%;vertical-align: top;text-align: center;margin-bottom: 15px;}
    .couters {text-align: center;padding-top: 5px;padding-right: 0!important;}
    .acopy {display: none;}
    .shortItem h2 {line-height: 30px;}
}



/* MOBILE  (480)
---------------------------------------------*/
@media only screen and (max-width:480px) {
    a.logo {margin-top: 15px;}
    .header_middle {height: 190px;}
    ul.nav li {width: 50%;}
    .pop_item {clear: both;float: left;width: 100%;}
    .pop_item:last-child {display: block;}
    .short_img {width: 100%;}
    .full_info li span {font-weight: bold;display: block;width: 100%;}
    .comm_bl .desc_head {display: block;width: 100%;vertical-align: middle;text-align: center;}
    .comm_bl .btn_green {float: none;display: block;width: 100%;padding: 15px 25px;font-size: 16px;}
    .comm_form .btn_more {font-size: 16px;padding: 15px 25px;width: 100%;display: block;}
}



/* MOBILE  (360)
---------------------------------------------*/
@media only screen and (max-width: 360px) {
    ul.nav li a {padding: 10px 15px;}
    .short_bottom {text-align: center;}
    .short_stars {float: none;margin-bottom: 25px;}
    .short_bottom a.btn_more {float: none;padding: 20px 12px;display: block; font-size: 16px;}
    a.logo {width: 140px;height: 90px;margin-top: 25px;}
    .header_middle {background-size: 140%;height: 150px;}
}



/* MOBILE  (320)
---------------------------------------------*/
@media only screen and (max-width:320px) {
    .usrPanel .dropdown .usr_ava {display: none;}
    ul.nav li {width: 100%;}
    .header_middle {background-size: 160%;height: 150px;}
}