/* ==========================================================================
   GVK-Barat Autosiskola - mobilbarat raepites
   Csak a 900px alatti nezetet valtoztatja, a desktop layout erintetlen marad.
   ========================================================================== */

/* A mobil fejlec blokk desktopon rejtve */
.gvk-mobil-fejlec { display: none; }


@media only screen and (max-width: 900px) {

/* --- alapok ------------------------------------------------------------ */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  line-height: 1.5;
  background-attachment: scroll !important;
  background-size: cover !important;
  background-position: center top !important;
  overflow-x: hidden;
}

img { max-width: 100% !important; height: auto !important; }
iframe, embed, object, video { max-width: 100% !important; }

/* --- a fix szelessegu layout-tablak feloldasa --------------------------- */
table {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  border-collapse: collapse;
}
td, th { height: auto !important; }
td[width], th[width] { width: auto !important; }
td[background] { background-size: cover !important; background-repeat: no-repeat !important; }

#footer { width: auto !important; }

/* --- fejlec ------------------------------------------------------------- */
.gvk-fejlec {
  background-image: none !important;
  background-color: #111 !important;
  height: auto !important;
  padding: 0 !important;
  vertical-align: top;
}

/* a desktopra pozicionalt (Fooldal gomb es tarsai) elemek elrejtese */
.gvk-fejlec > div[style] { display: none !important; }

.gvk-mobil-fejlec { display: block; }

.gvk-mobil-fejleckep {
  display: block;
  width: 100%;
  height: auto;
}

/* telefonszamok: nagy, kattinthato gombok */
.gvk-mobil-tel {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  background: #111;
}
.gvk-mobil-tel a {
  flex: 1 1 46%;
  display: block;
  padding: 13px 6px;
  text-align: center;
  font: bold 16px/1.25 "Trebuchet MS", Arial, sans-serif;
  color: #fff !important;
  text-decoration: none !important;
  background: #2f6b0f;
  background: linear-gradient(#458902, #11501a);
}
.gvk-mobil-tel a span {
  display: block;
  font-weight: normal;
  font-size: 12px;
  opacity: .85;
}

/* --- hamburger gomb ----------------------------------------------------- */
.gvk-hamburger {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 0;
  padding: 14px 16px;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.2);
  background: #1b3d0c;
  color: #fff;
  font: bold 16px/1 "Trebuchet MS", Arial, sans-serif;
  letter-spacing: .04em;
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.gvk-hamburger i {
  display: inline-block;
  width: 24px;
  height: 2px;
  position: relative;
  background: #fff;
  transition: background .15s;
}
.gvk-hamburger i:before,
.gvk-hamburger i:after {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 2px;
  background: #fff;
  transition: transform .18s;
}
.gvk-hamburger i:before { top: -7px; }
.gvk-hamburger i:after  { top:  7px; }

.gvk-menu-nyitva .gvk-hamburger i { background: transparent; }
.gvk-menu-nyitva .gvk-hamburger i:before { top: 0; transform: rotate(45deg); }
.gvk-menu-nyitva .gvk-hamburger i:after  { top: 0; transform: rotate(-45deg); }

/* --- mobil menu --------------------------------------------------------- */
#mainContainer {
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

#dhtmlgoodies_menu {
  visibility: visible !important;
  display: none;
  position: static !important;
  background: #23530c !important;
}
body.gvk-menu-nyitva #dhtmlgoodies_menu { display: block; }

#dhtmlgoodies_menu ul,
#dhtmlgoodies_menu ul li ul {
  display: block !important;
  position: static !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  overflow: visible !important;
}

#dhtmlgoodies_menu li {
  display: block !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255,255,255,.14) !important;
  background: none !important;
}

#dhtmlgoodies_menu a {
  display: block !important;
  width: auto !important;
  padding: 15px 18px !important;
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  color: #fff !important;
  text-decoration: none !important;
}
#dhtmlgoodies_menu ul li ul a {
  padding-left: 36px !important;
  font-size: 15px !important;
  background: rgba(0,0,0,.22) !important;
}
#dhtmlgoodies_menu a img { display: none !important; }

/* --- tartalom ----------------------------------------------------------- */
#Layer1 {
  display: block;
  padding: 0 12px 18px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
#Layer1 table {
  display: block;
  width: 100% !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* a tartalomban lebego kepek mobilon egymas ala, kozepre */
#Layer1 img {
  float: none !important;
  display: block !important;
  margin: 12px auto !important;
}
#Layer1 br + br { line-height: .6; }

.tartalom, .tartalom td, .tartalom p, td, p {
  font-size: 15px !important;
  line-height: 1.55 !important;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* kattinthato teruletek novelese a tartalomban */
#Layer1 a { text-decoration: underline; }

/* --- lablec ------------------------------------------------------------- */
.gvk-lablec td { display: block; width: 100% !important; text-align: center !important; padding: 8px 12px; }
.gvk-lablec div { text-align: center !important; }

/* --- felso savok -------------------------------------------------------- */
.gvk-felsosav td { display: block; width: 100% !important; text-align: center !important; }
.gvk-felsosav div { text-align: center !important; }

/* rejtett SEO blokk maradjon rejtett */
.neml { display: none !important; }

} /* /max-width:900px */


/* ==========================================================================
   Kisebb telefonok
   ========================================================================== */
@media only screen and (max-width: 420px) {
  .gvk-mobil-tel a { flex: 1 1 100%; }
  #dhtmlgoodies_menu a { font-size: 16px !important; padding: 14px 16px !important; }
}