/* default base */ 


 





/* end default base */








@media screen and (width:360px) {
	
	 
  
  
}










	
  
}








@media screen and (width: 520px) {
	
	
  
  
}








@media screen and (width: 580px) {
	
	
  
  
}


@media screen and (width: 620px) { 
	
	
	
	}



@media screen and (width: 680px) { 
	
	
	
	}







@media screen and (max-width: 720px) { 
	
	      


 .link_cell {
 	position: relative;
 margin-right:0px;
 	 
 	float: left; 
 	width: 125px;
  
 	margin:15px;
 	margin-bottom:27px;
 	 
 }
 
 

.item {
	width:130px;
	height:230px;
		-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	position: relative;
	top:0;
	left:0;
	z-index:5;
	overflow: hidden;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	        box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}




/* Item menu */
.item-menu{
	position: absolute;
	top:3px;
	left:-20px;
	height:254px;
	width:130px;
	border-radius:3px 0 0 3px;
	
	
	background: url(inside_panel.png);
	
	
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	        box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	     -o-transform: translate(0,0);
	        transform: translate(0,0);
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	        
	        
	        
	        
-webkit-box-shadow: -2px 5px 6px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    -2px 5px 6px rgba(0, 0, 0, 0.75);
box-shadow:         -2px 5px 6px rgba(0, 0, 0, 0.75);
	        
	        
	        
	        
	        
	        
	        
	        
}




	
	
	
	}







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



	
	
	
	}





@media screen and (min-width:480px) and (orientation: landscape)
,   @media screen and (max-width:768px) { 
	
	        

 .link_cell {
 	position: relative;
 margin-right:0px;
 	 
 	float: left; 
 	width: 115px;
   left:0px;
 	margin:15px;
 	margin-bottom:27px;
 	 
 }
 
 

.item {
	width:115px;
	height:230px;
		-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	position: relative;
	top:0;
	left:0;
	z-index:5;
	overflow: hidden;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	        box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}




/* Item menu */
.item-menu{
	position: absolute;
	top:3px;
	left:-20px;
	height:254px;
	width:115px;
	border-radius:3px 0 0 3px;
	
	
	background: url(inside_panel.png);
	
	
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	        box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	     -o-transform: translate(0,0);
	        transform: translate(0,0);
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	        
	        
	        
	        
-webkit-box-shadow: -2px 5px 6px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    -2px 5px 6px rgba(0, 0, 0, 0.75);
box-shadow:         -2px 5px 6px rgba(0, 0, 0, 0.75);
	        
	        
	        
	        
	        
	        
	        
	        
}






	
	
	
	}






@media screen and (max-width:960px) { 
	
	      


 .link_cell {
 	position: relative;
 margin-right:0px;
 	 
 	float: left; 
 	width: 180px;
   left:20px;
 	margin:15px;
 	margin-bottom:27px;
 	 
 }
 
 

.item {
	width:180px;
	height:230px;
		-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	position: relative;
	top:0;
	left:0;
	z-index:5;
	overflow: hidden;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	        box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}




/* Item menu */
.item-menu{
	position: absolute;
	top:3px;
	left:-20px;
	height:254px;
	width:180px;
	border-radius:3px 0 0 3px;
	
	
	background: url(inside_panel.png);
	
	
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	        box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	     -o-transform: translate(0,0);
	        transform: translate(0,0);
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	        
	        
	        
	        
-webkit-box-shadow: -2px 5px 6px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    -2px 5px 6px rgba(0, 0, 0, 0.75);
box-shadow:         -2px 5px 6px rgba(0, 0, 0, 0.75);
	        
	        
	        
	        
	        
	        
	        
	        
}




	
	
	
	}







@media screen and (max-width:1156px) { 
	
	      


 .link_cell {
 	position: relative;
 margin-right:0px;
 	 
 	float: left; 
 	width: 180px;
   left:20px;
 	margin:15px;
 	margin-bottom:27px;
 	 
 }
 
 

.item {
	width:180px;
	height:230px;
		-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	position: relative;
	top:0;
	left:0;
	z-index:5;
	overflow: hidden;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	        box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}




/* Item menu */
.item-menu{
	position: absolute;
	top:3px;
	left:-20px;
	height:254px;
	width:180px;
	border-radius:3px 0 0 3px;
	
	
	background: url(inside_panel.png);
	
	
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	        box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	     -o-transform: translate(0,0);
	        transform: translate(0,0);
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	        
	        
	        
	        
-webkit-box-shadow: -2px 5px 6px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    -2px 5px 6px rgba(0, 0, 0, 0.75);
box-shadow:         -2px 5px 6px rgba(0, 0, 0, 0.75);
	        
	        
	        
	        
	        
	        
	        
	        
}




	
	
	
	}







@media screen and (width:420px) and (orientation: landscape),
@media screen and (max-width: 480px) {
	
 
		

 .link_cell {
    position: relative;
 	left:50px; 
 	float: none; 
 	width: auto;
 	 
 	margin-bottom:27px;
 	 
 }
 
 


  
  
}












@media screen and (width:320px) {
	
	

 .link_cell {
    position: relative;
 	left:50px; 
 	float: none; 
 	width: 200px;
 	 
 	margin-bottom:27px;
 	 
 }
 
 


  
  
}





 .link_cell {
 	position: relative;
 margin-right:0px;
 	left:25px; 
 	float:clear; 
 	width:200px;
 	margin:15px;
 	margin-bottom:27px;
 	 
 }
 
 

.item {
	width:200px;
	height:230px;
		-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	position: relative;
	top:0;
	 
	z-index:5;
	overflow: hidden;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	        box-shadow: 0 1px 5px rgba(0,0,0,0.3);
}




/* Item menu */
.item-menu{
	position: absolute;
	top:3px;
	left:0px;
	height:254px;
	width:200px;
	border-radius:3px 0 0 3px;
	
	
	background: url(inside_panel.png);
	
	
	-webkit-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	        box-shadow: 0 1px 5px rgba(0,0,0,0.3);
	-webkit-transform: translate(0,0);
	   -moz-transform: translate(0,0);
	    -ms-transform: translate(0,0);
	     -o-transform: translate(0,0);
	        transform: translate(0,0);
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	        
	        
	        
	        
-webkit-box-shadow: -2px 5px 6px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    -2px 5px 6px rgba(0, 0, 0, 0.75);
box-shadow:         -2px 5px 6px rgba(0, 0, 0, 0.75);
	        
	        
	        
	        
	        
	        
	        
	        
}