.Popular-Content-sec li {
    height: 170px;
}

    .Popular-Content-sec li img.newheight {
        height: 100%;
    }


.featured-img {
    position: relative; 
}
.featured-img img {
    width:100%;
}
.img_wrapper {
 
    width: 100%;
    overflow: hidden;
}

     .img_wrapper img {
        width: 100%;
        height: 114px;
    }

.posted-sec img {
    height: 100%;
    width: 100%;
}

.genre-all-news-posted-to-p p {
    margin: 0;
}

.img_wrapper-latest-content {
    height: 250px;
    width: 100%;
    overflow: hidden;
}

    .img_wrapper-latest-content img {
        height: 100%;
        width: 100%;
    }

.full-news-section .box i {
    margin-right: 5px;
}

.related-artists li em i {
    margin-right: 5px;
}

.cust_banner .item img {
    width: 100%;
    height: 506px;
}

.add300x250-conwarp img {
    width: 100%;
    height: 250px;
}

.hide-add > div {
    margin: 0 auto;
}

.hidewebAd {
    display: none !important;
}

.hidemobileAd {
    display: none !important;
}

.content-warper .news-sec li img {
    width: 100%;
    height: 180px;
}

.content-warper .maincontent-warp ul li img {
    width: 100%;
}

.logo-stkey {
    z-index: 2;
}

.owl-carousel .item {
    position: relative;
}

.owl-carousel .item i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        color: rgba(255,255,255,.6);
        font-size: 70px;
        z-index: 999;
    }

.carousel-inner .item i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: rgba(255,255,255,.6);
    font-size: 140px;
    z-index: 999;
}

.owl-carousel .item a {
    color: #fff;
}

.black_layer_nn {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.1);
    top: 0;
    left: 0;
}

.news-sec.video-section .owl-carousel.owl-drag .owl-item .bot-title {
    transition: .5s;
    top: 85%;
    bottom: inherit;
}

.hide-add > div {
    margin: 0 auto;
}
 /*.news-sec.video-section .owl-carousel.owl-drag .owl-item .item:hover .bot-title{top:70%}*/
.grid_1_of_5 i, .news-sec li i, .news-sec li i, .featured-img i, .img_wrapper i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: rgba(255,255,255,.6);
    font-size: 70px;
    z-index: 999;
}

.Popular-Content-sec li {
   border-bottom: 2px solid #fff;
    margin-bottom: 10px;
}

.noshadow .add300x250-conwarp {
    padding: 0;
}

.content-warper .news-sec ul li {
    height: 180px;
}

.content-warper .maincontent-warp ul li img {
    height: 250px;
}

.video-container {
position: relative;
padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

header {
    position: relative;
    z-index: 9999;
}
 





@media(max-width:991px) {
    .content-warper .maincontent-warp ul li img {
        height: 220px;
    }

    .content-warper .news-sec li img {
        height: 140px;
    }
    
    .content-warper .news-sec ul li {
        height: 132px;
    }
}

@media(max-width:767px) {
  
    .content-warper .maincontent-warp ul li img {
        height: auto;
    }

    .content-warper .news-sec li img {
        height: auto;
    }

    .content-warper .news-sec ul li {
        height: auto;
    }

    .hidemobileAd {
        display: block !important;
    }

    .owl-carousel .owl-item img {
    height: auto;
    }
    .news-sec.video-section .owl-carousel.owl-drag .owl-item .bot-title {
    top: inherit;
    bottom:0;
    }
    .news-sec .social_link a {
     margin: 0!important;
    }
}

@media(max-width:600px) {
    .news-sec.video-section .owl-carousel.owl-drag .owl-item .bot-title {
           top: 85%;
 }
}

@media(max-width:414px) {
    .featured-img {
        height: auto;
    }
}

.genere-news-img {
    width: 900px;
    height: 507px;
}

 /*img:before {
        content: ' ';
        display: block;
        position: absolute;
           height: 250px;
        width: 250px;
        background-image: url(../../images/default.jpg);
      
    }*/
.maincontent-warp .img-box img:before {
       content: ' ';
        display: block;
        position: absolute;         
         background-repeat: no-repeat;
            height: 100%:
        width: 100%;
        background-image: url(../../images/before440x220.gif);
    background-size: cover;
}

.related-artists .img-box img:before {
       content: ' ';
        display: block;
        position: absolute;         
         background-repeat: no-repeat;
            height: 100%;
        width: 100%;
        background-image: url(../../images/before100x56.gif);
    background-size: cover;
}

.related-artists .Popular-Content-sec img:before {
       content: ' ';
        display: block;
        position: absolute;         
         background-repeat: no-repeat;
            height: 100%;
        width: 100%;
        background-image: url(../../images/before300x169.gif);
    background-size: cover;
}




.fb_iframe_widget {
    overflow: hidden;
}

div.fb-comments.fb_iframe_widget span {
    margin-bottom: -35px;
}

.fb-comments, .fb-comments iframe[style], .fb-comments span {
   width: 100% !important;
   padding-bottom: 30px;
}

.content-warper #sidebar.sticky {
    top: 210px;
}

.artist-socialmedia-images {
    height: 58px;
}
.img_wrapper1{height: 100px;width: 70%;overflow: hidden;}



.add-table table>thead>tr>th {
    vertical-align: top;
    float: left;
    width: 278px;
    background: #f4f4f4;
}

.add-table table>tbody>tr>td{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    width: 270px;
    float: left;
   }

.news-btn{
    position: absolute;
    margin-top: -25px;
    margin-left: -42px;
    background: gray;
    color: white;
    padding: 0 5px;
    border-radius: 2px;
   }
  #FollowDiv img{padding-right:2px !important;}
 .left-col.trending-artists .add728x90{display:none;}
 .navbar-form.search .sar .glyphicon{}
 #twitter-widget-0{width: 79px !important; height: 29px !important;}
 .fb_iframe_widget iframe{margin-top: 10px;}
.hide-add iframe img{width:100% !important;}
#divDescription ol{margin-left: 22px;}
 .news-sec.video-section.mini_sec a{width:60px;}
  .news-sec.video-section .mini_a{width:60px;}
   .top-add.hidemobileAd{width:100% !important;}
   aside .hidemobileAd{width:100% !important;}
   aside .hidemobileAd iframe{width:100% !important;}
    aside .hidemobileAd iframe img{width:100% !important; height:100% !important;}

     aside .hide-add{width:100% !important;}
   aside .hide-add iframe{width:100% !important;}
    aside .hide-add iframe img{width:100% !important; height:100% !important;}
    .left-col.trending-artists.search-artist{}
    .f-ul ul{padding-left: 20px;}

 /* Custom, iPhone Retina */ 
     @media only screen and (min-width : 300px) {
    #myCarousel .carousel-inner > .item > a > img {
            line-height: 1;
    max-width: 320px;
    max-height: 180px;
    min-width: 320px;
    min-height: 180px;
    width: 100%;
    height: auto;
    }
        aside {
         width: 290px;
    }
      
   .news-sec.video-section .owl-carousel.owl-drag .owl-item .bot-title {
    top: 80%;
   }
        .artist-head{margin-top: 0; color: #000; text-align:center;}
        .bot-collage {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    font-size: 18px;
    text-align:center;
    }
     .genre-search-list h4{
    font-size: 20px;
    color: #000;
    border-bottom: 2px solid #3b3b3b;
    padding: 15px 0;
    text-align:center;
    }
     .jssora02r{}
      #fbLogin span, #googlelogin span {margin-bottom: 15px; padding: 6px 12px;padding: 3px 6px;}
       #sidebar.sticky ul{z-index: 6;left: 0px;width: 24px;text-align: center;background: #009fd7;padding: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
     #sidebar ul li{ width:18px; height:18px; margin:3px 0; display: inline-block; background:#fff; border-radius:50%; line-height:18px;font-size: 10px;}
         #jssor_1 a img{width: 898px !important;}
          #jssor_Gallery a img{width: 900px !important;}
     
         

    }
     @media only screen and (min-width : 360px) {
        aside {
           width: 335px;
    }
    .jssora02r{}
    #fbLogin .btn, #googlelogin .btn {padding: 3px 6px;}
     #sidebar.sticky ul{z-index: 6;left: 0px;width: 24px;text-align: center;background: #009fd7;padding: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
     #sidebar ul li{ width:18px; height:18px; margin:3px 0; display: inline-block; background:#fff; border-radius:50%; line-height:18px;font-size: 10px;}
         #jssor_1 a img{width: 899px !important;}
          #jssor_Gallery a img{width: 900px !important;}
     

    }
@media only screen and (min-width : 375px) {
    aside {
        width: 350px;
     }
   
     }
     @media only screen and (min-width : 412px) {
         aside {
    width:100%;
     }
     .jssora02r {}
      #sidebar.sticky ul{z-index: 6;left: 0px;width: 24px;text-align: center;background: #009fd7;padding: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
     #sidebar ul li{ width:18px; height:18px; margin:3px 0; display: inline-block; background:#fff; border-radius:50%; line-height:18px;font-size: 10px;}
         #jssor_1 a img{width: 900px !important;}
          #jssor_Gallery a img{width: 900px !important;}
      
    

     }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {
         #myCarousel .carousel-inner > .item > a > img {
            line-height: 1;
    max-width: 100%;
    max-height: inherit;
    min-width: 100%;
    min-height: inherit;
    width: 100%;
    height: auto;
    }
    .artist-head{margin-top: 0; color: #000; text-align:center;}
    .bot-collage {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    font-size: 18px;
    text-align:center;
    }
     .genre-search-list h4{
    font-size: 20px;
    color: #000;
    border-bottom: 2px solid #3b3b3b;
    padding: 15px 0;
    text-align:center;
    }
  
    #fbLogin span, #googlelogin span {margin-bottom: 15px; padding: 6px 12px;padding: 3px 6px;}
     aside .Popular-Content-sec li {
    width: inherit;
     margin-left: 0px;
     }
      aside .related-artists li {width:100%; height: auto;}
       #sidebar.sticky ul{z-index: 6;left: 0px;width: 24px;text-align: center;background: #009fd7;padding: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
     #sidebar ul li{ width:18px; height:18px; margin:3px 0; display: inline-block; background:#fff; border-radius:50%; line-height:18px;font-size: 10px;}
        #jssor_1 a img{width: 898px !important;}
        #jssor_Gallery a img{width: 804px !important;}

       
    }
   @media only screen and (min-width : 568px) {
      #jssor_Gallery a img {width: 900px !important;}
   }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {
          #myCarousel .carousel-inner > .item > a > img {
    max-width: 720px;
    max-height: 405px;
    min-width: 240px;
    min-height: 135px;
    width: 100%;
    height: auto;
}
         
        aside {
        width: 100%;
}
        .jssora02r {}
   .artist-head{margin-top: 0; color: #000; text-align:center;}
   .bot-collage {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    font-size: 18px;
    text-align:center;
    }
    .genre-search-list h4{
    font-size: 20px;
    color: #000;
    border-bottom: 2px solid #3b3b3b;
    padding: 15px 0;
    text-align:center;
    }
    .main-warp .top-add {
    max-width: 720px;
}
     aside .Popular-Content-sec li {
    width: 230px;
    margin-left: 3px;
     }
    aside .related-artists li {width: 350px;}
     #sidebar.sticky ul{z-index: 6;left: 0px;width: 24px;text-align: center;background: #009fd7;padding: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
     #sidebar ul li{ width:18px; height:18px; margin:3px 0; display: inline-block; background:#fff; border-radius:50%; line-height:18px;font-size: 10px;}
     #jssor_1 a img{width: 900px !important;}
     #jssor_Gallery a img{width: 900px !important;}


    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {
         aside {
         width: 258px;
    }
    .artist-head{margin-top: 0; color: #000; text-align:left;}
    .bot-collage {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    font-size: 18px;
    text-align:left;
    }
     .genre-search-list h4{
    font-size: 20px;
    color: #000;
    border-bottom: 2px solid #3b3b3b;
    padding: 15px 0;
    text-align:left;
    }
     .jssora02r {}
     .main-warp .top-add {
    max-width: 800px;
}
      aside .Popular-Content-sec li {
     width: inherit;
      margin-left: 5px;
     }
      aside .related-artists li {width:100%;}
      #sidebar.sticky ul{z-index: 6;left: 0px;width: 34px;text-align: center;background: #009fd7;padding: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
      #sidebar ul li{ width:27px; height:27px; margin:3px 0; display: inline-block; background:#fff; border-radius:50%; line-height:27px;font-size: 14px;}
        #jssor_1 a img{width: 900px !important;}
   #jssor_Gallery a img{width: 900px !important;}


    }

    /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    aside {
        width: 330px;
    }

    .artist-head {
        margin-top: 0;
        color: #000;
        text-align: left;
    }

    .bot-collage {
        float: left;
        width: 100%;
        margin: 15px 0 0 0;
        font-size: 18px;
        text-align: left;
    }

    .genre-search-list h4 {
        font-size: 20px;
        color: #000;
        border-bottom: 2px solid #3b3b3b;
        padding: 16px 0 27px 0;
        text-align: left;
    }

    .main-warp .top-add {
        max-width: 980px;
    }

    #fbLogin span, #googlelogin span {
        margin-bottom: 15px;
        padding: 6px 12px;
    }

    aside .Popular-Content-sec li {
        width: inherit;
        margin-left: 5px;
    }

    aside .related-artists li {
        width: 100%;
    }

    #sidebar.sticky ul {
        z-index: 6;
        left: 0px;
        width: 45px;
        text-align: center;
        background: #009fd7;
        padding: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    #sidebar ul li {
        width: 35px;
        height: 35px;
        margin: 3px 0;
        display: inline-block;
        background: #fff;
        border-radius: 50%;
        line-height: 35px;
        font-size: 16px;
    }

    #jssor_1 a img {
        width: 900px !important;
    }

    #jssor_Gallery a img {
        width: 900px !important;
    }

    #myCarousel .carousel-inner > .item > a > img {
        max-width: 900px;
        max-height: 506px;
        min-width: 240px;
        min-height: 135px;
        width: 100%;
        height: auto;
    }

    #BindArtistNews .full-news-section img {
        max-width: 203px;
        max-height: 114px;
        width: 100%;
        height: auto;
    }
}