/*  */

/* ===== Mobil uyum (telefon/tablet) ===== */
@media (max-width: 960px) {
  html, body { min-width: 0 !important; overflow-x: hidden; }
  #page, #header, .container, .container-wrapper, #footer, .header-wrapper, .footer-wrapper { width: 100% !important; min-width: 0 !important; }
  #header { height: auto !important; background-size: cover; }
  .header-box, #userBox, #regBtn { margin: 10px auto !important; float: none !important; }
  .logo img { max-width: 80%; height: auto; }
  .col-1, .col-2, .col-3 { float: none !important; display: block !important; width: 94% !important; max-width: 520px; margin: 12px auto !important; }
  .col-2 .two-boxes, .col-2 .box, .col-2 table, .col-2 form, .col-2 .modul-box { width: 100% !important; max-width: 100% !important; box-sizing: border-box; }
  .col-2 input[type=text], .col-2 input[type=password], .col-2 input[type=email], .col-2 select { width: 100% !important; box-sizing: border-box; font-size: 16px; }
  .col-2 td { display: block; width: 100% !important; }
  .boxes-top, .boxes-bottom, .boxes-middle, .modul-box, .main-nav { width: 100% !important; background-size: 100% 100% !important; }
  .main-nav a, .main-nav li { font-size: 15px !important; line-height: 2.2; }
  body, .col-1, .col-2, .col-3 { font-size: 14px; }
  img { max-width: 100%; height: auto; }
  #footer ul, #footer .netbar { width: 100% !important; margin: 10px 0 !important; }
}
@media (max-width: 960px) {
  .col-2 p, .col-2 li, .col-2 div, .col-2 span { color: #e8d9c0 !important; }
  .col-2 h1, .col-2 h2, .col-2 h3 { color: #f0b85a !important; }
}
@media (max-width: 960px) {
  .header-wrapper { height: auto !important; background-size: auto 100%; }
  #header { height: auto !important; overflow: visible !important; text-align: center; padding-bottom: 10px; }
  .logo { position: static !important; left: auto !important; display: block; text-align: center; margin: 8px auto 0; }
  .logo img { max-width: 70% !important; }
  .header-box, .header-box-nav-container { width: 100% !important; margin: 10px 0 0 !important; }
  #mmonetbar, .mmosmallbar, .netbar { max-width: 100% !important; overflow: hidden; }
  .col-1 .boxes-top, .col-3 .boxes-top, .boxes-middle, .boxes-bottom { display: none !important; }
  .col-1 .modul-box, .col-3 .modul-box, .col-1 .modul-box-bg, .col-1 .modul-box-bg-bottom, .col-3 .modul-box-bg, .col-3 .modul-box-bg-bottom { background: rgba(40,10,5,.85) !important; border: 1px solid #6b2a10; border-radius: 6px; width: 100% !important; padding: 6px 0 !important; margin: 0 0 10px !important; box-sizing: border-box; }
  .main-nav { margin: 0 !important; padding: 0 !important; }
  .main-nav li a, .modul-box h3 { background: none !important; width: auto !important; height: auto !important; text-align: center !important; padding: 8px 0 !important; margin: 0 !important; font-size: 16px !important; }
  .main-nav li { border-bottom: 1px solid #3a1a0c; padding: 0 !important; }
  .col-1, .col-3 { text-align: center; }
}