@media screen and (max-width: 1500px) {
  .main-header {
    top: 20px;
  }
  .book-slid .slick-center .book_image_container::before {
    width: 240px !important;
    height: 350px !important;
  }
  .book-slid .slick-center .book_image_container img {
    width: 240px !important;
    height: 350px !important;
  }
  /* About-us-page */
  .innerBanner {
    height: 96vh;
  }
}
@media screen and (max-width: 1399.98px) {
  .card-bg-img-2 {
    width: 430px;
  }
  img.cta-img {
    margin: -55px 0 -55px -45px;
  }
  .book-img.slick-center {
    width: 400px !important;
  }
}
@media screen and (max-width: 1299.98px) {
  .hero-hd {
    font-size: 54px;
    line-height: 65px;
  }
  body
    > section.mainBanner
    > div
    > div
    > div
    > div
    > div
    > div.d-flex.justify-content-start.align-items-center.mb-4.mt-2
    > img {
    display: none;
  }
  body
    > footer
    > div
    > div.row.justify-content-between.align-items-center.bg-cta.rounded-16.py-4.px-5
    > div.col-xl-4.col-lg-12.col-md-12
    > h3 {
    line-height: 32px;
  }
}
@media screen and (max-width: 1199.98px) {
  .book-slid .slick-center .book_image_container::before {
    width: 300px !important;
    height: 450px !important;
  }
  .book-slid .slick-center .book_image_container img {
    width: 300px !important;
    height: 450px !important;
  }
  .awards {
    margin-top: 20px;
  }
  .book-img.slick-center {
    width: 300px !important;
  }
  /* --About-Page-- */
  .primary-hd {
    font-size: 36px;
    line-height: 45.5px;
  }
  /* Service-main-page */
  .service-content .card-hd {
    font-size: 14px;
  }
}
@media screen and (max-width: 1024.98px) {
  .hero-hd {
    font-size: 46px;
    line-height: 55px;
  }
  .sidefade-img {
    left: -6%;
  }
  .sidefade2-img {
    right: -72%;
  }
  .innerBanner {
    height: 76vh;
  }
}
@media (max-width: 991px) {
  .awards {
    overflow-x: auto;
  }
  .book-slid .slick-center .book_image_container::before {
    width: 240px !important;
    height: 350px !important;
  }
  .book-slid .slick-center .book_image_container img {
    width: 240px !important;
    height: 350px !important;
  }
  .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.55)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    width: 1.5em;
    height: 1.5em;
    display: inline-block;
  }
  .navbar-toggler.cross .navbar-toggler-icon {
    background-image: none;
    position: relative;
    width: 1em;
    height: 1em;
  }
  .navbar-toggler.cross .navbar-toggler-icon::before,
  .navbar-toggler.cross .navbar-toggler-icon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1.5px;
    background-color: rgba(255, 255, 255, 0.55); /* Match hamburger color */
    top: 40%;
    left: 0;
  }
  .navbar-toggler.cross .navbar-toggler-icon::before {
    transform: rotate(45deg);
  }
  .navbar-toggler.cross .navbar-toggler-icon::after {
    transform: rotate(-45deg);
  }
  div#navbarNav,
  #navbarNav > a {
    margin-top: 20px;
  }
  body
    > section.section-padding.bg-light-purple.bg-img-2
    > div
    > div
    > div.col-lg-10
    > div {
    margin-bottom: 0px;
  }
  #choose3,
  #choose5 {
    width: 356px;
    height: 191px;
    padding: 25px 20px;
  }
  .md-flex-column {
    flex-direction: column;
  }
  .why-choose-us-img {
    display: none;
  }
  body > header > div > nav > a {
    width: 25% !important;
  }
  body > footer > div > div.row.pt-80 > div.col-lg-9 > div:nth-child(2) > div {
    flex-wrap: wrap;
    justify-content: start !important;
    gap: 7%;
  }
  .book-img.slick-center {
    width: 400px !important;
  }
  .sidefade2-img,
  .sidefade-img {
    bottom: 22%;
  }
  .dropdown-menu {
    display: none;
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    transition: none;
  }
  .dropdown.open .dropdown-menu {
    display: block;
  }
  button.navbar-toggler {
    padding: 3px 6px;
  }
  .navbar-toggler-icon {
    width: 1em;
    height: 1em;
  }
  img.cta-img {
    margin: -90px 0 0px 0px;
    max-width: 100%;
    padding-right: 0px;
  }
  .cta.section-padding > div > div > div.col-lg-7 > div {
    padding: 0 15px 30px 15px;
  }
  body
    > footer
    > div
    > div.row.justify-content-between.align-items-center.bg-cta.rounded-16.py-4.px-5 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .trusted {
    margin: -70px 0 -60px 0;
  }
  body > section.trusted > div > div > div > div > div.col-lg-3 > div {
    margin-bottom: 15px;
  }
  body > section.trusted > div > div > div > div {
    border-radius: 80px;
  }
  .md-mt-1 {
    margin-top: 1.5rem;
  }
  .flex-column-responsive {
    flex-direction: column !important;
  }

  /* --service-main-page-- */
  .service-content .card-hd {
    font-size: 18px;
  }
  img.cta-img.floating {
    max-width: 80%;
    margin: -175px 0 -5px -35px;
  }
  .bg-cta {
    padding-bottom: 5%;
  }
  .pricing-tab {
    display: flex;
    flex-direction: column;
  }
  div#v-pills-tab {
    width: 100% !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .pricing-tab .tab-content {
    width: 100%;
    margin-top: 4%;
  }
  .nav-pills .nav-link {
    flex: 0 0 auto;
  }
  div#v-pills-tab::-webkit-scrollbar {
    height: 0;
    width: 0;
  }
}

/* Mobile and Tablet (up to 768px) */
@media (max-width: 768px) {
  body > header > div > nav > a {
    width: 40% !important;
  }
  body > section.trusted > div > div > div > div > div.col-lg-9 > div {
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none;
    gap: 20px;
  }
  body
    > section.trusted
    > div
    > div
    > div
    > div
    > div.col-lg-9
    > div::-webkit-scrollbar {
    display: none;
  }
  img {
    display: inline-block;
  }
  .sidefade-img,
  .sidefade2-img {
    display: none;
  }
  .services-grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .s-grid-1,
  .s-grid-2,
  .s-grid-3,
  .s-grid-4,
  .s-grid-5 {
    grid-area: auto;
  }
  /* ---About-us-page--- */
  .hero-hd {
    font-size: 36px;
    line-height: 45px;
  }
  .innerBanner {
    height: 79vh;
    padding: 20% 0 0;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .services-grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  /* Adjust grid areas for two-column layout */
  .s-grid-1 {
    grid-area: 1 / 1 / 3 / 2;
  }
  .s-grid-2 {
    grid-area: 1 / 2 / 3 / 3;
  }
  .s-grid-3 {
    grid-area: 3 / 1 / 5 / 3;
  }
  .s-grid-4 {
    grid-area: 5 / 1 / 7 / 2;
  }
  .s-grid-5 {
    grid-area: 5 / 2 / 7 / 3;
  }

  body
    > section.section-padding.bg-img-1
    > div:nth-child(2)
    > div
    > div.services-grid.pt-80
    > div.s-grid-3
    > div
    > div {
    align-items: flex-start !important;
  }
  body
    > section.section-padding.bg-img-1
    > div:nth-child(2)
    > div
    > div.services-grid.pt-80
    > div.s-grid-3
    > div
    > div
    > div.card-img {
    display: flex;
    justify-content: flex-end;
  }
  body
    > section.section-padding.bg-img-1
    > div:nth-child(2)
    > div
    > div.services-grid.pt-80
    > div.s-grid-3
    > div
    > div
    > div.card-img
    > img {
    width: 50%;
  }
}
@media (max-width: 576px) {
  .innerBanner {
    height: 85vh;
    padding: 40% 0 0;
  }
  .hero-hd {
    font-size: 30px;
  }
  .primary-hd {
    font-size: 30px;
    line-height: 40.5px;
  }
  img.banner-dash-image {
    display: none;
  }
  img.cta-img.floating {
    margin: -175px 0 -5px -5px;
  }
}
@media (max-width: 480px) {
  body > header > div > nav > a {
    width: 50% !important;
  }
}