.banner{
  background-size: 1325px;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-color:#29323C;
  color:#fff;
  padding:100px 0 110px 0;
  border-radius: 80px 0;
}
.banner .category{
  color:#68bac4;
  font-size:1.125rem;
  font-weight:800;
  margin-bottom:15px;
}
.banner .intro{
  font-size:1.25rem;
  margin-top:15px;
}
.banner .subtitle{
  font-weight:700;
  display:block;
  margin-bottom:10px;
}
.banner .banner-responsive-img{
  width:100%;
  max-width: 662px;
}

@media screen and (max-width:991px){
  .banner{
   
    background-image:none !important;
        overflow: hidden;
    padding:45px 0 0 45px;
    position:relative;
    border-radius: 80px 0 100px 0;
  }
  .banner .banner-responsive-img{
    margin-top:15px; 
    width: 100%;
    max-width: 668px;
    height:auto;
    border-radius: 0 0 10px 0;
  }
  .banner .banner-img {
    padding: 0 15px;
  }
}
@media screen and (max-width:767px){
  .banner .banner-img {
    padding: 0;
    margin-left: -15px;
  } 
  .banner{
  padding: 45px 0 0 0;
    border-radius: 60px 0 75px 0;}
  
  .banner-img{
  0 0 5px 0;
  }
  .banner h1{
  font-size: 2.5rem;
    font-weight:600;
}
  .banner h2{
  font-size: 1.75rem;
    font-weight:600;
}
  .banner .intro{
  font-size:1.1rem;
}
  .banner .subtitle{
  font-weight:700;
  font-size:1.25rem;
  display:block;
  margin-bottom:15px;
}
}