@media (min-width:1400px) {
     .container {
         max-width: 1554px;
     }
 }

 @media (max-width:1400px) {
     .navbar-nav .nav-item {
         padding: 0 20px;
     }

     .header-right a {
         height: 45px;
         width: 145px;
         font-size: 16px;
     }

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

     .navbar-nav .nav-item .nav-link::after {
         bottom: -16px;
     }

     .banner-sec {
         padding: 125px 0 155px;
     }

     .banner-sec .text-box h1 {
         font-size: 52px;
         line-height: 65px;
     }

     .banner-sec .text-box p {
         font-size: 20px;
         line-height: 36px;
         margin: 15px 0 30px;
     }

     .title h2 {
         font-size: 44px;
         margin: 0 0 15px 0;
     }

     .title p {
         font-size: 26px;
     }

     .diarrhea-sec {
         padding: 70px 0;
     }

     .diarrhea-inner .text-box ul {
         margin: 0 20px 0 -15px;

     }

     .diarrhea-inner .text-box ul li span {
         font-size: 20px;
     }

     .diarrhea-inner .text-box ul li img {
         height: 120px;
     }

     .diarrhea-inner .text-box h4 {
         font-size: 22px;
         line-height: 30px;
         margin: 25px 0;
     }

     .diarrhea-inner .text-box ol li {
         font-size: 16px;
         margin: 0 0 15px 0;
     }

     .diarrhea-inner .text-box ol {
         margin: 0 0 30px 0;
     }

     .title h2 img {
         height: 55px;
     }

     .more-about-inner {
         max-width: calc(100vw - 145px);
         margin-top: 40px;
     }

     .more-about-box .text-box h3 {
         font-size: 18px;
     }

     .more-about-box .text-box p {
         font-size: 16px;
         line-height: 30px;
         margin: 10px 0 15px;
     }

     .more-about-box .text-box {
         padding: 20px 15px 0;
     }

     .more-about-box .text-box a {
         font-size: 14px;
         top: 22px;
     }

     .more-about-sec {
         padding: 70px 0 80px;
     }

     .motivated-sec .text-box p {
         font-size: 16px;
         line-height: 28px;
         margin-bottom: 10px;
     }

     .am img {
         height: 60px;
     }

     .companies-inner {
         max-width: 1080px;
         padding: 30px 0;
     }

     .companies ul li a {
         padding: 0 20px;
     }

     .companies ul li a img {
         max-width: 120px;
     }

     footer {
         padding: 30px 0px 50px 0px;
     }

     .checklist-kit-sec {
         padding: 70px 0 50px;
     }

     .checklist-kit-inner h3 {
         font-size: 38px;
         margin: 0 0 50px 0;
     }

     .checklist-kit-inner table thead tr th {
         font-size: 22px;
         padding: 20px 30px;
     }

     .checklist-kit-inner table tbody tr td {
         padding: 15px 30px;
     }

     .checklist-kit-inner table tbody tr td h4 {
         font-size: 20px;
     }

     .checklist-kit-inner table tbody tr td .checklist-last h5 {
         font-size: 20px;
         ;
         margin: 0 0 20px 0;
     }

     .checklist-kit-inner table tbody tr td .checklist-last .media ul li p {
         font-size: 16px;
     }

     .checklist-kit-inner table tbody tr td .checklist-last .media ul li span {
         margin-right: 10px;
     }

     .extra-tipp .text-box h4 {
         font-size: 20px;
         ;
         margin: 0 0 10px 0;
     }

     .extra-tipp .text-box P {
         font-size: 16px;
         line-height: 26px;
         ;
     }

     .extra-tipp {
         padding: 30px 25px;
         margin-top: 30px;
     }

     .aid-kit-sec .text-box {
         padding: 50px 0 50px 365px;
     }

     .aid-kit-sec .text-box .media h4 {
         font-size: 30px;
         line-height: 40px;
         padding-left: 10px;

     }

     .aid-kit-sec .text-box ul li {
         margin: 0 0 10px 0;
     }

     .aid-kit-sec .text-box ul li p {
         font-size: 16px;
         padding-left: 10px;
     }

     .aid-kit-sec .text-box .media {
         margin: 0 0 15px 0;
     }

     .might-group-right {
         padding: 0 30px;
     }

     .might-group-right h4 {
         font-size: 30px;
     }

     .might-group-right p {
         font-size: 16px;
         line-height: 32px;
         margin: 10px 0 20px;
     }

     .might-group-left h4 {
         font-size: 22px;
         line-height: 26px;
         margin: 0 0 25px 0;
     }

     .might-group-left ul li a {
         font-size: 16px;
         margin-left: 10px;
     }

     .might-shape {
         max-width: 313px;
     }

     .might-group-left {
         padding-left: 130px;
         position: relative;
         z-index: 10;
     }
 }

 @media (max-width:1300px) {
     .more-about-box .text-box {
         padding: 20px 5px 0;
     }

     .more-about-box .text-box p {
         font-size: 14px;
         line-height: 24px;
         margin: 10px 0 15px;
     }

     .aid-kit-sec .text-box .media span {
         max-width: 80px;
     }

     .aid-kit-sec .text-box .media h4 {
         font-size: 24px;
         line-height: 34px;
         padding-left: 10px;
     }

     .aid-kit-sec .text-box {
         padding: 30px 0 30px 345px;
     }

     .motivated-sec .image-holder img {
         margin-left: 0;
     }

     .motivated-sec .text-box {
         margin: 0;
     }
 }

 @media (max-width:1199px) {
     .nav-item svg {
         position: absolute;
         right: 0;
         top: 20px;
     }
     .nav-item {
         display: block;
     }
     .submenu {
         position: static;
         font-size: 25px;
         background: none;
         
     }
     .submenu a {
        color: #fff;
     }
     .wrapper {
         overflow: hidden;
     }

     .container,
     .container-lg,
     .container-md,
     .container-sm {
         max-width: 100%;
     }

     header {
         position: static;
         background: #0B2C67;
         padding: 75px 55px;
     }

     .checklist-page header::after {
         display: none;
     }

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

     .navbar-toggler {
         padding: 0;
         border: none;
         display: flex;
         align-items: center;
         justify-content: center;
     }

     .navbar-toggler:focus {
         box-shadow: none;
     }

     .navbar-toggler img {
         height: 46px;
     }

     .navbar-collapse {
         position: absolute;
         left: 0;
         background: #0B2C67;
         top: 145px;
         width: 100%;
         padding: 0 40px 50px;
     }

     .navbar-nav .nav-item {
         padding: 0;
     }

     .navbar-nav .nav-item .nav-link {
         font-size: 35px;
         display: inline-block;
         padding: 20px 0;
     }

     .navbar-nav .nav-item .nav-link::after {
         bottom: 0px;
     }

     .header-right a {
         height: 80px;
         width: 325px;
         font-size: 35px;
     }

     .checklist-banner-sec {
         background: url(../images/checklist-banner-bg-mobile.png) no-repeat;
         background-position: center center;
         background-size: cover;
     }

     .banner-sec {
         padding: 515px 0 192px;
     }

     .banner-sec .text-box h1 {
         font-size: 88px;
         text-align: center;
         max-width: 100%;
         width: 100%;
         margin: 0 auto;
         line-height: 115px;
     }

     .banner-sec.checklist-banner-sec .text-box h1 {
         max-width: 652px;
     }

     .banner-sec .text-box p {
         font-size: 40px;
         line-height: 65px;
         text-align: center;
         max-width: 895px;
         margin: 25px auto 60px;
     }

     .btn-default {
         font-size: 35px;
         height: 120px;
         max-width: 424px;
         width: 100%;
         padding: 0 0 0 54px;
         border-radius: 110px;
         margin: 0 auto;
     }

     .btn-default span {
         width: 80px;
         height: 80px;
         border: 5px solid #173A66;
         right: -20px;
     }

     .btn-default span svg {
         width: 27px;
         height: 27px;
     }

     .checklist-kit-sec {
         margin: 0 -15px;
         padding: 95px 0 50px 75px;
     }

     .checklist-kit-inner h3 {
         font-size: 60px;
         margin: 0 0 77px 50px;
         font-weight: 400;
         text-align: left;
     }

     .checklist-kit-inner table {
         width: 2250px;
     }

     .checklist-kit-inner table thead tr th {
         font-size: 50px;
         padding: 41px 58px;
     }

     .checklist-kit-inner table tbody tr td {
         padding: 30px 58px;
     }

     .checklist-kit-inner table tbody tr td .checklist-last h5 {
         font-size: 45px;
         margin: 0 0 40px 0;
     }

     .checklist-kit-inner table tbody tr td .checklist-last .media ul li span img {
         height: 28px;
         margin-right: 20px;
     }

     .checklist-kit-inner table tbody tr td .checklist-last .media ul li p {
         font-size: 35px;
     }

     .checklist-user img {
         height: 140px;
     }

     .checklist-kit-inner table tbody tr td h4 {
         font-size: 40px;
     }

     .checklist-list {
         padding: 32px 0 38px;
     }

     .checklist-shape {
         display: none;
     }

     .extra-tipp {
         display: none;
     }

     .aid-kit-sec .image-holder {
         margin: 0 0 -120px 0;
         position: relative;
     }

     .aid-kit-sec .text-box {
         padding: 185px 70px 100px 70px;
         margin: 0;
     }

     .aid-kit-sec .text-box .media {
         margin: 0 0 50px 0;
     }

     .aid-kit-sec .text-box .media span {
         max-width: 140px;
     }

     .aid-kit-sec .text-box .media h4 {
         font-size: 50px;
         line-height: 65px;
         padding-left: 20px;
     }

     .aid-kit-sec .text-box ul li {
         margin: 0 0 25px 0;
         align-items: flex-start;
     }

     .aid-kit-sec .text-box ul li p {
         font-size: 40px;
         padding-left: 10px;
         line-height: 75px;
         max-width: 845px;
         width: 100%;
     }

     .aid-kit-sec .text-box ul li span {
         max-width: 35px;
         margin-right: 20px;
         margin-top: 25px;
     }

     .aid-kit-sec .text-box ul li span img {
         height: 35px;
     }


     .might-group-sec {
         padding: 50px 55px 0;
         margin: 0 0 -150px 0;
     }

     .might-group-inner {
         padding: 76px 20px 97px;
     }

     .might-group-left {
         padding-left: 0;
         position: relative;
         z-index: 10;
         max-width: 775px;
         width: 100%;
         margin: 0 auto 75px;
     }

     .might-group-left h4 {
         font-size: 50px;
         line-height: 57px;
         margin: 0 0 35px 0;
     }

     .might-group-left ul li a {
         font-size: 40px;
         margin-left: 15px;
     }

     .might-group-left ul li span img {
         height: 30px;
     }

     .might-group-right {
         padding: 0;
         max-width: 775px;
         width: 100%;
         margin: 0 auto;
     }

     .might-group-right h4 {
         font-size: 70px;
         text-align: center;
         line-height: 100px;
     }

     .might-group-right p {
         font-size: 40px;
         line-height: 70px;
         margin: 30px auto 80px;
         text-align: center;
         max-width: 717px;
         width: 100%;
     }

     .might-group-right .btn-default {
         padding: 0 0 0 94px;
     }

     .might-shape {
         max-width: initial;
     }

     .might-shape {
         max-width: initial;
         top: auto;
         bottom: 0;
     }

     .motivated-sec {
         padding: 215px 55px 0;
         margin: 0;
     }

     .motivated-sec .text-box p {
         font-size: 35px;
         line-height: 60px;
         margin-bottom: 40px;
         max-width: 914px;
         width: 100%;
     }

     .motivated-sec .image-holder {
         width: 100%;
         margin: 50px 0 0 0;
     }

     .motivated-sec .image-holder img {
         width: 100%;
     }

     .am {
         padding: 50px 0px;
     }

     .am img {
         height: 120px;
     }


     .companies-inner {
         max-width: 100%;
         padding: 75px 55px 65px;
     }

     .companies ul li a img {
         max-width: inherit;
     }

     .companies ul li a {
         padding: 30px 60px;
     }



     /***** CHECKLIST PAGE END ******/

     .diarrhea-inner .text-box h4 {
         font-size: 18px;
         line-height: 26px;
         margin: 20px 0;
     }

     .diarrhea-inner .text-box ol li {
         font-size: 14px;
         margin: 0 0 10px 0;
     }


     .title h2 img {
         height: 40px;
     }

     .more-about-sec {
         padding: 50px 0 60px;
     }

     .more-about-inner {
         max-width: calc(100vw - 50px);
         margin-top: 30px;
     }

     .more-about-box .text-box {
         padding: 15px 0px 0;
     }

     .more-about-box .text-box h3 {
         font-size: 15px;
     }

     .more-about-box .text-box p {
         font-size: 13px;
         line-height: 22px;
         margin: 10px 0 10px;
     }

     .companies .container-fluid {
         padding: 0;
     }

     footer {
         padding: 0;
     }

     footer .container {
         padding: 0;
     }

     footer ul {
         border-bottom: 1px solid rgba(124, 103, 127, 0.3);
         padding: 56px 70px 44px;
         justify-content: flex-start;
         margin: 0;
     }

     footer ul li {
         width: 50%;
         margin: 0 0 7px 0;
     }

     footer ul li a {
         padding: 0;
         font-weight: 400;
         text-align: left;
         font-size: 30px;
     }

     footer p {
         font-size: 35px;
         ;
         line-height: 55px;
         padding: 50px 70px;
     }


     .index-page .motivated-sec {
        padding: 50px 20px 0;
        margin: 0;
    }

 }

 @media (max-width:991px) {
     header {
         position: static;
         padding: 40px 20px;
     }
     .header-image {
         display: block;
     }
     .navbar-brand img {
         height: 50px;
     }

     .navbar-toggler img {
         height: 35px;
     }

     .navbar-collapse {
         top: 90px;
         padding: 0 25px 30px;
     }

     .navbar-nav .nav-item .nav-link {
         font-size: 26px;
         padding: 15px 0;
     }

     .banner-sec {
         padding: 260px 0 180px;
     }

     .banner-sec .text-box h1 {
         font-size: 60px;
         line-height: 80px;
     }

     .banner-sec .text-box p {
         font-size: 28px;
         line-height: 48px;
         max-width: 635px;
         margin: 20px auto;
     }

     .checklist-kit-sec {
         margin: 0 -15px;
         padding: 50px 0 50px 20px;
     }

     .checklist-kit-inner h3 {
         font-size: 40px;
         margin: 0 0 30px 25px;
     }

     .checklist-kit-inner table {
         width: 1520px;
     }

     .checklist-kit-inner table thead tr th {
         font-size: 40px;
         padding: 30px 30px;
     }

     .checklist-kit-inner table tbody tr td h4 {
         font-size: 30px;
     }

     .checklist-user img {
         height: 100px;
     }

     .checklist-kit-inner table tbody tr td .checklist-last h5 {
         font-size: 30px;
         margin: 0 0 20px 0;
     }

     .checklist-kit-inner table tbody tr td .checklist-last .media ul li p {
         font-size: 24px;
     }

     .checklist-kit-inner table tbody tr td .checklist-last .media ul li span img {
         height: 22px;
         margin-right: 10px;
     }

     .checklist-kit-inner table tbody tr td {
         padding: 30px 30px;
     }

     .aid-kit-sec .text-box {
         padding: 160px 20px 50px 20px;
         margin: 0;
     }

     .aid-kit-sec .text-box .media h4 {
         font-size: 36px;
         line-height: 50px;
         padding-left: 15px;
     }

     .aid-kit-sec .text-box ul li span img {
         height: 25px;
     }

     .aid-kit-sec .text-box ul li span {
         max-width: 25px;
         margin-top: 15px;
         margin-right: 10px;
     }

     .aid-kit-sec .text-box ul li p {
         font-size: 24px;
         padding-left: 5px;
         line-height: 42px;
         max-width: 845px;
         width: 100%;
     }

     .might-group-inner {
         padding: 50px 20px 130px;
     }

     .might-group-sec {
         padding: 50px 20px 0;
         margin: 0 0 -150px 0;
     }

     .might-group-left h4 {
         font-size: 36px;
         line-height: 43px;
         margin: 0 0 20px 0;
     }

     .might-group-left ul li span img {
         height: 20px;
     }

     .might-group-left ul li a {
         font-size: 28px;
         margin-left: 10px;
     }

     .might-group-left {
         max-width: 545px;
         width: 100%;
         margin: 0 auto 40px;
     }

     .might-group-right {
         max-width: 545px;
     }

     .might-group-right h4 {
         font-size: 50px;
         line-height: 70px;
     }

     .might-group-right p {
         font-size: 30px;
         line-height: 56px;
         margin: 20px auto;
         max-width: 585px;
         width: 100%;
     }

     .motivated-sec {
         padding: 190px 20px 0;
         margin: 0;
     }

     .motivated-sec .text-box p {
         font-size: 26px;
         line-height: 46px;
         margin-bottom: 20px;
     }

     .am {
         padding: 30px 0px;
     }

     .am img {
         height: 70px;
     }

     .companies-inner {
         padding: 40px 20px;
     }

     .companies ul li a {
         padding: 20px 20px;
     }

     footer ul {
         padding: 30px 20px;
     }

     footer ul li a {
         font-size: 22px;
     }

     footer p {
         font-size: 22px;
         line-height: 42px;
         padding: 30px 20px;
     }

     /****** INDEX START ******/
     .title h2 {
         font-size: 30px;
         margin: 0 0 10px 0;
     }

     .title p {
         font-size: 20px;
     }

     .diarrhea-sec {
         padding: 50px 0;
     }

     .diarrhea-inner {
         margin: 50px 0 0 0;
     }

     .diarrhea-inner .text-box ul {
         margin: 0 0px 0 -5px;
     }

     .diarrhea-inner .text-box ul li img {
         height: 80px;
     }

     .diarrhea-inner .text-box ul li span {
         font-size: 16px;
     }

     .diarrhea-inner .text-box h4 {
         font-size: 15px;
         line-height: 22px;
         margin: 15px 0;
     }

     .diarrhea-inner .text-box ol {
         margin: 0 0 15px 0;
     }

     .diarrhea-inner .text-box ol li span {
         margin-right: 10px;
         width: 20px;
     }

     .more-about-inner {
         max-width: 100%;
     }

     .more-about-inner .swiper {
         padding: 0px 0 15px 15px;
     }
    .diarrhea-inner  .btn-default {
        font-size: 26px;
        height: 95px;
        max-width: 305px; 
        padding: 0 0 0 40px;
        border-radius: 110px; 
    }
    .diarrhea-inner .btn-default span {
        width: 70px;
        height: 70px; 
        right: -15px;
    }
    .diarrhea-inner .btn-default span svg {
        width: 20px;
        height: 20px;
    }
    .so-widget-wph-header-form-fields-base .container{
        display: flex;
        flex-direction: column-reverse;
        padding: 0;
    }
    .so-widget-wph-header-form-fields-base  .banner-sec {
        background: none !important;
        padding: 0;
        height: auto !important;
    }
    .so-widget-wph-header-form-fields-base .text-box {
        margin-top: 30px;
        padding: 0 40px;
    }
    .so-widget-wph-header-form-fields-base .text-box li {
        color: #828282;
        font-size: 20px;
    }
    .so-widget-wph-header-form-fields-base .text-box p {
        color: #828282;
        max-width: none;
        font-size: 20px !important;
        line-height: 1.7;
        text-align: left;
    }
    .so-widget-wph-header-form-fields-base .text-box a {
        color: #0B2C67;
    }
    .so-widget-wph-header-form-fields-base  .header-image {
        position: static;
        opacity: 1;
    }
    .container, .container-lg, .container-md, .container-sm {
        padding: 0 40px;
    }
    .banner-sec .text-box h1 {
        color: #0B2C67;
        text-align: left;
    }
    .ci-content-sec .title-dark h3, .overview-causes-sec .title h3 {
        min-height: auto !important;
        hyphens: auto;
    }
 }

 @media (max-width:767px) {
     #one .row {
         flex-direction: column;
     }
     #one .row .col-md-6 {
        width: 100%;
     }
     .so-widget-wph-jetzt-kaufen-static .col-4 {
         width: 100%;
         text-align: center;
     }
     #two .col-md-2:first-of-type {
        margin-top: 20px !important;
     }
     #two .col-md-2 {
        margin-top: 0 !important;
     }
     #two .col-md-2 a {
         justify-content: center;    
     }
     .aid-kit-sec .text-box .media h4 {
         font-size: 32px;
         line-height: 50px;
         padding-left: 15px;
     }
     .submenu {
          position: static;
          font-size: 20px;
      }

     .might-group-left {
         max-width: 395px;
         width: 100%;
         margin: 0 auto 30px;
     }

     .might-group-left h4 {
         font-size: 26px;
         line-height: 34px;
     }

     .might-group-left ul li a {
         font-size: 22px;
         margin-left: 10px;
     }

     .might-group-right {
         max-width: 395px;
         position: relative;
         z-index: 100;
     }

     .might-group-right h4 {
         font-size: 34px;
         line-height: 50px;
     }

     .might-group-right p {
         font-size: 22px;
         line-height: 40px;
         max-width: 435px;
     }

     .might-shape {
         max-width: 300px;
         top: auto;
         bottom: 0;
     }

     .btn-default {
         font-size: 24px;
         height: 80px;
         max-width: 275px;
         padding: 0 0 0 30px;
     }

     .btn-default span {
         width: 65px;
         height: 65px;
         right: -20px;
     }

     .might-group-right .btn-default {
         padding: 0 0 0 64px;
     }

     .motivated-sec .text-box p {
         font-size: 18px;
         line-height: 32px;
     }

     .might-group-sec {
         margin: 0 0 -100px 0;
     }

     .motivated-sec {
         padding: 150px 20px 0;
         margin: 0;
     }

     footer ul li a {
         font-size: 18px;
     }

     footer p {
         font-size: 18px;
         line-height: 32px;
     }

     /****** INDEX START ******/
     .diarrhea-inner .image-holder {
         text-align: center;
         margin-bottom: 30px;
     }

     .diarrhea-inner .text-box ul li img {
         height: 109px;
     }

     .diarrhea-inner .text-box ul li span {
         font-size: 18px;
         margin: 5px 0 0 0;
     }

     .diarrhea-inner .text-box h4 {
         font-size: 22px;
         line-height: 28px;
         margin: 20px 0;
     }

     .diarrhea-inner .text-box ol li {
         font-size: 16px;
         margin: 0 0 20px 0;
     }

     .diarrhea-inner .text-box ol {
         margin: 0 0 40px 0;
     }

     .more-about-sec {
         padding: 50px 0;
     }

     .ci-content-sec:after {
         content: none;
     }
     .icon-wirkkomplex {
         margin-top: 0;
     }
     .tannacomp-top-left {
         margin-bottom: 20px;
     }
     .tannacomp-wirkduo {
         background: #0A2B67;
         position: relative;
         margin-top: 20px;
     }
     .tannacomp-wirkduo h3 {
         font-size: 30px;
     }
     .tannacomp-tannin {
        padding: 0;
    }
 }

 @media (max-width:575px) {
     #two .col-md-2,
     #one .col-md-6 {
         max-width: 100%;
         flex: auto;
         width: 100% !important;
         margin-top: 0 !important;
     }
     #two .col-md-2:first-of-type,
     #one .col-md-6:first-of-type {
         margin-top: 50px !important;
     }
     #one .col-md-6:first-of-type {
         margin-bottom: 20px;
     }
     #two .col-md-2 img {
         max-width: 200px;
     }

     .banner-sec {
         min-height: auto !important;
     }
     .so-widget-wph-header-form-fields-base .text-box {
         padding-left: 0;
         padding-right: 0;
     }
     .tannacomp-wirkduo {
         padding: 35px 15px 0 15px;
     }
     .tannacomp-tannin-box .text-box {
         min-height: auto;
     }
     .tip-section .medicine-cabinet-box .image-holder {
         display: none;
     }
     .tannacomp-tannin-box {
         padding: 29px 15px 33px 15px;
     }
     .so-widget-wph-header-form-fields ul, .ci-content-sec ul, .overview-causes-sec .text-box ul, .overview-causes-sec .text-box p,
     .so-widget-wph-header-form-fields-base .text-box p,
     .tannacomp-sec p, .tannacomp-sec li {
         font-size: 18px !important;
     }
     
     .ci-content-sec {
         padding: 40px 20px;
     }
     .ci-content-sec .title-dark h3,
     .overview-causes-sec .title h3 {
         padding: 20px 10px;
         font-size: 25px;
         display: block;
         height: auto;
         min-height: 80px;
     }
     .container, .container-lg, .container-md, .container-sm {
         padding: 0 20px;
     }
     header {
         padding: 20px 0;
     }

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

     .navbar-toggler img {
         height: 22px;
     }

     .navbar-collapse {
         top: 53px;
         padding: 0 20px 25px;
     }

     .navbar-nav .nav-item .nav-link {
         font-size: 20px;
         padding: 15px 0;
     }

     .navbar-nav .nav-item .nav-link::after {
         width: 80px;
         height: 12px;
     }
     .header-right a {
        height: 50px;
        width: 195px;
        font-size: 20px;
    }

     .banner-sec {
         padding: 100px 0 80px;
         background-position: bottom center;
     }

     .banner-sec .text-box h1 {
         font-size: 34px;
         line-height: 46px;
     }

     .banner-sec .text-box p {
         font-size: 18px;
         line-height: 30px;
         max-width: 635px;
         margin: 20px auto;
     }

     .btn-default {
         font-size: 18px;
         height: 65px;
         max-width: 205px;
         padding: 0 0 0 25px;
     }

     .btn-default span {
         width: 45px;
         height: 45px;
         right: -15px;
         border: 2px solid #173A66;
     }

     .btn-default span svg {
         width: 18px;
         height: 18px;
     }

     .checklist-kit-sec {
         margin: 0 -15px;
         padding: 50px 0 50px 15px;
     }

     .checklist-kit-inner h3 {
         font-size: 24px;
         margin: 0 0 20px 0;
     }

     .checklist-kit-inner table {
         width: 1015px;
     }

     .checklist-kit-inner table thead tr th {
         font-size: 20px;
         padding: 20px 15px;
     }

     .checklist-kit-inner table tbody tr td {
         padding: 20px;
     }

     .checklist-kit-inner table tbody tr td h4 {
         font-size: 20px;
     }

     .checklist-user img {
         height: 65px;
     }

     .checklist-kit-inner table tbody tr td .checklist-last h5 {
         font-size: 20px;
         margin: 0 0 15px 0;
     }

     .checklist-kit-inner table tbody tr td .checklist-last .media ul li span {
         margin-right: 0;
     }

     .checklist-kit-inner table tbody tr td .checklist-last .media ul li span img {
         height: 18px;
     }

     .checklist-kit-inner table tbody tr td .checklist-last .media ul li p {
         font-size: 16px;
     }

     .checklist-list {
         padding: 15px 0;
     }

     .checklist-kit-inner table tbody tr td .checklist-last .media ul {
         margin-right: 50px;
     }

     .aid-kit-sec .text-box {
         padding: 140px 15px 50px 15px;
         margin: 0;
     }

     .aid-kit-sec .text-box .media span {
         max-width: 80px;
     }

     .aid-kit-sec .text-box .media h4 {
         font-size: 20px;
         line-height: 32px;
         padding-left: 10px;
     }

     .aid-kit-sec .text-box ul li span img {
         height: 20px;
     }

     .aid-kit-sec .text-box ul li span {
         max-width: 20px;
         margin-top: 5px;
     }

     .aid-kit-sec .text-box ul li p {
         font-size: 16px;
         padding-left: 5px;
         line-height: 30px;
     }

     .aid-kit-sec .text-box ul li {
         margin: 0 0 15px 0;
     }

     .aid-kit-sec .text-box .media {
         margin: 0 0 30px 0;
     }

     .might-group-sec {
         padding: 50px 00;
     }

     .might-group-inner {
         padding: 50px 15px;
     }

     .might-group-left h4 {
         font-size: 20px;
         line-height: 28px;
     }

     .might-group-left ul li a {
         font-size: 18px;
         margin-left: 10px;
     }

     .might-group-right h4 {
         font-size: 30px;
         line-height: 40px;
     }

     .might-group-right p {
         font-size: 16px;
         line-height: 28px;
     }

     .might-group-right .btn-default {
         padding: 0 0 0 25px;
         max-width: 165px;
         height: 60px;
     }

     .might-shape {
         max-width: 150px;
     }

     .motivated-sec {
         padding: 80px 0 0;
         margin: 0;
     }

     .motivated-sec .text-box p {
         font-size: 16px;
         line-height: 26px;
     }

     .am {
         padding: 20px 0px;
     }

     .am img {
         height: 40px;
     }

     .companies-inner {
         padding: 20px 5px;
     }

     .companies ul li a {
         padding: 15px 10px;
     }

     .companies ul li a img {
         max-width: 90px;
     }

     footer ul {
         padding: 30px 15px;
     }

     footer ul li a {
         font-size: 12px;
     }

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

     /****** INDEX START ******/

     .title h2 img {
         height: 28px;
     }

     .more-about-inner {
         margin-top: 20px;
     }
     .index-page .motivated-sec {
        padding: 50px 0 0;
        margin: 0;
    }
    .index-page .banner-sec .text-box h1 {
        font-size: 26px;
        line-height: 36px;
    }

    .diarrhea-inner .btn-default {
        font-size: 18px;
        height: 65px;
        max-width: 205px;
        padding: 0 0 0 25px;
    }
    .diarrhea-inner .btn-default span {
        width: 45px;
        height: 45px;
        right: -15px;
        border: 2px solid #173A66;
    }
    .diarrhea-inner .btn-default span svg {
        width: 18px;
        height: 18px;
    }
    .index-page .banner-sec {
        padding: 0;
        background: none;
    }
    .hero-image-home {
        padding: 0;
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    .index-page .banner-sec .text-box h1 {
        text-align: center;
    }
    .index-page .banner-sec .container {
        padding: 0;
    }
    .index-page .banner-sec .col-xl-6 {
        order: 2;
        padding: 0 30px;
    }
    .index-page .banner-sec .col-xl-6 p {
        color: #72767D;
        font-size: 20px;
        line-height: 1.5;
    }
    .page-header.sticky .navbar-brand {
        position: static;
    }
    .responsive-tabel {
        overflow-x: auto;
    }
    .responsive-tabel table {
        width: 600px;
    }
 }

 @media (max-width:374px) {
     .banner-sec .text-box p {
         font-size: 14px;
         line-height: 24px;
     }

     .checklist-kit-inner table {
         width: 885px;
     }

     .checklist-kit-inner h3 {
         font-size: 20px;
     }

     .checklist-user img {
         height: 50px;
     }

     .checklist-kit-inner table tbody tr td h4 {
         font-size: 16px;
     }

     .checklist-kit-inner table tbody tr td .checklist-last .media ul li p {
         font-size: 14px;
     }

     .aid-kit-sec .text-box .media h4 {
         font-size: 18px;
         line-height: 24px;
         padding-left: 10px;
     }

     .aid-kit-sec .text-box .media span {
         max-width: 70px;
     }

     .aid-kit-sec .text-box ul li p {
         font-size: 14px;
         line-height: 22px;
     }

     .companies ul li a {
         padding: 10px 5px;
     }

     footer ul li {
         width: 100%;
         text-align: center;
         margin: 0 0 10px 0;
     }

     footer ul li:last-child {
         margin: 0;
     }

     footer ul li a {
         font-size: 14px;
         text-align: center;
     }

     /****** INDEX START ******/
     .diarrhea-inner .text-box ul li img {
         height: 85px;
     }


 }