@media (min-width: 1199px) {
  .container {
    max-width: 1304px;
  }
}


@media (max-width: 1600px) {
  .hero-sec .img-holder {
    max-width: 700px;
    height: 100%;
  }

  .hero-sec .img-holder img {
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 1365px) {
  .wrapper {
    zoom: 0.9;
  }
}

@media (max-width:1199px) {
  .wrapper {
    zoom: 0.7;
  }
.selfapy-sec .btn-list {
    max-width: 1357px;
    margin-left: auto;
}
  .container {
    max-width: 100%;
    padding: 0px 50px;
  }
}

@media (max-width: 991px) {
  .wave-img {
    height: 48px;
  }
.product-sec .text-box {
    margin-left: 0px;
}
  .nav-link {
    padding: 17px 0px !important;
    line-height: 13px;
    display: block;
    justify-content: space-between;
    align-items: center;
  }

  .fachkreise-menu {
    position: static !important;
    padding: 16px 0px 0px;
  }

  .fachkreise-menu .container {
    padding: 0px;
  }

  .dropdown-menu {
    box-shadow: none;
    border: none;
  }

  .btn-check:checked+.btn,
  .btn.active,
  .btn.show,
  .btn:first-child:active,
  :not(.btn-check)+.btn:active {
    border: none;
  }

  .navbar-nav {
    padding-top: 17px;
  }

  .dropdown-menu {
    position: static;
  }

  .dropdown-toggle {
    width: 100%;
    align-items: center;
    display: flex;
    padding: 11px 0px;
    justify-content: space-between;
  }

  .fachkreise-inner {
    gap: 40px;
    flex-wrap: wrap;
  }

  .verordnung-page .btn-list {
    flex-wrap: wrap;
  }

  .roadmap-wrapper {
    grid-template-columns: 4fr;
  }

  .wrapper {
    zoom: 1;
  }

  .testimonail-box {
    margin-top: 32px;
  }

  .download-box {
    flex-wrap: wrap;
  }

  .container {
    max-width: 100%;
  }

  .hero-sec .img-holder {
    display: none;
  }

  .hero-sec {
    padding: 48px 0px;
  }

  .cost-wrapper {
    flex-wrap: wrap;
    grid-gap: 20px;
  }

  .selfapy-sec .title-wrapper {
    width: 100%;
    margin-bottom: 24px;
  }

  .prescription-box .img-holder {
    display: none;
  }

  .roadmap-wrapper::after {
    height: calc(100% - 313px);
  }

  .prescription-box {
    flex-wrap: wrap;
    padding: 0px;
  }

  .selfapy-wrapper {
    display: block;
  }

  .care-box-wrapper {
    grid-template-columns: 6fr;
  }

  .hero-sec .text-box {
    padding: 0px 0px 24px 0px;
  }

  .prescription-box-inner {
    padding: 24px;
  }

  .benefits-inner-wrapper {
    grid-template-columns: 4fr 4fr;
  }

  .integration-box {
    height: auto;
    margin-bottom: 24px;
  }

  .slider-wrapper {
    height: 240px;
  }

  footer {
    background-size: cover;
  }
  .batch-wrapper{
    display: grid;
  }
  .batch-wrapper .batch{
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .btn-default,
  .btn-secondary {
    height: auto;
    padding: 10px;
  }
  
  .so-widget-wph-tabs-faq-widget {
    margin-top: 40px;
  }
  
  .hero-sec .text-box ul li a {
    min-width: 100%;
  }

  .fachkreise-inner {
    gap: 10px;
    flex-wrap: wrap;
  }

  .verordnung-page .number-box {
    border-radius: 24px;
    width: 40px;
    height: 40px;
  }

  .leaf-left,
  .right-leaf {
    display: none !important;
  }

  .verordnung-page .roadmap-wrapper::after {
    left: 19px;
    height: 86%;
  }

  .verordnung-page .btn-list li {
    width: 100%;
  }

  .faq-hero {
    padding: 54px 0px;
    background-position: top;
    background-image: url(../images/faq-mobile.png);
    background-size: cover;
  }

  .therapy-sec {
    padding: 48px 0px;
    margin-bottom: 48px;
  }

  .product-sec {
    padding: 48px 0px;
  }

  .care-sec {
    padding: 48px 0px;
  }

  .roadmap-wrapper::after {
    height: 85%;
  }

  .faq-sec {
    padding: 48px 0px;
  }

  .roadmap-grid {
    flex-wrap: wrap;
  }

  .therapy-sec h6 {
    line-height: 28px;
    margin-bottom: 13px;
  }

  .faq-hero h1,h2 {
    font-size: 38px;
  }

  .last-faq-box .mb-24 {
    margin-bottom: 0px;
  }

  .tag-list {
    margin: 0 auto 48px;
  }

  .download-box {
    padding: 24px;
  }

  .faq-sec {
    padding: 48px 0px 80px;
  }

  .download-box .btn-list {
    flex-wrap: wrap;
  }

  .mb-24 {
    margin-bottom: 24px;
  }

  .download-box .btn-list li a {
    min-width: 100%;
  }

  .roadmap-box {
    flex-wrap: wrap;
  }

  .btn-list li a {
    min-width: 100%;
  }

  .btn-list li {
    width: 100%;
  }

  .hero-sec .text-box ul li {
    width: 50%;
  }

  .innen-page .product-sec,
  .actively-sec {
    padding: 48px 0px;
  }

  .container {
    padding: 0px 24px;
  }

  .flex-1 {
    flex: auto;
  }

  .actively-box {
    border-radius: 16px;
    padding: 18px 24px;
    flex-wrap: wrap;
  }

  .roadmap-box h4 {
    margin: 24px 0px 32px;
    word-break: break-all;
  }

  .list-box-wrapper {
    grid-gap: 11px;
  }

  .list-box-wrapper p {
    font-size: 16px;
  }

  .navbar-brand img {
    height: 44px;
  }

  .top-header-inner .dropdown {
    display: none;
  }

  .top-header {
    padding: 13px 0px;
  }

  .top-header .top-list {
    width: 100%;
    justify-content: space-between;
  }

  .navbar-toggler {
    padding: 0px;
    margin: 0px;
    border: none;
  }

  .navbar {
    padding: 17px 0px;
  }

  .hero-sec .text-box h1 {
    font-size: 40px;
  }

  .hero-sec .text-box p {
    font-size: 18px;
    margin: 30px 0px;
  }

  .benefits-sec {
    margin: 48px 0px;
  }

  .benefits-inner-wrapper {
    grid-gap: 30px 24px;
  }

  .product-sec {
    padding: 48px 0px 0px;
  }

  .title-wrapper h2 {
    font-size: 40px;
    line-height: 120%;
  }

  .care-sec .title-wrapper {
    margin: 0 auto 32px;
  }

  .care-box {
    padding: 16px;
  }

  .care-box ul {
    margin-top: 28px;
  }

  .selfapy-sec {
    padding: 48px 0px;
    background-position: center;
  }

  .selfapy-wrapper {
    margin: 0 auto 48px;
  }

  .download-box {
    padding: 48px;
    margin: 48px auto 0px;
    grid-gap: 24px;
  }

  .faq-sec {
    padding: 48px 0px 80px;
  }

  .data-sec {
    padding: 48px 0px;
  }

  .roadmap-wrapper::after {
    height: 69%;
  }

  .therapien-sec {
    padding: 48px 0px 48px;
  }

  .mb-96 {
    margin-bottom: 48px;
  }

  .faq-sec {
    padding: 0px 0px 80px;
  }

  .slider-wrapper {
    height: auto;
  }

  .footer-links li a {
    line-height: 24px;
  }

  .footer-bottom {
    flex-wrap: wrap;
    grid-gap: 20px;
    flex-direction: column-reverse;
  }

  .contact-sec,
  footer {
    background-size: cover;
    background-position: center;
    padding: 96px 0px 48px;
  }

  .innen-page .roadmap-wrapper::after {
    height: 86%;
  }


  .swiper-pagination {
    position: static;
    margin-top: 32px !important;
  }

  .support-sec,
  .prescription-sec {
    padding: 48px 0px;
  }

  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 47.562px;
    height: 9px;

  }

  .prescription-box {
    margin: 48px auto;
  }

  .intervention-sec {
    padding-top: 96px;
    padding-bottom: 48px;
  }

  .mb-64 {
    margin-bottom: 24px !important;
  }

  .btn-default2 {
    width: 100%;
  }

  .roadmap-list {
    grid-gap: 24px;
  }

  .w-full {
    width: 100%;
  }

  .care-box-wrapper {
    grid-gap: 24px;
  }

  .benefits-inner-wrapper {
    grid-template-columns: 4fr;grid-gap: 16px;
  }

  .benefits-inner h6 {
    max-width: 100%;
    margin: 0;
  }
  .benefits-inner{
    display: flex;
    align-items: center;
    grid-gap: 16px;
    text-align: start;
  }
  
  .navbar-expand-lg .navbar-collapse {
      margin-left: 0px;
  }
  .batch-wrapper{
    display: grid;
  }
  .batch-wrapper .batch{
    margin-bottom: 10px;
  }
}

@media (max-width: 575px) {
  h2, h3, h1 {
    hyphens: auto;
  }
  
  .footer-right {
    display: grid;
    grid-template-columns: 6fr 6fr;
    grid-gap: 0px;
    max-width: 844px;
    margin-left: auto;
  }
  .benefits-inner h6 {
    max-width: 240px;
    margin: 0;
  }
  .footer-links {
    grid-gap: 17px;
    margin-top: 22px;
  }

  .footer-bottom {
    display: none;
  }

  .footer-links li a {
    opacity: 0.7;
    grid-gap: 10px;
  }
  .faq-hero h1,h2 {
    font-size: 38px;
  }
  
  .download-box {
    padding: 22px;
  }
  
  .btn-default{
    min-width: 200px;
  }
  .batch-wrapper{
    display: grid;
  }
  .batch-wrapper .batch{
    margin-bottom: 10px;
  }
}