/*media.css*/

/* =======  LARGE DESKTOP  ======= */



/* ========< 1600px >======== */
@media (max-width: 1600px) {
    .slider-poster { position: absolute; bottom: -5px; left: 50px; width: 190px; max-height: 300px;}
    .slider-descr { left: 240px;}
    .slider-logo-news {display: block;max-width: 180px;}
    .slide-cont {margin-left: 240px;}
    .slider-body {margin-top: -7px;}
    .slider-body h2 {font-size: 30px;}
    
    /* fullnews */
    .screen {height: 120px;}
.torr-file-sp {
    display: table;
    height: 90px;
    float: left;
    width: 85%;
    margin-left: 25px;
}
.torr-file-sp-cont {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.torr-file-sp-cont span {display: block;}
.torr-file-sp-cont span:first-child {
    margin-right: 0px;
}
.torr-file-sp-cont span:last-child {
    margin-left: 0px;
}
}


/* ========< 1440px >======== */
@media (max-width: 1440px) {
    .slider-poster { position: absolute; bottom: -5px; left: 50px; width: 170px; max-height: 275px;}
    .slider-logo-news {display: none;}
    .slide-cont { margin-left: 215px; padding: 0px 25px; position: relative;}
    .slider-body h2 { font-size: 18px; line-height: 26px; top: -10px;}
    .slider-body { position: relative; display: block; clear: both; margin-top: 28px;}
    .slider-descr { left: 220px; padding: 7px 20px;width: 73%;}
    
    /* fullnews */
    .screen {height: 96px;}
    .screen {height: 96px;}
    .torr-file-sp-cont span {display: block;}
    .torr-file-sp-cont span:first-child {margin-right: 0;}
    .torr-file-sp-cont span:last-child {margin-left: 8px;}
    .torr-file-download {font-size: 16px;}
.torr-file-sp {
    display: table;
    height: 90px;
    float: left;
    width: 85%;
    margin-left: 25px;
}
.torr-file-sp-cont {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.torr-file-sp-cont span {display: block;}
.torr-file-sp-cont span:first-child {
    margin-right: 0px;
}
.torr-file-sp-cont span:last-child {
    margin-left: 0px;
}
}

/* ========< 1366px >======== */
@media (max-width: 1366px) {
    .user-panel {margin-right: 3px !important;}
    .col-left { display: block; position: relative; overflow: hidden; height: 80px; width: 92%; float: left;}
    main.content { padding: 0px 300px 0px 0px;}
    .right-sidebar { width: 300px; margin-left: -300px;}
    .slider-poster { position: absolute; bottom: -5px; left: 50px; width: 170px; max-height: 275px;}
    .slider-logo-news {display: none;}
    .slide-cont { margin-left: 215px; padding: 0px 25px; position: relative;}
    .slider-body h2 { font-size: 18px; line-height: 26px; top: -10px;}
    .slider-body { position: relative; display: block; clear: both; margin-top: 28px;}
    .slider-descr { left: 220px; padding: 7px 20px; width: 72%}
    .screen {height: 93px;}
}


/* ========< 1280px >======== */

@media (max-width: 1280px) {
    .user-panel {margin-right: 3px !important;}
    .col-left { display: block; position: relative; overflow: hidden; height: 80px; width: 92%; float: left;}
    main.content { padding: 0px 300px 0px 0px;}
    .right-sidebar { width: 300px; margin-left: -300px;}
    .slider-poster { position: absolute; bottom: -5px; left: 50px; width: 170px; max-height: 275px;}
    .slider-logo-news {display: none;}
    .slide-cont { margin-left: 215px; padding: 0px 25px; position: relative;}
    .slider-body h2 { font-size: 18px; line-height: 26px; top: -10px;}
    .slider-body { position: relative; display: block; clear: both; margin-top: 28px;}
    .slider-descr { left: 220px; padding: 7px 20px; width: 70%;}
    
    /* fullnews */
    .full-slider-body h1 {font-size: 20px; line-height: 32px;}
    .torr-file-sp-cont {padding-left: 20px;}
    .torr-file-download-cont .fa { padding-right: 0px; display: block; font-size: 26px;}
    .torr-file-title {font-size: 12px;}
    .screen {height: 80px;}
}


/* =======  DESKTOP  ======= */


/* ========< 1200px >======== */

@media (max-width: 1200px) {}


/* ========< 1080px >======== */

@media (max-width: 1080px) {}


/* ========< 1024px >======== */

@media (max-width: 1024px) {
    .search_form {width: 280%;}
    .date-now {display: none;}
    .container-body {float: none;}
    main.content {padding: 0px 0px 0px 0px;}
    .right-sidebar {display: none;}
    .footer-content {padding: 0px 25px 0px 25px; }
    .footer-right {display: none;}
}


/* =======  TABLET  ======= */


/* ========< 980px >======== */

@media (max-width: 980px) {}


/* ========< 800px >======== */

@media (max-width: 800px) {}


/* ========< 768px >======== */

@media (min-width: 768px) {}


/* ========< 640px >======== */

@media (max-width: 640px) {
    /* Header 
    -----------------------------------------------------------------------------*/
    .header {height: auto;position: relative; margin-bottom: 20px;}
    .logo {width: 100%;margin-bottom: 0px;float: none;}
    .header-top {margin-left: 0; width: 100%; position: relative; display: block;}
    .search-block { padding: 0px 10px; height: auto;}
    .search_form { position: relative; width: 94%; margin: 20px 0px; float: none;}
    .date-now { font-size: 10pt; padding: 0px; float: right; top: 35px; right:25px; position: relative;display: block;}
    .user-panel {float: left; margin-left: 0;}
    .dropdown {left: 5%;}  
    .dropdown-menu { left: 100%; width: 240px; margin-left: -248px;}
    .middle {padding: 0px;}
    .content {padding: 0px 0px 0px 0px; }   
    .slider-home {display: none;}  
    .right-sidebar { float: none; width: 100%; margin-left: 0; display: block;}
    .container-body {float: none;}
    .speedbar {margin: 0px 0px;}

    /* Aside-Left 
    -----------------------------------------------------------------------------*/
    .aside-left { display: block; width: 100%; position: relative;top: -20px;padding: 10px;z-index: 0;}
    button.nav-btn {display: block;padding: 5px; width: 97%;}
    .navigation { margin: 10px 0px; clear: both; position: relative; text-align: left; display: none; }

    /* Aside Right
    -----------------------------------------------------------------------------*/
    .aside-content img {width: 100%;}
    .inf-bg {height: 220px;}
    .inf-poster {width: 125px;}
    .inf-title {margin-left: 150px;}

    /* Shortstory 
    -----------------------------------------------------------------------------*/
    .shortstory-item {height: auto;margin: 15px 20px 0 20px;}
    .shortstory-item-body { height: auto; overflow: hidden; margin: 15px 0px 15px 25px; padding-left: 18px;}
    .col-left { overflow: visible; height: auto; width: 93%; margin-bottom: 10px; border-bottom: 1px solid #F5F7FA; padding-bottom: 10px;}
    .col-left h3 { font-size: 10px; height: 55px; overflow: hidden; margin-left: 68px; line-height: 18px;}
    .shortstory-item-info { overflow: hidden; margin-top: 0px; }
    .shortstory-item-info > div { display: block; float: none; overflow: hidden; }
    a.category { float: right; margin-right: 0px; margin-bottom: 10px; clear: both; }
    .col-right { width: 100%; padding-left: 0px; margin-bottom:60px; margin-right: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; text-align: left;}
    .col-right-top {float: left;}
    .col-rait { float: right; margin-top: -1px; margin-right: 18px; }
    .readmore { width: 100%; height: 48px; text-align: center; line-height: 46px; }
    .content-home { padding-left: 0px;}
    .pagination {text-align: center;}
    .footer { position: relative; height: auto; padding-left: 0px; }
    .footer-container { float: none; padding: 10px 5px;}
    .footer-content {padding: 0px 15px 0px 15px;}
    .footer-right { display: block; padding: 0px 25px; position: relative;  overflow: hidden; left: 100%; margin: 0px auto 0px -461px;}
    .counters { float: left; position: relative; left: 100%; margin-left: -430px;}


    /* Fullstory 
    -----------------------------------------------------------------------------*/
    .flexslider { position: relative; display: none; }
    .full-slider-poster { width: 25%;float: left; max-height: 350px; position: relative; left: 15px; top: 0px; display: block; }
    .full-img-block { position: relative; display: block; clear: both; padding-top: 20px;}
    .full-slide-cont { margin-left: 25px; margin-top: 0px; padding: 0px 15px; position: relative; width: 70%;float: left;}
    .full-slider-rait { display: block; position: relative; left: 0px; top: 0; padding: 5px 15px; color: #CCD1D9; font-size: 28px; text-align: center;}
    .full-slider-body h1 { font-weight: 400; color: #434A54; text-transform: uppercase; font-size: 22px; line-height: 34px;}
    .full-info { float: none; min-width: none; max-width: 100%; margin-left: 0px; margin-bottom: 20px; background: #656D78 none repeat scroll 0% 0%; padding: 8px 18px;}
    .full-comm {padding: 0 20px;}
    .nav-tabs > li { float: none; margin-bottom: 5px; margin-left: 15px;line-height: 40px;}
    .torr-file {background-image: none;}
    .torr-file-title { padding: 0 15px; display: table; height: 90px; float: none; font-size: 16px;}
    .torr-file-size {width: 100%;}
    .torr-file-sp-cont span {display: inline-block;}
    .torr-file-sp-cont span:first-child {margin-right: 15;}
    .torr-file-sp-cont span:last-child {margin-left: 15px;}
    .torr-file-download {font-size: 16px; }
    .torr-file-download-cont .fa { padding-right: 15px; display: inline; font-size: 18px;}
    .screen {height: auto;}
}


/* ========< 600px >======== */

@media (max-width: 600px) {}


/* ========< 568px >======== */

@media (max-width: 568px) {}


/* ========< 480px >======== */

@media (max-width: 480px) {
    /* Header 
    -----------------------------------------------------------------------------*/
    .header {height: auto;position: relative; margin-bottom: 20px;}
    .logo {width: 100%;margin-bottom: 0px;float: none;}
    .header-top {margin-left: 0; width: 100%; position: relative; display: block;}
    .search-block { padding: 0px 10px; height: auto;}
    .search_form { float: left; position: relative; width: 90%; margin: 20px 0;float: none;}
    .date-now { font-size: 10pt; padding: 0px; float: none; right: 0; top: 0; display: block;}
    .user-panel { float: none; margin-left: 17%;}
    .dropdown {left: 0;}  
    .dropdown-menu { left: 100%; width: 240px; margin-left: -325px;}
    .middle {padding: 0px;}
    .content {padding: 0px 0px 0px 0px; }   
    .slider-home {display: none;}  
    .right-sidebar { float: none; width: 100%; margin-left: 0; display: block;}
    .container-body {float: none;}
    .speedbar {margin: 0px 0px;}

    /* Aside-Left 
    -----------------------------------------------------------------------------*/
    .aside-left { display: block; width: 100%; position: relative;top: -20px;padding: 10px;z-index: 0;}
    button.nav-btn {display: block;padding: 5px;}
    .navigation { margin: 10px 0px; clear: both; position: relative; text-align: left; display: none; }
    
    /* Aside Right
    -----------------------------------------------------------------------------*/
    .aside-content img {width: 100%;}

    
    
    /* Shortstory 
    -----------------------------------------------------------------------------*/
    .shortstory-item {height: auto;margin: 15px 20px 0 20px;}
    .shortstory-item-body { height: auto; overflow: hidden; margin: 15px 0px 15px 25px; padding-left: 18px;}
    .col-left { overflow: visible; height: auto; width: 93%; margin-bottom: 10px; border-bottom: 1px solid #F5F7FA; padding-bottom: 10px;}
    .col-left h3 { font-size: 10px; height: 55px; overflow: hidden; margin-left: 68px; line-height: 18px;}
    .shortstory-item-info { overflow: hidden; margin-top: 0px; }
    .shortstory-item-info > div { display: block; float: none; overflow: hidden; }
    a.category { float: right; margin-right: 0px; margin-bottom: 10px; clear: both; }
    .col-right { width: 100%; padding-left: 0px; margin-bottom:60px; margin-right: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; text-align: left;}
    .col-right-top {float: left;}
    .col-rait { float: right; margin-top: -1px; margin-right: 18px; }
    .readmore { width: 100%; height: 48px; text-align: center; line-height: 46px; }
    .content-home { padding-left: 0px;}
    .pagination {text-align: center;}
    .footer { position: relative; height: auto; padding-left: 0px; }
    .footer-container { float: none; padding: 10px 5px;}
    .footer-content {padding: 0px 15px 0px 15px;}
    .footer-right { display: block; padding: 0px 25px; position: relative;  overflow: hidden; left: 100%; margin: 0px auto 0px -461px;}
    .counters { float: left; position: relative; left: 100%; margin-left: -350px;}
    

    /* Fullstory 
    -----------------------------------------------------------------------------*/
    .flexslider { position: relative; display: none; }
    .full-slider-poster { width: 94%; max-height: 350px; position: relative; left: 15px; top: 0px; display: block;}
    .full-img-block { position: relative; display: block; clear: both; padding-top: 20px;}
    .full-slide-cont { margin-left: 0px; margin-top: 95px; padding: 0px 15px; position: relative; width: 100%;}
    .full-slider-rait { display: block; position: relative; left: 0px; top: 0; padding: 5px 15px; color: #CCD1D9; font-size: 28px; text-align: center;}
    .full-slider-body h1 { font-weight: 400; color: #434A54; text-transform: uppercase; font-size: 16px; line-height: 28px;}
    .full-info { float: none; min-width: none; max-width: 100%; margin-left: 0px; margin-bottom: 20px; background: #656D78 none repeat scroll 0% 0%; padding: 8px 18px;}
    .full-comm {padding: 0 20px;}
    .nav-tabs > li { float: none; margin-bottom: 5px; margin-left: 15px;}
    .torr-file {background-image: none;}
    .torr-file-title { padding: 0 15px; display: table; height: 90px; float: none;}
    .torr-file-size {width: 100%;}
    .screen {height: auto;}
}


/* ========< 360px >======== */

@media (max-width: 360px) {
    /* Header 
    -----------------------------------------------------------------------------*/
    .header {height: auto;position: relative; margin-bottom: 20px;}
    .logo {width: 100%;margin-bottom: 0px;float: none;}
    .header-top {margin-left: 0; width: 100%; position: relative; display: block;}
    .search-block { padding: 0px 10px; height: auto;}
    .search_form { float: left; position: relative; width: 90%; margin: 20px 0;float: none;}
    .date-now { font-size: 10pt; padding: 0px;}
    .user-panel {float: none; margin-left: 0;}
    .dropdown-menu { right: 100%; width: 240px; margin-left: -256px;}
    .middle {padding: 0px;}
    .content {padding: 0px 0px 0px 0px; }   
    .slider-home {display: none;}  
    .right-sidebar { float: none; width: 100%; margin-left: 0;}
    .container-body {float: none;}
    .speedbar {margin: 0px 0px;}

    /* Aside-Left 
    -----------------------------------------------------------------------------*/
    .aside-left { display: block; width: 100%; position: relative;top: -20px;padding: 10px;z-index: 0;}
    button.nav-btn {display: block;padding: 5px;}
    .navigation { margin: 10px 0px; clear: both; position: relative; text-align: left; display: none; }

    /* Shortstory 
    -----------------------------------------------------------------------------*/
    .shortstory-item {height: auto;margin: 15px 20px 0 20px;}
    .shortstory-item-body { height: auto; overflow: hidden; margin: 15px 0px 15px 25px; padding-left: 18px;}
    .col-left { overflow: visible; height: auto; width: 93%; margin-bottom: 10px; border-bottom: 1px solid #F5F7FA; padding-bottom: 10px;}
    .col-left h3 { font-size: 10px; height: 55px; overflow: hidden; margin-left: 68px; line-height: 18px;}
    .shortstory-item-info { overflow: hidden; margin-top: 0px; }
    .shortstory-item-info > div { display: block; float: none; overflow: hidden; }
    a.category { float: right; margin-right: 0px; margin-bottom: 10px; clear: both; }
    .col-right { width: 100%; padding-left: 0px; margin-bottom:60px; margin-right: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; text-align: left;}
    .col-right-top {float: left;}
    .col-rait { float: right; margin-top: -1px; margin-right: 18px; }
    .readmore { width: 100%; height: 48px; text-align: center; line-height: 46px; }
    .content-home { padding-left: 0px;}
    .pagination {text-align: center;}
    .footer { position: relative; height: auto; padding-left: 0px; }
    .footer-container { float: none; padding: 10px 5px;}
    .footer-content {padding: 0px 15px 0px 15px;}
    .footer-right { display: block; padding: 0px 25px; position: relative; margin: 0px auto 0px -460px; overflow: hidden; left: 100%;}
    .counters { float: left; position: relative; left: 100%; margin-left: -293px;}
    

    /* Fullstory 
    -----------------------------------------------------------------------------*/
    .flexslider { position: relative; display: none; }
    .full-slider-poster { width: 91%; max-height: 350px; position: relative; left: 15px; top: 0px; display: block; }
    .full-img-block { position: relative; display: block; clear: both; padding-top: 20px;}
    .full-slide-cont { margin-left: 0px; margin-top: 95px; padding: 0px 15px; position: relative; width: 100%;}
    .full-slider-rait { display: block; position: relative; left: 0px; top: 0; padding: 5px 15px; color: #CCD1D9; font-size: 28px; text-align: center;}
    .full-slider-body h1 { font-weight: 400; color: #434A54; text-transform: uppercase; font-size: 16px; line-height: 28px;}
    .full-info { float: none; min-width: none; max-width: 100%; margin-left: 0px; margin-bottom: 20px; background: #656D78 none repeat scroll 0% 0%; padding: 8px 18px;}
    .full-comm {padding: 0 20px;}
    .nav-tabs > li { float: none; margin-bottom: 5px; margin-left: 15px;}
    .torr-file {background-image: none;}
    .torr-file-title { padding: 0 15px; display: table; height: 90px; float: none;}
    .torr-file-size {width: 100%;}
    
    /* Inform Random
    -----------------------------------------------------------------------------*/
    .inform-block {margin-bottom: 25px; position: relative; clear: both; overflow: hidden;}
    .inf-bg {width: 100%; height: 120px; background-position: center center;background-repeat: no-repeat; background-size: 100%; transition: all 0.3s ease 0s;opacity: .7}
    .inform-block:hover .inf-bg {opacity: .9;transition: all 0.3s ease 0s;}
    .inf-poster {width: 75px;border: 3px solid #fff;  position: absolute; bottom: 6px; left: 12px}
    .inf-poster img {width: 100%; display: inline-block;}
    .inf-title {display: block; margin-left: 100px; max-height: 64px; overflow: hidden; margin-top: -10px;}
    .inf-title h4 {text-transform: uppercase; font-size: 12px; font-family: "Open Sans", sans-serif; font-weight: 400;}
    .inf-title h4 a {color: #656d78; line-height: 22px; display: block;}
}


/* ========< 320px >======== */

@media (max-width: 320px) {
    /* Header 
    -----------------------------------------------------------------------------*/
    .header {height: auto;position: relative; margin-bottom: 20px;}
    .logo {width: 100%;margin-bottom: 0px;float: none;}
    .header-top {margin-left: 0; width: 100%; position: relative; display: block;}
    .search-block { padding: 0px 10px; height: auto;}
    .search_form { float: left; position: relative; width: 90%; margin: 20px 0;float: none;}
    .date-now { font-size: 10pt; padding: 0px; float: none; top: 0px; right: 0px; position: relative; display: block;}
    .user-panel {float: none; }
    .dropdown {left: 5%;}  
    .dropdown-menu { right: 100%; width: 240px; margin-left: -248px;}
    .middle {padding: 0px;}
    .content {padding: 0px 0px 0px 0px; }   
    .slider-home {display: none;}  
    .right-sidebar { float: none; width: 100%; margin-left: 0;}
    .container-body {float: none;}
    .speedbar {margin: 0px 0px;}
    
    /* Aside-Left 
    -----------------------------------------------------------------------------*/
    .aside-left { display: block; width: 100%; position: relative;top: -20px;padding: 10px;z-index: 0;}
    button.nav-btn {display: block;padding: 5px;}
    .navigation { margin: 10px 0px; clear: both; position: relative; text-align: left; display: none; }

    /* Shortstory 
    -----------------------------------------------------------------------------*/
    .shortstory-item {height: auto;margin: 15px 20px 0 20px;}
    .shortstory-item-body { height: auto; overflow: hidden; margin: 15px 0px 15px 25px; padding-left: 18px;}
    .col-left { overflow: visible; height: auto; width: 93%; margin-bottom: 10px; border-bottom: 1px solid #F5F7FA; padding-bottom: 10px;}
    .col-left h3 { font-size: 10px; height: 55px; overflow: hidden; margin-left: 68px; line-height: 18px;}
    .shortstory-item-info { overflow: hidden; margin-top: 0px; }
    .shortstory-item-info > div { display: block; float: none; overflow: hidden; }
    a.category { float: right; margin-right: 0px; margin-bottom: 10px; clear: both; }
    .col-right { width: 100%; padding-left: 0px; margin-bottom:60px; margin-right: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; text-align: left;}
    .col-right-top {float: left;}
    .col-rait { float: right; margin-top: -1px; margin-right: 18px; }
    .readmore { width: 100%; height: 48px; text-align: center; line-height: 46px; }
    .content-home { padding-left: 0px;}
    .pagination {text-align: center;}
    .footer { position: relative; height: auto; padding-left: 0px; }
    .footer-container { float: none; padding: 10px 5px;}
    .footer-content {padding: 0px 15px 0px 15px;}
    .footer-right {display: block; padding: 0px 25px; position: relative; margin: 0px auto 0px -448px; overflow: hidden; left: 100%;}
    .counters { float: left; position: relative; left: 100%; margin-left: -275px;}
    .counters img {margin-left: 5px;}
 
   
    /* Fullstory 
    -----------------------------------------------------------------------------*/
    .flexslider { position: relative; display: none; }
    .full-slider-poster { width: 91%; max-height: 350px; position: relative; left: 15px; top: 0px; display: block; }
    .full-img-block { position: relative; display: block; clear: both; padding-top: 20px;}
    .full-slide-cont { margin-left: 0px; margin-top: 55px; padding: 0px 15px; position: relative; width: 100%;}
    .full-slider-rait { display: block; position: relative; left: 0px; top: 0; padding: 5px 15px; color: #CCD1D9; font-size: 28px; text-align: center;}
    .full-slider-body h1 { font-weight: 400; color: #434A54; text-transform: uppercase; font-size: 16px; line-height: 28px;}
    .full-info { float: none; min-width: none; max-width: 100%; margin-left: 0px; margin-bottom: 20px; background: #656D78 none repeat scroll 0% 0%; padding: 8px 18px;}
    .full-comm {padding: 0 20px;}
    .nav-tabs > li { float: none; margin-bottom: 5px; margin-left: 15px;}
    .torr-file {background-image: none;}
    .torr-file-title { padding: 0 15px; display: table; height: 90px; float: none;}
    .torr-file-size {width: 100%;}
    .screen {height: 145px; }
}