@media (max-width:1199px) and (min-width:992px){
	.nav > li > a{ padding:10px 15px}
	.bottom-warp .navbar-form{ padding:0}
	.sec-warp-box .artical-info p{ width:49%}
	.sec-warp-box .inner_wrap1{ padding:5px}
	.top-five-warp li .title {width: 90px; overflow:hidden; font-size: 12px; padding: 8px 5px;}
	.f-link li a {padding-right: 10px; margin-right: 3px;}
	.list-inline > li {padding-left: 2px; padding-right: 2px; font-size: 17px;}
	.heading img {max-width: 100%;}
	.Popular-Content-sec li span h3 {font-size: 20px; line-height: 22px; padding: 15px;}
	.related-artists ul.Popular-Content-sec {width: 100%; margin: 0;}
	.Popular-Content-sec li .popular-content h3 {font-size: 16px;  line-height: 19px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
	.related-artists li h6 span {font-size: 4em;} 
	.maincontent-warp ul li {width: 49.3%;}
	.news-sec ul li{ width:32.3%}
	.full-news-section .box .col-sm-9 {min-height: 90px;}
}

@media (max-width:767px) and (min-width:540px) {
    .search-warp {
        margin-top: -222px;
    }  

}

@media (max-width:560px){
.box .row .col-sm-3.col-xs-5 {
    width: 100%;
}
.box .img_wrapper img {
    width: 100%;
    height: auto;
} 
.full-news-section .box .col-sm-9 {
  
    padding-left: 15px!important;
    width:100%;
}
.related-artists li .pn-info h4 {
    word-wrap: break-word;
}
}

@media (max-width:1350px){
header .bottom-warp.fixed-menu .logo-stkey {opacity: 1;  float: none; margin: 0 auto; position: relative;  left: 0;}
}
@media (min-width:768px){
	.mob-only, .img-mob{ display:none;} 
}
@media (max-width:1199px) and (min-width:1024px){
.maincontent-warp ul li {width: 49.3%;}
	}
@media (max-width:991px) and (min-width:768px){
	.left-col {
    width: 98%;
    padding: 0 7px;
    }
	.full-news-section .box .col-sm-9 {min-height: 90px;}
	.maincontent-warp ul li {width: 49.3%;}
	header .bottom-warp .nav > li{ float:left}
	header .bottom-warp.fixed-menu .nav > li {float: none;}
	.banner {margin: 0 0 15px 0;}
	.slider_container {width: 100%; margin: 0; padding: 0;}
	.flexslider{ padding:0}
	.flex-direction-nav li a{ right:0}
	.owl-theme .owl-controls .owl-buttons .owl-next {right: -8px;top: 45%;}
	.owl-theme .owl-controls .owl-buttons .owl-prev {left: -8px; top: 45%;}
	footer .col-sm-10, footer .col-sm-2, .bottom-warp .col-sm-8, .bottom-warp .col-sm-4{ width:100%; text-align:center}
	.login-wp {float: none; display: inline-block;}
	.news-sec ul li{ width:32.4%}
	#jssor_1{ width:100% !important;}
    #jssor_Gallery{ width:100% !important;}
	.jssora02r {}

    #navbar .nav > li > a {
        padding: 10px 10px;
    }
    #BindLatestInterviewPartial .related-artists li .pn-info {
    min-height: 110px;
    }
    h3.followus {
    font-size: 20px;
    }
}
@media (max-width:1199px){
.trending-artists .top-first h2, .trending-artists .top-first h3 {font-size: 24px; margin: 15px 0}
.trending-artists .top-first h3 span {font-size: 15px;}
.trending-artists .artists-box .name-warp{ width:45%;}
.genre-details ul li {width: 25%;}
#videoContainer{height: 50vh;}
}

@media (max-width:991px){
     /* 11 Aug 2017*/
    .navbar-form.search{width:75%}
 	.how-wptext-rout {left: auto; top: -53px;right: 0;}
.how-wptext-rout::after {top: 32px; right: 85px;
	-ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform:rotate(90deg);
	}
	 aside {
    width: 332px;
    margin: 10px auto;
    float: none;
}
.artist-img-warp{ text-align:center;}
.artist-img-warp a {height: auto;  float: none;  border: 1px solid #fff; display: inline-block;}
}
@media(max-width:360px){
aside{ width:100%;}
#BindLatestNewsPartial .related-artists, #BindTrendingArtistPartial .related-artists, #BindPopularContentPartial .related-artists, #BindLatestInterviewPartial .related-artists, #BindLatestVideoPartial .related-artists{
    width: 88%!important;
   }
.related-artists li .img-box {
    height: auto;
    float: none;
    margin-right: 0;
    margin-top: 5px;
}
.main-warp {
     margin-top: 0;
}
}
@media (max-width:767px){
	.left-col{ width:100%; padding:0 15px;}
	.slider_container {width: 100%; margin: 0; padding: 0;}
	.slider_container{ border:0}
	.flexslider{ padding:0}
	#navbar {padding: 0 15px;}
	.flex-direction-nav li a {width: 30px; height: 30px; right: 0px;}
	.images_1_of_5{ margin-bottom:15px;}
	.images_1_of_5 p{ padding:0 15px}
	.sec-warp-box .inner_wrap1{ padding:5px;}
	.sec-warp-box .grid1{ margin-bottom:15px}
	.sec-warp-box .artical-info p{ width:100%}
	.top-five-warp li .title{ width:130px;}
	.f-link li{ display:block}
	.f-link li a{ border-right:0;padding-left: 0px;}
	.list-inline{ float:left}
	.owl-theme .owl-controls .owl-buttons .owl-next {right: 15px; top: 45%;}
	.owl-theme .owl-controls .owl-buttons div {background: url(../images/arrow.png) no-repeat #fff;}
	.owl-theme .owl-controls .owl-buttons .owl-prev {left: 15px; top: 45%;}
	.navbar-toggle .icon-bar {border-top: 1px solid #fff;}
	.bottom-warp{ position:relative; padding: 10px 0 0 0;}
	.bottom-warp .navbar-form {padding: 0px; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: -10px; border-top: 0;  border-bottom: 0; float: left; width: 190px;}
	.bottom-warp .col-sm-4.text-right{position: absolute; top: 9px;left: 0;}
	.login-wp {float: left;}
	.login-wp li {font-size: 12px; padding: 9px 9px;}
	.nav > li > a { display:block; font-size:12px; padding:10px;}
	header .logo {padding-top: 5px; padding-bottom: 5px;}
	.hide-add{ display:none}
	.add300x250-mobile{ margin:15px auto; width:280px; display:block}
	.genre-btn-sec .lft-cl{font-size:14px}
	.genre-btn-sec .rgt-cl {padding: 6px 15px;font-size: 12px;}
	.headings-banner{ padding:5px;}
	.headings-banner h2 {
        font: normal 22px/26px Roboto, sans-serif;
    line-height: 24px;
    padding-right: 65px;
    min-height: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-top:inherit;
	}
.headings-banner p {
    height: 100px;
    margin: 5px 0 0 0;
    overflow: hidden;
    padding-right: 65px;
}
 .headings-banner h2 a {
    top: 0px!important;
   
}
	.right-icon {position: absolute; font-size:20px;
top:18px;
right: 5px;}
.right-icon ul li{ margin:0 5px; float:left;font-size: 15px;
}
.navbar-nav {   
    margin: 0px -15px;
}
header .bottom-warp.fixed-menu .right-icon{ right:0; top:21px}
header .music-icon{no-repeat; background-size: 80%;}
.right-icon ul li a {color: #fff;}
.logo-stkey {width: 155px;opacity: 1; right: auto; left:-22px; margin: 0 auto; float: none; position: relative;}
header .sec-warp{ display:none}
.navbar-form.search{     width: auto;
    padding-top: 20%!important;
    z-index: 99999;
    overflow: hidden;
    clear: both;
    position: relative;
    box-shadow:none;
}
.navbar-form.search .sar {height: 30px;}
.search-warp{ padding:22px 30px;}
.search-warp .crox {top: 15px; right: 10px;}
.search-warp.open:after{top:70px;}
.nav > li {display: inline-block; text-align: center;  width:33.3%;  margin: 0; border-top: 1px solid #666; border-right: 1px solid #666; float: left;}
.nav > li:nth-child(3n){ border-right:0}
.mob-only{border-top: 2px solid #666;}
.nav > li:last-child a{ border:0;}
.bottom-warp.fixed-menu .hiddenonly, .bottom-warp .hiddenonly{ display:none}
.logo-footer{ padding:0; width: 150px; margin-bottom: 15px;}
.f-link li{ margin-top:5px; font-size:12px; padding-left: 20px;}
h3.followus{ margin-top:15px;}
.maincontent-warp{ }
.maincontent-warp ul li {width: 100%;position: relative; display: inline-block; float: none; margin: 5px 0; box-sizing: border-box;max-width: 100%;}
#genrey-link-show{ position:relative}
.padres0{ padding:0}
.nav > li{ transition:all 0.6s;}
.nav > li a:hover{ color:#fff !important;}
.nav > li:nth-child(1):hover{ background:#000;}
.nav > li:nth-child(2):hover{ background:#1f849f;}
.nav > li:nth-child(3):hover{ background:#E4005C;}
.nav > li:nth-child(4):hover{ background: #C00206;}
.nav > li:nth-child(5):hover{ background:#ffc036;}
.nav > li:nth-child(6):hover{ background:#621200;}
header .bottom-warp.fixed-menu{ position:fixed;}
.headings-banner{ margin-bottom:-108px;}
.banner:hover .headings-banner{ margin-bottom:-24px;}
.navbar-toggle {margin-right: 0px; margin-left: 5px; border: 0;     top: -25px; padding:0px; float: left; font-size: 32px; color: #fff !important;}
.navbar-toggle:focus, .navbar-toggle:hover {outline: 0; color: #009fd7;}
.navbar-toggle .icon-bar {width: 25px; height: 4px;}	
.related-artists ul.Popular-Content-sec {width: 100%; margin: 0;}
.carousel-indicators {margin-left: 0; right: 5px; bottom: 0px;}
.list-box ul li {display: inline-block; width: 33%;  box-shadow: none; font-size: 12px;  padding: 10px; float: left; font-weight:normal;}
.see-all {font-size: 14px; padding: 10px; width:auto;}
.genre-search-list .list-box {padding: 10px 0;}
.list-box h3 {font-size: 24px; margin-top: 10px;}
.artist-img-warp {text-align: center;}
.artist-img-warp a {float: none; margin: 0 auto; display:inline-block}
.list-inline > li a span{ display:none}
.list-inline > li {font-size: 20px; margin:0;display: inline-block;}
.search-box input{width: 75%; font-size: 16px; height:35px;}
.search-box button{ width:24%; height:33px; font-size: 12px;  line-height: 33px;}
.related-artists.tranding .col-xs-2{ display:none}
.news-sec ul li {margin-right: 0; width: 100%; margin-bottom: 10px;}
.full-news-section .box .col-sm-9 {min-height: 77px; padding-left: 0;}
.full-news-section .box h3 {font-size: 14px; line-height: inherit; font-weight: normal; text-align: left;}
.full-news-section .box .posted-sec p, .full-news-section .box span{ font-size:11px;}
.full-news-section .box .img{ display:none;}
.trending-artists .top-first h2, .trending-artists .top-first h3 {font-size: 20px; margin: 5px 0; text-align: center;}
.trending-artists .top-first .input-group .input-lg {font-size: 16px;}
.trending-artists .artists-box .last-week h5 span{ font-size:40px;}
.trending-artists .artists-box .last-week h5, .trending-artists .artists-box .wks-warp h6 {font-size: 12px;}
.trending-artists .artists-box .wks-warp h6 span{ font-size:30px}
.trending-artists .artists-box .name-warp h4 {font-size: 24px; margin-top: 15px;}
.trending-artists .artists-box .last-week h5{position: absolute; bottom: 5px; width: 75px;}
.trending-artists .artists-box .wks-warp h6 {position: absolute; bottom: 5px; right: 0;}
.trending-artists .artists-box .name-warp h4 {margin-top: 5px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;text-align: left;padding-left: 10px;}
.trending-artists .artists-box .name-warp {width: 90%; margin: 0; position: absolute; top: 0; left: 34px;}
#sidebar.sticky{ display:none}
.genre-details ul li {width: 100%; border-right: 0;  border-bottom: 1px solid #ccc;  margin: 0;;}

#BindLatestNewsPartial .related-artists, #BindTrendingArtistPartial .related-artists, #BindPopularContentPartial .related-artists{
    width: 100%;
   }

.content-gallery #divDescription table{ width:100%!important; min-width:100%!important;}

.maincontent-warp ul li .box-warp h3{padding-top: 3px;}
}
.news-sec.video-section .owl-carousel.owl-drag .owl-item .bot-title a {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
    display: block;
}
.Popular-Content-sec li .popular-content h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width:92%;
}    
}