.nav-item .dropdown-toggle p:after {
    display: inline-block;
    margin-left: .455em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.dropdown-toggle:after {
    display: none;
}

.dropdown-menu {
    border: 0;
    border-radius: 6px;
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
    padding: 0;
    top: 40px;
}

.dropdown-menu span {
    font-size: 14px;
    padding: 10px;
    display: block;
    transition: all ease 300ms;
    white-space: nowrap;
    cursor: pointer;
}

.dropdown-menu li {
    margin-top: 0;
}

.dropdown-menu span:hover {
    background-color: #61acdb;
    color: #fff;
    text-decoration: none;
}

.dropdown-menu li:last-child span {
    border-radius: 0 0 6px 6px;
}

.dropdown-menu li:first-child span {
    border-radius: 6px 6px 0 0;
}

a.dropdown-toggle:hover {
    text-decoration: none;
}

@media only screen and (max-width: 992px) {
    .dropdown-menu {
        background-color: transparent;
        box-shadow: none;
        color: #fff;
        margin-left: 2rem;
        margin-right: 3rem;
        padding: none;
        text-align: center;
    }

    .dropdown-menu span {
        font-size: 16px;
    }

    .nav-item.dropdown p {
        margin-bottom: 10px;
    }
}

#custom-nav {
    background-color: transparent !important;
    border: 0;
    box-shadow: none;
    z-index: 999;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: background .5s ease-in-out, opacity .5s ease;
    -moz-transition: background .5s ease-in-out, opacity .5s ease;
    transition: background .5s ease-in-out, opacity .5s ease;
}
#custom-nav .container {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    -webkit-transition: padding-top .5s ease, padding-bottom .5s ease;
    -moz-transition: padding-top .5s ease, padding-bottom .5s ease;
    transition: padding-top .5s ease, padding-top .5s ease, padding-bottom .5s ease;
}
#custom-nav.affix {
    top: 0;
    min-width: 100%;
    background-color: #61acdb !important;
    height: auto;
    opacity: 0.9;
    z-index: 999;
    -webkit-transition: background 1s ease-in-out, opacity .5s ease;
    -moz-transition: background 1s ease-in-out, opacity .5s ease;
    transition: background 1s ease-in-out, opacity .5s ease;
}
#custom-nav .navbar-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.close {
    display: none;
}
.navbar-toggler {
    float: right;
    position: absolute;
    right: 10px;
    outline: 0;
    border: none;
    -moz-outline-style: none;
}
.navbar-toggler:active, .navbar-toggler:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}
@media only screen and (max-width: 992px) {
  .banner .navbar {
    background-color: transparent !important;
    padding: 1rem;
  }
  .close {
    display: block;
}
  .banner .navbar .navbar-nav {
    position: fixed;
    background-color: #0a344e !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    width: 100%;
    left: 0rem;
    margin-top: -5.8rem;
    text-align: center;
  }
  .banner .navbar li.nav-item {
      text-align: center;
  }
  #custom-nav.affix {
   /* height: 110px; */
  }
}
.banner .content-bg {
    background: url(../images/banner-img.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 1517px; /*1316px*/
    position: relative;
  }
  @media only screen and (max-width: 575px) {
    .banner .content-bg {
      height: 900px;
      z-index: 10;
    }
  }
  @media only screen and (min-width: 769px) and (max-width: 1199px) {
    .banner .content-bg {
        height: 700px;
        z-index: 3;
    }

    .basic-info .content-bg .particle-03,
    .basic-info .content-bg .particle-04,
    .basic-info .content-bg .particle-05,
    .basic-info .content-bg .particle-07,
    .basic-info .content-bg .particle-08,
    .basic-info .content-bg .particle-09,
    .basic-info .content-bg .particle-14,
    .basic-info .content-bg .particle-15,
    .basic-info .content-bg .particle-16 {
        opacity: 0.4
    }

  }
  @media only screen and (max-width: 992px) {
    .banner .content-bg {
      height: 1000px;
      z-index: 10;
    }
    .banner .content-overlay p {
        align-items: center;
        margin-bottom: 2rem;
        margin-left: 2rem;
        font-size: 22px !important;
        font-weight: 600 !important;
    }
  }
  .banner .jumbotron {
    background-color: transparent !important;
    z-index: -1;
  }
  .banner .content-overlay .public-service-kuya-logo {
    width: 174px;
    height: 57px;
  }
  .banner .content-overlay p {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    transition: 0.3s;
    padding: 0.5rem;
    margin-right: 3rem;
  }
  .banner .content-overlay p:hover {
    color: #0a344e;
  }
  .banner .content-overlay h1 {
    font-size: 80px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #0a344e;
    padding-top: 12rem;
  }
  .banner .content-overlay h4 {
    font-size: 20px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #000000;
    margin-top: 2rem;
  }
  .banner .content-overlay .covid-19 {
    background-color: #ff6a00;
    color: #fff;
    font-size: 80px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
  }
  @media only screen and (min-width: 1040px)  {
    .banner .content-overlay h1 {
        padding-top: 10rem;
    }
  }

  @media only screen and (min-width: 769px) and (max-width: 1039px)  {
      .banner .content-overlay h1 {
          padding-top: 5rem;
      }
  }

  @media only screen and (max-width: 1199px) {
    .banner .content-overlay p:hover {
        color: #fff;
      }
    .banner .content-overlay h1,
    .banner .content-overlay .covid-19 {
      font-size: 60px;
    }
    .banner .content-overlay h4 {
      font-size: 16px;
    }
  }
  @media only screen and (max-width: 575px) {
    .banner .content-overlay h1 {
      padding-top: 100px;
    }
    .banner .content-overlay h1,
    .banner .content-overlay .covid-19 {
      font-size: 43px;
    }
    .banner .content-bg {
        height: 520px;
    }
  }
  .basic-info .content-bg {
    position: relative;
    padding: 0;
    width: 100%;
    height: auto;
    z-index: 1;
  }
  .basic-info .content-bg .particle-01 {
    position: absolute;
    z-index: -1;
    left: 125px;
    top: 10rem;
  }
  @media only screen and (min-width: 2800px) {
    .basic-info .content-bg {
        padding: 10rem 0 10rem 0;
      }
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-01 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-02 {
    position: absolute;
    z-index: -1;
    right: 0px;
    top: 20rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-02 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-03 {
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 30rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-03 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-04 {
    position: absolute;
    z-index: -1;
    right: 290px;
    top: 40rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-04 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-05 {
    position: absolute;
    z-index: -1;
    left: 115px;
    top: 45rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-05 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-06 {
    position: absolute;
    z-index: -1;
    left: 317px;
    top: 55rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-06 {
      width: 20%;
      opacity: 0.4;
      left: 17px;
    }
  }
  .basic-info .content-bg .particle-07 {
    position: absolute;
    z-index: 1;
    right: 131px;
    top: 70rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-07 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-08 {
    position: absolute;
    z-index: 1;
    left: 112px;
    top: 140rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-08 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-09 {
    position: absolute;
    z-index: 1;
    left: 107px;
    top: 170rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-09 {
      width: 20%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-10 {
    position: absolute;
    z-index: 1;
    right: 103px;
    top: 170rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-10 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-11 {
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 155rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-11 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-12 {
    position: absolute;
    z-index: 1;
    left: 85px;
    top: 220rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-12 {
      width: 10%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-13 {
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 350rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-13 {
      width: 10%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-14 {
    position: absolute;
    z-index: 1;
    right: 128px;
    top: 340rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-14 {
      width: 10%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-15 {
    position: absolute;
    z-index: 1;
    left: 115px;
    top: 270rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-15 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-16 {
    position: absolute;
    z-index: 1;
    left: 64px;
    top: 630rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-16 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-17 {
    position: absolute;
    z-index: 1;
    right: 0px;
    top: 700rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-17 {
      width: 20%;
      opacity: 0.4;
    }
  }
  .basic-info .content-bg .particle-18 {
    position: absolute;
    z-index: 1;
    right: 84px;
    top: 750rem;
  }
  @media only screen and (max-width: 575px) {
    .basic-info .content-bg .particle-18 {
      width: 20%;
      opacity: 0.4;
    }
  }
  .basic-info .content-overlay h1 {
    font-size: 64px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #0a344e;
    margin-bottom: 3rem;
  }
  .basic-info .content-overlay p {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.89;
    letter-spacing: normal;
    color: #515151;
  }
  @media only screen and (max-width: 1199px) {
    .basic-info h1 {
      font-size: 60px !important;
    }
    .basic-info p {
      font-size: 16px !important;
    }
  }
  @media only screen and (max-width: 575px) {
    .basic-info h1 {
      font-size: 43px !important;
    }
    .basic-info .content-overlay ul {
        margin-left: -1rem;
    }
  }
  .digital .content-bg {
    position: relative;
    background: url(../images/digital-clinic-bg-v2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 2127px; /*1923*/
  }

  .digital .container {
    position: relative;
    z-index: 2;
  }

  @media only screen and (max-width: 575px) {
    .digital .content-overlay {
      margin-top: 4rem;
    }
  }
  .digital .content-overlay h1 {
    font-size: 64px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #ffffff;
    margin-top: 17rem;
  }
  .digital .content-overlay h5 {
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    color: #ff6a00;
  }
  .digital .content-overlay p {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.89;
    letter-spacing: normal;
    color: #ffffff;
    width: 63%;
    margin-top: 2rem;
  }
  .digital .content-overlay .sb p {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.89;
    letter-spacing: normal;
    color: #ffffff;
    width: 100%;
    margin-top: 2rem;
  }
  .digital .content-overlay h2 {
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: none;
  }
  .digital .content-overlay h3 {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.61;
    letter-spacing: normal;
    color: #ffffff;
  }
  .digital .content-overlay a {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.61;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: none;
  }
  .digital .content-overlay a:hover {
    color: #ff6a00;
  }
  .digital .content-overlay .sb {
    margin-top: 5rem;
  }
  @media only screen and (max-width: 1199px) {
    .digital .content-overlay h1 {
      font-size: 60px !important;
    }
    .digital .content-overlay p {
      width: 75%;
    }
  }
  @media only screen and (max-width: 575px) {
    .digital .content-bg {
        height: 1830px;
    }

    .digital .content-overlay h1 {
      font-size: 43px !important;
      margin-top: 10rem;
    }
    .digital .content-overlay h5 {
      font-size: 25px;
    }
    .digital .content-overlay p {
      font-size: 16px;
      width: 100%;
    }

    .digital .content-overlay .sb {
        margin-top: 7rem;
    }

  }
  .fight .content-bg {
    position: relative;
    background: url(../images/background-texture-2-v2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 1800px; /*1625*/
  }

  .fight .container {
    position: relative;
    z-index: 2;
  }

  @media only screen and (max-width: 575px) {
    .fight .content-bg {
        margin-top: -24rem;
        z-index: 1;
    }
  }
  .fight .content-overlay h1 {
    font-size: 64px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #0a344e;
    margin-top: 36rem;
  }
  .fight .content-overlay .content {
    margin-top: 5rem;
  }
  .fight .content-overlay .card-img-top {
    height: 300px;
    width: 245px;
    transition: 0.5s;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .fight .content-overlay .card-img-top:hover {
    height: 310px;
    width: 255px;
    cursor: pointer;
  }
  .fight .content-overlay h5 {
    font-size: 19px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: center;
    color: #0a344e;
  }
  @media only screen and (max-width: 1199px) {
    .fight .content-overlay h1 {
      font-size: 60px !important;
    }
  }
  @media only screen and (max-width: 575px) {
    .fight .content-overlay h1 {
      font-size: 43px !important;
      margin-top: 31rem;
    }
  }
  .fight .modal img {
    width: 100%;
    height: 479px;
  }
  .fight .modal h5 {
    font-size: 36px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0a344e;
    margin-bottom: 3rem;
  }
  .fight .modal h4 {
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #0a344e;
  }
  .fight .modal p {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.89;
    letter-spacing: normal;
    color: #515151;
    margin-top: 2rem;
  }
  .fight .modal .share {
    display: flex;
    justify-content: flex-end;
    padding-right: 1.5rem;
  }
  .fight .modal .share span {
    font-size: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3rem;
    letter-spacing: normal;
    color: #0a344e;
    padding-right: 0.5rem;
  }
  .fight .modal i {
    padding: 0.2rem;
    cursor: pointer;
    transition: 0.3s;
  }
  .fight .modal i:hover {
    color: #ff6a00;
  }
  @media only screen and (max-width: 991px) {
    .fight .modal img {
      width: 100%;
      height: 300px;
    }
  }
  @media only screen and (max-width: 575px) {
    .fight .modal img {
      width: 100%;
      height: 200px;
    }
    .fight .modal h5 {
      font-size: 28px;
    }
    .fight .modal p,
    .fight .modal btn {
      font-size: 18px;
    }
  }
  .footer-sec {
    position: relative;
    margin-top: 258rem;
    z-index: -1;
  }
  .footer-sec .content-bg {
    background: url(../images/footer.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 1061; /*980*/
    margin-top: -25rem;
  }
  @media only screen and (min-width: 2800px) {
    .footer-sec .content-bg {
      margin-top: 0;
    }
  }
  @media only screen and (max-width: 575px) {
    .footer-sec .content-bg {
      margin-top: -23rem;
    }
  }
  @media only screen and (max-width: 1199px) {
    .footer-sec .content-bg {
      height: auto;
    }
  }
  .footer-sec .jumbotron {
    background-color: transparent !important;
    margin-bottom: 0px !important;
  }
  .footer-sec .content-overlay {
    margin-top: 15rem;
  }
  .footer-sec .content-overlay .public-service-kuya-logo {
    width: 174px;
    height: 57px;
  }
  .footer-sec .content-overlay h4 {
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #0a344e;
    margin-top: 1rem;
  }
  .footer-sec .content-overlay a{
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.56;
    letter-spacing: normal;
    color: #c4e8ff;
    text-decoration: none;
    transition: 0.3s;
  }
  .footer-sec .content-overlay ul li {
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.56;
    letter-spacing: normal;
    color: #c4e8ff;
    text-decoration: none;
    transition: 0.3s;
  }
  .footer-sec .content-overlay ul li:hover {
    color: #0a344e;
  }
  .footer-sec .content-overlay a:hover {
    color: #0a344e;
  }
  .footer-sec .content-overlay .copyright p {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0a344e;
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
  .footer-sec .content-overlay .source {
    margin-top: 5rem;
  }
  .footer-sec .content-overlay .source p {
    text-align: center;
    font-weight: 800;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0a344e
  }
  .footer-sec .content-overlay .source a {
    font-size: 16px;
    color: #0a344e !important;
    transition: 0.3s;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    font-weight: 700;
  }
  .footer-sec .content-overlay ul#source li {
      display: inline;
      margin: 0.5rem;
  }
  .footer-sec .content-overlay .tc,
  .footer-sec .content-overlay .pp {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #c4e8ff;
  }
  .footer-sec .content-overlay .pp {
    float: left;
  }
  @media only screen and (max-width: 1199px) {
    .footer-sec .content-overlay ul#source li {
        display: block;
        margin: 1rem 0 0 0;
    }
    .footer-sec .content-overlay {
      margin-top: 20rem;
    }
    .footer-sec .content-overlay .source {
        margin-top: -4rem;
    }
    .footer-sec .content-overlay .source a {
        font-size: 16px;
    }
    .footer-sec .content-overlay .source p {
        margin-top: 4rem;
        text-align: left;
    }
    .footer-sec .content-overlay .main,
    .footer-sec .content-overlay .soc-med,
    .footer-sec .content-overlay .copyright p {
      float: left !important;
      margin-bottom: 3rem;
      font-size: 16px;
      text-align: left;
    }
    .tv-shows, .soc-med {
        margin-top: -1rem;
    }
    .footer-sec .content-overlay .copyright p {
        margin-top: 0rem;
      }
  }
  @media only screen and (max-width: 1199px) {
    .footer-sec {
      margin-top: 255rem;
    }
  }
  @media only screen and (max-width: 360px) {
    .footer-sec {
        margin-top: 234rem !important;
    }
  }
  @media only screen and (max-width: 575px) {
    .footer-sec {
      margin-top: 222rem;
    }
    .footer-sec .content-overlay .source a {
        font-size: 14px;
        font-weight: 700;
    }
    .footer-sec .content-overlay .main,
    .footer-sec .content-overlay .soc-med,
    .footer-sec .content-overlay .source,
    .footer-sec .content-overlay .copyright p {
      margin-bottom: 2.8rem;
    }
    .footer-sec .content-overlay .copyright p {
        margin-top: -2rem;
      }
  }
  .health .content-bg {
    position: relative;
    padding: 0;
    width: 100%;
    height: auto;
    z-index: 1;
  }
  @media only screen and (max-width: 575px) {
    .health .content-bg {
      padding: 0;
      z-index: 2;
    }
  }
  .health .content-overlay h1 {
    font-size: 64px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #0a344e;
  }
  .health .content-overlay .content {
    margin-top: 5rem;
  }
  .health .content-overlay .card-img-top {
    height: 242px;
    width: 245px;
    transition: 0.5s;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .health .content-overlay .card-img-top:hover {
    height: 252px;
    width: 255px;
    cursor: pointer;
  }
  .health .content-overlay h5 {
    font-size: 19px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: center;
    color: #0a344e;
  }
  @media only screen and (min-width: 2800px) {
    .health .content-bg {
        padding: 10rem 0 10rem 0;
      }
  }
  @media only screen and (max-width: 1199px) {
    .health .content-overlay h1 {
      font-size: 60px !important;
    }
  }
  @media only screen and (max-width: 575px) {
    .health .content-overlay h1 {
      font-size: 43px !important;
    }
    #proof, #coping {
        margin-top: -3rem;
    }
  }
  .health .modal img {
    width: 100%;
    height: 479px;
  }
  .health .modal h5 {
    font-size: 36px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0a344e;
    margin-bottom: 3rem;
  }
  .health .modal h4 {
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #0a344e;
  }
  .health .modal p {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.89;
    letter-spacing: normal;
    color: #515151;
    margin-top: 2rem;
  }
  .health .modal .share {
    display: flex;
    justify-content: flex-end;
    padding-right: 1.5rem;
  }
  .health .modal .share span {
    font-size: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3rem;
    letter-spacing: normal;
    color: #0a344e;
    padding-right: 0.5rem;
  }
  .health .modal i {
    padding: 0.2rem;
    cursor: pointer;
    transition: 0.3s;
  }
  .health .modal i:hover {
    color: #ff6a00;
  }
  @media only screen and (max-width: 991px) {
    .health .modal img {
      width: 100%;
      height: 300px;
    }
  }
  @media only screen and (max-width: 575px) {
    .health .modal img {
      width: 100%;
      height: 200px;
    }
    .health .modal h5 {
      font-size: 28px;
    }
    .health .modal p,
    .health .modal btn {
      font-size: 18px;
    }
  }
  .kdr-tv .content-bg {
    position: relative;
    padding: 0 0 10rem 0;
    width: 100%;
    height: auto;
    margin-top: -10rem;
    z-index: 0;
  }
  .kdr-tv .content-bg .kuya-daniel {
    position: absolute;
    margin-top: -13rem;
    z-index: -1;
  }
  @media only screen and (max-width: 575px) {
    .kdr-tv .content-bg {
        padding: 0;
        margin-top: -7rem;
      }
  }
  @media only screen and (min-width: 2800px) {
    .kdr-tv .content-bg {
        padding: 20rem 0 10rem 0;
      }
  }
  @media only screen and (max-width: 1199px) {
    .kdr-tv .content-bg .kuya-daniel {
      margin-top: -50rem !important;
      width: 50%;
      opacity: 0.2;
    }
  }
  @media only screen and (max-width: 575px) {
    .kdr-tv .content-bg .kuya-daniel {
      margin-top: 13rem !important;
      width: 50%;
    }
  }
  @media only screen and (max-width: 575px) {
    .kdr-tv iframe {
      padding: 1rem;
    }
  }
  .kdr-tv .content-overlay {
    margin-top: -5rem;
  }
  .kdr-tv .content-overlay h1 {
    font-size: 64px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #0a344e;
    margin-bottom: 3rem;
  }
  .kdr-tv .content-overlay p {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.89;
    letter-spacing: normal;
    color: #515151;
  }
  @media only screen and (max-width: 575px) {
    .kdr-tv .content-overlay {
      margin-top: 15rem !important;
    }
  }
  @media only screen and (max-width: 1199px) {
    .kdr-tv .content-overlay {
      margin-top: -40rem;
    }
  }
  @media only screen and (max-width: 1199px) {
    .kdr-tv h1 {
      font-size: 60px !important;
      text-align: center;
    }
    .kdr-tv p {
      font-size: 16px !important;
    }
  }
  @media only screen and (max-width: 575px) {
    .kdr-tv h1 {
      font-size: 43px !important;
    }
  }
  .natlgu .content-bg {
    position: absolute;
    padding: 0 0 10rem 0;
    width: 100%;
    height: auto;
    margin-top: -22rem;
  }
  .natlgu .content-bg .front-liners-01 {
    position: absolute;
    z-index: -1;
    right: 0px;
    top: 15rem;
  }
  @media only screen and (min-width: 2800px) {
    .natlgu .content-bg {
        padding: 10rem 0 10rem 0;
        margin-top: -3rem;
      }
  }
  @media only screen and (max-width: 575px) {
    .natlgu .content-bg {
      margin-top: -30rem !important;
    }
  }
  @media only screen and (max-width: 1224px) {
    .natlgu .content-bg .front-liners-01 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .natlgu .content-bg .front-liners-02 {
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 50rem;
  }
  @media only screen and (max-width: 1224px) {
    .natlgu .content-bg .front-liners-02 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .natlgu .content-bg .front-liners-03 {
    position: absolute;
    z-index: -1;
    right: 0px;
    top: 115rem;
  }
  @media only screen and (max-width: 1224px) {
    .natlgu .content-bg .front-liners-03 {
      width: 20%;
      opacity: 0.4;
    }
  }
  .natlgu .content-bg .front-liners-04 {
    position: absolute;
    z-index: -1;
    left: -33px;
    top: 135rem;
  }
    @media only screen and (max-width: 1224px) {
    .natlgu .content-bg .front-liners-04 {
      opacity: 0.4;
    }
  }
  @media only screen and (max-width: 980px) {
    .natlgu .content-bg .front-liners-04 {
      width: 30%;
    }
  }
  .natlgu .content-bg .front-liners-05 {
    position: absolute;
    z-index: -1;
    left: 0px;
    top: 200rem;
  }
  @media only screen and (max-width: 1224px) {
    .natlgu .content-bg .front-liners-05 {
      width: 30%;
      opacity: 0.4;
    }
  }
  .natlgu .content-bg .front-liners-06 {
    position: absolute;
    z-index: -1;
    right: 0px;
    top: 215rem;
  }
  @media only screen and (max-width: 1224px) {
    .natlgu .content-bg .front-liners-06 {
      width: 25%;
      opacity: 0.4;
      top: 240rem;
    }
  }
  .natlgu .content-overlay {
      z-index: 1;
  }
  .natlgu .content-overlay h1 {
    font-size: 64px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #0a344e;
  }
  .natlgu .content-overlay h5 {
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    color: #ff6a00;
  }
  .natlgu .content-overlay p {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.89;
    letter-spacing: normal;
    color: #ffffff;
    width: 63%;
    margin-top: 2rem;
  }
  .natlgu .content-overlay h2 {
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    color: #0a344e;
  }
  .natlgu .content-overlay h3 {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.61;
    letter-spacing: normal;
    color: #515151;
  }
  .natlgu .content-overlay a {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.61;
    letter-spacing: normal;
    color: #515151;
    text-decoration: none;
  }
  .natlgu .content-overlay a:hover {
    color: #ff6a00;
  }
  .natlgu .content-overlay h4 {
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    color: #ff6a00;
    margin-bottom: -4rem;
  }
  @media only screen and (max-width: 1199px) {
    .natlgu .content-overlay h1 {
      font-size: 60px !important;
    }
    .natlgu .content-overlay p {
      width: 75%;
    }
  }
  @media only screen and (max-width: 575px) {
    .natlgu .content-overlay h1 {
      font-size: 43px !important;
    }
    .natlgu .content-overlay h5 {
      font-size: 25px;
    }
    .natlgu .content-overlay p, .natlgu .content-overlay a {
      font-size: 16px;
      width: 100%;
    }
  }
  .stats .container {
    position: relative;
    z-index: 2;
  }
  .stats .content-bg {
    position: relative;
    background: url(../images/cases-bg-v2.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 1230px; /*1144*/
  }
  .stats .content-overlay h1 {
    font-size: 64px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #ffffff;
    margin-top: 11rem;
  }
  .stats .content-overlay h4 {
    font-size: 90px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.9;
    letter-spacing: 1.9px;
    color: #ff6a00;
    margin-top: 5rem;
  }
  .stats .content-overlay h3 {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    top: 25rem;
    text-align: center;
    position: relative;
  }
  .stats .content-overlay h5 {
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin-top: 5rem;
  }
  .stats .content-overlay h6 {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #61acdb;
  }
  .stats .content-overlay p {
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.27;
    letter-spacing: normal;
    color: #61acdb;
  }
  .stats .content-overlay .highlight {
    color: #ff6a00;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    font-size: 20px;
  }
  @media only screen and (max-width: 1199px) {
    .stats .content-overlay h1 {
      font-size: 60px !important;
    }
    .stats .content-overlay h4 {
      font-size: 80px !important;
    }
  }
  @media only screen and (max-width: 575px) {

    .stats .content-bg {
      height: 1180px;
    }
    
    .stats .content-overlay h1 {
      font-size: 43px !important;
      margin-top: 8rem;
    }
    .stats .content-overlay h4 {
      font-size: 60px !important;
      margin-top: 2rem !important;
      margin-left: 1rem;
    }
    .stats .content-overlay p, .stats .content-overlay h6 {
      font-size: 18px !important;
      margin-left: 1rem;
    }
    .stats .content-overlay h5, .stats .content-overlay .highlight {
        font-size: 15px !important;
        margin-top: 2rem;
    }
    .stats .content-overlay h3 {
        font-size: 15px !important;
    }
  }

@media only screen and (max-width: 568px) and (orientation: portrait){
    #custom-nav.affix {
        padding: 0 1rem;
    }

    #custom-nav .container {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}

@media only screen and (orientation: landscape){
    #custom-nav.affix {
        padding: 0 1rem;
    }

    #custom-nav .container {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}