/* Aytemiz - site customizations.
   Keep all custom CSS here. Never edit the generated CSS3941.css bundle. */

/* Header menu: switch to the tablet (hamburger) layout earlier so the desktop
   menu never wraps to a second line. The bundle already switches at <=1024px;
   this extends the SAME tablet header up to 1366px - the range where the 8-item
   menu would otherwise drop its last items onto a second row. */
@media (min-width: 1025px) and (max-width: 1366px) {
  nav.top-links { background-color: #d02520; }

  nav.general-nav #en-yakin-aytemiz,
  nav.general-nav #hamburger {
    display: inline !important;
    position: absolute !important;
    left: 0 !important;
    height: 100% !important;
    background-color: #efefef;
    width: 50px !important;
    border-right: 1px solid #b5b5b5;
  }
  nav.general-nav #en-yakin-aytemiz a,
  nav.general-nav #hamburger a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
  }
  nav.general-nav #hamburger a { background-image: url(/assets/img/hamburger-icon.png); }
  nav.general-nav #en-yakin-aytemiz a { background-image: url(/assets/img/en-yakin-aytemiz-mobile-icon.png); }
  nav.general-nav #en-yakin-aytemiz { left: 50px !important; border-right: none !important; }

  .general-nav { background-color: #fff !important; height: 50px !important; }
  .top-links { height: 25px !important; line-height: 25px !important; }
  .top-links > #location { display: none; }
  .top-links > .language { left: 0 !important; right: 0 !important; margin: auto; background-position: 0 4px; }

  nav.general-nav #logo {
    right: 0 !important;
    left: auto !important;
    width: 184px !important;
    background-image: url(/assets/img/header-logo-aytemiz-mobile.png) !important;
  }

  .general-nav > #search,
  .general-nav > ul { display: none; }
}