@charset "UTF-8";
/* CSS Document */

/* col */
.col {
	
	float: left;
	margin-left: 5.0%;
	margin-bottom: 2px;border-top:1px solid  #DDD;padding-top:18px;
}

/* grid4 col */
.grid4 .col {
	width: 22.6%;
}

/* grid3 col */
.grid3 .col {
	width: 30.0%;
}

/* grid2 col */
.grid2 .col {
	width: 47.5%;
}


.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}


/* ----------- Min. Portrait ----------- */
 @media only screen 
  and (max-width: 320px)  {
	  .grid3 .col {
		width: 47.5%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 5.0%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait*/

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait)
  {
	
	
	.grid3 .col {
		width: 47.5%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 5.0%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* ----------- iPhone 6 ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  .grid3 .col {
		width: 47.5%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 5.0%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

}



/* ----------- iPhone 6+ ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  .grid3 .col {
		width: 47.5%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 5.0%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

}


/* ----------- Galaxy S3 ----------- */


/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
	  .grid3 .col {
		width: 47.5%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 5.0%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

}



/* ----------- Galaxy S4 ----------- */


/* Portrait */
@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
	  .grid3 .col {
		width: 47.5%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 5.0%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

}


/* ----------- Galaxy S5 ----------- */


/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
	  .grid3 .col {
		width: 47.5%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 5.0%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

}



/* ----------- HTC One ----------- */


/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
	  .grid3 .col {
		width: 47.5%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 5.0%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

}