.cgrid	{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.cgrid2	{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}

.cgrid3	{
	width:100%;
	max-width:1600px;
	margin:0 auto;
}


.cgrid:before,
.cgrid:after,
.cgrid2:before,
.cgrid2:after,
.cgrid3:before,
.cgrid3:after,
.row:before,
.row:after	{
	content:"";
	display:table;
}

.cgrid:after,
.cgrid2:after,
.cgrid3:after,
.row:after	{
	clear:both;
}

/**grid section**/


/*
[class*='cod-']	{
	width:100%;
	float:left;
	min-height:1px;
}
*/

.cod	{
	position:relative;
	padding:2px;
	margin:8px;
	z-index:100;
}

.cod2	{
	position:relative;
	padding:2px;
	margin:10px;
	z-index:100;
}



/*
@media screen and (min-width:320px)	{ 
.cod-wd-1	{width:8.33333%;}
.cod-wd-2	{width:16.66667%;}
.cod-wd-3	{width:25%;}
.cod-wd-4	{width:33.33333%;}
.cod-wd-5	{width:41.66667%;}
.cod-wd-6	{width:50%;}
.cod-wd-7	{width:58.33333%;}
.cod-wd-8	{width:66.66667%;}
.cod-wd-9	{width:75%;}
.cod-wd-10	{width:83.33333%;}
.cod-wd-11	{width:91.66667%;}
.cod-wd-12	{width:100%;}

}


@media screen and (min-width:640px)	{ 
.cod-md-1	{width:8.33333%;}
.cod-md-2	{width:16.66667%;}
.cod-md-3	{width:25%;}
.cod-md-4	{width:33.33333%;}
.cod-md-5	{width:41.66667%;}
.cod-md-6	{width:50%;}
.cod-md-7	{width:58.33333%;}
.cod-md-8	{width:66.66667%;}
.cod-md-9	{width:75%;}
.cod-md-10	{width:83.33333%;}
.cod-md-11	{width:91.66667%;}
.cod-md-12	{width:100%;}
  
}

@media screen and (min-width:960px)	{ 
.cod-sm-1	{width:8.33333%;}
.cod-sm-2	{width:16.66667%;}
.cod-sm-3	{width:25%;}
.cod-sm-4	{width:33.33333%;}
.cod-sm-5	{width:41.66667%;}
.cod-sm-6	{width:50%;}
.cod-sm-7	{width:58.33333%;}
.cod-sm-8	{width:66.66667%;}
.cod-sm-9	{width:75%;}
.cod-sm-10	{width:83.33333%;}
.cod-sm-11	{width:91.66667%;}
.cod-sm-12	{width:100%;}
  
}

@media screen and (max-width: 480px) and (min-width: 320px) 	{
.col4	{
	padding:1em;
}
}
*/


/**end grid section**/