/* ===== Tablet / iPad fixes (Gati Tours & Travels) ===== */

/* Large tablets & iPad landscape (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  /* The logo used width:25% of an auto-width column, which made the column
     as wide as the original image (302px) and pushed the menu onto a new line. */
  .header-layout1 .header-logo img { width: 76px !important; height: auto; }
  .header-layout1 .header-logo { padding: 4px 0; }
  .header-layout1 .menu-area .container { max-width: 100%; padding-left: 30px; padding-right: 30px; }
  .header-layout1 .menu-area .row { flex-wrap: nowrap; }
  .header-layout1 .logo-shape { width: 230px; }
  .header-layout1 .main-menu > ul > li { margin: 0 12px; }
  .header-layout1 .main-menu > ul > li > a { font-size: 15px; }
  .header-layout1 .header-button { margin-left: 6px; }
  .header-layout1 .header-button .as-btn { padding: 18px 26px; }
}

/* All tablets (768px - 1199px) */
@media (min-width: 768px) and (max-width: 1199px) {
  .header-layout1 .header-top .container { max-width: 100%; padding-left: 30px; padding-right: 30px; }
  .header-layout1 .header-links li { font-size: 14px; }
}

/* Small tablets & iPad portrait (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .header-layout1 .header-logo img { width: 70px !important; height: auto; }
  .header-layout1 .logo-shape { width: 45%; }
}

/* About page image: use the full column width on tablets */
@media (max-width: 1199px) {
  .img-box4 { padding-right: 0; }
  .img-box4 .img1 { width: 100%; }
  .img-box4 .img1 img { width: 100%; border-radius: 4px; }
}

/* Contact info boxes on tablets */
@media (min-width: 768px) and (max-width: 1199px) {
  .contact-box { height: 100%; }
  .contact-box_content { padding: 25px 15px; gap: 12px; justify-content: flex-start; height: 100%; }
  .contact-box_icon i { font-size: 38px; }
  .contact-box_link { font-size: 16px; overflow-wrap: anywhere; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contact-box_content { padding: 22px 12px; gap: 10px; }
  .contact-box_icon i { font-size: 32px; }
  .contact-box_link { font-size: 14px; overflow-wrap: normal; }
}
@media (min-width: 768px) and (max-width: 991px) {
  #nav-one .row > [class*="col-"]:last-child { flex: 0 0 100%; max-width: 100%; }
}