/* Responsive CSS */

/* Mobile Styles */
@media (max-width: 768px) {
  .header-menu {
    padding: 10px;
  }

  .logo-area img {
    max-width: 120px;
  }

  .template-main-menu ul {
    flex-direction: column;
  }

  .template-main-menu li {
    margin: 5px 0;
  }

  .slider-area {
    height: 50vh;
  }

  .slider-area div[style] {
    width: 80% !important;
    font-size: 24px !important;
  }

  .slider-area div[style] div:last-child {
    font-size: 14px !important;
  }

  section {
    padding: 40px 0;
  }

  .service-wrap-layout1 h2 {
    font-size: 2em;
  }

  .service_box .col-lg-4 {
    margin-bottom: 40px;
  }

  .brand-wrap-layout2 img {
    max-width: 100px;
    margin: 10px;
  }

  form input, form button {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .slider-area div[style] {
    width: 90% !important;
    left: 5% !important;
  }

  .service-wrap-layout1 .row .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}