/* 1100 */
@media only screen
and (max-width : 1100px) {
  .container {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
  .openhours-container .openhours-wrapper .openhour {
    width: calc((100% / 1) - 30px);
  }
  .apply-container,
  .feedback-container,
  .usc-container {
    width: 100%;
    height: 100vh;  
    left: 0;
  }
  .apply-container.show,
  .feedback-container.show,
  .usc-container.show {
    top: 0;
  }
  .openhours-container .openhours-wrapper .openhour {
    background: rgba(233,20,141,0.5);  
  }  
  .openhours-container .openhours-wrapper .openhour a {
    background: #e9148d;
  }
  footer {
    background: rgba(255,255,255,0.5);
  }
}

/* 768 */
@media only screen
and (max-width : 768px) {
  h1 {
    font-size: 30px;
  }
  #apply-form .row:not(.checkrow) {
    flex-wrap: wrap;
  }
  #apply-form .row input,
  #apply-form .row .phone-input-wrapper {
    width: 100%;
  }
  #apply-form .checkrow {
    padding-left: 0;
    margin-top: 25px;
  }
  #apply-form a.apply {
    width: 100%;
  }
  #apply-form .row label {
    margin-bottom: 5px;
  }
  .apply-container {
    padding: 50px 20px;
  }
  .apply-container .oh-data-wrapper::before {
    display: none;
  }
  .apply-container p.oh-date,
  .apply-container p.oh-length,
  .apply-container p.oh-online { 
    padding-left: 40px;
  }
  .apply-container p.oh-date::before,
  .apply-container p.oh-length::before,
  .apply-container p.oh-online::before {
    left: 0;
    background: none;
  }
  .apply-container .close {
    top: 15px;
    right: 15px;
  }
  footer {
    position: relative;
    height: auto;
    padding: 10px 20px;
  }
  footer p {
    flex-direction: column;
  }
  footer p ::after {
    display: none !important;
  }
  footer.hide {
    bottom: 0;
  }
}