

/* 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;

}









.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: 450px)

{

.twocol .box {

	width:100%!important;

	float:none;

}



.twocol .box:nth-child(2n+2) {

	margin:0 0 0 0;

}

}







.onetwocol  {

	clear:both;

	margin-bottom:30px;

}



.onetwocol .box {

	width:33%;

	float:left;

	overflow:hidden;

}



.onetwocol .box:nth-child(2n+2) {

	width:65%;

	margin-left:2%;

}



.onetwocol .box img {

	max-width:100%;

}



@media screen and (max-width: 800px)

{

.onetwocol .box {

	width:49%;

	float:left;

}



.onetwocol .box:nth-child(3n+2) {

	margin:0;

}



.onetwocol .box:nth-child(2n+2) {

	margin:0 0 0 2%;

}



}









.twoonecol  {

	clear:both;

	margin-bottom:30px;

}



.twoonecol .box {

	float:left;

	width:65%;

	overflow:hidden;

}



.twoonecol .box:nth-child(2) {

	width:33%;

	margin-left:2%;

}



.twoonecol .box img {

	max-width:100%;

}



@media screen and (max-width: 800px)

{

.twoonecol .box {

	width:49%;

	float:left;

}



.twoonecol .box:nth-child(2n+2) {

	margin:0 0 0 2%;

}



}



@media screen and (max-width: 450px)

{

.twoonecol .box {

	width:100%!important;

	float:none;

}



.twoonecol .box:nth-child(2n+2) {

	margin:0 0 0 0;

}



}















.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: 800px)

{

.threecol .box {

	width:49%;

	float:left;

}



.threecol .box:nth-child(3n+2) {

	margin:0;

}



.threecol .box:nth-child(2n+2) {

	margin:0 0 0 2%;

}



}



@media screen and (max-width: 500px)

{

.threecol .box {

	width:100%;

	float:left;

}



.threecol .box:nth-child(3n+2),.threecol .box:nth-child(2n+2) {

	margin:0;

}



.search .threecol .box {

	width:49%!important;

	float:left!important;

}



.search .threecol .box:nth-child(3n+2) {

	margin:0!important;

}



.search .threecol .box:nth-child(2n+2) {

	margin:0 0 0 2%!important;

}

}





.fourcol, .fourcol.static  {

	clear:both;

}



.fourcol .box,.fourcol.static .box {

	width:23.5%;

	float:left;

	margin-right:2%

}



.fourcol .box img,.fourcol.static .box img {

	max-width:100%;

	height:auto;

}





.fourcol>.box:nth-child(4n+4),.fourcol.static>.box:nth-child(4n+4) {

	margin-right:0;

}





@media screen and (max-width: 600px)

{

.fourcol .box {

	width:100%!important;

	margin:inherit 0 inherit 0!important;

}



.search .fourcol .box {

	width:49%!important;

	float:left!important;

	margin:0!important;

}



.search .fourcol .box:nth-child(3n+2) {

	margin:0!important;

}



.search .fourcol .box:nth-child(2n+2) {

	margin:0 0 0 2%!important;

}



}







.fivecol  {

	clear:both;

}



.fivecol .box {

	width:18.4%;

	float:left;

	margin:0 2% 0 0;

	overflow:hidden;

}



.fivecol .box img {

	max-width:100%;

	height:auto;

}





.fivecol>.box:nth-child(5n+5) {

	margin-right:0;

}







.sixcol  {

	clear:both;

}



.sixcol .box {

	width:15%;

	float:left;

	margin:0 2% 0 0;

	overflow:hidden;

}



.sixcol .box img {

	max-width:100%;

	height:auto;

}





.sixcol>.box:nth-child(6n+6) {

	margin-right:0;

}





@media screen and (max-width: 800px)

{



.sixcol .box {

	width:32%;

	float:left;

	margin-right:2%

}



.sixcol>.box:nth-child(3n+3) {

	margin-right:0!important;

}



}



@media screen and (max-width: 500px)

{



.sixcol .box {

	width:49%;

	float:left;

	margin-right:2%

}



.sixcol>.box:nth-child(2n+2) {

	margin-right:0!important;

}



}













.sevencol  {

	clear:both;

}



.sevencol .box {

	width:12.5%;

	float:left;

	margin:0 2% 0 0;

	overflow:hidden;

}



.sevencol .box img {

	max-width:100%;

	height:auto;

}





.sevencol>.box:nth-child(7n+7) {

	margin-right:0;

}









.onefivecol .box:nth-of-type(odd) {

	width:17%;

	margin-right:2%;

	float:left;

}



.onefivecol .box:nth-of-type(odd) img {

	width:100%;

	height:auto;

}



.onefivecol .box:nth-of-type(even) {

	width:81%;

	float:right;

	text-align:left;

}







/* END COLS */

