@charset "UTF-8";
/* CSS Document */

/* Media query for Mobile devices*/
@media only screen and (min-width : 100px) and (max-width : 640px) {
	
body {
	font-size:0.9em;
}
	
	
.container {
	width:90%;
	margin:0 auto;
	position:relative;
}
	
	
.desktop {
	display: none;
}	

.tablet {
	display: none;
}
	
.mobile {
	
}	
	
	
	
/* HOMEPAGE */
	
	/* Style the buttons inside the tab */
.tabhomepage button, .tabarticles button {
	width: 46.5%;
	margin-top: 5px;
	margin-bottom:5px;
}
	
	
/* Column sizes */
	
	.col-70 {
		width: 100%;
		float: left;
		margin:0; 
	}
	
	.col-30 {
		width: 100%;
		float: left;
	}
	
	.col-50 {
		width: 100%;
		float: left;
		margin:0; 
	}
	
	.col-20 {
		width: 100%;
		float: left;
		margin:0; 
	}
	
	.col-60 {
		width: 100%;
		float: left;
		margin:0; 
	}
	
	.col-40 {
		width: 100%;
		float: left;
		margin:0; 
	}
	
	
		.col-70-dt {
		width: 100%;
		float: left;
		margin: 0 0 20px;
	}
	
	.col-30-dt {
		width: 100%;
		float: left;
		margin: 0 0 20px;
	}
	
	.col-100 {
		width: 100%;
		float: left;
		margin: 0;
	}
	
/* Column Margins sizes */	
	
	.margin-right-5 {
		margin:0;
	}
	
	.margin-right-10 {
		margin:0;
	}
	
	.margin-left-5 {
		margin:0;
	}
	
	.margin-left-10 {
		margin:0;
	}	
    

.x-logo {
    width: 13%;
    left: 0px;
}       

	
/* Slider */

.slider-border {
	border-bottom: solid;
	border-bottom-width: 5px;
}
	
	
/* PROMO BANNERS */

.promo-banner {
    width: 50%;
}  
		

	#gfx-savings, #x-savings, td, tr, th {
		font-size: 93%;
	}	


}