#banner1{
  height: 390px;
  background-size: cover !important;
  background-position: center center;
  display: block;
}


.banner1{
  height: 190px;
  background-size: cover !important;
  background-position: center center;
  display: block;
}

.banner2{
  height: 173px;
  background-size: cover !important;
  background-position: center center;
  display: block;
}

.banner3{
  height: 70px;
  width: 100px;
  background-size: cover !important;
  background-position: center center;
  display: block;
}


.banner4{
  height: 80px;
  width: 140px;
  background-size: cover !important;
  background-position: center center;
  display: block;
}

.banner5{
  height: 200px;
  background-size: cover !important;
  background-position: center center;
  display: block;
}

.banner6{
  height: 200px;
  background-size: cover !important;
  background-position: center center;
  display: block;
}

.banner7{
  height: 330px;
  background-size: cover !important;
  background-position: center center;
  display: block;
}

.banner8{
  height: 65px;
  width: 100px;
  background-size: cover !important;
  background-position: center center;
  display: block;
}

.banner10{
  height: 260px;
  background-size: cover !important;
  background-position: center center;
  display: block;
}


@media (max-width: 767.98px) { 
  #banner1{
    height: 200px;
  }
  .custom .meta > li > a, .post--info .meta > li > span {
    font-size: 12px !important;
  }

 
  .custom .title .h4 a{
    display: block;
    line-height: 1em !important;
    /* width: 30% !important; */
    /* overflow: hidden; */
    white-space: nowrap;
    /* text-overflow:clip; */
    font-size: 12px;
  }
}