/* COLS */

.onethreecol {
	clear:both;
	padding:60px 0;
}

.onethreecol .box:nth-of-type(odd) {
	width:23%;
	margin-right:2%;
	float:left;
}

.onethreecol .box:nth-of-type(odd) img {
	max-width:100%;
	height:auto;
}

.onethreecol .box:nth-of-type(even) {
	width:75%;
	float:right;
}





.threeonecol {
	clear:both;
	padding:60px 0;
}

.threeonecol .box:nth-of-type(even) img {
	max-width:100%;
	height:auto;
	margin-bottom:10px;
	clear:both;
}

.threeonecol .box:nth-of-type(odd) {
	width:75%;
	float:left;
}

.threeonecol .box:nth-of-type(even) {
	width:23%;
	margin-left:2%;
	float:right;
}

@media screen and (max-width: 650px)
{
.threeonecol .box:nth-of-type(even) {
	display:none;
}


.threeonecol .box {
	width:100%!important;
	margin-left:1%;
	float:left;
}


}


.twocol {
	clear:both;
}

.twocol .box {
	width:49%;
	float:left;
}

.twocol .box img {
	max-width:100%;
	height:auto;
}

.twocol .box:nth-of-type(even) {
	margin-left:2%;
}


@media screen and (max-width: 550px)
{
.twocol .box {
	width:98%;
	margin:0 0 4% 1%!important;
	float:left;
}
}





.twoonecol {
	clear:both;
}

.twoonecol .box:nth-child(1) {
	width:66%;
	float:left;
}

.twoonecol .box:nth-child(2) {
	width:32%;
	float:left;
	margin-left:2%;
	text-align:left;
}


.twoonecol .box img {
	max-width:100%;
	height:auto;
}

@media screen and (max-width: 500px)
{
.twoonecol .box {
	width:100%!important;
	float:left;
	margin:0!important;
}
}


.threecol  {
	clear:both;
	margin-bottom:30px;
}

.threecol .box {
	width:32%;
	float:left;
	overflow:hidden;
}

.threecol .box img {
	max-width:100%;
}

.threecol .box:nth-child(3n+2) {
	margin:0 2%;
}

@media screen and (max-width: 960px)
{
.threecol .box {
	width:49%;
	float:left;
}

.threecol .box:nth-child(3n+2) {
	margin:0;
}

.threecol .box:nth-of-type(even) {
	margin-left:2%;
}
}

@media screen and (max-width: 700px)
{
.threecol .box {
	width:100%;
	float:left;
}

.threecol .box:nth-child(3n+2),.threecol .box:nth-child(2n+2),.threecol .box:nth-of-type(even) {
	margin:0;
}
}


.fourcol  {
	clear:both;
	width:100%;	
}

.fourcol .box {
	width:23.5%;
	float:left;
	margin-right:2%
}

.fourcol .box img {
	max-width:100%;
	height:auto;
}


.fourcol .box:nth-child(4n+4) {
	margin-right:0;
}

@media screen and (max-width: 750px)
{
.fourcol .box {
	margin:0!important;
	width:47%!important;
}

.fourcol .box:nth-of-type(even) {
	margin-left:2%;
}
}

@media screen and (max-width: 400px)
{
.fourcol .box {
	width:100%!important;
	margin:inherit 0 inherit 0!important;
}
}

.fivecol  {
	clear:both;
	margin-bottom:30px;
}

.fivecol .box {
	width:18%;
	float:left;
	overflow:hidden;
	margin-right:2.1%;
	box-sizing:border-box;
}

.fivecol .box:nth-child(5) {
	margin-right:0;
}







.fivecol .box img {
	max-width:100%;
}

@media screen and (max-width: 750px)
{
.fivecol .box {
	margin:0 0 30px!important;
	width:32%!important;
}

.fivecol .box:nth-child(2) {
	margin:0 2%!important;
}

.fivecol .box:nth-child(4) {
	margin:0 1% 0 17% !important;
}

.fivecol .box:nth-child(5) {
	margin:0 17% 0 1% !important;
}
}
/*
@media screen and (max-width: 400px)
{
.fivecol .box {
	margin:0 0 30px 0!important;
	width:49%!important;
	background-color:#9F0;
}

.fivecol .box:nth-child(2),.fivecol .box:nth-child(3),.fivecol .box:nth-child(4),.fivecol .box:nth-child(5) {
	margin-left:2%!important;
	background-color:#090;
}

.fivecol .box:nth-child(1) {
	width:100%!important;
}
}
*/

/* END COLS */