/* Адаптация под телефоны и планшеты */
img { max-width: 100%; height: auto; box-sizing: border-box; }
.entry-content table { max-width: 100%; }
#villa-map img { max-width: none; }

@media (min-width: 821px) {
  .oneColFixCtrHdr #header { position: relative; box-sizing: border-box; width: 780px; padding: 0; }
  div#menu { position: absolute; top: 262px; left: 0; right: 0; float: none; margin: 0; text-align: center; }
  div#menu ul { position: static; float: none; display: inline-block; right: auto; }
  div#menu ul li a { display: inline-block; padding: 4px 24px 0; }
  #contacts { position: absolute; top: 310px; left: 10px; right: 10px; width: auto; text-align: right; font-size: 13px; }
  #contacts ul { height: auto; }
  #contacts ul li { float: none; display: inline; padding: 0 0 0 22px; }
  .oneColFixCtrHdr #mainContent { margin-top: 0; }
}

@media (max-width: 820px) {
  body { font-size: 100%; -webkit-text-size-adjust: 100%; }
  .oneColFixCtrHdr #container { width: auto; max-width: 780px; }
  .oneColFixCtrHdr #header {
    width: auto; height: auto; padding: 40.4% 0 0;
    background: url(images/header.jpg) no-repeat center top / 100% auto;
  }
  div#menu, div#menu ul { position: static; float: none; right: auto; margin: 0; }
  div#menu { background: #b98a52; background: linear-gradient(#e2c08f, #b98a52); border-bottom: 1px solid #8a6136; }
  div#menu ul { display: flex; flex-wrap: wrap; justify-content: center; padding: 2px 4px; }
  div#menu ul li { float: none; }
  div#menu ul li a { display: block; padding: 8px 9px; font-size: 16px; color: #4a2c0e; }
  div#menu ul li a.current { color: #000; }
  #contacts { position: static; width: auto; left: auto; top: auto; text-align: center; padding: 10px 12px 0; }
  #contacts ul { height: auto; }
  #contacts ul li { float: none; padding: 2px 0; text-align: center; list-style: none; }
  .oneColFixCtrHdr #mainContent { margin-top: 0; padding: 0 12px; }
  .oneColFixCtrHdr #footer { padding: 0 12px; overflow: hidden; }
  .left, .right { float: none; display: block; margin: 0 auto 12px; }
  .entry-content img { margin: 0 auto 10px; display: block; }
  .entry-content table { width: 100% !important; font-size: 14px; }
  .entry-content table td { padding: 4px !important; }
  #villa-map { height: 300px !important; }
  .copyright, .madeby { float: none; text-align: center; }
}