.iconbox-style1 {
	margin-bottom: 60px;
	@extend .clearfix;

	&.iconbox--iconleft {
		
		.iconbox__icon {
			float: left;
			min-width: 60px;
			margin-right: 20px;
			
			@media (min-width: 1200px) {
				min-width: 100px;
			}

			@media (min-width: 992px) {
				min-width: 90px;
				margin-right: 45px;
			}
		}
	}

	&.iconbox--iconright {
		text-align: right;

		.iconbox__icon {
			float: right;
			margin-left: 20px;
			width: 100px;

			@media (min-width: 992px) {
				min-width: 70px;
				margin-left: 45px;
			}

			@media (min-width: 1200px) {
				min-width: 100px;
			}
		}
	}
}

.iconbox-style2 {
	text-align: center;
	border: 1px solid #eeeeee;
	padding: 50px 30px;
	margin-bottom: 30px;
	transition: all 0.3s ease;

	&:hover {

		box-shadow: 0 6px 59px rgba(#000, 0.08);

		.iconbox__title {
			@extend %color-primary;
		}
	}

	.iconbox__icon {
		@include pfs('font-size', (
			768px: 50px,
			1400px: 70px
		));
	}

	.overflow-hidden {
		text-align: center;
	}

	.iconbox__title {
		font-size: 18px;
		margin-bottom: 10px;
		transition: all 0.3s ease;

		span {
			display: none;
		}
	}

	.iconbox__content {
		color: #818181;
	}
}

.iconbox__icon {
	margin-bottom: 30px;
	display: inline-block;
	font-size: 50px;
	@extend %color-primary;

	@media (min-width: 768px) {
		font-size: 70px;
	}

	@media (min-width: 1200px) {
		font-size: 100px;
	}
}

.iconbox__title {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;

	@media (min-width: 768px) {
		font-size: 22px;
		margin-bottom: 20px;
	}

	@media (min-width: 1200px) {
		font-size: 24px;
	}

	span {
		display: inline-block;
		vertical-align: middle;
		border-radius: 50%;
		text-align: center;

		&:after {
			content: '.';
		}

		@media (min-width: 480px) {
		    min-width: 45px;
		    line-height: 45px;
		    margin-right: 10px;
		    background-color: #212122;
		    color: #fff;
		    font-weight: normal;

		    &:after {
		    	content: none;
		    }
		}

		@media (min-width: 1200px) {
			min-width: 55px;
			line-height: 55px;
			margin-right: 15px;
		}
	}
}

.iconbox__content {

	p:last-child {
		margin-bottom: 0;
	}
}