@media (min-width: 320px) and (max-width: 767px) {
    .top-menu, .custom-right-menu, .impact-col h2, .close-btn .desktop, .podcast-list li .link, .play-bar .desktop, .song-request-bar .player-box .desktop, .right-request-button, .members-popup figure, .footer-col .footer-1, .footer-col:nth-child(2), .footer-col:last-child, .post-wrapper .post .post-content img{display: none;}
    .custom-menu-outer{padding: 0 5% 150px; top: 150px;}
    .custom-menu, .menu-main-menu-container{background-image: none !important; height: 100vh; padding: 0; width: 100%; background-color: #191919;}
    .custom-menu a, .menu-main-menu-container a {font-size: 24px;}
    .right-request-button.mobile{display:block; position: relative; z-index: 9; width: 90%; text-align: center; margin: 10px 5% 30px; float: left;}
    .banner-content{padding: 208px 0 150px;}
    .banner-content h1{font-size: 48px;}
    .banner-content p{font-size: 24px; width: 100%;}
    .logo{margin: 9px 12px 5px 15px;}
    .mobile-play{display: block;}
    .mobile-play.active{z-index: 99;}
    .inner-banner-col{background-attachment: initial; transform: none;}
    header.mobile{background-color: #191919;}
    /*Home*/
    .home-video{height: 100vh !important;}
    .video-content{width: 232px;}
    .video-content .work-btn{margin-top: 30px;}
    .about-col{padding: 50px 0;}
    .about-col figure{width: 100%;}
    .about-col figure img:last-child{border-width: 10px;}
    .about-col p{margin: 20px 0;}
    .about-col .right-content{width: 100%; margin-top: 60px;}
    .about-col a{width: 100%; text-align: center; margin-right: 0;}
    .about-col h2{font-size: 24px; line-height: 32px;}
    .impact-col{transform: none;}
    .impact-col h3, .impact-col .count-animation p{font-size: 30px; line-height: 40px;}
    .impact-col .count-animation{height: auto; font-size: 80px; line-height: 75px;}
    .impact-col, .award-list-col{padding: 50px 0;}
    .award-list-col h3{font-size: 30px; line-height: normal;}
    .impact-inner, .award-list-col p{width: 100%;}
    .award-list-col li{width: 41%; margin-right: 50px;}
    .award-list-col li:nth-child(2n+2){margin-right: 0;}
    /* .award-list-col li:nth-child(5n), .award-list-col li:last-child{margin-right: 50px;} */
    .latest-news-col .news-content{width: 100%; padding: 0 15px;}
    .latest-news-col .news-content p{margin: 20px 0 ;}
    .home-slider{width: 90%; margin-top: 20px;}
    .slick-prev, .slick-next{display: none !important;}
    .bbc-list-col, .latest-news-col{padding: 50px 0;}
    .bbc-list-col p{width: 100%;}
    .bbc-list-col li{width: 41%; margin-right: 50px; margin-bottom: 50px;}
    .bbc-list-col li:nth-child(2n){margin-right: 0;}

    /*About*/
    .about-tabs{padding: 0 15px;}
    .about-intro-text{padding-top: 50px;}
    .about-intro-text p{font-size: 24px; width: 100%; line-height: 36px;}
    .about-intro-text .sub-head{margin-top: 40px;}
    .post-content-inner h4{font-size: 96px; line-height: 75px;}
    .post-content-inner, .post-wrapper .post:nth-child(even) .post-content-inner{width: 100%; margin-left: 0; margin-right: 0;}
    .post-wrapper .post .post-content{padding-left: 35px; margin-left: 0;}
    .about-spacer{height: 100px;}
    .staff-listing ul{margin-top: -20px;}
    .staff-listing{padding: 50px 0;}
    .staff-listing h2{font-size: 56px; padding: 0;}
    .staff-listing li{width: 100%; margin-right:0; min-height: auto; padding-top: 10px;}
    .members-list{padding: 50px 0;}
    .members-list h3{font-size: 56px; padding: 0;}
    .members-list ul{margin-top:-14px;}
    .members-list li, .members-list.patrons li{width: 100%; margin-right:0; margin-bottom: 30px;}
    .members-list li a{line-height: 30px;}
    .bottom-text-bar{padding: 50px 0;}
    .bottom-text-bar h3, .bottom-text-bar .bottom-inner{width: 100%;}
    .bottom-text-bar h3{letter-spacing: 4px; margin-bottom: 25px;}
    .bottom-text-bar a{width: 100%; text-align: center; font-size: 16px;}
    .members-popup{width: 100%; padding: 0;}
    .close-btn{left: 10px; top: 10px; z-index: 9;}
    .close-btn .mobile{display: block;}
    .members-popup .popup-content{width: 100%; padding-top:0; padding-bottom: 0; height: 80%; margin-top: 20%;}
    .members-popup h2 strong{font-size: 48px;}
    .carousel-control-next{right: 10%;}
    /*Production*/
    .get-in-touch-bar{background-color: #2ec4b6;}
    .get-in-touch-bar .heading, .get-in-touch-bar p{width: 100%;}
    .get-in-touch-inner{position: initial; margin-top:0; width: 100%; border-radius: 0; padding: 50px 0;}
    .get-in-touch-bar a{width: 100%; margin-top: 15px; text-align: center;}
    .podcast-content-col, .podcast-content-col.blue-bg{padding: 50px 0;}
    .podcast-content-col.black-bg{padding-top: 50px;}
    .podcast-content-col h2{font-size: 48px; padding: 0; line-height: 60px;}
    .podcast-content-col.black-bg h2{padding-bottom: 70px;}
    .podcast-content-col.black-bg h2:after{left: 0; right: auto;}
    .podcast-list{margin-top: 0;}
    .podcast-content-col .all-post-btn{width: 100%; text-align: center;}
    .podcast-content-col.blue-bg li a:before{background-color: #fff;}
    .podcast-content-col.blue-bg li a:after{background: url('../images/video-icon-white@2x.png') no-repeat left top; background-size: contain;}
    .podcast-content-col.black-bg li a:before{background-color: #da4f34;}
    .podcast-content-col.black-bg li a:after{background: url('../images/music-icon-red-mb@2x.png') no-repeat left top; background-size: contain;}
    .podcast-list li .link:hover, .podcast-content-col.blue-bg li a:hover, .podcast-content-col.black-bg li a:hover{padding-right: 0; background-color: transparent; border-color: transparent;}
    /*Podcast*/
    .podcast-content-col.podcast-list-detail{padding: 50px 0;}
    .podcast-content-col.podcast-list-detail .intro-text{width: 100%; padding: 0;}
    .podcast-content-col .sub-head{width: 100%; padding: 0; font-size: 14px;}
    .podcast-content-col.podcast-list-detail .podcast-list{margin-top: 46px;}
    .podcast-list li{width: 48%;}
    .podcast-list li:nth-child(2n){margin-right: 0;}
    .podcast-list li figure{margin-bottom: 10px;}
    .podcast-list li figure a:before{content:''; position: absolute; left: 50%; top: 50%; margin-left: -24px; margin-top: -24px; width: 48px; height: 48px; background-color: #ffc53a;border-radius: 30em;}
    .podcast-list li figure a:after{content:''; position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -9px; width: 21px; height: 17px; background: url('../images/music-icon-yellow-copy@2x.png') no-repeat left top; background-size: contain;}
    .podcast-content-col.podcast-list-detail .podcast-list li p, .podcast-list li p{font-size: 18px; margin-bottom: 0;}
    /*Donate*/
    .donate-col{padding: 60px 0 0;}
    .donate-col .intro-text{width: 100%; padding: 0; font-size: 24px; line-height: 36px; margin-bottom: 50px;}
    .donate-col .sub-head{padding: 0;}
    .donate-block{margin: 20px 0 0;}
    .donate-block-inner{width: 100%; margin-right:0; padding-top: 40px; padding-bottom: 40px; margin-bottom: 30px;}
    .donate-block-inner h3{margin-bottom: 30px; font-size: 36px;}
    .donate-block-inner p{line-height: 30px;}
    .gift-aid-col{padding: 50px 0;}
    .gift-aid-col h2{width: 100%; font-size: 48px; padding-left: 0; margin-bottom: 15px;}
    .gift-aid-col .right-content{width: 100%;}
    /*News*/
    .news-and-updates h1{font-size: 48px; line-height: 60px;}
    .news-list{margin-top: 35px;}
    .news-list li{margin-bottom: 60px;}
    .news-list figure{width: 100%;}
    .news-list .text-col{margin-left: 0; width: 100%; margin-top: 20px;}
    .news-list .text-col h3{font-size: 24px;}
    .content-detail-page .date{padding: 0;}
    .content-detail-page img{width: 100%;}
    .subscribe-box{padding: 0; margin-top: 40px;}
    .subscribe-inner{padding: 50px 15px;}
    .subscribe-inner p{font-size: 16px;}
    .subscribe-inner .text-field{margin-right: 0; width: 100%;}
    .subscribe-inner .submit-btn{width: 100%; margin-top: 10px;}
    /*National*/
    .yellow-bar-intro{padding: 50px 0;}
    .yellow-bar-intro h2{padding-left: 0; font-size: 24px; line-height: 36px; width: 100%;}
    .yellow-bar-intro .right-content{width: 100%; padding: 0;}
    .yellow-bar-intro p, .detail-intro-text p{line-height: 30px;}
    .detail-intro-text{padding: 50px 0;}
    .detail-intro-text figure{width: 100%;}
    .detail-intro-text img:last-child{border-width: 10px;}
    .detail-intro-text .text-bar{width: 100%; margin-right:0;}
    .song-request-bar{padding: 80px 0 115px;}
    .song-request-bar h3{font-size: 56px; line-height: 60px;}
    .song-request-bar .player-box{width: 290px; position: relative; bottom: 18px; left: 0; margin: 0 auto;}
    .song-request-bar .player-box .mobile{display: block;}
    .list-and-programme{padding: 50px 0;}
    .list-and-programme .right-logo{float: left; width: 50%;}
    .list-and-programme h3{font-size: 36px; padding: 0; width: 100%; line-height: 48px;}
    .list-and-programme p{width: 100%; padding:0; line-height: 30px;}
    .list-and-programme li{width: 100%; margin-right: 0; margin-bottom: 15px;}
    .list-and-programme .see-all-link{margin-left: 0; margin-right: 0; width: 100%;}
    .list-and-programme a{width: 100%; text-align: center; float: left;}
    .programe-listing li{margin-bottom: 40px;}
    .programe-listing figure{float:left; width:100%;}
    .programe-listing p{line-height: initial;}
    .programe-listing a, .programe-listing a:hover{width: 27px;}
    /*International*/
    .banner-content h1 img{max-width: 173px;}
    .play-bar{background-color: #e9e9e9; padding: 65px 0;}
    .ipr-text{padding: 50px 0;}
    .ipr-text p{width: 100%; padding: 0;}
    .ipr-text a{width: 100%; margin-left: 0; margin-right: 0; text-align: center;}
    .ipr-outer-list{margin-bottom: 50px;}
    .ipr-list li{width: 100%; margin-right: 0; margin-bottom: 30px;}
    .ipr-list p{line-height: 28px;}
    .play-bar .mobile{float: left; width: 100%; text-align: center; display: block;}
    .play-bar .mobile figure{width: 220px; position: relative; margin: 0 auto 20px;}
    .play-bar .mobile figure:after{content:''; position: absolute; left: 67px; top:65px; width: 80px; height: 90px; background:url('../images/play@2x.png') no-repeat left top; background-size: contain;}
    .play-bar .mobile figure img{width: 100%; height: auto; position: initial; margin-left: 0;}
    .play-bar .mobile p{width: 220px; margin: 0 auto; text-align: left; font-size: 14px; color: #706f6f; font-family:'akzidenz-grotesk_proregular';}
    .play-bar .mobile p strong{font-size: 18px; color: #191919;}
    /*Contact*/
    .contact-us-col{padding: 50px 0 40px;}
    .contact-us-col .intro-text{width: 100%; font-size: 24px; line-height: 36px;}
    .contact-us-form fieldset:nth-child(2), .contact-us-form fieldset:nth-child(3){width: 100%;}
    .contact-us-form .send-btn{width: 100%; text-align: center;}
    /*Detail*/
    .content-detail-page{padding: 90px 0 60px;}
    .content-detail-page h1{font-size: 32px; line-height: 44px; padding:0;}
    .content-detail-page p{font-size: 20px; line-height: 30px; padding-left: 0; padding-right:0;}
    .return-link{margin-top: 30px; padding-left: 0; padding-right:0;}
    /*Footer*/
    .yellow-bar .yellow-bar-inner, .orange-bar .yellow-bar-inner{width:100%; position: relative; top:0; left: 0; padding-left: 0; padding-right: 0; border-radius: initial;}
    .yellow-bar{background-color: #ffc53a;}
    .orange-bar{background-color: #da4f34;}
    .yellow-bar .text, .orange-bar .text{width: 100%; margin-left: 0;}
    .yellow-bar .text strong, .orange-bar .text{font-size: 28px;}
    .yellow-bar a, .orange-bar a{width: 100%; text-align: center;}
    footer{background-attachment:local; transform: none;}
    .footer-content{padding: 50px 0;}
    .footer-col{margin-right:0;}
}
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  html {transform: rotate(-90deg); transform-origin: left top; width: 100vh; overflow-x: hidden; position: absolute; top: 100%; left: 0;}
  .inner-banner-col, .impact-col, footer{transform: none;}
}
@media (min-width: 768px){
	.mobile-play{display:none !important;}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .impact-col h2, .members-popup figure, .footer-col .footer-1, .footer-col:nth-child(2), .footer-col:last-child{display: none;}
    .inner-banner-col, .impact-col, footer{transform: none;}
    .custom-menu a, .menu-main-menu-container a {font-size: 34px;}
    .bottom-social-link{width: 75%;}
    .home-video{height: 100vh !important;}
    .about-col, .impact-col{padding:50px 15px;}
    .about-col figure, .impact-inner, .award-list-col p{width: 100%;}
    .about-col .right-content{width: 100%; margin-top: 160px;}
    .award-list-col, .latest-news-col{padding: 50px 0;}
    .latest-news-col .news-content{width: 100%;}
    .home-slider{width: 90%;}
    .bbc-list-col{padding:50px 0;}
    .bbc-list-col p{width: 100%;}
    .bbc-list-col li{width: 21%; margin-bottom: 40px;}
    
    .get-in-touch-bar{background-color: #2ec4b6;}
    .get-in-touch-bar .heading, .get-in-touch-bar p{width: 100%;}
    .get-in-touch-inner{position: initial; margin-top:0; width: 100%; border-radius: 0; padding: 50px 0;}
    .get-in-touch-bar a{width: 100%; margin-top: 15px; text-align: center;}
    .podcast-content-col{padding: 50px 0;}
    .podcast-content-col h2{font-size: 102px;}
    .podcast-list li{width: 48%;}
    .podcast-list li:nth-child(2n){margin-right: 0;}
    
    .post-content-inner{margin-top: 20px;}
    .staff-listing li{width: 48%;}
    .staff-listing li:nth-child(2n){margin-right: 0;}
    .members-list h3{font-size: 155px;}
    .members-list li, .members-list.patrons li{width: 48%;}
    .members-list li:nth-child(2n), .members-list.patrons li:nth-child(2n){margin-right: 0;}
    .members-list.patrons li:nth-child(3n){margin-right: 3%;}
    .members-list li a{min-height: 60px;}
    .members-popup .popup-content{width: 100%;}
    .bottom-text-bar{padding: 80px 0;}
    .bottom-text-bar h3, .bottom-text-bar .bottom-inner{width: 100%;}
    .members-list.patrons{padding-top:0;}

    .play-bar img{width: 700px; margin-left: -350px; bottom: -35px;}
    .detail-intro-text{padding: 150px 0;}
    .detail-intro-text figure{float: left; width: 100%;}
    .detail-intro-text .text-bar{width: 100%; margin-right: 0; margin-top: 160px;}
    .detail-intro-text img:last-child{width: 52%;}
    .song-request-bar h3{font-size: 99px;}
    .song-request-bar .player-box{width: 700px; margin-left: -350px;}
    .list-and-programme h3, .list-and-programme p{padding: 0;}
    .list-and-programme .see-all-link{margin-left: 0;}

    .news-and-updates h1{font-size: 85px;}
    .news-list figure{width: 100%;}
    .news-list .text-col{width: 100%; margin-left: 0; margin-top: 20px;}
    .yellow-bar-intro{padding: 60px 0;}
    .yellow-bar-intro h2{padding-left: 0; width: 100%; margin-bottom: 40px;}
    .yellow-bar-intro .right-content{width: 100%; padding-left: 0; padding-right: 0;}


    /*Footer*/
    .yellow-bar .yellow-bar-inner, .orange-bar .yellow-bar-inner{width:100%; position: relative; top:0; left: 0; padding-left: 0; padding-right: 0; border-radius: initial;}
    .yellow-bar{background-color: #ffc53a;}
    .orange-bar{background-color: #da4f34;}
    .yellow-bar .text, .orange-bar .text{width: 100%; margin-left: 0;}
    .yellow-bar .text strong, .orange-bar .text{font-size: 28px;}
    .yellow-bar a, .orange-bar a{width: 100%; text-align: center;}
    footer{background-attachment:local;}
    .footer-content{padding: 50px 0;}
    .footer-col{margin-right:0;}

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  .inner-banner-col, .impact-col, footer{transform: none;}
}

@media (min-width: 1024px) and (max-width: 1198px) {
    .video-content{left: 6%;}
    .scroll-link{left: 4%;}
    .about-col, .impact-col{padding-left: 6%; padding-right: 6%;}
    .latest-news-col .news-content{padding-left: 6%;}
    .impact-col .count-animation{height:420px;}
    .custom-menu a, .menu-main-menu-container a {font-size: 41px;}
    .bottom-social-link{width: 55%;}
    .about-col h2{line-height: normal; font-size: 36px;}
    .yellow-bar img{width: 180px;}
    .yellow-bar .text{width: 40%; margin-left: 5%;}
    .podcast-list li a:after, .podcast-list li a:after{top:21px;}
    .stem-wrapper{left: 72px;}
    .post-wrapper .post .stem-overlay{left: -16px;}
    .song-request-bar h3{font-size: 143px;}
    .song-request-bar .player-box{width: 960px; margin-left: -480px;}
    .orange-bar .text{width: 47%;}
    .podcast-content-col h2{font-size: 145px;}
    .right-content-col h2{font-size: 70px;}
    .close-btn{width: 40px; height: 40px;}
    .members-list.patrons{padding-top:0;}
    .members-popup figure img{width: auto; height: auto;}
    .footer-col:last-child{width: 35%;}
    .footer-col fieldset:nth-child(2), .footer-col fieldset:nth-child(3){width: 100%; margin-right: 0;}
	.footer-col form p.policy-text{width:100%; margin-bottom:15px;}

  .page-template-national-prison-radio .rl-styling h3.sectionTitle{font-size: 9vw;}
  .page-template-national-prison-radio .request-listing.rl-styling h3.sectionTitle{font-size: 10vw;}
}