/*******************************************************/
/***********************GRID DYNAMIC THREE**************************/
/*******************************************************/
#gridDynamicThree{
	margin:0 0 0 -2%;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#gridDynamicThree .itemGrid{
	width:31.33333333333%;
	float:left;
	margin:0 0 2% 2%;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
	#gridDynamicThree .itemGrid{
		width:48%;
		float:left;
		margin:0 0 2% 2%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#gridDynamicThree .itemGrid{
		width:98%;
		float:left;
		margin:0 0 0 2%;
	}
}
@media only screen and (min-width: 280px) and (max-width: 479px) {
	#gridDynamicThree .itemGrid{
		width:98%;
		float:left;
		margin:0 0 0% 2%;
	
	}
}
/*******************************************************/
/***********************GRID DYNAMIC FOUR**************************/
/*******************************************************/
#gridDynamicFour{
	margin:0 0 0 -2%;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#gridDynamicFour .itemGrid{
	width:23%;
	float:left;
	margin:0 0 2% 2%;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
	#gridDynamicFour .itemGrid{
		width:48%;
		float:left;
		margin:0 0 2% 2%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#gridDynamicFour .itemGrid{
		width:98%;
		float:left;
		margin:0 0 0 2%;
	}
}
@media only screen and (min-width: 280px) and (max-width: 479px) {
	#gridDynamicFour .itemGrid{
		width:98%;
		float:left;
		margin:0 0 0% 2%;
	
	}
}



/*******************************************************/
/***********************GRID TWO**************************/
/*******************************************************/
#gridTwo{
	margin:0 0 0 -2%;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#gridTwo .itemGrid{
	width:48%;
	float:left;
	margin:0 0 2% 2%;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
	#gridTwo .itemGrid{
		width:48%;
		float:left;
		margin:0 0 2% 2%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#gridTwo .itemGrid{
		width:98%;
		float:left;
		margin:0 0 0 2%;
	}
}
@media only screen and (min-width: 280px) and (max-width: 479px) {
	#gridTwo .itemGrid{
		width:98%;
		float:left;
		margin:0 0 0% 2%;
	
	}
}
/*******************************************************/
/***********************GRID THREE**************************/
/*******************************************************/
#gridThree{
	margin:0 0 0 -2%;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#gridThree .itemGrid{
	width:31.3333333333%;
	float:left;
	margin:0 0 2% 2%;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
	#gridThree .itemGrid{
		width:48%;
		float:left;
		margin:0 0 2% 2%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#gridThree .itemGrid{
		width:98%;
		float:left;
		margin:0 0 2% 2%;
	}
}
@media only screen and (min-width: 280px) and (max-width: 479px) {
	#gridThree .itemGrid{
		width:98%;
		float:left;
		margin:0 0 2% 2%;
	
	}
}



/*******************************************************/
/***********************GRID THREE**************************/
/*******************************************************/
#gridThreeManu{
	margin:0 0 0 -2%;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#gridThreeManu .itemGridManu{
	width:31.3333333333%;
	float:left;
	margin:0 0 2% 2%;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
	#gridThreeManu .itemGridManu{
		width:48%;
		float:left;
		margin:0 0 2% 2%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#gridThreeManu .itemGridManu{
		width:98%;
		float:left;
		margin:0 0 2% 2%;
	}
}
@media only screen and (min-width: 280px) and (max-width: 479px) {
	#gridThreeManu .itemGridManu{
		width:98%;
		float:left;
		margin:0 0 2% 2%;
	
	}
}

/*******************************************************/
/***********************GRID FOUR**************************/
/*******************************************************/
#gridFour{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#gridFour .itemGrid{
	margin:0 0 20px 0;
	width:100%:
}


/*******************************************************/
/***********************GRID FIVE**************************/
/*******************************************************/
#gridFive{
	margin:0 0 0 -2%;
	padding:0;
	list-style:none;
	overflow:hidden;
}
#gridFive .itemGrid{
	width:18%;
	float:left;
	margin:0 0 2% 2%;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
	#gridFive .itemGrid{
		width:31%;
		float:left;
		margin:0 0 2% 2%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#gridFive .itemGrid{
		width:98%;
		float:left;
		margin:0 0 2% 2%;
	}
}
@media only screen and (min-width: 280px) and (max-width: 479px) {
	#gridFive .itemGrid{
		width:98%;
		float:left;
		margin:0 0 2% 2%;
	
	}
}