.bravo_wrap .page-template-content .bravo_banner {
 	background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height:85vh;
   
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
  
  .bravo_wrap .page-template-content .bravo_banner {
  height:50vh;}
  
  }
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
  
  .bravo_wrap .page-template-content .bravo_banner {
  height:50vh;}
  
}