@media only screen and (max-width: 425px)
{
	.header{
		padding: 10px 0px;
	}
	.section-about-backg{
		padding: 10px 0px !important;
	}
	.carousel-control-prev {
        left: 0px;
    }
	.carousel-control-next {
        right: 0px;
    }
    .carousel-control-prev i, .carousel-control-next i{
        padding: 3px !important;
    }
}
@media only screen and (min-width: 426px) and (max-width: 768px)
{
	.header{
		padding: 10px 0px;
	}
	#hero {
	  height: 60vh !important;
	}
	#hero .carousel-container{
		left: 80px;
    	right: 80px;
	}
	.carousel-control-prev i, .carousel-control-next i{
        padding: 5px !important;
    }
}