/* WSNI */
/* Media Queries */

/* Smartphones and portrait tablets */
@media only screen 
and (min-width : 320px) 
and (max-width : 479px) {
	
	.featuregroup.taxonomy .tax p.cat {
		padding-left: 10px;
	}
	
	.featuregroup.taxonomy .tax:last-child {
		padding-bottom: 4px;
	}
	
	.yayb_hm_content > a {
		width: 100%;
		min-height: 200px;
		display: block;
		float: none;
	}
	.yayb_hm_content ul {
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding: 10px;
		background-color: #ffffff;
		border-top: 1px solid #efefef;
		display: block;
		float: none;
	}
	.yayb_hm_content ul li:last-child {
		margin-bottom: 0;
	}
	.widget.yayb {
	  margin-bottom: 15px;
	  margin-top: 30px;
	  min-height: 200px;
	  border: 1px solid #cccccc;
	  border-left: none;
	  border-right: none;
	  background-position: 0 0;
	  padding: 0;
	}
	
	.widget.yayb a, .widget.yayb a:hover, .widget.yayb a:visited, .yayb_hm_content ul a, .yayb_hm_content ul a:hover, .yayb_hm_content ul a:visited {
		color: #007fc2;
	}


}

@media only screen 
and (min-width : 480px) 
and (max-width : 768px) {

	.yayb_hm_content > a {
		width: 100%;
		min-height: 150px;
		display: block;
		float: none;
	}
	.yayb_hm_content ul {
		padding: 10px;
		background-color: transparent;
		display: block;
		float: left;
	}
	.widget.yayb {
	  margin-bottom: 15px;
	  margin-top: 30px;
	  min-height: 150px;
	  border: 1px solid #cccccc;
	  border-left: none;
	  border-right: none;
	  background-position: -50px 0;
	  padding: 0;
	}


}

@media only screen and (min-width:320px) and (max-width:768px) { 

}

@media only screen and (max-width: 800px) {
	#masthead .logo {
		display: block;
		margin: 0 auto;
		width: 220px;
		height: 120px;
		background-size: 220px 120px;
		background: transparent url(img/centered-logo.png) no-repeat 0 0;
		background-image: -webkit-image-set(url(img/centered-logo.png) 1x,
	         url(img/centered-logo@2x.png) 2x);
	  background-image: -o-image-set(url(img/centered-logo.png) 1x,
	         url(img/centered-logo@2x.png) 2x);
	  background-image: -ms-image-set(url(img/centered-logo.png) 1x,
	         url(img/centered-logo@2x.png) 2x);
		color: #ffffff;
	}
	
	#masthead .logo img {
		display: none;
	}
	
	#featuredshow {
		color: #ffffff;
		min-height: 210px;
		background: #cccccc url(img/hf-bg.jpg) repeat-y 0 0;
		background-size: 980px 120px;
		background-image: -webkit-image-set(url(img/hf-bg.jpg) 1x,
	         url(img/hf-bg@2x.jpg) 2x);
	  background-image: -o-image-set(url(img/hf-bg.jpg) 1x,
	         url(img/hf-bg@2x.jpg) 2x);
	  background-image: -ms-image-set(url(img/hf-bg.jpg) 1x,
	         url(img/hf-bg@2x.jpg) 2x);
	}
	
	#featuredshow .widget h1 span {
		margin: 0;
		padding: 0;
		display: inline !important;
	}
}