

  .dnl-img-1, .dnl-img-2, .dnl-img-3 {
    min-height: auto !important;
    max-height: 150px !important;
  }

  div.input-wpr.flex.flex-justify-between{
    margin-right: 0px !important;
  }
  @media (min-width: 1200px) {
    .locator-form {
      height: auto;
    }
    .dnl-img-3 {
      height: 207px;
    }
  }
  @media (min-width: 640px) and (max-width: 1199px) {
    .dnl-img-3 {
      height: calc( 110px + (207 - 110) * ((100vw - 640px) / (1199 - 640)) ) !important;
    }
  }
  @media (min-width: 320px) and (max-width: 639px) {
    .dnl-img-3 {
      height: calc( 162px + (341 - 162) * ((100vw - 320px) / (639 - 320)) ) !important;
    }
  }

@media (min-width: 1140px) {
  select#retirement{
    width:350px !important;
  }
  div.input-wpr.flex{
    margin-bottom:0 !important;
  }
  .continue.btn1 {
    float:right !important;
    margin-top:15px !important;
  }
  .continue.btn2 {
    float:right !important;
  }
}

@media (min-width: 514px) and (max-width: 639px){
  p.cus{
    padding-top:15px !important;
  }
} 

@media (min-width: 640px) and (max-width: 1139px) {
  select#retirement{
    width:400px !important;
  }
  .continue.btn1 {
    float:right !important;
    margin-top:15px !important;
  }
  .continue.btn2 {
    float:right !important;
  }
}
  @media (min-width: 1082px) {
    #invest {
      width:50% !important;
    }
  }

  @media (min-width: 971px) and (max-width:1081px) {
    #invest {
      width:45% !important;
    }
  }

  @media (min-width: 882px) and (max-width:970px) {
    #invest {
      width:40% !important;
    }
  }

  @media (min-width: 769px) and (max-width:881px) {
    #invest {
      width:30% !important;
    }
  }

  @media (min-width: 640px) and (max-width:768px) {
    #invest {
      float:right !important;
      width:65% !important;
      margin-bottom:15px !important;
    }
    a.redirectView{
      float:right !important;
    }
  }

  @media (min-width: 640px) and (max-width:660px) {
    img.img-circle {
      width:29% !important;
    }
  }

  @media (min-width: 545px) and (max-width:639px) {
    #invest {
      width:65% !important;
    }
  }

  @media (min-width:485px) and (max-width:554px) {
    #invest {
      width:60% !important;
    }
  }

  @media (min-width:438px) and (max-width:484px) {
    #invest {
      width:55% !important;
    }
  }

  @media (min-width:401px) and (max-width:437px) {
    #invest {
      width:50% !important;
    }
  }

  @media (max-width:400px) {
    #invest {
      width:100% !important;
      margin-bottom:15px !important;
    }
    a.redirectView{
      float:right !important;
    }
  }

  @media (min-width: 640px) and (max-width: 920px) {
    #account-select-1, #account-select-2 {
      width: 100% !important;
      margin-bottom: 15px;
    }
  }


  @media (min-width: 1108px) {
    #retirement {
      width: 300px;
    }
    .btn2 {
      display: none;
    }
  }

  .btn2 {
    display: none;
  }

  @media (min-width: 766px) and (max-width: 1107px) {
    .input-container {
      margin-bottom: 30px;
    }
    #retirement {
      width: calc( 130px + (428 - 130) * ((100vw - 766px) / (1107 - 766)) ) !important;
    }
    .btn1 {
      display: none;
    }
    .btn2 {
      display: block
    }
  }

  @media (min-width: 640px) and (max-width: 765px) {
    #retirement {
      width: 300px;
    }
    .input-container .input-wpr {
      margin-bottom: 30px !important;
    }
    .btn1 {
      display: block;
    }
    .btn2 {
      display: none;
    }
  }

  @media (min-width: 408px) and (max-width: 639px) {
    #retirement {
      width: calc( 285px + (516 - 285) * ((100vw - 408px) / (639 - 408)) ) !important;
    }
    .input-container .input-wpr {
      margin-bottom: 30px !important;
    }
    .input-container .radio-wpr label {
      margin-bottom: 15px !important;
    }
    .btn1 {
      display: none;
    }
    .btn2 {
      display: block;
      margin-bottom: 15px;
    }
  }

  @media (max-width: 407px) {
    .input-container .input-wpr {
      margin-bottom: 30px !important;
    }
    .input-container .radio-wpr label {
      margin-bottom: 15px !important;
    }
    .btn1 {
      display: none;
    }
    .btn2 {
      display: block;
      margin-bottom: 15px;
    }
  }

  #banner > div > div > div > div > div.radio-wpr.horizontal.mar-b-0.mar-r > label{
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
  }

  #banner > div > div > div > div > a{
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
  }