/**grid section**/

*,
*:before,
*:after	{
	box-sizing:inherit;
}

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

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

.grid3	{
	width:100%;
	max-width:1300px;
	margin:0 auto;
}


.grid:before,
.grid:after,
.grid2:before,
.grid2:after,
.grid3:before,
.grid3:after,
.row:before,
.row:after	{
	content:"";
	display:table;
}

.grid:after,
.grid2:after,
.grid3:after,
.row:after	{
	clear:both;
}
[class*='col-']	{
	width:100%;
	float:left;
	min-height:1px;
}

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

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

.col3	{
	margin:6px 0;
}

.col4	{
	position:relative;
	padding:3em;
	z-index:100;
}


.H-col	{
	position:relative;
	z-index:100;
}


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

}


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

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

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


/**end grid section**/