@media screen and (orientation: landscape){
    
    div#radio-mobile-header {
        display: none;
    }
}

@media screen and (max-width: 960px){
    
    div#radio-mobile-header {
        height: auto;
        display: block;
        max-height: 150px;
    }
    
    #radio-mobile-header-img {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .rotatorContainer {
        width: 100%;
        height: auto;
    }

    div.rotatorContainer {
        max-width: 960px;
    }

    div#radio-now-container {
        height: 44px;
        max-width: 100%;
        margin-bottom: 80px;
        float: none;
    }
    
    #radio-now-container div {
        float: none;
    }
    
    .wfiu_stream.hd1, .wfiu_stream.hd2 {
       margin: 0 auto 7px auto;
        max-width: 400px;
        height: 50px;
    }
    
    #radio-news-feed, #radio-arts-feed {
    margin-top: 25px;
    }
    
    #radio-now-container .whatson-block {
        height: 0;
    }

    .program-box ul.headlines-list.with-micro li {
        height: auto;
    }

    #radio-news-feed .program-box ul.headlines-list.with-micro li{
        margin-bottom: 8px;
    }

    #radio-arts-feed .program-box ul.headlines-list.with-micro li{
        margin-bottom: 8px;
    }

    .program-box .aux-column {
        padding-left: 15%;
    
    }

    #program-lower-content div.grid_4 {
        width: 100% !important;
        text-align: center;
        margin-left: 1%;
        margin-right: 1%;
        
    }
    
    #flickr_badge_uber_wrapper{
        margin: 0 auto;
    }
    
    div.program-interstitial.homepage-interstitial.middle {
        width: 100%;
        margin-bottom: 300px;
        border: 0px !important;
    }
    
    .whatson-play {
        height: 50px;
        width: 50px;
    }
    
    #radio-now-container .whatson-now-hd1 .whatson-block {
     margin-top: -35px;  
    }
    
     .whatson-schedule a, .whatson-program span, .whatson-block b, .whatson-now-hd2 p a, .whatson-now-hd1 p a {
     visibility: hidden; 
    }
    
    #radio-now-container .whatson-now-hd2 .whatson-block .whatson-program{
       margin-top: -48px;
    }
    
    div.whatson-now-hd2.whatson-wrap, div.whatson-now-hd1.whatson-wrap{
        margin-left: 0;
        font-size: 11px;
    }
    
    #radio-now-container #hd1-h3{
        font-size: 16px;
        margin-left: 50px;
        margin-top: -45px;
    }
    
    #radio-now-container #hd2-h3{
        font-size: 16px;
        margin-left: 50px;
        margin-top: -46px;
    }
    
    #radio-now-container .whatson-now-hd1 .whatson-programName {
        font-size: 14px;
        margin-left: 80px;
        margin-top: 4px;
    }
    
    #radio-now-container .whatson-now-hd2 .whatson-programName {
        font-size: 14px;
        margin-left: 80px;
        margin-top: 9px;
    }
    
    div.whatson-schedule {
        left: 300px;
    }
    

    body {
        overflow-x: hidden;
    }
    
    .aux-rotator-item-overlay h3, .iosRotator .rotator .rotor .inner h3 {
	font-size: 15px !important;
	line-height: 17px !important;
    }
    
    .rotator-toptag h3{
        font-size: 9px !important;
    }
    
    .aux-rotator-item-overlay h3.aux-toptag, .rotator-toptag p  {
    	font-size: 11px !important;
    }
    
    .iosRotator .rotator .rotor .inner p{
        font-size: 12px;
        line-height: 13px;
    }

   .homepage-interstitial .interstitial_3 {
    width: 300px;
    margin: 0 auto;
    float: none;
    margin-top: 15px;
   }

    .homepage-interstitial .interstitial_3.last {
        margin-right: auto;
    }
    
    div.program-box.iconnum-7 {
    margin-left: auto;
    margin-right: auto;
    }

    #radio-now-container .whatson-play img {
        bottom: 14px;
        left: 14px;
    }
    
    #radio-now-container .whatson-block p{
        display: none;
    }
}



 @media (max-width:960px){
	 .rotatorContainer {
		 width:100%;
		 margin-left:0 !important;
		 max-height: 366px;
		 -webkit-text-size-adjust: none;
	}
	 .grid_12 .iosRotator .rotator .rotor .inner img.program-photo {
		 width:68%;
	}
	 .grid_12 .iosRotator .rotator .rotor .inner .text {
		 box-sizing: border-box;
		 height:100%;
	}
	 .iosRotator .rotator .rotor .inner h3 {
		 font-size: 24px;
		 line-height: 28px;
	}
}

@media(max-width: 960px) and (min-width: 600px){
    div#program-sidebar-upper{
        margin-top: 600px;
    }
    h3.program-heading{
        max-height: 78px;
    }
}

 @media (max-width:860px){
	 .rotatorContainer {
		/* max-height: 340px;
		 */
	}
}
 @media (max-width:760px){
	 .rotatorContainer {
		 max-height: 300px;
	}
	 div.rotorSelectors {
		 display:none;
	}
	 .iosRotator .rotator .rotor img.program-photo {
		 max-height: 300px;
	}
	 .iosRotator .rotator .rotor .inner h3 {
		 font-size: 16px;
		 line-height: 18px;
	}
	 .iosRotator .rotator .rotor .inner h3.rotator-toptag {
		 margin-bottom:6px !important;
	}
	 .iosRotator .rotator .rotor .inner p {
		 font-size: 12px;
		 line-height: 15px;
		 padding-right: 15px;
	}
	 .iosRotator .rotator .rotor .inner p.read-more {
		 display:none;
	}
}
/* 560 is the major breakpoint for stacked rotator display */
 @media (max-width:560px){
	 .rotatorContainer {
		 max-height: none;
		 height:460px;
	}
	 .iosRotator {
		 height:460px;
	}
	 .iosRotator .rotator .rotor img.program-photo {
		 width:100% !important;
		 max-height: 300px;
	}
	 .iosRotator .rotator .rotor .inner h3 {
		 font-size: 13px;
		 line-height: 15px;
	}
	 .iosRotator .rotator .rotor .inner h3.rotator-toptag {
		 font-size: 12px !important;
		 margin-bottom:4px !important;
	}
	 .iosRotator .rotator .rotor .inner div.text {
		 position:static;
		 width:95%;
	}
	
	li.program-headline {
        margin-bottom: 8px;
        padding-top: 10px;
        height: auto;
        min-height: 50px;
        border-top: 1px solid #ccc;
    }
    
    .headlines-list img.program-photo {
        display: none;
    }
    
    
    
}
 @media (max-width:460px){
	 .rotatorContainer {
		 max-height: none;
		 height:420px;
	}
	 .iosRotator {
		 height:420px;
	}
	 .iosRotator .rotator .rotor img.program-photo {
		 width:100% !important;
		 max-height: 230px;
	}
	 .iosRotator .rotator .rotor .inner h3 {
		 font-size: 15px;
		 line-height: 17px;
	}
	 .iosRotator .rotator .rotor .inner h3.rotator-toptag, .iosRotator .rotator .rotor .inner p {
		 font-size: 12px !important;
		 line-height:15px !important;
		 margin-bottom:4px !important;
	}
	 .iosRotator .rotator .rotor .inner div.text {
		 position:static;
		 width:95%;
		 word-break: break-word;
		 padding: 5px;
	}
	
	#radio-now-container .whatson-block {
	    width: 250px;
	    float: none;
        
	}
	
    #radio-now-container .whatson-now-hd1 .whatson-programName{
         font-size: 10px;
         margin-left: 112px;
         margin-top: 8px;
     }
     
     #radio-now-container .whatson-now-hd2 .whatson-programName{
         font-size: 10px;
         margin-left: 112px;
         margin-top: 12px;
     }
    
    #radio-now-container h3 {
        font-size: 14px;
    }
}


 @media screen and (max-width:420px){
     
     
	 .rotatorContainer {
		 max-height: none;
		 height:380px;
	}
	 .iosRotator {
		 height:380px;
	}
}
 @media (max-width:320px){
	 .rotatorContainer {
		 max-height: none;
		 height:320px;
	}
	 .iosRotator {
		 height:320px;
	}
	 .iosRotator .rotator .rotor img.program-photo {
		 width:100% !important;
		 max-height: 180px;
	}
	
}