.hero-banner-container{
  padding:110px 0 84px;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom:219px;
  display:inline-block;width:100%;position:relative;
}
.hero-banner-image {
  width: 37.5%;
  position: absolute;
  height: calc(100% + 130px );
  right: 0;
  top: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-bottom-left-radius: 190px;
}
img.hero-banner-dots {
  position: absolute;
  top: calc(100% + 38px);
  right: 0;
  z-index: -1;
}
.hero-banner-container h1{
  font-size: 48px;
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.208;
  font-weight: 400;
}
.hero-banner-container p{
  font-size: 24px;
  font-family: "Quattrocento";
  color: rgb(255, 255, 255);
  line-height: 1.5;
  margin: 15px 0 37px;
  padding-right: 100px;
}
.hero-cta-btns span[data-hs-cos-type="cta"]{
  margin-right:27px;
}
.hero-cta-btns span[data-hs-cos-type="cta"]:last-child{
  margin-right:0;
}
.hero-cta-btns a:last-child{
  margin-right:0;
}
.hero-cta-btns .white-cta-inverse:hover{
  background: white;
  color: rgb(1, 3, 39) !important;
}

@media (max-width:1700px){
  /*   .hero-banner-container{
  background-size:auto,auto,auto;
  /*padding: 120px 0 236px;*/
  /*     background-position: 110% top,-50px top,108% bottom; */
  /*   } */ 
}

@media (max-width:1540px){
  .hero-banner-container .span8 {
    width: 50%;
  }
  .hero-banner-container{
    /*background-size: 574px 96%, auto, auto;*/
    /*     background-position:120% top,-230px top,123% bottom; */
    /*margin-bottom: 60px;*/
  }
}

@media (max-width:1369px){
  .hero-banner-container{
    /*background-size: 524px 96%, auto, auto;*/
    /*     background-position: 132% top,-280px top,135% bottom; */
  }
}

@media (max-width:1271px){
  .hero-banner-container{
    /*background-size: 444px 96%, auto, auto;*/
    /*     background-position: 150% top,-380px top,158% bottom; */
  }
}

@media (max-width:1170px){
  .hero-banner-container{
    /*     background-position: 160% top,-380px top,158% bottom; */
  }
}

@media (max-width:1120px){
  .hero-banner-container{
    /*background-size: 364px 96%, auto, auto;  */
    /*     background-position: 180% top, -500px top, 195% bottom; */
  }
}

@media (max-width:1080px){
  .hero-banner-container{
    /*     background-position:200% top,-500px top,220% bottom; */
  }
}
@media (max-width:1050px) and (min-width:993px){
  .hero-banner-container {padding:100px 0 80px !important;}
}
@media(min-width:993px){
  .hero-banner-container .span8{padding-right:40px;}
}
@media (max-width:992px){
  .hero-banner-container {
    padding: 110px 0 84px;
    margin-bottom:30px;
    /*     background-position:right top, -500px top, 246% bottom; */
  }
  .row-fluid .hero-banner-container .span8{
    float: none;
    text-align: center;
    margin: 0 auto !important;
    width: 70%;
  }
  .hero-banner-container p{
    padding-right:0;
  }
  .hero-banner-image , img.hero-banner-dots{display:none;}
}