/* Desktop styling remains in the original stylesheets. */
#main, #page_footer { direction: ltr; }
.form-trap { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
#form-status { clear: both; padding: 12px 0; font-size: 16px; }
html[lang="ar"] #form-status { direction: rtl; text-align: right; }
html[lang="en"] #form-status { direction: ltr; text-align: left; }
input:disabled { opacity: .6; }
@media (max-width: 1020px) {
  #main, #page_footer { width: calc(100% - 20px); box-sizing: border-box; }
  #head, #content, #big { width: 100%; box-sizing: border-box; }
  #head { background-size: contain; background-position: center top; height: auto; aspect-ratio: 1000 / 130; }
  #menu-container { height: auto; }
  #navigationMenu { display: flex; flex-wrap: wrap; height: auto; padding: 0; margin: 0; }
  #navigationMenu li { width: 33.333%; height: 40px; float: none; }
  #navigationMenu a { padding: 5px 2px; font-size: 14px; }
  #big > table > tbody > tr > td { display: block; width: 100% !important; box-sizing: border-box; }
  #big table { width: 100%; }
  #big td div { max-width: 100%; box-sizing: border-box; }
  img { max-width: 100%; height: auto; }
  #slideshow { width: 100%; height: auto; aspect-ratio: 550 / 350; }
  #slideshow img { max-height: 100%; width: auto; }
  #slider-wrapper { width: 100%; height: auto; padding: 60px 0 55px; background: none; }
  #slider { width: min(618px, 100%); margin: 0 auto; }
  .nivo-controlNav { left: 0; width: 100%; display: flex; justify-content: center; }
  iframe { max-width: 100%; height: auto; aspect-ratio: 16 / 9; }
  #form { clear: both; }
  #form table { table-layout: fixed; }
  #form td:first-child { width: 28%; }
  #form input:not([type="submit"]), #form textarea { width: 100%; box-sizing: border-box; }
  #big > div { max-width: 100%; }
}
@media (max-width: 400px) {
  #navigationMenu li { width: 50%; }
}