@media (max-width:420px){
  a#hero-btn {
    font-size: 1.5em;
    height:auto;
  padding:11px 20px;
  }
  }
  
  @media (max-width: 991px){
  .box-hero:before {
      background: #005689!important;
  }
  }
  
  
  
  
  /* box-hero start */
  
  .box-hero .box-content .btn {
  max-width: 418px;
  }
  
  .box-hero::before {
  background: #5F9DB3CC;
  }
  
  .box-hero .box-content h1 {
  font-size: 2.1em;
  line-height: 40px;
  }
  
  .box-hero .box-content h2 {
  font-size: 1.3em;
  }
  
  .box-hero .box-content p,
  .box-hero .box-content ul~p,
  .box-hero .box-content ul li {
  font-size: 1.3em;
  font-weight: 500;
  }
  
  .box-hero .box-content li {
  position: relative;
  }
  
  .box-hero {
  background-position: calc(100% + 82px)center;
  background-color: rgb(199, 194, 185);
  }
  
  .box-hero .box-content .container {
  padding-right: 15px;
  }
  
  .box-hero .btn.v8 {
  font-size: 22px;
  }
  
  @media (max-width:992px) {
  .box-hero .box-content .container {
    max-width: 100%;
  }
  }
  
  @media (max-width:1199px) {
  .box-hero::before {
    /* display: block; */
  }
  }
  
  @media all and (min-width:992px) {
  .box-hero .box-content .container {
    max-width: 71%;
    padding-left: 0%;
    /* padding-right: 0;
  */
  }
  .box-hero .box-content p,
  .box-hero .box-content ul li {
    font-size: 1.2em;
    padding-right: 0;
  }
  }
  
  @media (min-width: 1200px) {
  .box-hero .box-content .container {
    max-width: 51%;
  }
  .box-hero .box-content p,
  .box-hero .box-content ul li {
    font-size: 1.2em;
    padding-right: 0;
  }
  }
  
  @media (min-width:1450px) {
  .box-hero .box-content .container {
    max-width: 57%;
  }
  .box-hero {
    padding: 70px 0 85px 0;
  }
  }
  
  @media (min-width:1680px) {
  .box-hero {
    padding: 90px 0 105px 0;
  }
  }