@media screen and (min-width: 1480px) {
  .locdrop-menu.show {
    margin-left: -115px !important;
  }

  .field-box.rmargin-5 {
    width: 88%;
  }

  .field-box {
    width: 91%;
  }
}

@media screen and (min-width: 1440px) {
  .button-wrapper.footer {
    width: 60%;
  }

  .qualities-box {
    width: 45px;
  }

}


@media screen and (max-width: 992px) {
  h2 {
    font-size: 37px;
    line-height: 48px;
  }

  .flex-wrapper {
    flex-direction: column;
    gap: 50px;
  }

  .reverse-col {
    flex-direction: column-reverse;
  }

  .content-box {
    width: 100%;
  }

  .image-box {
    width: 100%;
  }

  .hero {
    background-position: 0 0, 38%;
    background-size: auto, 190%;
    min-height: 80vh;
  }

  .brand {
    width: 100%;
    max-width: 180px;
    margin-left: 30px;
  }

  .navbar-toggler {
    margin-right: 30px;
    margin-top: 10px;
  }

  div#navbarNav {
    background: #fff;
    width: 100%;
    padding-bottom: 0px;
    margin-top: 10px;
  }

  .navwrap {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-nav {
    margin-right: 0;
  }

  .main-menu .nav-item:hover {
    background-color: #dfbf90;
  }

  .main-menu .nav-link {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d4bd9f66;
    font-size: 14px;
    line-height: 16px;
  }

  .main-menu .dropdown-item {
    font-size: 12px;
    line-height: 20px;
    color: #645d5b;
  }

  .main-menu .dropdown-menu {
    padding: 0;
  }

  .main-menu .dropdown-item:hover {
    background-color: #dfbf90;
    color: #fff;
  }

  .main-menu .navbar-nav {
    gap: 0;
  }

  .center-align-head {
    text-align: center;
    margin-left: 0;
    margin-right: auto;
    font-family: Manrope, sans-serif;
    font-size: 40px;
    line-height: 48px;
  }

  .check-list {
    text-align: left;
  }

  .service-box {
    width: 46%;
    height: 250px;
    margin-bottom: 20px;
    margin-right: 20px;
  }

  .check-content {
    text-align: left;
    font-size: 15px;
  }

  .blog-flex,
  .blog-flex.inside {
    flex-flow: wrap;
  }

  .blog-flex {
    gap: 30px;
  }

  .footer-info,
  .purple-content {
    font-size: 14px;
  }

  .blog-box {
    width: 48%;
  }

  .content-box.question-box {
    flex-flow: column;
    justify-content: center;
    text-align: center;
  }

  .question-box h2 {
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
  }

  .footer-box.fb2 {
    flex-wrap: wrap;
  }

  .footer-link-bx.logo-bx {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
  }

  .footer-logo {
    width: 20%;
    max-width: 173px;
  }

  .footer-link-bx,
  .footer-link-bx.logo-bx {
    width: 100%;
  }

  .info-footer {
    margin-bottom: 20px;
  }

  .button-wrapper.footer {
    justify-content: start;
    gap: 20px;
    margin-top: 0;
  }

  .inside-hero-content {
    font-size: 41px;
    font-weight: 700;
    line-height: 47px;
  }

  .content-box.cb70 {
    width: 100%;
  }

  .sub-image-bx.travel-health,
  .sub-image-bx.mental-health,
  .sub-image-bx.chronic-health,
  .sub-image-bx.general-health,
  .sub-image-bx.immunisation-health,
  .sub-image-bx.skin-health,
  .sub-image-bx.procedure-image,
  .sub-image-bx.cosme-image,
  .sub-image-bx.occupational-image,
  .sub-image-bx.diagnostic-image,
  .sub-image-bx.alied-image,
  .sub-image-bx.aditional-image {
    background-position: 50% 22%;
    width: 100%;
    height: 390px;
  }

  .content-box {
    flex-flow: column;
    order: -1;
    width: 100%;
    margin-bottom: 20px;
  }

  .flex-wrapper {
    gap: 0;
  }

  .flex-wrapper.mid-flex {
    flex-direction: row;
    align-items: stretch;
  }

  .service-box.genmend {
    width: 46% !important;
  }

  .sub-service-wrapper .services-box {
    width: 48% !important;
  }

  .medical-name {
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
  }

  .sub-service-wrapper .flex-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
  }

  .sub-image-bx {
    width: 100% !important;
  }

  .qualities-title {
    height: auto;
    font-size: 16px;
    line-height: 27px;
  }

  .qualities-box {
    width: 45%;
  }

  .form-bpx-wrapper,
  .contact-cbox {
    width: 100%;
  }

  .contact-cbox {
    order: 1 !important;
  }

  .form-bpx-wrapper {
    order: 2;
  }

  .flex-field div {
    flex-basis: 50%;
  }

  .content-box.career-page,
  .content-box.map {
    width: 100%;
  }

  .blog-flex,
  .blog-flex.inside {
    flex-flow: wrap;
  }

  .blog-box.blog-inside {
    width: 48%;
  }

  .map-wrapper {
    width: 100%;
    height: 400px;
  }
  .about-seperator-bx.choose-sepa {
    background-image: linear-gradient(172deg, #dfbf90 21%, #fff0 72%);
    background-position: 0 0;
    flex-flow: column;
    padding-top: 30px;
    padding-bottom: 320px;
  }

}

@media screen and (max-width: 768px) {
  .brand {
    margin-left: 0;
  }

  h2 {
    font-size: 32px;
    line-height: 39px;
  }

  p {
    font-size: 14px;
    line-height: 24px;
  }

  .hero {
    background-position: 0 0, 40%;
    background-size: auto, cover;
    min-height: 45vh;
  }

  .button-link {
    font-size: 15px;
  }

  .image-box.billing-image,
  .image-box.esk-image {
    height: 300px;
  }

  .bulk {
    font-size: 14px;
  }

  .service-info-bx {
    height: 117px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 18px;
  }

  .service-box {
    width: 100%;
    height: 250px;
  }

  .form-block-2 {
    width: 100%;
    font-weight: 600;
  }

  .text-field {
    font-size: 16px;
  }

  .footer-box,
  .footer-link-bx {
    flex-direction: column !important;
    gap: 20px;
  }

  .footer-link-bx.logo-bx {
    width: 100%;
  }

  .footer-list-box {
    width: 100%;
  }

  .footer-link-bx {
    width: 100%;
  }

  .button-wrapper.footer {
    justify-content: start;
    gap: 20px;
  }

  .footer-partner-box {
    width: 48%;
    margin-bottom: 0;
  }

  .footer-list-box.location {
    width: 100%;
  }

  .inside-hero-content {
    margin-bottom: 0;
    font-size: 27px;
    font-weight: 700;
    line-height: 34px;
  }



  .service-heading {
    margin-bottom: 20px;
    font-size: 31px;
    line-height: 37px;
  }

  .about-seperator-bx.choose-hellodr {
    background-position: 0 0, 30% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    flex-flow: column;
    padding-top: 30px;
    padding-bottom: 274px;
  }

  .choose-image {
    border-top-right-radius: 0;
    border-bottom-left-radius: 13px;
    width: 100%;
    height: 300px;
    inset: auto 0% 0%;
  }

  .choose-content-box {
    width: 100%;
    padding-bottom: 30px;
  }

  .blog-box {
    width: 100%;
  }

  .blog-flex {
    flex-direction: column;
    gap: 20px;
  }

  .blog-heading.about-us {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 0;
  }

  .slide-gall-wrapper {
    width: 48%;
  }

  .slide-flex-block {
    flex-wrap: wrap;
    gap: 20px;
  }

  .service-heading.center-heading {
    font-size: 26px;
  }

  .qualities-box {
    width: 100%;
    height: 240px;
    margin-bottom: 0px;
    margin-right: 0px;
  }

  .flex-wrapper.mid-flex {
    justify-content: center;
    align-items: center;
  }

  .choose-wrapper .flex-wrapper {
    flex-direction: row;
    gap: 25px;
  }

  .service-box.genmend {
    width: 100% !important;
  }

  .sub-service-wrapper .services-box {
    width: 100% !important;
  }

  .choose-wrapper .flex-wrapper {
    flex-direction: column;
  }

  .qualities-title {
    height: auto;
    font-size: 16px;
    line-height: 27px;
  }

  .location-box.contact-us.email {
    font-size: 14px;
    line-height: 24px;
    display: block;
    text-align: left;
  }

  .location-box.contact-us.white,
  .location-box.contact-us-2 {
    font-size: 14px;
    line-height: 24px;
    text-align: left;
  }

  .contact-box.c-number {
    padding-right: 20px;
  }

  .contact-info-flex {
    flex-wrap: nowrap;
    padding: 10px;
  }

  .blog-tag-wrapper {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .blog-tag-box {
    margin-bottom: 10px;
    margin-right: 10px;
    font-size: 14px;
    line-height: 20px;
  }

  .blog-info-list,
  .blog-bullets-title {
    font-size: 14px;
    line-height: 24px;
  }

  .social-med-wrapper {
    flex-direction: column;
  }

}

@media screen and (max-width: 500px) {
  .brand {
    max-width: 120px;
  }

  .top-cta {
    font-size: 13px;
    padding: 8px 14px;
  }

  .navbar .dropdown-item {
    height: 30px;
  }

  .email-subscription {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px;
  }

  .submit-button {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12px;
    line-height: 20px;
  }

  h2 {
    text-align: left;
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 28px;
  }

  .slide-gall-box.slide-gall-2 {
    width: 100%;
    height: 180px;
    margin-bottom: 0;
  }

  .slide-gall-box {
    height: 189px;
  }

  .slide-gall-box,
  .slide-gall-wrapper {
    width: 100%;
  }

  .service-heading {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 28px;
  }

  .slide-flex-block {
    flex-flow: wrap !important;
    flex-direction: column !important;
    gap: 10px;
  }

  .footer-info {
    text-align: left;
    font-size: 12px;
    line-height: 20px;
  }

  .google-box {
    width: 100%;
  }

  .blog-box.blog-inside {
    width: 100%;
  }

  .bulk {
    min-width: 170px;
    padding: 0 10px;
  }

  .copyright-wrapper {
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px;
  }

  .copyright-wrapper .div-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .contact-info-flex {
    flex-direction: column;
    width: 100%;
  }

  .contact-box.email {
    padding-left: 0;
  }

  .contact-box {
    width: 100%;
    min-width: 100%;
  }

  .navbar-toggler {
    margin-right: 20px;
  }
  .cta-icon-box {
    width: 15px;
    height: 15px;
    display: flex;
  }
}