@media (max-width: 1210px) {
  .container2 {
    height: auto;
    width: 980px;
    margin: auto;
  }
  #output_editor,
  #input_editor {
    width: 100%;
    font-size: 17px;
  }
  #output_editor {
    height: 588px;
  }
  #left_editor_div,
  #right_editor_div {
    float: none;
    width: 100%;
  }
  #right_editor_div {
    margin-top: 20px;
  }
  #options_div {
    width: 100%;
    margin-left: 0px;
    padding-bottom: 60px;
    height: auto;
    margin-top: 20px;
    border: 3px solid white;
    border-radius: 5px;
  }
  #download_btn {
    margin-top: 50px;
  }
  #format_btn,
  #minify_btn,
  #parse_btn,
  #validate_btn {
    margin-top: 67px;
  }
  .editor_options,
  .editor_btns {
    width: 270px;
  }
}

@media (max-width: 1000px) {
  .container2 {
    height: auto;
    width: 95%;
    margin: auto;
  }
}

@media (max-width: 600px) {
  .container2 {
    width: 100%;
  }
}
@media (max-width: 365px) {
  #enter_text_option {
    width: 75%;
    padding-bottom: 20px;
    height: auto;
  }
  #upload_div_inner {
    width: 75%;
  }
}
@media (max-width: 340px) {
  .editor_options,
  .editor_btns {
    width: 90%;
  }
}

@media (max-width: 315px) {
  #enter_text_option {
    width: 80%;
  }
  #upload_div_inner {
    width: 80%;
  }
}