.boxes {
	text-align:center;
}

.box {
	opacity: 1;
	transform: scale(1);
	transition: 0.5s all linear;
}

.boxPopReveal .box.boxPopHide {
	opacity: 0;
	transform: scale(1.2);
	transition: 0.5s all linear;
}

.boxFadeReveal .box.boxFadeHide {
	opacity: 0;
	transition: 1s all linear;
}

.boxFadeReveal .box {
	opacity: 1;
	transition: 1s all linear;
}

.box img {
	display: block;
	transform: scale(1);
	transition:0.5s all linear;
	width:100%;
}

.boxesFourCols .box.circularImage img {
	border-radius: 50%;
	height: 200px;
	overflow: hidden;
	margin:auto;
	width: 200px;
}

.boxesThreeCols .box.circularImage img {
	border-radius: 50%;
	height: 279px;
	overflow: hidden;
	margin:auto;
	width: 270px;
}

.boxesTwoCols .box.circularImage img {
	border-radius: 50%;
	height: 400px;
	overflow: hidden;
	margin:auto;
	width: 400px;
}


.box:hover img {
	transform: scale(1.1);
	transition:0.5s all linear;
}

.box h3 {
	font-size:1.5em;
	margin:5% 0 0 0;
}

.box h3 a {
	text-decoration:none;
}

.box p {
	font-size:0.9em;
	margin:0;
}

/* 4 Columns box */

.boxesFourCols .box {
	float:left;
	margin:2% 3% 2% 0;
	text-align:center;
	width:22%;
}

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

/* 3 Columns box */

.boxesThreeCols .box {
	float:left;
	margin:2% 5% 2% 0;
	text-align:center;
	width:30%;
}

.boxesThreeCols .boxesWrap .box:nth-child(3n) {
	margin-right:0;
}

/* 2 Column box */

.boxesTwoCols .box {
	float:left;
	margin:2% 5% 2% 0;
	text-align:center;
	width:47%;
}

.boxesTwoCols .boxesWrap .box:nth-child(2n) {
	margin-right:0;
}

.cleared {
	clear:both;
}

.box .tabBoxImage,
.box .mobBoxImage {
	display: none;
}

/* 960 - 1200px */
@media screen and (min-width: 960px) and (max-width: 1200px) {
	
	.boxesWrap .box {
		margin:2%;
	}
	
	.boxesFourCols .box,
	.boxesFourCols .boxesWrap .box:nth-child(4n) {
		width: 20.9%;
	}
	
	.boxesThreeCols .box,
	.boxesThreeCols .boxesWrap .box:nth-child(3n) {
		width: 29.3%;
	}
	
	.boxesTwoCols .box {
		width: 45.95%;
	}
	
	.box h3 {
		font-size:1.3em;
	}

}

/* 768 - 959px */
@media screen and (min-width: 768px) and (max-width: 959px) {
	
	
	.boxesThreeCols .box.circularImage img {
		height:200px;
		width:200px;
	}
	
	.boxesTwoCols .box.circularImage img {
		height:320px;
	}
	
	.box h3 {
		font-size:1.2em;
	}
	
	.box p {
		font-size:0.825em;
	}
	
	.boxesFourCols .box,
	.boxesFourCols .boxesWrap .box:nth-child(4n) {
		margin:2%;
		width:46%;
	}
	
	.boxesThreeCols .box,
	.boxesThreeCols .boxesWrap .box:nth-child(3n) {
		margin:2% 2% 3% 2%;
		width: 29.3%;
	}
	
	.boxesTwoCols .box,
	.boxesTwoCols .boxesWrap .box:nth-child(2n) {
		margin:2% 2% 3% 2%;
		width: 46%;
	}
	
		
	.box .tabBoxImage {
		display: block;
	}

}

/* 481 - 767px */
@media screen and (min-width: 481px) and (max-width: 767px) {
	
	.boxes {
		padding:0 3%;
	}
	
	.boxesThreeCols .box.circularImage img,
	.boxesTwoCols .box.circularImage img {
		height:200px;
		width:200px;
	}
	
	.box h3 {
		font-size:1.1em;
	}
	
	.box p {
		font-size:0.825em;
	}
	
	.boxesFourCols .box,
	.boxesFourCols .boxesWrap .box:nth-child(4n),
	.boxesThreeCols .box,
	.boxesThreeCols .boxesWrap .box:nth-child(3n) {
		margin:4% 2%;
		width: 46%;
	}
	
	.boxesTwoCols .box,
	.boxesTwoCols .boxesWrap .box:nth-child(2n) {
		margin:2%;
		width: 46%;
	}
	
	.box .deskBoxImage {
		display: none;
	}
		
	.box .mobBoxImage {
		display: block;
	}

}

/* max 480px */
@media screen and (max-width: 480px) {
	
	.boxes {
		padding:0 3%;
	}
	
	
	.boxesThreeCols .box.circularImage img,
	.boxesTwoCols .box.circularImage img{
		height:200px;
		width:200px;
	}
	
	.box h3 {
		font-size:1.2em;
	}
	
	.boxesFourCols .box,
	.boxesFourCols .boxesWrap .box:nth-child(4n),
	.boxesThreeCols .box,
	.boxesThreeCols .boxesWrap .box:nth-child(3n),
	.boxesTwoCols .box,
	.boxesTwoCols .boxesWrap .box:nth-child(2n) {
		float: none;
		margin: 5% auto 10% auto;
		width: 90%;
	}
	
	.box .deskBoxImage {
		display: none;
	}
		
	.box .mobBoxImage {
		display: block;
	}

}