.header-title {
    position: absolute;
    display: block;
    bottom: 90px;
    width: 100%;
    z-index: 9;
    color: #fff;
    font-size: 50px;
    text-align: center;
    padding: 15px;
    left: 0;
}
.fon-gradient {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg,transparent 10%,rgba(0,0,0,.9));
}
.bg-slider {

}
@media (max-width: 1500px) {
 	.header-title {	    
 		font-size: 46px;
	}
 }
@media (max-width: 1300px)  {
.header-title {
    font-size: 42px;

}
}
@media (max-width: 991px) {
.header-title {

    font-size: 30px;
}
}
@media (max-width: 767px) {

}
@media (max-width: 575px) {
.header-title {

}
.header-title {
    font-size: 26px;
}
 }
@media (max-width: 500px) {

 }