@media (max-width: 1260px) {
    .slider_section .img-box {
        padding-bottom: 325px;
    }
}

@media (max-width: 1120px) {
    .slider_section .img-box {
        padding-bottom: 275px;
    }

    .package_section .package_container .box {

        margin: 10px;
    }
}

@media (max-width: 992px) {
    .slider_section .img-box {
        padding-bottom: 200px;
        background-size: cover;
    }

    .book_section {
        margin-top: -125px;
    }

    .package_section .package_container .box {

        margin: 15px 10px;
        -ms-flex-preferred-size: calc(50% - 20px);
        ;
        flex-basis: calc(50% - 20px);
    }

    .client_section .client_box {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 768px) {

    .about_section .img-box .slider-img,
    .slider_section .img-box .slider-img {
        width: 350px;
        animation: none;
    }


    .package_section .package_container .box {
        -ms-flex-preferred-size: calc(100% - 20px);
        flex-basis: calc(100% - 20px);
    }

    .client_section .client_container {
        flex-direction: column;
    }

    .client_section .client_box {
        margin: 25px 5px;
    }

    .info_section .info_logo {
        justify-content: center;
    }

    .info_section .info_top {
        flex-direction: column;
    }

    .info_section .info_top .info_form form {
        width: 350px;
    }



    .info_section .info_top .info_form {
        margin-bottom: 35px;
    }

    .info_section .info_main .row>div {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 25px;
    }

    .info_section .info_contact .link-box {
        justify-content: center;
    }
}

@media (max-width: 576px) {
    .book_section form {
        padding: 35px 25px;
    }
}

@media (max-width: 480px) {}

@media (max-width: 420px) {
    .slider_section .detail-box h1 {
        font-size: 2.5rem;
    }

    .about_section .img-box .slider-img,
    .slider_section .img-box .slider-img {
        width: 315px;
    }

    .info_section .info_top .info_form form {
        width: 295px;
    }
}

@media (max-width: 360px) {}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }

}

/* ==========================================================================
   Antigravity Premium Mobile Layout & UX Fixes
   ========================================================================== */
@media (max-width: 991px) {
  /* Prevent horizontal scrolling and shifts on mobile viewports */
  html, body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Reset container widths to fit viewport exactly */
  .container, .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    box-sizing: border-box !important;
  }
}

/* Global Nepali word-breaking fix to prevent text running off-screen */
html, body, p, h1, h2, h3, h4, h5, h6, a, span, li, button, input, textarea, div {
  word-wrap: break-word !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

/* Prevent dark-mode background browser overrides from breaking input text contrast */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {
  -webkit-text-fill-color: #333333 !important;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
  transition: background-color 5000s ease-in-out 0s;
}

/* Force standard dark text inside fields to avoid white-on-white text issues */
input, textarea {
  color: #333333 !important;
}

/* Re-engineer newsletter form to be clean and responsive without layout hacks */
.info_section .info_top .info_form {
  width: 100% !important;
  max-width: 450px !important;
  margin: 0 auto 35px auto !important;
}

.info_section .info_top .info_form form {
  position: relative !important;
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.info_section .info_top .info_form form input {
  width: 100% !important;
  min-width: auto !important;
  padding: 12px 140px 12px 20px !important; /* Wide right padding so text doesn't overlap the button */
  border-radius: 45px !important;
  border: 1px solid #cccccc !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
  color: #333333 !important;
}

.info_section .info_top .info_form form button {
  position: absolute !important;
  right: 4px !important;
  top: 4px !important;
  bottom: 4px !important;
  transform: none !important;
  -webkit-transform: none !important;
  background: #1e3a8a !important; /* Premium Royal Blue */
  color: #ffffff !important;
  border-radius: 40px !important;
  padding: 0 20px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  white-space: nowrap !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  height: auto !important;
  width: auto !important;
}

.info_section .info_top .info_form form button:hover {
  background: #b89753 !important; /* Gold on hover */
}

@media (max-width: 576px) {
  .info_section .info_top .info_form {
    padding: 0 15px !important;
  }
}