// Counter 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 2
.counter_section_2{
	.single_counter_2{
		text-align: center;
		.counter_img{ height: 105px; }
		p{
			font-size: 18px;
			margin-top: 10px;
			color: #fff;
			@include firasans(400);
		}
		h4{
			font-size: 30px;
			@include firasans(500);
			margin-top: 15px;
			color: $brand_3;
		}
	}
}
	// Counter 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;	}
			}
		}	
	}
	.counter_section_2 .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;	}
			}
		}
	}
	.counter_section_2 .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}{
	
}