@media (max-width: 1800px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 10px;
  }
}

@media (max-width: 1500px) {
  .nuron-arrow-big-button {
    padding: 20px 65px 20px 20px;
  }
  .nuron-arrow-big-button {
    .sppb-addon-content {
      font-size: 18px;
    }
  }
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 7px;
    font-size: 14px;
  }

  .module-search-wrapper {
    margin-left: 30px;
    margin-right: 20px;
  }

  #sp-header {
    padding: 0px 0px 0px 30px;
  }

  .sp-megamenu-wrapper {
    transform: translateY(0px);
  }

  .module-search-wrapper {
    transform: translateY(0px);
  }
}

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

@media (max-width: 1199px) and (min-width: 992px) {
  .home-hospital-featurel-one {
    margin-right: 75px !important;
  }
  .nuron-animated-number {
    margin-left: 75px !important;
  }
}

@media (max-width: 1199px) {
  #sp-header.full-header {
    padding-left: 15px;
    padding-right: 15px;
  }
  #sp-header.header-with-social {
    #sp-menu .social-wrap {
      padding-left: 0px;
    }
  }
  .sp-megamenu-parent {
    > li {
      > a,
      span {
        padding: 0 10px;
      }
    }
  }
  .module-search-input {
    width: 320px;
  }

  .home-diagn-testimonial .sppb-carousel-extended-list:before {
    display: none;
  }

  .home-diagnostic-hero {
    .sppb-row.sppb-no-gutter {
      > div {
        flex: 0 0 100%;
        max-width: 100%;
      }
    }
  }

  .left-wrapper .sppb-column-addons {
    max-width: 95%;
    margin-left: auto;
  }

  .registration #member-registration {
    margin-right: 0px;
  }
  .login form.form-validate {
    margin-right: 0px;
  }

  .spmedical-advance-carousel .splide__slide {
    padding: 25px 20px 0px 20px;
  }

  html.coming-soon .coming-soon-title {
    font-size: 56px;
    line-height: 70px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  #sp-header.header-with-modal-menu #offcanvas-toggler.offcanvas {
    display: none !important;
  }
}
@media (max-width: 991px) {
  :root {
    --header_height: $header_height_sm;
  }
  .sp-megamenu-parent {
    > li {
      > a,
      > span {
        line-height: $header_height_sm;
      }
    }
  }
  #sp-header {
    height: $header_height_sm;
    .logo {
      height: $header_height_sm;
    }
    &.header-with-modal-menu {
      #offcanvas-toggler {
        display: flex !important;
      }
      #modal-menu-toggler {
        display: none;
      }
    }
    &.full-header-center,
    &.header-with-modal-menu,
    &.full-header-left,
    &.lg-header,
    &.header-with-social {
      #offcanvas-toggler.mega {
        display: flex !important;
      }
    }
    &.lg-header {
      #offcanvas-toggler.mega {
        display: none !important;
      }
      .offcanvas-toggler-left.offcanvas {
        display: flex !important;
      }
    }
  }
  #sp-header-topbar {
    .container-inner {
      > .row {
        min-height: $header_height_sm;
      }
    }
  }
  #modal-menu {
    top: $header_height_sm;
  }
  #offcanvas-toggler {
    height: $header_height_sm;
    line-height: $header_height_sm;
  }
  #sp-logo {
    &.has-border > .sp-column {
      border-right: none;
      padding-right: 0px;
    }
  }
  #sp-menu .social-wrap,
  #sp-logo.has-border {
    &:after {
      display: none;
    }
  }
  #sp-logo.has-border {
    padding-right: 15px;
  }
  #sp-menu .social-wrap {
    padding-left: 15px;
  }
  #sp-header.header-with-modal-menu.center-layout .sp-contact-info,
  #sp-header.header-with-modal-menu.classic-layout .sp-contact-info {
    display: none;
  }
  #sp-header-topbar {
    margin: 10px 0px;
    .container-inner {
      padding-bottom: 10px;
    }
  }
  #sp-top-bar {
    padding: 15px 15px 22px 0px;
  }
  .nuron-topbar-accordion .sppb-panel-body {
    padding: 20px 0px 0px 0px;
    margin-left: 10px;
    display: inline-block;
  }

  .nuron-arrow-big-button .sppb-addon-content {
    font-size: 16px;
  }
  .nuron-arrow-big-button {
    padding: 10px 75px 10px 20px;
  }

  #sp-header {
    padding: 0px 0px 0px 50px;
  }
  .module-search-input {
    width: 250px;
  }

  .module-finder-search {
    top: 40%;
  }
  #sp-footer #sp-footer1 {
    padding-top: 50px;
    padding-left: 0px;
  }

  #sp-footer #sp-footer2 {
    padding: 50px 0px 30px 30px;
  }

  .nuron-animated-number {
    top: 0px;
  }
  .view-spmedical-departments.spmedical-departments-list
    .spmedical-department-content
    > div {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
  }
  .view-spmedical-department .spmedical-symptoms ul.nav-tabs > li button {
    font-size: 18px;
    line-height: 1.4;
  }
  .spmedical.view-spmedical-appointments
    .spmedical-specialist-appointment-form
    #spmedical-specialist-appintment-from
    .input-field:not(:last-child) {
    margin-bottom: 15px;
  }
  .spmedical.view-spmedical-appointments
    .spmedical-specialist-appointment-form
    #spmedical-specialist-appintment-from
    h3 {
    margin-bottom: 20px;
  }
  body.com-spmedical.view-costestimates
    .spmedical-costestimates
    .spmedical-test-list
    > div {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 20px;
    padding-right: 15px;
  }

  .nuron-arrow-big-button:before {
    right: 35px;
    top: 25px;
  }

  .spmedical-advance-carousel .splide__track:after {
    display: none;
  }
}

@media (max-width: 767px) {
  body .sppb-btn,
  body .btn {
    font-size: 14px;
  }

  body .sppb-btn.sppb-btn-xlg,
  body .btn.sppb-btn-xlg {
    padding: 28px 54px 14px 20px;
    font-size: 16px;
    line-height: 24px;
    height: 90px;
    width: 190px;
  }

  #sp-menu .social-wrap {
    padding-left: 10px;
    &:after {
      display: none;
    }
  }
  #sp-header .menu-wrap {
    display: none;
  }

  .nuron-topbar-accordion .sppb-panel-title {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
  }
  .nuron-topbar-accordion .sppb-panel-heading .sppb-toggle-direction {
    right: -13px;
  }

  .nuron-topbar-accordion .sppb-panel-heading:before {
    margin-right: 10px;
  }

  .nuron-topbar-accordion .sppb-panel-body {
    padding: 8px 0px 0px 0px;
    margin: 0px;
    position: relative;
    left: 45px;
    border: none;
    max-width: 85%;
  }

  .nuron-arrow-big-button {
    display: none !important;
  }

  .module-search-wrapper {
    transform: translateY(0px);
  }

  .module-search-input {
    width: 250px;
  }
  #sp-header {
    padding: 0px 0px 0px 15px;
  }
  #sp-footer #sp-footer1 {
    padding-top: 30px;
    padding-left: 15px;
  }

  #sp-footer #sp-footer2 {
    padding: 30px 0px 15px 15px;
  }
  #sp-footer ul.menu li {
    margin-bottom: 10px;
  }
  .module-finder-search {
    top: 49%;
  }

  .login .login-form-input {
    margin-bottom: 25px;
  }
  .login .list-group .list-group-item {
    border: none;
    padding: 0px 0px;
  }

  .login .form-check-label {
    margin-bottom: 30px;
  }

  .spmedical-specialist-carousel .splide__arrows {
    top: -85px;
  }

  .spmedical-specialist-carousel
    .spmedical-specialist
    .medical-specialist-info
    .medical-specialist-name
    a {
    font-size: 24px;
    line-height: 36px;
  }
  .spmedical-specialist-carousel {
    .splide__list {
      height: 600px;
    }
  }
  .view-spmedical-department .spmedical-symptoms ul.nav-tabs > li button {
    font-size: 14px;
    padding: 8px;
  }
  .view-spmedical-department
    .spmedical-specialists
    .specialist-wrapper
    .specialists-info-wrapper
    .specialists-name
    h3 {
    font-size: 22px;
  }
  .spmedical-specialists
    .specialist-wrapper
    .specialists-info-wrapper
    .specialists-designation {
    font-size: 14px;
  }
  .spmedical.view-spmedical-appointments
    .spmedical-specialist-appointment-form
    .title {
    font-size: 45px;
  }
  .spmedical.view-spmedical-appointments
    .spmedical-specialist-appointment-form
    .desc {
    font-size: 16px;
  }
  .spmedical.view-spmedical-appointments
    .spmedical-specialist-appointment-form
    #spmedical-specialist-appintment-from {
    margin-top: 40px;
  }
  .spmedical.view-spmedical-appointments
    .spmedical-specialist-appointment-form
    #spmedical-specialist-appintment-from
    label,
  .spmedical.view-spmedical-appointments
    .spmedical-specialist-appointment-form
    #spmedical-specialist-appintment-from
    .label {
    font-size: 14px;
  }
  .spmedical.view-spmedical-appointments
    .spmedical-specialist-appointment-form
    #spmedical-specialist-appintment-from
    h3 {
    font-size: 25px;
    margin-bottom: 10px;
  }
  .spmedical.view-spmedical-appointments
    .spmedical-specialist-appointment-form
    #spmedical-specialist-appintment-from
    .divider {
    height: 2px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  body.com-spmedical.view-costestimates
    .spmedical-costestimates
    .spmedical-test-list
    > div {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 20px;
    padding-right: 0px;
  }
  body.com-spmedical.view-costestimates {
    .spmedical-title {
      font-size: 45px;
      line-height: 1.5;
    }
    .spmedical-services-list-wrapper {
      margin-top: 10px;
    }
    .spmedical-total-cost-wrapper .spmedical-test-total-wrap {
      font-size: 19px;
      line-height: 1.5;
      padding: 5px 30px;
    }
  }
  html.coming-soon .coming-soon-title {
    font-size: 36px;
    line-height: 40px;
  }

  .spmedical-specialist-list .spmedical-specialist a img {
    max-height: 366px;
  }
  .home-diagnostic-tag {
    width: 370px;
  }
}

@media (max-width: 575px) {
  :root {
    --header_height: $header_height_xs;
  }
  .sp-megamenu-parent {
    > li {
      > a,
      > span {
        line-height: $header_height_xs;
      }
    }
  }
  #sp-header {
    height: $header_height_sm;
    .logo {
      height: $header_height_sm;
    }
  }
  #sp-header-topbar {
    .container-inner {
      > .row {
        min-height: $header_height_xs;
      }
    }
  }
  #modal-menu {
    top: $header_height_xs;
  }
  #offcanvas-toggler {
    height: $header_height_sm;
    line-height: $header_height_sm;
  }
  #sp-header {
    .sp-module {
      margin-left: 10px;
      .sp-sign-in .text {
        display: none;
      }
    }
  }
  #sp-menu {
    ul.social-icons {
      > li:not(:last-child) {
        margin-right: 10px;
      }
    }
  }
  #sp-header {
    &.lg-header {
      .top-part {
        border-bottom: none;
      }
      #sp-contact {
        order: 1;
      }
      #sp-logo {
        order: 3;
      }
      #sp-social {
        order: 2;
        .sp-column {
          justify-content: center !important;
        }
        .social-icons {
          margin: 0;
          > li:not(:last-child) {
            margin-right: 10px;
          }
        }
      }
      .sp-contact-info {
        text-align: center;
        margin: 5px 0;
      }
    }
  }
  .header-has-modules {
    .container-inner > .row {
      flex-wrap: wrap !important;
    }
    #offcanvas-toggler {
      height: auto;
      line-height: 1.2;
    }
  }
  html.coming-soon #coming-soon-countdown {
    .coming-soon-days,
    .coming-soon-hours,
    .coming-soon-minutes,
    .coming-soon-seconds {
      width: 50%;
      margin-bottom: 15px;

      .coming-soon-number {
        font-size: 2.5rem;
      }

      .coming-soon-string {
        font-size: 14px;
      }
    }
  }
  //result page btn group
  .view-search #search-form {
    .btn-group {
      flex-wrap: wrap;
    }
    button,
    .btn {
      border-radius: 3px;
    }
  }

  .module-search-input {
    width: 170px;
  }
  .view-spmedical-departments.spmedical-departments-list
    .spmedical-department-content
    > div
    > span {
    white-space: initial;
    font-size: 13px;
  }
  .view-spmedical-departments.spmedical-departments-list .accordion-header {
    font-size: 22px;
    margin-left: 20px;
  }
  .view-spmedical-department .spmedical-department-price-lists > ul {
    flex-direction: column;
  }
  .view-spmedical-department .spmedical-department-cta {
    .spmedical-text-right {
      text-align: left !important;
    }
  }
}
