/*--------------------------------------------------------------
# Bail bond pay page css  Start
--------------------------------------------------------------*/

.small_banner_s{
   
}
.small_banner_s img{
  /* float: left; */
}

.small_banner_s, #small_banner_s {
  /* background:linear-gradient(0deg, rgba(255, 0, 150, 0.3), rgba(255, 0, 150, 0.3)), url(/assets/img/bb/greybg.png); */
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(247,249,250,1) 35%, rgba(235,235,236,1) 100%);
  padding-top: 60px;
  padding-bottom: 40px;
  overflow: clip;

}
.small_banner_s .b_container {
  /* padding-top: 40px; */

  background: url(../img/hero-bg.png) top center no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(247,249,250,1) 35%, rgba(235,235,236,1) 100%);



padding-top: 70px;
}

.small_banner_s h3 {
 

  color: #000;
  margin-bottom: 10px;
 

  font-size: 54px;
  font-weight: 400;
  line-height: 70px;
  text-align: left;
  


}
.small_banner_s{


font-size: 22px;
font-weight: 400;
line-height: 29px;
text-align: left;

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

  .small_banner_s h3 {
    
    font-size: 40px;
    line-height: 60px;
}
.small_banner_s .b_container {
  text-align: center;
}
}
@media (max-width: 768px) {

    .small_banner_s img{
       display: block;
       margin: 0 auto;
      } 


.small_banner_s h3 {
    text-align: center;
    font-size: 30px;
    line-height: 40px;
}
}

@media (min-width: 1200px) {

    
.small_banner_s img{
  float: right;
}


}