/*
	feingrid 0.2 custom
*/

.gridwrapper { position:relative; max-width:1200px; margin:0 auto; padding-left:20px; padding-right:20px; }
.grid20,
.grid25,
.grid33,
.grid40,
.grid50,
.grid60,
.grid66,
.grid75,
.grid80,
.grid100 { float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding-left:20px; padding-right:20px; display:block; position:relative; }
.grid20 { width:20%; }
.grid25 { width:25%; }
.grid33 { width:33.33333%; }
.grid40 { width:40%; }
.grid50 { width:50%; }
.grid60 { width:60%; }
.grid66 { width:66.66666%; }
.grid75 { width:75%; }
.grid80 { width:80%; }
.grid100 { width:100%; float:none; }
/* .clear { clear:both; font-size:0; line-height:0; } */
.gridnopad { padding-left:0; padding-right:0; }

.gridder .grid20,
.gridder .grid25,
.gridder .grid33,
.gridder .grid40,
.gridder .grid50,
.gridder .grid60,
.gridder .grid66,
.gridder .grid75,
.gridder .grid80,
.gridder .grid100 { border:1px solid #999; }


header:after,
.main:after,
.gridwrapper:after,
footer:after { /* clearfix */ height:0; content:"."; display:block; clear:both; visibility:hidden; }

.clear768 { width:0; height:0; line-height:0; }


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

.gridwrapper { max-width:1040px; }

}

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

.gridwrapper { padding:0 10px; }
/*
.grid20,
.grid25,
.grid33,
.grid40,
.grid50 { width:50%; }
.grid60,
.grid66,
.grid75,
.grid80,
.grid100 { float:none; width:100%; }
*/

}

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

.gridwrapper { padding:0 10px; }
.grid20,
.grid25,
.grid33,
.grid40,
.grid50 { width:50%; }
.grid60,
.grid66,
.grid75,
.grid80,
.grid100 { float:none; width:100%; }
.clear768 { clear:both; }


}

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

.gridwrapper { padding:0 10px; }
.grid20,
.grid25,
.grid33,
.grid40,
.grid50,
.grid60,
.grid66,
.grid75,
.grid80,
.grid100 { float:none; width:100%; }
.grid25.sidebar { float:none; width:100%; }

}

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

.gridwrapper { padding:0 10px; }
.grid20,
.grid25,
.grid33,
.grid40,
.grid50,
.grid60,
.grid66,
.grid75,
.grid80,
.grid100 { float:none; width:100%; }

}