@charset "utf-8";



.colWrap {
	position: relative;
	overflow: hidden;
}

.col2 {
	position: relative;
	width: 49%;
	float: left;
}
.col2 .col2 {
	width: 48%;
}
.col3 {
    position: relative;
    width: 32%;
    margin-right: 2%;
    float: left;
    margin-bottom: 20px;
}
.col2 .col3 {
	width: 30.66%;
	margin-right: 4%;
}
.col4 {
	position: relative;
	width: 23.5%;
	margin-right: 2%;
	float: left;
}
.col5 {
	position: relative;
	width: 18.4%;
	margin-right: 2%;
	float: left;
}
.col6 {
	position: relative;
	width: 15%;
	margin-right: 2%;
	float: left;
}
.lastCol {
    float: right;
    margin-right: 0 !important;
    text-align: left;
}
.gridWrap {
	position: relative;
	margin: 0 0 -1.64% -1.64%;
	overflow: hidden;
}
.gridItem {
	float: left;
	margin: 0 0 1.64% 1.64%;
}
.grid6cols .gridItem {
	width: 15.02%;
}
.grid5cols .gridItem {
	width: 18.36%;
}
.grid4cols .gridItem {
	width: 23.36%;
}
.grid3cols .gridItem {
	width: 31.69%;
}
.grid2cols .gridItem {
    width: 48.36%;
}

@media (max-width: 955px) {
.colWrap.col2 {
	width: auto;
	float: none;
	margin: 0;
	padding-top: 20px;
}
.colWrap.col2.lastCol {
	width: auto;
	float: none;
	padding-top: 0 !important;
}
.col4 {
	width: 49%;
}
.grid6cols.stepGrid .gridItem {
	width: 18.36%;
}

}

@media (max-width: 768px) {
.col4 {
	width: 49%;
}
.grid4cols .gridItem {
	width: 48.36%;
}
.grid5cols .gridItem {
	width: 31.69%;
}
.grid6cols.stepGrid .gridItem {
	width: 23.36%;
}

}

@media (max-width: 568px) {
.col2, .col3, .col4, .col5, .col6 {
	width: auto !important;
	float: none;
	margin: 0 !important;
	padding-bottom: 20px;
}
.lastCol {
	padding-bottom: 0 !important;
}
.grid4cols .gridItem {
	width: 48.36%;
}
.grid5cols .gridItem {
	width: 48.36%;
}
.grid6cols .gridItem {
	width: 31.69% !important;
}

}
@media (max-width: 480px) {
	
	.grid4cols .gridItem {
	width: 98.36%;
}

.grid5cols .gridItem {
	width: 98.36%;
}

	
}