/************************** Media Query *********************************************/
/* 320 PX/360 PX/ 375 PX/ 720 PX max width- 720PX */
@media screen and (max-device-width: 765px) {
  #container {
    margin: 0;
    padding: 0;
  }
  #wrapper {
    width: 365px;
    padding: 0 5px;
    margin: 0;
  }
  /*supporting device width 375px*/
  #header {
    margin-bottom: 15px;
    margin-left: 15px;
  }
  #content {
    width: auto;
    padding-bottom: 6px;
    float: none;
  }
  #footer_wrapper {
    margin: 0;
    padding: 0;
  }
  #footer div.first {
    margin-left: 5px;
    width: 140px;
  }
  .process li {
    border-top: none;
  }
  .message, .shadow {
    width: auto;
  }
  #es_interface {
    margin: 0;
  }
  div.process.single {
    padding: 3px 8px 0;
  }
  .process .tab.large {
    width: 310px;
  }
  .progress.save {
    padding: 3px;
  }
  #sub_content {
    display: none;
  }
  #es_input_wrapper {
    width: auto;
  }
  #es_input div.required a {
    padding-top: 5px;
  }
  #es_input div div.ex {
    height: 27px;
    width: 12px;
    padding-top: 0;
    margin-bottom: 7px;
  }
  #es_input #answer {
    height: auto;
  }
  #keyboard_wrapper {
    width: auto;
  }
  select option {
    font-size: 70.8%;
  }
}
@media screen and (max-device-width: 374px) {
  #wrapper {
    width: 310px;
  }
}