@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
	.span_2_of_3 {
		width: 80%; 
	}
	.span_1_of_3 {
		width: 20%; 
	}		
	.span_4_of_4 {
		width: 100%; 
	}
	.span_3_of_4 {
		width: 100%; 
	}
	.span_2_of_4 {
		width: 100%; 
	}
	.span_1_of_4 {
		width: 100%;
	}		

	.span_2_of_6 {
		width: 100%; 
	}	
		
	.span_10_of_10 {
		width: 100%; 
	}
	.span_9_of_10 {
		width: 100%; 
	}
	.span_8_of_10 {
		width: 100%; 
	}
	.span_7_of_10 {
		width: 100%; 
	}
	.span_6_of_10 {
		width: 100%; 
	}
	.span_5_of_10 {
		width: 100%; 
	}
	.span_4_of_10 {
		width: 100%; 
	}
	.span_3_of_10 {
		width: 100%; 
	}
	.span_2_of_10 {
		width: 100%; 
	}
	.span_1_of_10 {
		width: 100%; 
	}

	.overlay_span_middle {
		width: 100%;
	}

	.overlay_span_side {
		width: 100%;
	}
	
	.container {
		margin:0;
	}
	.navigation {
		line-height:1.8em;
		font-size:0.8em;
	}	
	.css_btn_class {
		font-size:2em;
	}	

	.right_bar_module_span_2_of_6 {
		width:100%;
	}	

	.box-action {
		margin:0.2em;
	}	

	.featured-short-description {
		display:none;
	}

}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.span_2_of_3 {
		width: 80%; 
	}
	.span_1_of_3 {
		width: 20%; 
	}
		
	.span_6_of_10 {
		width: 50.0%;
	}
	.span_4_of_10 {
		width: 50.0%;
	}				
	.span_7_of_10 {
		width: 100%; 
	}
	.span_2_of_10 {
		width: 100%; 
	}
	.span_3_of_10 {
		width: 100%; 
	}

	.span_2_of_6 {
		width: 50%;
	}	
	
	.navigation {
		line-height:2em;
	}

	.right_bar_module_span_2_of_6 {
		width:50%;
	}

	.span_1_of_4 {
		width: 100%;
	}
	
	.span_3_of_4 {
		width: 100%; 
	}

	.overlay_span_middle {
		width: 50%;
	}

	.overlay_span_side {
		width: 25%;
	}	
	
}


@media only screen and (min-width : 768px) and (max-width: 1152px) {	
	.tablet-left {
		width:60%;
	}
	
	.tablet-right {
		width:40%;
	}
	
	.span_3_of_4 {
		width: 65%; 
	}
	
	.span_1_of_4 {
		width: 25%;
	}

	.span_2_of_6 {
		width: 33.00%;
	}
	
	.right_bar_module_span_2_of_6 {
		width:100%;
	}		

	.overlay_span_middle {
		width: 45%;
	}

	.overlay_span_side {
		width: 27.5%;
	}	
	
	.container {
		margin:0;
	}

	.navigation {
		line-height:1.8em;
	}

	.box-embed {
		width:92%;
	}			
}

/*
@media only screen and (max-width: 1024px) {			
	.error {
		display:block;
		margin-left:0em;
	}
}
*/

@media only screen and (max-width: 1280px) {			
	.container {
		margin:0;
	}

	.ad-skyscraper-left {
		display:none;
	}	

	.ad-skyscraper-right {
		display:none;
	}		
}

/* iPhone5 landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
	.span_6_of_10 {
		width: 60.0%;
	}
	.span_4_of_10 {
		width: 40.0%;
	}		
}