@charset "UTF-8";
/* CSS Document */


@media only screen and (max-width: 1199px) and (min-width: 960px){
.container {
width: 960px;
}
.rightContainer {
width: 630px;
}

article figcaption{
    right: 30px;
}
.leftContainer {
width: 300px;
}
.copyRight span{display:none;}
.topStory ul li.topStoryBig{
    width: 300px;
}
.topStory ul li{
    width: 135px;
}
.videoSec{
    width: 465px;
}
.videoSec ul li.galleryVideoBig{
    width: 217px;
}
.videoSec ul li{
    width: 135px;
}
ul.menuLatestNews{
    width: 465px;
}
ul.menuLatestNews li:nth-child(2) a span{
    width: 330px;
}
    .latestNews{
    width: 549px;
}
    .latestNews span{
    font-size: 16px;
    margin-left: 5px;
    width: 70px;
}
        .latestNews a{
    font-size: 14px;
}
    img.logo{
    width: 220px;
}
    ul.nav li:nth-child(13), ul.nav li:nth-child(14), ul.nav li:nth-child(15) {
    display: none;
}
 
    .widthCat ul li a span{
    width: 350px;
}
    .widthCat ul li a p{
    width: 350px;
}
    .widthCat2 ul li:first-child span{width: 350px !important;}
    .widthCat2 ul li:first-child p{width: 350px !important;}
    .widthCat2 ul li{
    width: 300px;
}
        .widthCat2 ul li span{
    width: 190px !important;;
    font-size: 14px !important;
    height: 58px;
    overflow: hidden;
}
    .hightCat{
    width: 300px;
}
.importantLeftSec div > a{
    height: 169px;
}
.importantLeftSec div > a img {
    width: 300px; height: 169px;
}

    .hightCat span.catHeTitle:after{
}
    .hightCat ul li:first-child a img{
    width: 300px;
    height: 169px;
}
    .hightCat ul li:first-child{
    height: 235px;
}
    .hightCat ul li a span{
    width: 190px;
    font-size: 14px;
    height: 57px;
    overflow: hidden;
}

    .sidebarWriters img{
    width: 56px !important;
    height: 56px !important;
}
    
.sidebarWriters ul li:first-child{
    height: 56px;
}
    .sidebarWriters ul li:first-child a span{
    width: 195px;
    font-size: 14px;
    height: 25px;
}
        .sidebarWriters ul li a span{
    width: 195px;
    font-size: 14px;
    height: 25px;
}
    .sidebarCat ul li:first-child {
height: 58px;
}
    .sidebarCat ul li:first-child a img{
    width: 100px;
    height: 56px;
}
    .sidebarCat2 ul li:first-child a img{
    width: 300px;
    height: 169px;
}
.sidebarCat ul li:first-child a span{
    width: 190px;
    font-size: 14px;
}
.sidebarCat2 ul li:first-child a span{
    width: 100%;
    font-size: 18px;
}
.sidebarCat2 ul li:first-child{
    height: 235px;
}
a.fLogo img{
    margin-left: 20px;
    margin-top: 41px;
}
ul.footerSec li{
    width: 120px;
}
}
@media only screen and (max-width: 959px) and (min-width: 768px){
.container, .rightContainer {
width: 730px;
}
.topSoryMob {
display: block;
}
.videoSec{
    width: 100%;
}
.videoSec ul li.galleryVideoBig{
    width: 350px;
}
.videoSec ul li.galleryVideoBig img{
    width: 350px;
}
.videoSec ul li{
    width: 223px;
}
.videoSec ul li img{
    width: 223px;
}
.gallerySec {
margin-right: 0px;
margin-top: 30px;
}
article figcaption{
    right: 80px;
}
.nav-container{
    display: none;
}
.mobileMenu{display:block;}
    .leftContainer {
display: none;
}
        .latestNews{
    display: none;
}
.socail{width:100%;}
form.searchForm{
    float: right;
}
    .latestNews span{
    font-size: 16px;
    margin-left: 5px;
    width: 70px;
}
        .latestNews a{
    font-size: 14px;
}
    img.logo{
    margin: auto;
    float: none;
    display: block;
    margin-bottom: 30px;
}
    ul.nav li:nth-child(13), ul.nav li:nth-child(14), ul.nav li:nth-child(15) {
    display: none;
}
  
    span.catHeTitle:after{
}
    .widthCat ul li a span{
    width: 450px;
}
    .widthCat ul li a p{
    width: 450px;
}
    .widthCat2 ul li:first-child span{width: 450px !important;}
    .widthCat2 ul li:first-child p{width: 450px !important;}
    .widthCat2 ul li{
    width: 350px;
}
        .widthCat2 ul li span{
    width: 240px !important;;
    font-size: 14px !important;
    height: 48px;
    overflow: hidden;
}
    .hightCat{
    width: 350px;
}
    .hightCat span.catHeTitle:after{
}
    .hightCat ul li:first-child a img{
    width: 350px;
    height: 197px;
}
    .hightCat ul li:first-child{
    height: 258px;
}
    .hightCat ul li a span{
    width: 240px;
    font-size: 14px;
    height: 48px;
    overflow: hidden;
}
  .topStory{display: none;}
a.fLogo img{
    margin: 20px auto; display: block; float: none;
}
.copyRight{
    display: none;
}
}
@media only screen and (max-width: 767px) and (min-width: 480px){
.container, .rightContainer {
width: 470px;
}
.topSoryMob {
display: block;
}
.videoSec{
    width: 100%;
}
.videoSec ul li.galleryVideoBig{
    width: 220px;
}
.videoSec ul li.galleryVideoBig img{
    width: 220px;
}
.videoSec ul li{
    width: 136px;
}
.videoSec ul li img{
    width: 136px;
}
.gallerySec {
margin-right: 0px;
margin-top: 30px;
}
img.articleImg{
    width: 470px;
    height: 264px;
}
article figcaption{
    right: 0px;
}
.nav-container{
    display: none;
}
.mobileMenu{display:block;}
        .leftContainer {
display: none;
}
a.headerAds{
    display: none;
}
        .latestNews{
    display: none;
}
.socail{width:100%;}
.socail ul li a.soundcloud{display:none;}
form.searchForm{
    float: right;
}
    .topStory{display: none;}
    .latestNews span{
    font-size: 16px;
    margin-left: 5px;
    width: 70px;
}
        .latestNews a{
    font-size: 14px;
}
    img.logo{
    margin: auto;
    float: none;
    display: block;
    margin-bottom: 30px;
}
    ul.nav li:nth-child(13), ul.nav li:nth-child(14), ul.nav li:nth-child(15) {
    display: none;
}
  
    .widthCat ul li a span{
    width: 240px;
    margin-top: 25px;
}
.widthCat ul li a img{
    width: 220px; height: 124px;
}
.widthCat ul li{
    height: 123px;
}
    .widthCat ul li a p{
    display: none;
}
    .widthCat2 ul li:first-child span{width: 240px !important; margin-top: 25px !important;}
    .widthCat2 ul li:first-child p{width: 450px !important;}
    .widthCat2 ul li{
    width: 100%;
}
.widthCat2 ul li:nth-child(6){
    margin-bottom: 20px;
}
.widthCat2 ul li:first-child{
    height: 123px;
}
        .widthCat2 ul li span{
    width: 240px !important;;
    overflow: hidden;
    font-size: 18px !important;
    margin-top: 25px !important;
}
    .hightCat{
    width: 100%;
    margin-right: 0px !important;
}
    .hightCat span.catHeTitle:after{
}
    .hightCat ul li:first-child a img{
    width: 220px;
    height: 124px;
}
    .hightCat ul li:first-child{
    height: 124px;
}
    .hightCat ul li a span{
    width: 240px !important;
    font-size: 18px !important;
    text-align: right !important;
    margin-right: 10px !important;
    margin-top: 25px !important;
}
    .gallery ul li{
    width: 220px;
}
    .gallery ul li a img{
    width: 220px;
    height: 124px;
}
    .gallery ul li a{height: 124px;}
    .gallery ul li a span.play{
    right: 2px; 
    top: 2px;
}

a.fLogo img{
    margin: 20px auto; display: block; float: none;
}
.footerBottom{height:auto;}
.copyRight{
    display: none;
}
}
@media only screen and (max-width: 479px){
.container, .rightContainer {
width: 310px;
}
.topSoryMob {
display: block;
}
.topStory{display:none;}
article figcaption{
    right: 0px;
}
img.articleImg{
    width: 310px;
    height: 174px;
}
.nav-container{
    display: none;
}
.mobileMenu{display:block;}
            .leftContainer {
display: none;
}
a.headerAds{
    display: none;
}
        .latestNews{
    display: none;
}
.socail{width:100%;}
.socail ul{
    margin-left: 62px;
}
form.searchForm{
    margin-left: 64px;
    margin-top: 30px;
}
    .latestNews span{
    font-size: 16px;
    margin-left: 5px;
    width: 70px;
}
        .latestNews a{
    font-size: 14px;
}
    img.logo{
    margin: auto;
    float: none;
    display: block;
    margin-top: 30px;
    width: 290px;
}
    ul.nav li:nth-child(13), ul.nav li:nth-child(14), ul.nav li:nth-child(15) {
    display: none;
}
   
    .widthCat ul li a span{
    width: 100%;
    margin-top: 10px;
    text-align: center;
    margin-right: 0px;
}
.widthCat ul li a img{
    width: 310px; 
    height: 174px;
}
.widthCat ul li{
    height: 242px;
}
    .widthCat ul li a p{
    display: none;
}
    .widthCat2 ul li:first-child span{width: 100% !important; margin-top: 10px !important;}
    .widthCat2 ul li:first-child p{width: 450px !important;}
    .widthCat2 ul li{
    width: 100%;
}
.widthCat2 ul li:nth-child(6){
    margin-bottom: 20px;
}
.widthCat2 ul li:first-child{
    height: 236px;
}
        .widthCat2 ul li span{
    width: 100% !important;;
    overflow: hidden;
    font-size: 18px !important;
    margin-top: 10px !important;
}
    .hightCat{
    width: 100%;
    margin-right: 0px !important;
}
    .hightCat span.catHeTitle:after{
}
    .hightCat ul li:first-child a img{
    width: 310px;
    height: 174px;
}
    .hightCat ul li:first-child{
    height: 236px;
}
    .hightCat ul li a span{
    width: 100% !important;
    font-size: 18px !important;
    text-align: center !important;
    margin-right: 0px !important;
    margin-top: 10px !important;
}
    .gallery ul li{
    width: 310px;
}
    .gallery ul li a img{
    width: 310px;
    height: 174px;
}
    .gallery ul li a{height: 174px;}
    .gallery ul li a span.play{
    right: 2px; 
    top: 2px;
}

a.fLogo img{
    margin: 20px auto; display: block; float: none;
}
ul.footerSec{display:none;}
.copyRight{
    display: none;
}
.footerBottom{height:auto;}
.socail ul li a.soundcloud{display:none;}
.socail ul li a.instagram{display:none;}
    .videoSec{
    width: 100%;
}
.videoSec ul li.galleryVideoBig{
    width: 100%;
}
.videoSec ul li.galleryVideoBig img{
    width: 100%;
}
.videoSec ul li{
    width: 100%;
    margin-bottom: 30px;
}
.videoSec ul li a{height: 152px;}
.videoSec ul li img{
    width: 100%;
    height: 152px;
}
.gallerySec {
margin-right: 0px;
margin-top: 30px;
}
}

ul.secPager li a.secPagerActive, ul.secPager li a:hover {
    background-color: #03c9a9;
}