/* lg */ 
@media (min-width: 1400px) {

	.home-banner.banner .home-content {
	    padding-bottom: 200px;
	    padding-top: 250px;
	}	

	.adimage_side {
	   padding: 0 20px;
	}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	
	#navigation .navbar-brand {
		margin-right: 20px;
		padding-left: 45px;
	}	

	#navigation .navbar-nav>li>a {
		padding: 0 10px;
	}

	#navigation .btn.btn-primary {
		margin-right: 7px;
	}	

	#audio-player .jp-playlist .jp-playlist-item.jp-playlist-current {
		margin-left: -90px;
	}

	.home-banner .jp-progress{
		width: 60%;
	}

	.festival-image {
		margin-right: 20px;
	}

	.festival-info .text-right {
		padding-right: 30px;
		padding-top: 60px;
		overflow: hidden;
	}

	.post-content {
		padding-left: 30px;
		padding-right: 30px;
	}

	.about-info {
		padding-top: 10px;
		padding-bottom: 20px;
	}

	.video-content {
		max-height: 260px;
	}

	.gallery-section .nav > li > a {
		padding: 0 1px;
	}

	.festival-info {
		margin-bottom: 13px;
	}

	.artists-info a {
		font-size: 26px;
		line-height: 24px;
	}

	.artist-info address .menu.sub {
		margin-left: 0;
	}

	.artist-info address .menu {
		float: none;
		min-width: 100%;
	}

	.schedule-menu li:nth-child(2) {
		margin-right: 55px;
	}

	.schedule-menu li:nth-child(4) {
		margin-left: 55px;
		margin-right: 45px;
	}

	.schedule-section .festival-image {
		margin-right: 15px;
	}

	.festival-info h2 {
		font-size: 24px;
	}	

	.schedule-slider .owl-prev {
		left: -10px;
	}

	.schedule-slider .owl-next {
		right: -10px;
	}

	#jplayer-container .jp-controls {
		width: 85px;
	}

	#jplayer-container #playing {
		left: 105px;
		line-height: 17px;
	}

	#jplayer-container #playing .artist-name {
		top: 50px;
	}

	.video-content .video.video-icons {
	    margin-left: -75px;
	    margin-top: -60px;
	}

	.schedule-slider h4 {
		padding-top: 20px;
	}

	.gallery-info .title a {
		font-size: 30px;
	}	

	.discography .menu.sub {
		margin-left: 20px;
	}

	.photos-filckr li:nth-child(4) {
		margin-left: 10px;
	}

	.photos-filckr li:nth-child(3),
	.photos-filckr li:nth-child(5) {
		margin-left: 0;
	}

	.audio-album .quantity h3 {
		margin-right: 10px;
	}

	.audio-album .quantity .input-text {
	    max-width: 138px;
	}

	.featured-video .right-content {
		padding-bottom: 25px;
		padding-left: 30px;
	}

	.jp-progress {
		margin-left: 0;
	}	

	.festival-info .audio-list .controls {
		margin-right: 8px;
	}	

	.products.item .products-icons {
		margin-top: -120px;
	}	
	.entry-title a{
		font-size: 28px;
		line-height: 30px;
	}
	.artist-info {
		padding-top: 0;
	}

	.pt-20 {
	   padding-top:5px;
	}

}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	
	.newsletter-section{
		min-height:450px;
	}
	
	.live-div{
		width: 73px;
}

	.live-icon{
		display:none;
	}

	#navigation .navbar-nav>li>a {
		padding: 0 15px;
		padding-bottom: 10px;
		line-height: 40px;
	}

	#navigation .navbar-collapse {
		float: none;
		text-align: center;
		margin-top: 0px;
	}

	#navigation .navbar-nav {
		float: none;
		display: inline-block;
		margin-top:-11px;
	}

	#navigation .navbar:before {
		height: 70px;
	}

	#navigation .navbar:after {
		top: 60px;
	}

	#navigation .navbar-brand {
		margin: 0;
		
	}
	
	#navigation .navbar-brand>img{
		height: 70px;
		margin-top: -5px;
	}

	.navbar-header {
		float: none;
	}

	#navigation .btn.btn-primary {
		position: absolute;
		top: 0;
		right: 45px;
		margin-top: 10px;
	}

	ul.sub-menu.menu {
		left: inherit;
		right: 0;
	}

	ul.sub-menu {
		top: 50px;
		text-align: left;
	}

	.megamenu ul.sub-menu {
		top: 100px;
	}	

	.home-content h2 {
		font-size: 95px;
	}

	#audio-player .jp-playlist .jp-playlist-item.jp-playlist-current {
		margin-left: -55px;
	}

	.home-banner .jp-progress {
		width: 43%;
	}

	.home-banner .jp-controls {
		margin-left: 35px;
	}

	.artists {
		margin-top: 10px;
	}

	.artists-info {
		padding: 25px 10px;
	}

	.artists-info ul {
		margin-bottom: 10px;
	}

	.artists-info a {
		font-size: 25px;
		line-height: 20px;
	}

	.video-content {
		max-height: 195px;
	}

	.section-title h2 {
		font-size: 36px;
	}

	.festival-image {
		margin-right: 15px;
	}

	.festival-info .text-left {
		float: none;
	}

	.festival-info .text-right {
		text-align: left;
		padding: 0;
	}

	.shop-section .products {
		min-height: 345px;
	}

	.entry-title h1, 
	.entry-title a {
		font-size: 24px;
		line-height: 30px;
	}

	.entry-title {
		margin-bottom: 0;
		line-height: 30px;
	}

	.promotion h2 {
		font-size: 95px;
	}

	.about-content .no-padding {
		padding-left: 15px;
		padding-right: 15px;
	}

	.gallery-section .nav-tabs {
		padding-left: 30px;
	}

	.festival-info .time {
		margin-left: -40px;
	}

	.festival-info .time h1 {
		font-size: 30px;
	}

	.product-menu.sub {
		margin-left: 0;
	}

	.product-menu {
		float: none;
	}

	.add-buttons .button {
		margin-bottom: 10px;
	}

	.artist-info address .menu.sub {
		margin-left: 0;
	}

	.artist-info address .menu {
		float: none;
		min-width: 100%;
	}

	.artist-detail h1 {
		font-size: 28px;
		line-height: 26px;
	}

	.entry-title {
		margin: 20px 0;
	}

	.entry-title h1, 
	.entry-title a {
		font-size: 26px;
		line-height: 20px;
	}

	.schedule-section .festival-image {
		margin-right: 10px;
	}

	.festival-info h2 {
		font-size: 20px;
	}

	.festival-info h5 {
		display: block;
	}

	.festival-info .rock-roll {
		padding: 0;
		margin-top: 35px;
	}

	.schedule-menu li + li {
		margin: 0;
	}

	.schedule-menu li:nth-child(2) {
		margin-left: 30px;
		margin-right: 35px;
	}

	.schedule-menu li:nth-child(4) {
		margin-left: 60px;
	}

	.schedule-menu li:nth-child(5)  {
		margin: 0;
	}

	.schedule-slider .owl-prev {
		left: 0;
	}

	.schedule-slider .owl-next {
		right: 0;
	}

	.photos-filckr li + li {
		margin-left: 35px;
	}	

	.ucoming-events .festival-image {
		margin-right: 10px;
	}	

	.ucoming-events .festival-info h2 {
		font-size: 20px;
		margin-top: 10px;
	}

	.ucoming-events .address {
		padding-top: 20px;
	}

	.ucoming-events .button {
		text-align: inherit;
	}

	.ucoming-events .btn.btn-primary {
		padding-left: 25px;
		padding-right: 50px;
	}

	.ucoming-events .schedule-menu li:nth-child(2) {
		margin-right: 80px;
	}

	.featured-video .right-content {
		padding-left: 20px;
	}

	#jplayer-container .jp-controls {
		width: 65px;
	}

	#jplayer-container #playing {
		left: 80px;
		line-height: 17px;
	}

	#jplayer-container #playing .artist-name {
		display: none;
	}

	.video-content .video.video-icons {
	    margin-left: -55px;
	    margin-top: -50px;
	}

	.band-banner .home-content h1 {
		font-size: 65px;
	}

	.band-banner .home-content h2 {
		font-size: 60px;
		line-height: 10px;
	}

	.band-banner .home-content {
	    padding-bottom: 80px;
	    padding-top: 175px;
	}	

	.albums-slider.slider-band {
		background-position: 0 100px;
	}

	.products.item .products-icons {
		width: 80px;
		height: 80px;
		line-height: 80px;
		margin-left: -45px;
		margin-top: -100px;
	}

	.products.item .products-icons i {
		font-size: 30px;
	}

	.about-section .about-image img {
		width: 100%;
	}	

	.gallery-info .title a {
		font-size: 26px;
		line-height: 28px;
	}	

	.gallery-info .title i {
		font-size: 65px;
	}

	.discography-image,
	.vocal-image {
		margin-top: 20px;
	}

	.biography-image img,
	.discography-image img,
	.earning-image img,
	.vocal-image img,
	.artist-image img,
	.career-image img {
		width: 100%;
	}

	.photos-filckr li:nth-child(4) {
		margin-left: 0;
	}

	.audio-album .jp-progress {
		width: 60%;
	}

	.audio-album .quantity h3 {
		margin-right: 10px;
	}

	.audio-album .quantity .input-text {
	    max-width: 83px;
	}

	.add-buttons .button {
		padding-left: 30px;
		padding-right: 10px;
		font-size: 14px;
	}

	.add-buttons i {
		left: 5px;
	}

	.video.video-icons img {
		width: 70%;
	}

	#countdown li + li {
		margin-left: 10px;
	}

	.audio-content {
		max-height: 605px;
	}

	.featured-video .right-content {
		padding-bottom: 45px;
	}	

	.career-content,
	.earnings-content {
		padding-top: 50px;
	}

	.discography-content,
	.vocal-content {
		padding-top: 0;
	}

	.jp-progress {
		margin-left: 0;
	}
	.home-banner.banner .home-content {
	    padding-bottom: 140px;
	    padding-top: 250px;
	}	
	.gallery-section .nav-tabs li{
		width: 50%;
	}
	.post-content {
		padding-bottom: 20px;
		padding: 20px;
	}
	.entry-title h1, .entry-title a {
	    font-size: 18px;
	}
	.artist-info {
		padding-top: 0;
	}

	.pt-20 {
	   padding-top:5px;
	}
}


/* xs */
@media (max-width: 767px) {
	
	.newsletter-section{
		min-height:420px;
	}
	
	#navigation .btn.btn-primary {
		background-color:transparent !Important;
		border:none;
	}
	
	.live-div{
		
}

	.live-icon{
		background-color:#e60000;
		font-size:20px !important;
		padding:5px;
		margin-top:-9px;
		border-radius:3px;
	}
	
	.navbar-brand>img{
		height:50px;
		text-align:right;
		margin-left:100%;
		margin-top:-5px;
	}
	
	#navigation .navbar:after {
		left: 50%;
		margin-left: -44%;
		width: 88%;
		margin-top:-75px;
		border-right: 25px solid transparent;
		border-left: 25px solid transparent;
	}

	.before:before {
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-top: 15px solid #fff;
	}

	.before-after:before, .before-after:after, 
	.about-section.about.before-after:before, 
	.about-section.about.before-after:after {
	    top: -12px;
	    width: 13%;
	    height:13px;
	}

	#navigation .navbar:before {
		height: 100px;
	}		

	.btn.btn-primary {
	    font-size: 13px;
	    padding-top: 6px;
	    padding-bottom: 10px;
	    padding-left: 15px;
	    padding-right: 45px;
	}

	.btn.btn-primary i {
	    right: 17px;
	    top: 10px;
	    font-size:15px;
	}

	.btn.btn-primary:hover i{
		right:14px;	
	} 

	#navigation .btn.btn-primary-home {
		position: absolute;
		top: 3px;
		right: 75px;
		font-size: 11px;
		padding: 3px 10px 6px;
	}

	#navigation .btn.btn-primary {
			position: absolute;
			top: 4px;
			right: 75px;
			font-size: 11px;
			padding: 3px 10px 6px;
	}
	.navbar-brand {
		padding-left: 10px;
		padding-top: 12px;
	}

	.navbar-toggle {
		margin-top: 8px;
	}

	#navigation .navbar-collapse {
		float: none;
		border-top: 1px solid #e60000;
		background-color: #fff;
	}

	#navigation .navbar-nav > li > a {
		line-height: 30px;
		color:#e60000;
	}

	.equalizer {
		display: none;
	}

	ul.sub-menu {
		left: 20px;
		top: 25px;
	}

	#navigation .navbar-nav li ul.sub-menu li a {
		padding: 5px 0 5px 20px;
	}	

	.logo-intro span {
		font-size: 30px;
	}

	.logo-intro img {
		width: 20%;
		margin: 0;
		margin-top: -4px;
	}
	
	.home-banner.banner .home-content,
	.home-content {
		padding-top: 110px;
		padding-bottom: 45px;
	}	

	.home-banner.banner .home-content h3 {
		font-size: 20px;
	}

	.home-content h2 {
		font-size: 50px;
		line-height: 45px;
	}

	#countdown li span {
		font-size: 30px;
		width: 30px;
	}

	#countdown li {
		width: 115px;
	}

	#countdown li p {
		font-size: 12px;
		margin-top: 22px;
	}

	#countdown li + li {
		margin-left: 0;
	}

	.jp-controls {
		margin-left: 23%;
	}	

	.audio-album .jp-controls {
		margin-left: 0;
	}

	.audio-album .jp-progress {
		width: 55%;
	}

	.audio-album .track-name {
		font-size: 16px;
	}

	.related-album h1 {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.related-album {
		padding-top: 0;
	}

	.jp-progress {
		width: 70%;
		margin-left: 0;
		margin-bottom: 30px;
	}

	.home-banner #audio-player .jp-playlist-current,
	.home-banner .album-cover,
	.jp-volume-controls {
		display: none;
	}

	.section-padding {
		padding-top: 30px;
		padding-bottom: 40px;
	}
	
	.artists-section .section-title,
	.gallery-section .section-title,
	.twitter-feed .section-title,
	.gallery-section .section-title,
	.section-title {
		margin-bottom: 30px;
	}

	.section-title h2 {
		font-size: 30px;
	}

	.about-info {
		padding: 10px 30px 30px;
	}

	.artists {
		margin-top: 0;
		margin-bottom: 15px;
	}

	.artists-section .btn.btn-primary {
		margin-bottom: 0;
	}

	.festival-schedule .section-title {
		margin-top: 50px;
		padding-top: 0;
		overflow: hidden;
	}

	.festival-info h2 {
		font-size: 24px;
		margin-bottom: 10px;
	}

	.entry-title h1, 
	.entry-title a {
		font-size: 24px;
		line-height: 26px;
	}
	
	.blog-section.blog .entry-post,
	.entry-post {
		margin-bottom: 15px;
	}

	.entry-post img {
		width: 100%;
	}

	.promotion h2 {
		font-size: 60px;
	}

	.festival-info {
		margin-bottom: 15px;
	}

	.video-content {
		max-height: 255px;
	}

	.twitter-feed h4 {
		margin-top: 0;
	}

	.promotion-content {
		padding-top: 50px;
		padding-bottom: 0;
	}

	.gallery-section .nav-tabs li{
		width: 25%;
	}

	.about-content .no-padding {
		padding-left: 15px;
		padding-right: 15px;
	}

	.artists-info a {
		font-size: 24px;
		line-height: 20px;
	}

	.btn.btn-default {
		font-size: 14px;
	}

	.festival-info .text-right {
		text-align: left;
		overflow: hidden;
		padding-top: 0;
		padding-right: 0;
	}

	.festival-info .time {
		margin-left: -38px;
	}

	.festival-info .time h1 {
		font-size: 28px;
	}

	#gmap {
		min-height: 480px;
	}

	.footer-memu li a {
		font-size: 14px;
	}

	.page-title h2 {
		font-size: 36px;
	}

	.vocal-content,
	.earnings-content,
	.discography-content,
	.career-content,
	.artist-detail-content,
	.musical-awards.section-padding {
		padding: 0;
	}

	.earnings-content,
	.career-content,
	.musical-awards.section-padding {
		padding-top: 30px;
	}

	.discography .menu.sub {
		margin-left: 15px;
	}

	.discography-image {
		margin-top: 20px;
	}

	.panel-left::after {
		height: 345px;
	}

	.photo-galery .photo {
		max-height: 350px;
		max-width: 100%;
		margin-bottom: 15px;
	}

	.artist-image img,
	.photo-galery .photo img,
	.album-image img {
		width: 100%;
	}

	.artist-info address .menu.sub,
	.product-menu.sub {
		margin-left: 0;
	}

	.artist-info address .menu,
	.product-menu {
		float: none;
	}

	.artist-detail h1 {
		font-size: 26px;
		line-height: 24px;
	}

	.artist-detail h4 {
		margin-bottom: 10px;
	}

	.artist-info {
		padding-top: 20px;
	}

	.showcase {
		margin-bottom: 15px;
	}

	.showcase-section .section-title h2 {
		font-size: 26px;
	}

	.showcase-section .section-title i {
		font-size: 50px;
	}

	.products-description .nav-tabs li + li {
		margin-left: 10px;
		padding-left: 8px;
	}

	.products-details h2 {
		font-size: 26px;
	}

	.products-slider .owl-nav i {
		font-size: 40px;
	}

	.sponsors-title img {
		width: 50%;
		margin-top: 0;
	}

	.sponsors-title {
		padding: 50px 0;
	}

	.sponsors-section .client li + li {
		margin-left: 0;
	}

	.sponsors-section {
		padding-top: 30px;
	}

	.blog-social {
		margin-top: 25px;
		margin-bottom: 0;
	}

	.comments-area h1,
	.replay-box h1, 
	.feedback h1 {
		font-size: 30px;
	}

	.comments-area li {
		padding-bottom: 30px;
	}	

	.comments-area li:last-child {
		padding-left: 55px;
	}

	.blog-details .post-content {
		padding-left: 20px;
		padding-bottom: 20px;
		padding-right: 20px;
	}

	.entry-post .entry-meta a {
		font-size: 14px;
	}	

	.entry-post .entry-meta li + li {
		margin-left: 5px;
	}

	.feedback .feedback-content {
		padding-bottom: 0;
	}

	.schedule-menu {
		padding-left: 15px;
		padding-right: 15px;
	}

	.schedule-menu li + li {
		margin-left: 20px;
	}	

	.schedule-menu li:nth-child(2),
	.schedule-menu li:nth-child(5),
	.schedule-menu li:nth-child(4) {
		margin: 0;
		margin-left: 30px;
	}

	.schedule-section .festival-image {
		margin-right: 25px;
		max-height: 105px;
	}

	.schedule-section .rock-roll {
		padding: 0;
	}

	.festival-info .text-left {
		float: none;
	}

	.festival-info h5 {
		text-align: left !important;
		float: none !important;
		overflow: hidden;
		display: block;
		margin-top: 0;
	}

	.festival-info .audio-list {
		padding-top: 15px;
		padding-bottom: 25px;
		padding-left: 10px;
	}

	.audio-list .audio-info h5 {
		display: inherit;
		float: none;
		padding-top: 10px;
	}

	.schedule-section .section-title {
	    margin-bottom: 10px;
	    padding-top: 10px;
	}	

	.footer-top {
		padding-top: 0;
	}

	.footer-widget {
		margin-bottom: 0;
	}

	.photos-filckr li:nth-child(4) {
		margin-left: 10px;
	}

	.footer-widget h3 {
		margin-bottom: 15px;
	}

	.schedule-slider .schedule {
		margin-left: 60px;
	}

	.ucoming-events .festival-info .time h1 {
	    font-size: 40px;
	    margin-top: 20px;
	}	

	.ucoming-events .festival-image {
		margin-left: 15px;
		margin-top: 15px;
		float: none;

	}

	.festival-info .events-title {
		overflow: hidden;
		padding-left: 15px;
	}

	.ucoming-events .address {
		padding-top: 15px;
		margin-left: 15px;
	}
	.ucoming-events .festival-info {
		padding-bottom: 5px;
	}
	.ucoming-events .festival-info h2 {
		font-size: 22px;
	}
	.no-padding {
		padding-right: 15px;
		padding-left: 15px;
	}

	.ucoming-events .button {
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: left;
		margin-left: 15px;
	}	

	.ucoming-events .schedule-menu li:nth-child(2) {
		margin: 0;
	}

	.blog-section.blog .pagination {
		margin-top: 10px;
		margin-bottom: 0;
	}

	.pagination li a {
		padding: 5px 10px;
		font-size: 14px;
	}

	.band-banner .home-content h2,
	.home-banner.biography .home-content h2 {
		font-size: 36px;
		margin-bottom: 10px;
	}

	.band-banner .home-content h1,
	.home-banner.biography .home-content h1 {
		font-size: 45px;
		line-height: 18px;
	}

	.band-banner .home-content h1 {
		line-height: 30px;
	}

	.band-banner .home-content,
	.home-banner.biography .home-content {
		padding-top: 90px;
		padding-bottom: 30px;
		text-align: center;
	}	

	.albums-slider.slider-band {
		background-image: inherit;
	}

	.promotion.contact h1 {
		font-size: 28px;
		margin-bottom: 0;
	}	

	.promotion.contact {
	    font-size: 18px;
	    line-height: 27px;
	}	

	.promotion-content {
		padding-top: 20px;
	}

	.promotion.contact .social {
		margin-top: 0;
	}

	.gallery-section .section-title {
		padding-top: 0;
	}

	.band.vocalist .vocalist-content, 
	.band.vocalist .vocalist-content {
		margin-top: 0;
		margin-bottom: 0;
	}

	.vocalist-content {
		padding-top: 20px;
		padding-bottom: 0;
	}

	.vocalist h1 {
		font-size: 24px;
		line-height: 25px;
	}

	.vocalist h2 {
		margin-top: 5px;
		margin-bottom: 10px;
	}

	.vocalist-overlya .social a {
		font-size: 18px;
	}

	.about.about-biography .social a i {
		font-size: 16px;
	}

	.about.about-biography .social a {
		margin: 0;
	}

	.gallery-info .title a {
		font-size: 24px;
		margin-bottom: 0;
		margin-top: 10px;
	}

	.gallery-info .title i {
		font-size: 40px;
	}

	.gallery-item {
		margin-bottom: 15px;
	}

	.biography-info h1 {
		font-size: 24px;
	}

	.biography-section .social a {
		margin: 0;
	}

	.page-title {
		padding-top: 60px;
		padding-bottom: 35px;
	}	

	.artist-detail.our-band h4 {
		margin-bottom: 10px;
	}

	.footer-logo img {
		width: 30%;
	}

	.album-image {
		max-width: 100%;
	}

	.album-menu li.pull-right {
		font-size: 14px;
		margin-top: 10px;
	}

	.album-menu li + li {
		margin-left:8px;
	}

	.album-menu {
		margin-bottom: 25px;
		margin-top: 0;
	}

	.cbp-item h3 {
		font-size: 18px;
	}

	.album-section .pagination {
		margin-top:20px;
	}

	.artist-section .pagination,
	.artist-section .artist-detail,
	.showcase-section .pagination {
		padding-top: 0;
		margin-bottom: 0;
	}

	.artist-section .artist-detail {
		padding-bottom: 0;
	}

	.products-section .pagination {
		margin-bottom: 20px;
	}
	
	.featured-video .video-gallery {
		padding-right: 0;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.featured-video .right-content {
		padding-left: 0;
		padding-bottom: 20px;
		padding-top: 10px;
	}

	.featured-video .jp-controls {
		margin-left: 0;
	}

	#jplayer-container .jp-progress {
		width: 34%;
	}

	#jplayer-container #playing .artist-name {
		display: none;
	}

	.right-content.bg-transparent::after {
		right: 100%;
	}

	.video.video-icons img {
		width: 50%;
	}

	.products-content {
		margin-bottom: 0;
	}	

	.ferformers .pagination {
		margin-top: 0;
	}

	.video-content .video.video-icons {
		margin-left: -30px;
		margin-top: -32px;
	}

	.festival-info .audio-list .controls {
		margin-left: 10px;
	}
	.artist-info address .menu h5 {
		min-width: 105px;
	}
	.copyright, .footer-memu {
		float: none;;
		text-align: center;
	}
	.footer-memu li + li {
		margin-left: 15px;
	}
	.footer-memu li {
		float: none;
		display: inline-block;
	}
	.festival-image {
		margin-right: 30px;
	}
	
	.about-section.about .about-content{
	    padding-bottom: 10px;
	}

	.pt-20 {
	   padding-top:5px;
	}

}

/* XS Portrait */
@media (max-width: 479px) {

	.logo-intro img {
		width: 30%;
		margin: 0;
	}

	.logo-intro span {
		font-size: 24px;
	}

	.home-content h2 {
		margin-top: 10px;
	}	

	.page-title h2 {
		font-size: 30px;
	}

	.promotion h2 {
		font-size: 40px;
	}

	.video-content {
		max-height: 165px;
	}
	#navigation .navbar:after {
		left: 50%;
		margin-left: -50%;
		width: 100%;
		border-right: 25px solid transparent;
		border-left: 25px solid transparent;
	}
	.navbar-toggle {
		margin-top: 12px;
	}
	.navbar-brand {
		padding-top: 15px;
	}

	.clients-section .section-title {
		margin-bottom: 20px;
	}	

	.festival-info .text-left {
		float: none;
	}

	.festival-info .text-right {
		text-align: inherit;
		display: inline;
	}

	.festival-image {
		margin-right: 15px;
	}	

	.gallery-section .nav-tabs {
		padding-left: 15px;
	}	

	.gallery-section .nav > li > a {
		padding: 0 10px;
	}

	.section-title h2 {
		font-size: 24px;
	}	

	.artists-info a {
		font-size: 20px;
		line-height: 18px;
	}	

	.contact-info {
		padding: 0 20px;
		padding-top: 25px;
		padding-bottom: 50px;
		margin-left: 25px;
		margin-top: -180px;
		right: 9%;
	}

	.footer {
		text-align: center;
	}

	.footer-memu,
	.copyright {
		float: none;
		display: inline-block;
	}

	.discography .menu.sub {
		margin-left: 0;
	}

	.discography .menu {
		display: inherit;
	}

	.panel-left::after {
		height: 335px;
	}

	.photo-galery .photo {
		max-height: 245px;
	}	

	.products-description .nav-tabs li {
		float: none;
		margin-bottom: 15px;
	}

	.products-description .nav-tabs li + li {
		margin-left: 0;
		padding-left: 0;
		border: none;
	}	

	.add-buttons .button {
		margin-bottom: 10px;
	}

	.become-sponsors h1, 
	.sponsors h1 {
		margin-bottom: 10px;
	}

	.sponsors-section .client li {
		margin-bottom: 15px;
	}

	.become-sponsors {
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.become-sponsors .btn.btn-primary {
		margin-top: 10px;
	}

	.blog-details .post-content {
		padding-left: 20px;
		padding-bottom: 20px;
	}

	.blog-details .entry-post .entry-meta a {
		font-size: 13px;
	}

	.entry-post .entry-meta li + li {
		margin-left: 0;
	}

	.blog-details .entry-title {
		margin-top: 5px;
		margin-bottom: 0;
	}

	.entry-title h1 {
		font-size: 18px;
		line-height: 20px;
		margin-bottom: 0;
		margin-top: 5px;
	}

	.comments-area h1, 
	.replay-box h1, 
	.feedback h1 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.replay-box .contact-form {
		padding: 0;
	}

	.replay-box {
		padding-bottom: 0;
	}

	.contact-form .btn.btn-primary {
		margin-top: 0;
	}

	.comments-area li:last-child {
		padding-left: 0;
	}

	.schedule-menu li:nth-child(2), 
	.schedule-menu li:nth-child(5), 
	.schedule-menu li:nth-child(4),
	.schedule-menu li + li {
		margin: 0;
	}

	.festival-info h2 {
		font-size: 18px;
		margin-top: 15px;
	}

	.schedule-slider .schedule {
		margin-left: 0;
		margin: 0 30px;
	}

	.schedule-slider h4 {
		padding-top: 10px;
	}

	.ucoming-events .festival-image {
		float: none;
	}

	.pagination li a {
		font-size: 14px;
		margin: 2px;
	}

	.band-banner .home-content {
		padding-top: 70px;
		padding-bottom: 20px;
	}

	.products.item .products-icons {
		width: 80px;
		height: 80px;
		line-height: 80px;
		margin-left: -45px;
		margin-top: -100px;
	}

	.products.item .products-icons i {
		font-size: 30px;
	}

	.artist-detail.our-band {
		padding-top: 25px;
	}

	.artist-detail.our-band.section-padding {
		padding-bottom: 10px;
	}

	.gallery-info .title a {
		line-height: 26px;
	}

	.festival-info h5 {
		display: block;
		overflow: hidden;
	}

	.festival-info .pull-left {
		float: none !important;
	}

	.festival-info .pull-right {
		float: none !important;
		text-align: left;
	}

	.festival-info .audio-list {
		padding-top: 20px;
	}

	.audio-album .jp-controls {
		width: 100px;
	}

	.audio-album .jp-progress {
		width: 33%;
	}

	.audio-album .jp-interface {
		padding-bottom: 28px;
	}

	.audio-album #playing {
		left: 130px;
	}

	.audio-album .info-wrapper .time,
	.audio-album .artist-name {
		display: none;
	}

	.timeline-panel {
		margin-bottom: 45px;
	}

	.panel-left::after {
		height: 250px;
	}

	.audio-content {
	    max-height: 555px;
	}	

	.products.item {
		min-height: 410px;
	}

	.ucoming-events .button {
		text-align: left;
	}

	.schedule-slider .time {
		margin-right: 5px;
	}

	.photos-filckr li:nth-child(4) {
		margin-left: 0;
	}
	.festival-info .text-right {
	    padding-top: 0;
	    padding-right: 0px;
	}
	.festival-image {
		max-height: initial;
	}
	.festival-info {
		padding-bottom: 10px;
	}
	.gallery-section .nav-tabs li{
		width: 50%;
	}
	.video-content .video a{
		font-size: 50px;
	}
	.video-content .video {
		margin-top: -35px;
	}
	.breadcrumb {
		margin-bottom:0px;
		top:0;
	}
	
	.pt-20 {
	   padding-top:5px;
	}


}


/* ==========================================================================
   STAR 983 FM rebrand overrides  (loaded last so these win)
   ========================================================================== */
:root{
  --star-red:#e60000;        /* YouTube red - hero */
  --star-red-deep:#e60000;   /* accent / links */
}

/* ---- Header: white background + thinner ---- */
#navigation .navbar:before{
  height:92px !important;
  background:#ffffff !important;
  box-shadow:0 2px 10px rgba(0,0,0,.10);
}
#navigation .navbar:after{ display:none !important; }   /* drop old brown pointer */
.navbar-brand>img{ height:74px !important; }
#navigation .navbar-brand{ margin:0 !important; padding:9px 0 !important; height:auto; }
#navigation .navbar-collapse{ float:left; margin-top:4px !important; }
#navigation .navbar-nav>li>a{ color:#1a1a1a !important; line-height:64px !important; }
#navigation .navbar-nav>li>a:focus,
#navigation .navbar-nav>li.active>a,
#navigation .navbar-nav>li>a:hover,
#navigation .navbar-nav>.active>a,
#navigation .navbar-nav>.active>a:focus,
#navigation .navbar-nav>.active>a:hover{ color:var(--star-red-deep) !important; }
#navigation .btn.btn-primary{ margin-top:18px !important; }
ul.sub-menu{ border-top:2px solid var(--star-red-deep) !important; }
#navigation .navbar-nav li ul.sub-menu li a:hover,
#navigation .navbar-nav li ul.sub-menu li a:focus,
#navigation .navbar-nav li ul.sub-menu li.active>a{ color:var(--star-red-deep) !important; }

/* Mobile: collapsed menu needs a solid background on white header */
@media (max-width:991px){
  #navigation .navbar:before{ height:78px !important; }
  .navbar-brand>img{ height:58px !important; }
  #navigation .navbar-toggle{ margin-top:20px; }
  #navigation .navbar-toggle .icon-bar{ background:#1a1a1a; }
  #navigation .navbar-collapse{
    background:#ffffff !important;
    margin-top:0 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.12);
    border-top:2px solid var(--star-red-deep);
  }
  #navigation .navbar-nav>li>a{ line-height:48px !important; }
}

/* ---- First hero section: team photo with red overlay ---- */
.home-banner.home-banner--hero{
  position:relative;
  min-height:82vh;
  display:flex;
  align-items:center;
  background:#7a0000 url(../images/hero-team.jpg) center center / cover no-repeat !important;
}
.home-banner.home-banner--hero:before{
  content:""; position:absolute; top:0; left:0; right:0; bottom:0;
  background:linear-gradient(180deg, rgba(160,0,0,.55) 0%, rgba(40,0,0,.78) 100%);
  z-index:1;
}
.home-banner.home-banner--hero .hero-video{
  position:absolute; top:0; left:0; width:100%; height:100%;
  object-fit:cover; object-position:center 20%;
  z-index:0; border:0; pointer-events:none;
}
.home-banner.home-banner--hero .container{ position:relative; z-index:2; width:100%; }
.home-banner.home-banner--hero .home-content{
  position:relative; z-index:2;
  padding-top:92px !important;
  padding-bottom:40px !important;
  color:#ffffff;
}
.home-banner.home-banner--hero .home-content{ color:#111111; }
.home-banner.home-banner--hero .logo-intro span{
  color:#111111 !important;
  font-size:34px !important;
  line-height:1.25 !important;
  text-shadow:0 0 14px rgba(255,255,255,.95), 0 0 6px rgba(255,255,255,.9);
}
@media (max-width:767px){
  .home-banner.home-banner--hero .logo-intro span{ font-size:22px !important; }
}
.home-banner.home-banner--hero .btn.btn-primary,
.home-banner.home-banner--hero .btn.btn-primary:hover,
.home-banner.home-banner--hero .btn.btn-primary:focus,
.home-banner.home-banner--hero .btn.btn-primary:active{
  background:#e60000 !important; color:#ffffff !important; border:0 !important;
}

/* ---- Desktop: full-width header, logo far left, button far right, 9 tabs between ---- */
@media (min-width:992px){
  #navigation .navbar > .container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100% !important;
    max-width:100% !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }
  #navigation .navbar-header{ float:none; margin:0; }
  #navigation .navbar-collapse{
    float:none !important;
    margin:0 !important;
    padding:0;
    width:auto;
    flex:0 1 auto;
  }
  #navigation .navbar-nav{ float:none; display:flex; }
  #navigation .navbar-nav>li{ float:none; }
  #navigation .navbar-nav>li>a{
    padding:0 12px !important;
    font-size:13px !important;
    white-space:nowrap;
  }
  #navigation .btn.btn-primary.listen-live{
    float:none !important;
    margin:0 !important;
    flex:0 0 auto;
  }
}
/* Tighter spacing on smaller desktops so all 9 tabs fit */
@media (min-width:992px) and (max-width:1199px){
  #navigation .navbar-nav>li>a{ padding:0 8px !important; font-size:12px !important; }
  #navigation .navbar > .container{ padding-left:14px !important; padding-right:14px !important; }
}

/* ---- Listen Live: playing state ---- */
.listen-live{ cursor:pointer; }
.listen-live.is-playing{ background:#1a1a1a !important; color:#fff !important; }
.listen-live.is-playing .live-icon{ animation:starLivePulse 1s ease-in-out infinite; }
@keyframes starLivePulse{ 0%,100%{opacity:1;} 50%{opacity:.25;} }

/* ---- Inner-page hero (breadcrumb) uses the team photo too ---- */
.breadcrumb.bg-image{
  background-image:url(../images/hero-team.jpg) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
.breadcrumb.bg-image .overlay{
  z-index:0 !important;
  background:linear-gradient(180deg, rgba(160,0,0,.55) 0%, rgba(40,0,0,.80) 100%) !important;
}
.breadcrumb.bg-image .page-title{ position:relative; z-index:1; }
.breadcrumb.bg-image .page-title h1,
.breadcrumb.bg-image .page-title h2{ color:#ffffff !important; }

/* ---- About section: enlarged Star FM logo + new copy ---- */
.about-image--logo{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:30px 20px;
}
.about-image--logo img{
  width:100%;
  max-width:430px;
  height:auto;
}
.about-tagline{
  font-family:'allerbold', sans-serif;
  font-size:30px;
  color:var(--star-red-deep);
  margin:0 0 18px;
  text-transform:none;
}
.about-subhead{
  font-family:'allerbold', sans-serif;
  font-size:20px;
  color:#1a1a1a;
  margin:24px 0 10px;
  text-transform:uppercase;
}

/* ---- About section: pure white, remove cracked-ground image, center logo ---- */
.about-section.about{
  background-image:none !important;
  background-color:#ffffff !important;
}
.about-section.about.before-after:before,
.about-section.about.before-after:after{
  display:none !important;   /* remove the cracked-ground skewed edge strips */
}
.about-section.about .about-info{ background-color:#ffffff !important; }
@media (min-width:992px){
  /* vertically center the logo column against the taller text column */
  .about-section.about .about-content .row{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
  }
  .about-section.about .about-content .row > [class*="col-"]{ float:none; }
}

/* ---- About section title: black like the body text ---- */
.about-section.about .section-title h1,
.about-section.about .section-title h2{
  color:#2c3e50 !important;
}

/* ---- Programs section: solid YouTube red, white cards ---- */
.gallery-section.programs-red{
  background-image:none !important;
  background-color:#e60000 !important;
}
.gallery-section.programs-red:before,
.gallery-section.programs-red:after{ display:none !important; }
.gallery-section.programs-red .section-title h1,
.gallery-section.programs-red .section-title h2{ color:#ffffff !important; }
.gallery-section.programs-red .festival-info{ background-color:#ffffff !important; }

/* ---- Footer: uniform red ---- */
.footer.bg-white{ background-color:#e60000 !important; }
.footer .copyright,
.footer .copyright p,
.footer .copyright a,
.footer .footer-memu ul li a,
.footer .footer-memu ul li a i{ color:#ffffff !important; }
.footer .footer-memu ul li a:hover,
.footer .footer-memu ul li a:hover i{ color:#ffe9e9 !important; }

/* ---- Special Programs (blog-section): all white, no cracked strips ---- */
.blog-section{ background:#ffffff !important; }
.blog-section.before-after:before,
.blog-section.before-after:after{ display:none !important; }

/* ---- Remove bluish-grey body gap (from modal demo CSS) ---- */
body{ background-color:#ffffff !important; }

/* ---- Inner-page hero sits right below the header (no grey gap) ---- */
.breadcrumb{ top:0 !important; margin-top:0 !important; }
.breadcrumb .page-title{ margin-top:0 !important; }

/* ---- Section above footer: white, no city silhouette, dark text ---- */
.promotion.contact.bg-image{
  background-image:none !important;
  background-color:#ffffff !important;
}
.promotion.contact .promotion-overlay{ display:none !important; }
.promotion.contact:before, .promotion.contact:after{ display:none !important; }
.promotion.contact h3,
.promotion.contact p,
.promotion.contact ul li a,
.promotion.contact .social a,
.promotion.contact .social a span,
.promotion.contact .social a i{ color:#1a1a1a !important; }
.promotion.contact ul li a:hover,
.promotion.contact .social a:hover{ color:#e60000 !important; }

/* ---- Footer: remove white skew strips covering content ---- */
.footer:before, .footer:after{ display:none !important; }

/* ---- About page: StarFM + ULP sections ---- */
@media (min-width:992px){
  .about-section.about-festival .about-content .row{ display:flex; align-items:center; flex-wrap:wrap; }
  .about-section.about-festival.about-ulp .about-content .row{ align-items:flex-start; }
  .about-section.about-festival .about-content .row > [class*="col-"]{ float:none; }
  .about-section.about-ulp .about-image--logo{ position:sticky; top:110px; }
}
.about-section.about-festival .about-info h3{
  color:#2c3e50; font-family:'allerbold', sans-serif; margin-bottom:16px;
}
.about-section.about-festival .about-info h4{
  color:#e60000; font-family:'allerbold', sans-serif;
  font-size:19px; margin:22px 0 8px; text-transform:none;
}
.about-section.about-festival .about-info .ulp-list{
  list-style:disc; padding-left:20px; margin-bottom:6px;
}
.about-section.about-festival .about-info .ulp-list li{
  line-height:25px; margin-bottom:10px; text-align:justify;
}

/* ---- About page "We are Live" banner: red with white text ---- */
.promotion:not(.contact){
  background-image:none !important;
  background-color:#e60000 !important;
}
.promotion:not(.contact) .promotion-overlay{ background-color:#e60000 !important; }
.promotion:not(.contact) .logo-intro span{ color:#ffffff !important; }
.promotion:not(.contact):before, .promotion:not(.contact):after{ display:none !important; }

/* ---- St. Vincent weather widget ---- */
.svg-weather{ font-family:'allerregular', sans-serif; color:#222; padding:6px 4px; }
.svg-weather .sw-current{ display:flex; align-items:center; justify-content:center; gap:18px; margin:6px 0 18px; }
.svg-weather .sw-cur-icon{ font-size:46px; color:#e60000; }
.svg-weather .sw-cur-temp{ font-size:44px; font-weight:bold; line-height:1; }
.svg-weather .sw-cur-desc{ font-size:15px; color:#555; }
.svg-weather .sw-days{ display:flex; justify-content:space-between; gap:4px; }
.svg-weather .sw-day{ flex:1; text-align:center; font-size:13px; }
.svg-weather .sw-day .sw-dname{ font-weight:bold; margin-bottom:4px; }
.svg-weather .sw-day .sw-dicon{ font-size:20px; color:#e60000; margin:2px 0; }
.svg-weather .sw-day .sw-hi{ display:block; font-weight:bold; }
.svg-weather .sw-day .sw-lo{ display:block; color:#888; }
.svg-weather .sw-loading{ text-align:center; color:#888; padding:20px 0; }

/* ---- Contact page: email details block ---- */
.contact-emails{ max-width:1000px; margin:0 auto 30px; text-align:center; }
.contact-emails h2{ color:#2c3e50; margin-bottom:18px; }
.contact-emails .ce-lead{ font-size:17px; line-height:28px; margin-bottom:28px; color:#2c3e50; }
.contact-emails .ce-grid{ margin-bottom:10px; }
.contact-emails .ce-grid > div{ margin-bottom:24px; }
.contact-emails .ce-grid h4{ color:#e60000; font-family:'allerbold', sans-serif; font-size:16px; margin:0 0 6px; min-height:42px; }
.contact-emails .ce-grid a{ color:#2c3e50; word-break:break-word; }
.contact-emails a:hover{ color:#e60000; }
.contact-emails .ce-address{ margin-top:18px; font-size:16px; line-height:26px; color:#2c3e50; }

/* ---- Dedicated Live Player page ---- */
.live-player-wrap{ background:#ffffff; }
.live-player{
  max-width:540px; margin:0 auto; text-align:center; background:#ffffff;
  border:1px solid #eee; border-radius:20px; padding:44px 30px;
  box-shadow:0 14px 50px rgba(0,0,0,.10);
}
.live-player .lp-logo img{ width:140px; height:auto; margin:0 auto 16px; }
.live-player .lp-live{
  display:inline-flex; align-items:center; gap:8px;
  color:#e60000; font-weight:bold; letter-spacing:3px; font-size:13px;
}
.live-player .lp-dot{ width:10px; height:10px; border-radius:50%; background:#e60000; animation:lpPulse 1.2s infinite; }
@keyframes lpPulse{ 0%,100%{opacity:1} 50%{opacity:.2} }
.live-player .lp-title{ margin:12px 0 2px; color:#1a1a1a; }
.live-player .lp-sub{ color:#777; margin-bottom:26px; }
.live-player .lp-play{
  width:88px; height:88px; border-radius:50%; border:0; background:#e60000; color:#fff;
  font-size:30px; cursor:pointer; transition:transform .15s ease, background .15s ease;
}
.live-player .lp-play i{ margin-left:4px; }
.live-player .lp-play.playing i{ margin-left:0; }
.live-player .lp-play:hover{ background:#c00000; transform:scale(1.05); }
.live-player .lp-play.playing{ background:#1a1a1a; }
.live-player .lp-status{ margin:20px 0 24px; color:#555; min-height:20px; }
.live-player .lp-volume{ display:flex; align-items:center; justify-content:center; gap:12px; max-width:300px; margin:0 auto; }
.live-player .lp-mute{ background:none; border:0; color:#1a1a1a; font-size:18px; cursor:pointer; }
.live-player .lp-vol{ flex:1; accent-color:#e60000; height:4px; }

/* ---- CMS public pages (News / ULP Columns / Gallery / Article) ---- */
.cms-list{ padding-top:10px; padding-bottom:10px; }
.cms-empty{ text-align:center; color:#777; font-size:18px; padding:40px 0; }
.cms-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:10px; }
.cms-grid::before, .cms-grid::after{ content:none !important; display:none !important; }
.cms-grid > *{ float:none; width:auto; max-width:none; padding:0; }
.cms-grid .cms-card-post{ height:100%; display:flex; flex-direction:column; margin:0; }
.cms-grid .cms-card-body{ display:flex; flex-direction:column; flex:1 1 auto; }
.cms-grid .cms-card-body .btn{ margin-top:auto; align-self:flex-start; }
@media(max-width:991px){ .cms-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .cms-grid{ grid-template-columns:1fr; } }
.cms-card-post{
  background:#fff; border:1px solid #eee; border-radius:12px; overflow:hidden;
  margin-bottom:30px; box-shadow:0 6px 24px rgba(0,0,0,.06);
  transition:transform .15s ease, box-shadow .15s ease;
}
.cms-card-post:hover{ transform:translateY(-3px); box-shadow:0 12px 30px rgba(0,0,0,.10); }
.cms-card-img{ display:block; height:200px; overflow:hidden; background:#f3f3f3; }
.cms-card-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.cms-card-img .cms-noimg{ display:flex; align-items:center; justify-content:center; height:100%; color:#e60000; font-size:46px; }
.cms-card-body{ padding:20px 22px 24px; }
.cms-card-date{ color:#e60000; font-size:12px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; }
.cms-card-body h3{ margin:8px 0 10px; font-size:19px; line-height:1.3; }
.cms-card-body h3 a{ color:#1a1a1a; }
.cms-card-body h3 a:hover{ color:#e60000; }
.cms-card-body p{ color:#666; line-height:24px; margin-bottom:16px; }

/* article */
.cms-article{ max-width:820px; margin:0 auto; }
.cms-back{ display:inline-block; color:#e60000; font-weight:bold; margin-bottom:14px; }
.cms-article .cms-card-date{ display:block; margin-bottom:6px; }
.cms-article-title{ font-size:32px; line-height:1.2; color:#1a1a1a; margin:0 0 22px; }
.cms-article-img{ width:100%; max-height:460px; object-fit:cover; border-radius:12px; margin-bottom:24px; }
.cms-article-body{ color:#333; font-size:17px; }
.cms-article-body p{ margin-bottom:18px; }

/* gallery */
.cms-gallery{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px; }
.cms-gallery-item{ position:relative; display:block; border-radius:10px; overflow:hidden; background:#f3f3f3; height:200px; }
.cms-gallery-item img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease; }
.cms-gallery-item:hover img{ transform:scale(1.06); }
.cms-gallery-item .cms-gcap{
  position:absolute; left:0; right:0; bottom:0; padding:8px 12px;
  background:linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.7)); color:#fff; font-size:13px;
}

/* ---- Media sub-navigation pills (Media / Videos / Music) ---- */
.media-tabs{ display:flex; justify-content:center; gap:10px; margin:0 0 32px; flex-wrap:wrap; }
.media-tabs a{ padding:11px 30px; border-radius:30px; border:2px solid #e60000; color:#e60000 !important; background:#fff; font-weight:bold; font-size:13px; text-transform:uppercase; letter-spacing:1px; transition:background .15s, color .15s; }
.media-tabs a:hover{ background:#ffecec; }
.media-tabs a.active{ background:#e60000; color:#fff; }

/* ---- YouTube embed grid (Videos / Music) ---- */
.cms-embed-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media(max-width:991px){ .cms-embed-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .cms-embed-grid{ grid-template-columns:1fr; } }
.cms-embed{ background:#fff; border:1px solid #eee; border-radius:12px; overflow:hidden; box-shadow:0 6px 24px rgba(0,0,0,.06); }
.cms-embed-frame{ position:relative; width:100%; padding-top:56.25%; background:#000; }
.cms-embed-frame iframe{ position:absolute; top:0; left:0; width:100%; height:100%; border:0; }
.cms-embed-title{ padding:14px 16px; font-weight:bold; color:#1a1a1a; font-size:15px; }

/* ===== Mobile fixes (sidebar position + Listen Live label) ===== */
@media (max-width: 767px){
  /* sit the social bar in the lower-left of the hero, clear of faces/text */
  #social_side_links{ top:auto !important; bottom:13vh !important; transform:none !important; }

  /* clean, readable "Listen Live" button — text only, no overlapping icon */
  #navigation .btn.btn-primary.listen-live{
    display:inline-flex !important; align-items:center; justify-content:center;
    background:#e60000 !important; color:#fff !important;
    padding:7px 16px !important; border-radius:6px !important;
    width:auto !important; white-space:nowrap; line-height:1.1;
  }
  #navigation .btn.btn-primary.listen-live .live-icon{ display:none !important; }
  #navigation .btn.btn-primary.listen-live .live-div{
    display:inline-block !important; width:auto !important; margin:0 !important;
    color:#fff !important; font-size:13px !important; font-weight:bold; text-transform:uppercase; letter-spacing:.5px;
  }
  #navigation .btn.btn-primary.listen-live.is-playing{ background:#1a1a1a !important; }
}

/* News category badge */
.cms-cat{ display:inline-block; background:#e60000; color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase; letter-spacing:.5px; padding:3px 9px; border-radius:20px; margin-right:8px; vertical-align:middle; }

/* ===== Media galleries (albums) ===== */
.cms-album-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.cms-album{ display:block; border:1px solid #eee; border-radius:12px; overflow:hidden; background:#fff; box-shadow:0 6px 24px rgba(0,0,0,.06); transition:transform .15s; }
.cms-album:hover{ transform:translateY(-3px); }
.cms-album-cover{ display:block; height:190px; background:#ddd center/cover no-repeat; }
.cms-album-meta{ display:block; padding:14px 16px; }
.cms-album-title{ display:block; font-weight:bold; color:#1a1a1a; font-size:16px; }
.cms-album-count{ display:block; color:#e60000; font-size:12px; font-weight:bold; text-transform:uppercase; letter-spacing:.5px; margin-top:3px; }
.gallery-head{ display:flex; align-items:center; gap:18px; margin-bottom:22px; flex-wrap:wrap; }
.gallery-back{ color:#e60000 !important; font-weight:bold; }
.gallery-title{ margin:0; font-size:24px; color:#1a1a1a; }
.gallery-title .gallery-date{ font-size:14px; color:#888; font-weight:normal; }
@media(max-width:991px){ .cms-album-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:600px){ .cms-album-grid{ grid-template-columns:1fr; } }

/* ===== Lightbox ===== */
.lb{ display:none; position:fixed; inset:0; z-index:2000; background:rgba(0,0,0,.9); align-items:center; justify-content:center; }
.lb.open{ display:flex; }
.lb-img{ max-width:90vw; max-height:86vh; box-shadow:0 0 40px rgba(0,0,0,.6); }
.lb-close,.lb-prev,.lb-next{ position:absolute; background:rgba(255,255,255,.12); color:#fff; border:none; cursor:pointer; font-size:30px; line-height:1; padding:10px 16px; border-radius:8px; }
.lb-close{ top:18px; right:18px; }
.lb-prev{ left:18px; top:50%; transform:translateY(-50%); }
.lb-next{ right:18px; top:50%; transform:translateY(-50%); }
.lb-close:hover,.lb-prev:hover,.lb-next:hover{ background:rgba(230,0,0,.8); }

/* ===== Podcast page ===== */
.podcast-frame{ position:relative; width:100%; padding-top:56.25%; background:#0c0c0c radial-gradient(circle at 50% 45%, #2a0000 0%, #0c0c0c 70%); border-radius:14px; overflow:hidden; box-shadow:0 10px 40px rgba(0,0,0,.25); }
.podcast-logo{ position:absolute; top:42%; left:50%; transform:translate(-50%,-50%); max-width:46%; max-height:42%; opacity:.96; }
.podcast-play{ position:absolute; top:62%; left:50%; transform:translate(-50%,-50%); width:74px; height:74px; border-radius:50%; background:#e60000; color:#fff; display:flex; align-items:center; justify-content:center; font-size:28px; box-shadow:0 6px 20px rgba(230,0,0,.5); }
.podcast-play .fa{ margin-left:5px; }
.podcast-write{ text-align:center; max-width:760px; margin:30px auto 0; }
.podcast-write h2{ color:#1a1a1a; margin-bottom:14px; }
.podcast-write p{ color:#444; font-size:16px; line-height:26px; }

/* ===== Center text inside all buttons ===== */
.btn, a.btn, button, input[type="submit"], input[type="button"],
.cms-btn, .news-tabs a, .media-tabs a,
.lb-close, .lb-prev, .lb-next { text-align:center !important; }
.btn.listen-live, .listen-live, .btn-primary.content,
.news-tabs a, .media-tabs a { display:inline-flex !important; align-items:center; justify-content:center !important; }

/* ===== Legal pages, footer links, media intro ===== */
.legal-page{ max-width:880px; margin:0 auto; }
.legal-page h3{ color:#1a1a1a; margin:28px 0 10px; font-size:20px; }
.legal-page p{ color:#444; line-height:27px; margin-bottom:14px; }
.legal-page .legal-updated{ color:#888; font-size:13px; font-style:italic; }
.legal-page a{ color:#e60000; }
.footer-links{ margin-top:8px; font-size:13px; }
.footer-links a{ color:#777 !important; }
.footer-links a:hover{ color:#e60000 !important; }
.footer-links span{ color:#bbb; margin:0 4px; }
.media-intro{ text-align:center; max-width:760px; margin:0 auto 28px; color:#555; line-height:25px; }