.resp-mobile-buttons {
  visibility: hidden;
}

@media (max-width: 1400px) {
  .hero-slider {
    height: 80vh;
  }
  .hero-slider .swiper-slide img {
    width: 100%;
    height: 80vh;
  }
}
@media (max-width: 1366px) {
  .main-header .container {
    width: 95% !important;
    max-width: 95% !important;
  }
  .main-header .navbar .navbar-nav .nav-item {
    margin: 0 0.3rem;
  }
  .main-header .navbar .navbar-nav .nav-item .nav-link {
    padding: 0.5rem 0.5rem;
    font-size: 13px !important;
  }
  .capture-banner {
    min-height: 70vh;
    background-size: contain;
  }
  .main-header .navbar .header-buttons .btn {
    padding: 0.3rem 1rem;
    border-radius: 50px;
  }
}
@media (max-width: 1260px) {
  .hero-slider {
    height: 70vh;
  }
  .hero-slider .swiper-slide img {
    width: 100%;
    height: 70vh;
  }
}
@media (max-width: 1199px) {
  .navbar-brand img {
    height: 50px;
  }
  .main-header .navbar .header-buttons .btn {
    padding: 0.5rem 1rem;
  }
  .hero-slider {
    height: 55vh;
  }
  .hero-slider .swiper-slide img {
    width: 100%;
    height: 55vh;
  }
  .main-header .navbar .header-buttons .btn {
    padding: 0.3rem 1rem;
    border-radius: 50px;
  }
}
@media (max-width: 992px) {
  .feature-pricing .feature-desc {
    max-width: inherit;
  }
  .capture-banner {
    min-height: 55vh;
    background-size: contain;
  }
  .how-it-works .steps-wrapper::before {
    display: none;
  }
  .navbar-toggler {
    background-color: #f9f6f1 !important;
  }
  .navbar-nav {
    border-radius: 0px !important;
  }
  .header-buttons {
    border-radius: 0px !important;
  }
  .hero-slider {
    height: 60vh;
  }
  .hero-slider .swiper-slide img {
    width: 100%;
    height: 60vh;
  }
  .breadcrumbsection {
    padding: 150px 0px !important;
  }
  .resp-mobile-buttons {
    display: flex;
    visibility: visible;
    position: fixed;
    bottom: 0px;
    z-index: 99;
    width: 100%;
  }
  .resp-mobile-buttons .login-btn {
    flex: 0 0 50%;
    max-width: 50%;
    background-color: #f43333;
    color: #fff;
    padding: 10px;
    border-radius: 0px;
  }
  .resp-mobile-buttons .register-btn {
    flex: 0 0 50%;
    max-width: 50%;
    background-color: #f43333;
    color: #fff;
    padding: 10px;
    border-radius: 0px;
  }
}
@media (max-width: 767px) {
  .hero-slider {
    height: 95vh;
    background-color: #5a3606;
    padding-top: 0px;
  }
  .hero-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .how-it-works h4 span {
    display: block;
    padding: 10px 0px;
  }
}
@media (max-width: 576px) {
  .capture-banner {
    min-height: 40vh;
  }
  .whatsapp-sticky {
    bottom: 50px;
  }
}
@media (max-width: 480px) {
  .capture-banner {
    min-height: 30vh;
  }
}
@media (max-width: 380px) {
  .hero-slider {
    padding-top: 0px;
  }
}
/* =========================
     Mobile Toggle
  ========================== */
.navbar-toggler {
  border: none;
  background: #fff;
  border-radius: 12px;
  padding: 5px 10px;
  box-shadow: none !important;
}

.navbar-toggler-icon {
  width: 1.3em;
  height: 1.3em;
}

/* =========================
   Offcanvas
========================== */
.custom-offcanvas {
  background: #5a3200;
  color: #fff;
  width: 280px;
}
.custom-offcanvas .offcanvas-body {
  background-color: #ffcf6a;
}

.custom-offcanvas .offcanvas-header {
  background-color: #5a3606;
  padding: 20px;
}

.custom-offcanvas .offcanvas-title {
  font-weight: 600;
  color: #fff;
}

.custom-offcanvas .btn-close {
  filter: invert(1);
  opacity: 1;
}

.mobile-nav {
  margin-top: 15px;
}

.mobile-nav .nav-link {
  color: #000;
  padding: 14px 0;
  font-size: 17px;
  font-weight: 500;
  border-bottom: 1px solid #f5c151;
}

.mobile-nav .nav-link.active {
  color: #ffb17d;
}

/* Mobile Dropdown */
.custom-mobile-dropdown {
  background: #704000;
  border: none;
  border-radius: 16px;
  padding: 10px;
  margin-top: 8px;
}

.custom-mobile-dropdown .dropdown-item {
  color: #fff;
  padding: 12px 14px;
  border-radius: 10px;
  transition: 0.3s;
}

.custom-mobile-dropdown .dropdown-item:hover {
  background: #ef6b4a;
  color: #fff;
}

/* Mobile Buttons */
.mobile-buttons {
  margin-top: 25px;
}

.mobile-buttons .btn {
  width: 100%;
}

.mobile-submenu li {
  padding: 10px 0px;
  border-bottom: 1px solid #f5c151;
}
.mobile-submenu li a {
  color: #000;
  text-decoration: none;
}
.mobile-submenu li a:hover {
  color: #5a3200;
}

a.login-btn, a.register-btn {
  background-color: #f43333;
  color: #fff;
  padding: 10px;
  display: block;
}/*# sourceMappingURL=responsive.css.map */