.page-banner.float_l {
    background-image: url('../images/page-banner.jpg');
    background-size: cover;
    margin: 0 0 0px 0;
}
.page-title.float_l {
    font-size: 84px;
    line-height: 114px;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 260px 0 205px 0;
    text-align: center;
}
.about-left, .about-right {
    float: left;
    width: 48%;
    margin: 30px 0 0 0;
}
.about-right {
    float: right;
}
.about-left .heading, .about-right .heading {
    color: #F1AB29;
    font-size: 40px;
    font-weight: bold;
    line-height: 50px;
    padding: 0 0 5px 0;
}
.about-images.float_l {
    margin: 35px 0 45px 0;
}
.about-images.float_l img {
    float: left;
    margin: 1.5%;
    width: 30.3%;
    border-radius: 50%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.about-images.float_l img:hover {
    border-radius: 0;    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}











@media screen and (max-width: 1200px) {
	.page-title.float_l {
	  font-size: 60px;
	  line-height: 80px;
	  padding: 200px 0 160px;
	}
	.page-banner.float_l {
	  margin: 0 0 30px;
	}
	.about-left .heading, .about-right .heading {
	  font-size: 30px;
	  line-height: 44px;
	  padding: 20px 0;
	}
	.about-left, .about-right {
	  margin: 0;
	}
}
@media screen and (max-width: 990px) {
	.page-title.float_l {
	  font-size: 46px;
	  line-height: 64px;
	  padding: 100px 0 90px;
	}
}
@media screen and (max-width: 768px) {
	.about-left .heading, .about-right .heading {
	  font-size: 26px;
	  line-height: 36px;
	  padding: 20px 0;
	}
	.about-left, .about-right {
	  width: 100%;
	}
	.about-images.float_l {
	  margin: 20px 0;
	}
	.about-images.float_l img {
	  margin: 2%;
	  max-width: 290px;
	  width: 96%;
	}
}