// Counter Section 1
.counter_1{
	padding-top: 100px;
}
.counter_box {
	height: 100px;
	p{ 
		@include rubik(500);
		position: absolute;
	    font-size: 48px;
	    text-align: center;
	    color: #fff;
		span{ 
			font-size: 48px; 	
		}
		.header{ 
			font-size: 20px;
			@include rubik(500); 
			color: #fff;
			display: block;
		}
	}
}

// Counter Section 2
.counter_section_2{
	padding-bottom: 50px;
}
.single_counter_2{
	text-align: center;
	.counter_img{ height: 105px; }
	p{
		font-size: 18px;
		margin-top: 10px;
		color: $dark;
		@include firasans(400);
	}
	h4{
		font-size: 20px;
		@include firasans(500);
		margin-top: 15px;
		color: $brand_3;
	}
}

// Counter section 3
.counter_section_3{
	@include gradient_bg_4(top);
	.single_counter_3{
		color: #fff;
		i{
			font-size: 45px;
			margin-bottom: 20px;
		}
		span{ 
			font-size: 48px;
			@include firasans(700);
			margin-bottom: 20px;
		}
		h4{
			font-size: 24px;
			@include firasans(600);
			text-transform: uppercase;
		}
	}
}




@media #{$medium_device}{

}
@media #{$tab_device}{
	.counter_1{
		padding-top: 70px;
	}
	.counter_box {
		height: 80px;
		p{ 
		    font-size: 36px;
			span{ 	font-size: 36px; }
			.header{ font-size: 18px;	}
		}
	}
	.single_counter_2{
		.counter_img{ height: 75px; img{ width: 60px; }}
		p{
			font-size: 16px;
			margin-top: 15px;
		}
		h4{
			font-size: 22px;
			@include firasans(500);
			margin-top: 5px;
		}
	}
	.counter_section_3{
		.single_counter_3{
			i{ font-size: 36px; }
			span{  font-size: 36px; }
			h4{ font-size: 18px; }
		}
	}

	
}
@media #{$small_mobile}{
	.counter_1{
		padding-top: 50px;
	}
	.counter_box {
		margin-top: 20px;
		height: 80px;
		p{ 
		    font-size: 36px;
			span{ 	font-size: 36px; }
			.header{ font-size: 18px;	}
		}
	}
	.single_counter_2{
		margin-bottom: 40px;
		.counter_img{ height: 75px; img{ width: 60px; }}
		p{
			font-size: 14px;
			margin-top: 15px;
		}
		h4{
			font-size: 16px; 
			margin-top: 5px;
		}
	}
	.counter_section_3{
		.single_counter_3{
			margin-bottom: 50px;
			i{
				font-size: 28px;
				margin-bottom: 10px;
			}
			span{ 
				font-size: 28px;
				margin-bottom: 10px;
			}
			h4{
				font-size: 18px;
			}
		}
	}

}
@media #{$large_mobile}{
	
}