@charset "utf-8";

	

/* #################################### BLOCK COLUMNS #################################### */

/* ##### 2 COLUMN #####*/
.col1-2{width:50%; margin-right:-4px; display:inline-block; vertical-align:top }
.col2-2{width:100%; margin-right:-4px; display:inline-block; vertical-align:top }


/* ##### 3 COLUMN #####*/
.col1-3{width:33.3333%; margin-right:-3px; display:inline-block; vertical-align:top }
.col2-3{ width:66.6666%; margin-right:-4px; display:inline-block; vertical-align:top }
.col3-3{ width:100%; margin-right:-4px; display:inline-block; vertical-align:top }


/* ##### 4 COLUMN #####*/
.col1-4{ width:25%; margin-right:-4px; display:inline-block; vertical-align:top }
.col2-4{ width:50%; margin-right:-4px; display:inline-block; vertical-align:top }
.col3-4{ width:75%; margin-right:-4px; display:inline-block; vertical-align:top }
.col4-4{ width:100%; margin-right:0px; display:inline-block; vertical-align:top }


/* ##### 5 COLUMN #####*/
.col1-5{ width:20%; margin-right:-4px; display:inline-block; vertical-align:top }
.col2-5{ width:40%; margin-right:-4px; display:inline-block; vertical-align:top }
.col3-5{ width:60%; margin-right:-4px; display:inline-block; vertical-align:top }
.col4-5{ width:80%; margin-right:0px; display:inline-block; vertical-align:top }
.col5-5{ width:100%; margin-right:0px; display:inline-block; vertical-align:top }


/* ##### 6 COLUMN #####*/
.col1-6{ width:16.66%; margin-right:-4px; display:inline-block; vertical-align:top }
.col2-6{ width:33.32%; margin-right:-4px; display:inline-block; vertical-align:top }
.col3-6{ width:49.98%; margin-right:-4px; display:inline-block; vertical-align:top }
.col4-6{ width:66,64%; margin-right:0px; display:inline-block; vertical-align:top }
.col5-6{ width:83.3%; margin-right:0px; display:inline-block; vertical-align:top }
.col6-6{ width:100%; margin-right:0px; display:inline-block; vertical-align:top }


	
@media only screen and (max-width : 1200px) { 
}

@media only screen and (max-width : 992px) { 
}

@media only screen and (max-width : 768px) { 
	.col1-2{width:100%; clear:both; display:block; float:none; margin-right:0px; }
	.col1-3{width:100%; clear:both; display:block; float:none; margin-right:0px; }
	.col2-3{ width:100%; clear:both; display:block; float:none; margin-right:0px; } 
	.col1-4{ width:100%; clear:both; display:block; float:none; margin-right:0px;}	
}


@media only screen and (max-width : 640px) { 
}

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

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





