@media (max-width: 1260px){
	
	 .sitefixer {
    display: block;
    width:auto;
    margin: 0 auto;
    position: relative;
    padding-left:20px;
    padding-right:20px;
 
	}
	
	.header_contactinfo_area {
		right:20px;
	}
	
		.toggle a {

 
  background-color: #000!important;
  
}
}

@media (max-width:1040px) {


	

	.friendpanel .friendtext {
	display: inline-block;
	width:220px;
	margin-left:20px;
	margin-right:40px;
	margin-top:15px;
	text-align: center;
	}

	

	.friendpanel .friendimg {
	display: inline-block;
	height:100%;
	width:auto;
	}

	.friendpanel .friendimg img {
		
		display: block;
	height:100%;
	width:auto;
	
	}

}

@media (min-width: 980px){
	
	.sitenav {
		display: block!important;
	}
	
}


@media (max-width: 980px){
	
	.toggle a {

  display: block;
   background-color: #000!important;
  
}




.toggleMenu{display: block;}
.sitenav{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#fff; border-radius:0; top:0; border-bottom:none;
	height: 600px;
  max-height: 600px;
  width: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling:touch; // mobile safari
  
   }
.sitenav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0;}
.sitenav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-bottom:none !important}
.sitenav ul li a{padding:10px !important; display:block; color:#000; border:none; text-align:left;}
.sitenav ul li a:hover, .sitenav ul li.current_page_item a{color:#efc62c;  border:none !important; border-radius:0;}
.sitenav ul li ul, .sitenav ul li ul ul{ display:block !important; background: transparent !important;}
.sitenav ul li ul li a:before{content:"\00BB \00a0";}
.sitenav ul li ul li a{padding-left:20px !important; }
.sitenav ul li ul li a, .sitenav ul li.current-menu-ancestor a.parent{ border:none; border-radius:0;}
.sitenav ul li ul li ul li a{padding-left:30px !important;}
.sitenav ul li ul li ul li ul li a{padding-left:40px !important;}
.sitenav ul li:hover > ul{ background:none !important; box-shadow:none;}
.sitenav ul li:hover > ul{ background: transparent !important; width:auto !important; display:block; position: relative !important; left:0; right:0; top:0; padding:0;}
.sitenav ul li:hover ul li ul, .sitenav ul li:hover ul li:hover > ul, .sitenav ul li:hover ul li:hover > ul li ul{  background: transparent !important; display:block; position:relative !important;  right:0; left:0; top:0;}
.sitenav ul li:hover ul li:hover ul, .sitenav ul li:hover ul li:hover ul li:hover ul{ left:0 !important;}
.sitenav ul li ul li a{ color:#000;}

.header_panel{ width:100%; display:block; background-color:transparent;}
iframe{ height:auto;}

.sitenav ul li {
    display: block;
    position: relative;
    margin: 0;
	}

	.sitenav ul li a {
    
    text-align: left;
    
	}
	
	.sitenav {
    padding: 0;
    z-index: 9999;
    float: none;
    margin-top: 0;
    display: none;
	}
	
	.sitenav {
		display: none;
	}
	
	.current-menu-ancestor a {
    background-color: #fff;
    color: #000!important;
}


}


@media (max-width:994px) {
	
	.hero {
    width: 100%;
    display: block;
    background-color: #000;
    padding-top: 40px;
	}
	
	.design_innerpage {
    padding: 50px 0;
    padding-top: 140px;
    display: block;
	}
	
}
	
@media (max-width:850px) {

	.welcome {
	
	margin:0;
    
	margin-top: 40px;
	display: block;
	width: 100%;
	
	background-color: black;

	overflow: hidden;
	/*border-radius: 10px;*/
	border: 0px solid #000000;
	position: relative;
	color: #ccc;

	vertical-align: top;
	
	clear:both;

	}
	
	.friendpanel {
	background-color: #fcb53f;
	background-image: url("/wp-content/uploads/2021/10/raydio-friend-bg-1.jpg");
	background-size: cover;
	margin-left: auto;
	order: 2;
	position: relative;
	text-align: right
	}
	
	

	.friendpanel .friendtext {
	display: inline-block;
	width: 263px;
	margin: 0;
	text-align: center;
	position: absolute;
	top: 15px;
	left: 40px;
	}
	
	ul.wpuf-form li .wpuf-label {
    float: none!important;
    display: block!important;
    width: 100%!important;
    min-height: 1px;
    font-weight: bold;
    margin-bottom:20px!important;
	}
	
	ul.wpuf-form li .wpuf-fields {
    float: none!important;
    display: block;
    width: 100%!important;
}

.formbox {
		width:100%;
		display: block;
		
		}


	


}




@media (max-width: 800px) {
	
	 .sitefixer {
    width:100%;
    margin: 0 auto;
    position: relative;
    padding-left: 50px;
    padding-right: 50px;
	}
	
	
	
	section.leftcol,
section.rightcol {
	width:100%;
	margin:0;
	display: block;
	margin-bottom:40px;
	
	
}

.homelogin section.leftcol, 
.homelogin section.rightcol {
    width: 100%;
    margin: 0;
    margin-bottom:40px;
    display: block;
    
}

   
  
}

@media (max-width:767px) {


	.welcome {
	width:100%;
	
	
	
}

.homecontainer {
	display: block;
}

section.doublecol {
	width:100%;
	margin:0;
	display: block;
	background-color: black;
	margin-bottom:50px;
}


section.leftcol a.button,
section.leftcol a.button2 {
	display: block;
	width:100%;
}

.defaultpost_lyout {

    display: block;

}



img.thelogo {
	width:80px;
	height:auto;
}

.showhdr {
	display: none;
}


	
}


@media (max-width:680px) {
	
	 .sitefixer {
    width:100%;
    margin: 0 auto;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
	}
	
		



		
	

	.welcome section.leftcol {
	width:100%;
	padding:0;
	margin:0;
	display: block;
	clear: both;
	margin-bottom:40px;
	text-align: center;
	}


	.welcome section.rightcol {
	width:100%;
	padding:30px;
	margin:0;
	display: block;
	clear: both;
	margin-bottom:40px;
	}
	
	.welcome h3 {
    color: #fff;
    display: block;
    margin-bottom: 20px;
}
	
	
	.welcome a.button2 {
	position: relative;
	display: block;
	top:0;
	right:0;
	margin:0;
	margin-top:0;
	margin-bottom:20px;
}

.homestatus .playerinfo {
    padding-left: 0;
    display: block;
    float: none;
    vertical-align: top;
    text-align: center;
}



.homestatus .playerpic {
    width: 100%;
    display: block;
    float: none;
    vertical-align: top;
    text-align: center;
    margin-bottom:20px;
}

.homestatus .playerpic img {
    width: 140px;
    height: auto;
    display: block;
    margin:auto;
    border-radius: 50%;
}



.schedulelist ul li {
    display: block;
    width: 100%;
    flex: 100%;
     padding: 0;
    
    padding-top: 10px;
    padding-bottom: 10px;
    margin:0;
    color: #fff;
    font-size: 16px;
    border-right:0px;
    
}



.homestatus .upnext {
	display: block;
	float:none;
	border-left:0;
	padding-left:0;
	
	
}

.hero {
    width: 100%;
    display: block;
    background-color: #000;
    padding-top: 40px;
    
	}
	
	
/*	.hero .sitefixer {
    background-image: url('/wp-content/uploads/2020/06/record-bg-mob.png');
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    
}*/

.radioplayer {
    display: block;
    margin-bottom: 20px;
    padding:0;
   background-color: #333333;
}


	
}

@media (max-width:540px) {
	
	.ftr_textlogo img {
	max-width:100%;
	width:100%;
	height:auto;
	display: block;
	margin:auto;
	}
	
	.playerleft {
	width:100%;
	display: block;
	float:none;
	clear: both;
	margin-bottom:40px;
	overflow: hidden;
	font-size:15px;
	}

	.playerright {
	width:100%;
	display: block;
	float:none;
	clear: both;
	overflow: hidden;
	}
	
		
		
	/*.hero .sitefixer img {
	position:relative;
	width:90%;
	margin:2%;
	height:auto;
	display: block;
	top:0;
	right:0;
	}*/
	
	.hero {
		padding-bottom:30px;
		padding-top:80px;
		
	}
	
	.hero a.button {
	position: relative;
	display: block;
	margin-top:20px;
	top:0;
	right:0;
	}
	
	.hero .sitefixer {
		text-align: center;
		
	
    
    height:220px; 
	}
	

	.hero .sitefixer img {
		position: relative;
		display: inline-block;
		top:0;
		left:0;
		right:0;
		margin-top:20px;
	}
	
	.tabButton {
   
    padding: 30px 20px;
	}


}

@media (max-width:480px) {
	
	

	.welcome {
	width:100%;
	display: block;
	}
	.welcome section.leftcol,
	.welcome section.rightcol {
	display:block;
	width:100%;
	clear:both;
	padding-bottom:20px;
	}
	
	section.leftcol,
	section.rightcol {
	width:100%;
	margin:0;
	display: block;
	margin-bottom:30px;
	}
	
	.archive .blogpost_lyout{ 
		 display: block; width:100%; margin:0;margin-bottom:40px; 
	}
	
	
	

	
	.welcome.offline h3 {
		font-size: 24px;
		max-width: 160px;
	}
	
	.welcome .songinfo {
		max-width:160px;
	}
	
	

	
	
	a.button.live {
    background-color: #ccff99;
    color: #333;
    border: 0;
    display: inline;
    margin-top: 0;
    margin-bottom:30px;
    clear: both;
    text-align: center;
    padding:8px 20px;
    font-size: 15px;
    }
    
    .hdrbutton {
  width: auto;
  border: none;
  cursor: pointer;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  color: #333;
  padding: 4px 12px;
  border-radius: 0px;
  background-color: #fff;
  border: 1px solid #fff;
}
    
    .friendpanel .friendtext {
	display: inline-block;
	width: 200px;
	margin: 0;
	text-align: center;
	position: absolute;
	top: 15px;
	left: 15px;
	}
	
	.welcome img.cc_streaminfo {
    position: relative;
   right: 0;
   top: 0;
   width: auto;
    height: auto;
    display: block;
    clear: both;
	}
	


.welcome .songinfo {
    display: block;
    color: #ccc;
    clear: both;
    max-width: none;
}

.liveplayer .welcome h3 {
	float:none;
	display:block;
	margin-bottom:20px;
	margin-right:0;
	text-align: left;
	
}

.tabButton {
   
    padding: 30px 10px;
	}
	


.header_contactinfo_area {
    position: relative;
    top: 0;
    right: 0;
    text-align: center;
    float: none;
    display: block;
    clear: both;
    margin-top: 30px;
}

.logoholder {
    width: 100%;
    height: 60px;
    display: block;
    margin-right: 0;
    vertical-align: middle;
    text-align: center;
}

	
	

}