@media only all and (max-width: 700px) {

  /* for 700px or less */
  body {
    line-height: 1.5;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .frame-outer, .frame-outer1 {
    width: 100%;
    text-align: left;
margin: 0;
border: none;

  }
    
    .flex {
        display: block;
    }
    
    .left, .middle, .right {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    
    .left img {
        width: 27%;
        padding: 0;
        margin: 1.5rem 0 1rem;
    }
    
    .button_box {
        text-align: left;
        margin-top: 1rem;
    }

  .content {
    padding: 1rem;
  }

  .footer, .footer2 {
    padding: 1rem;
  }

  .three-col {
    column-count: 1;
    column-gap: 0;
  }

  .logo {
    padding: 0 0 0;
  }

  .logo img {
    float: none;
    margin: 0 0 1rem 0;
  }

.hide_m {
	display: none;
}  

}
.refnr {}

.apply {}