/* smaller screen, but not quite mobile view yet */
@media screen and (max-width:1350px) and (min-width:720px) {
	
	/* playerArea for medium sized view here */
	
	#track-info {
		width:20%;		
	}
	


	#img-container{
		width:50px;
		height:50px;
		xpadding:10px;
    }
	
	img#track-image {
		xwidth:80px;
		xheight:80px;
		xmax-width:50px;
		xwidth:100%;
		xheight:100%;
		margin: auto auto;
	}
	
	#track-info-text{ /* artist and name only */
		xclear:both;
		xfloat:none;
		xmargin-top:10px;
		xmargin-left:10px;
		overflow-x:hidden;
		xmax-width:200px;
		display:none;
  }
	
	#controls {
		xfloat:left;
		xmin-width:278px;
		xwidth:45%;
		padding:0px;
		padding-top:10px;
	}
	
	.toggle-button {

	}
	
	#player-elem {
		width:35%;
		margin-top:0px;
	}
	
	#volume-section{
		max-width:250px;
		width:60%;
	}
		
	/* iconList area for medium size below here */	

	.item{
		width: 150px;
		height: 260px; 
		margin:0px;
		margin-right: 10px;
		margin-bottom: 15px;
	}

	.item > img.image, .item > img.overlay{
		width: 150px;
		height: 150px;  
	}	
	


	.info {
		padding: 0px;
	}
}