/*html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}*/
@media (max-width: 575.98px) {
  .research-topic-cover .overlay-text {
    padding-right: 0;
    padding-left: 0;
    margin-top: 0 !important;
  }
  .research-topic h3 {
    font-size: 20px !important;
  }
  .about-topic .px-md-5 {
    padding-left: 0;
    padding-right: 0;
  }
  .about-page .main-content .background-grey {
    height: 422px;
  }
  .about-page .main-content .title {
    font-size: 24px;
    margin-left: 10px;
  }
  .about-content .center-button {
    margin-left: 0 !important;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
  }
  .about-page .video-container {
    height: auto;
  }
  .about-page .text-center .title {
    text-align: center;
    margin-left: 0;
    padding-top: 20px;
  }
  .about-page .text-center .description {
    padding-left: 10px;
    padding-right: 10px;
  }
  /*.research-topic-cover .margin-top, .research .text-light {
        margin-top: -28px;
    }*/
  .about-page .anual-report-card h3 {
    margin-bottom: 0 !important;
  }
  .about-page .anual-report-card {
    padding: 40px 2rem 1rem 2rem;
  }
  .author .card {
    text-align: center;
  }
  .author .carousel-control-prev {
    left: -30px !important;
  }
  .author .carousel-control-next {
    right: -30px !important;
  }
  .author .card .description {
    padding-left: 18px !important;
    padding-right: 18px !important;
    font-size: 15px;
  }
  .input-flex-container {
    margin-top: 0 !important;
  }
  .input-flex-container .input {
    margin: 0 10px 30px;
  }
  .about-page .about-card .details {
    height: auto !important;
  }
  .about-page .about-card {
    top: 0 !important;
  }
  .latpub {
    padding-left: 16px !important;
    margin-left: 0.25rem !important;
  }
  .page-content .heading {
    margin-top: 1rem !important;
  }
  .page-content .category {
    margin-top: 10px !important;
  }
  .related-article {
    margin-bottom: 0 !important;
  }
  .author .carousel-inner .carousel-item > div {
    display: block;
  }
  #AuthorCarousel .carousel-item .col-md-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 400px) and (max-width: 767.98px) {
  .about-page .img-container img {
    width: 70%;
    height: 100%;
    object-fit: cover;
  }
  .about-page .img-container {
    text-align: center;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .page-content .heading {
    margin-top: 1rem important;
  }
  .input-flex-container {
    margin-top: 1vh !important;
  }
  .about-page .about-card {
    top: -60px !important;
  }
  .about-page .about-card .inner-section {
    border-right: 0 !important;
  }
  .about-page .about-card .details {
    height: auto !important;
  }
  .research-topic-cover .overlay-text {
    padding-right: 0 !important;
    padding-left: 0 !important;
    /* margin-top: 0 !important;*/
  }
  .research-topic h3 {
    font-size: 20px !important;
  }
  .about-topic .px-md-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .author .carousel-inner .carousel-item > div {
    display: block;
  }
  #AuthorCarousel .carousel-item .col-md-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .about-page .img-container img {
    width: 130%;
    height: 100%;
    object-fit: cover;
  }
  .research-topic-cover .overlay-text {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .research-topic .pl-md-5,
  .px-md-5 {
    padding-left: 0 !important;
  }
  .research-topic .pr-md-5,
  .px-md-5 {
    padding-right: 0 !important;
  }
  .about-page .main-content .title {
    font-size: 24px;
    font-weight: bolder;
  }
  .about-page .main-content hr {
    display: none;
  }
  .about-content .center-button {
    margin-left: 0 !important;
  }
  .about-content .mt-5 .main-content .title {
    padding-top: 50px;
  }
  .about-page .about-card .inner-section {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .about-page .about-card .details {
    height: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .about-page .about-card .section {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .about-row {
    margin-bottom: -28px !important;
  }
  #AuthorCarousel .carousel-item .col-md-4 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .author .carousel-inner .carousel-item > div {
    display: block;
  }
  .author {
    margin-bottom: 0 !important;
  }
  .related-article {
    margin-bottom: 0 !important;
  }
  .related-article .page-content .col-md-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .about-content .mt-5 .col-md-8 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .about-content .mt-5 .col-md-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  .about-content .main-content .col-md-8 {
    flex: 0 0 60% !important;
    max-width: 60% !important;
  }
  .about-content .main-content .col-md-4 {
    flex: 0 0 40% !important;
    max-width: 40% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .research-topic-cover .overlay-text {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .author {
    margin-bottom: 0 !important;
  }
  .about-page .about-card .details {
    height: 165px !important;
  }
  .about-content .mt-5 .text-center {
    text-align: left !important;
  }
  .about-content .main-content .col-md-8 {
    flex: 0 0 60% !important;
    max-width: 60% !important;
  }
  .about-content .main-content .col-md-4 {
    flex: 0 0 40% !important;
    max-width: 40% !important;
  }
}

@media (min-width: 1200px) {
  .research-topic-cover .overlay-text {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }

  .about-topic .px-md-5 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .anual-report .pt-5 {
    padding-top: 5rem !important;
  }
  .about-content .mt-5 .text-center {
    text-align: left !important;
  }
}

/*.about-page .main-content .description {
    font-family: 'SF Pro Display', 'Source Sans Pro', Arial, sans-serif !important;
    font-weight: 400 !important;
}
.about-page .overlay-text p {
    font-family: 'SF Pro Display', 'Source Sans Pro', Arial, sans-serif !important;
    font-weight: 400 !important;
}
.about-page .headtext {
    font-family: 'SF Pro Display', 'Source Sans Pro', Arial, sans-serif !important;
    font-weight: 400 !important;
}
.about-page .about-card .details {
    font-family: 'SF Pro Display', 'Source Sans Pro', Arial, sans-serif !important;
    font-weight: 400 !important;
}*/
.about-page .main-content .heading {
  margin-top: 30px;
}
.research-topic h3 {
  font-size: 28px;
}

.input span::before {
  font-family: "SF Pro Display", "Source Sans Pro", Arial, sans-serif !important;
  font-weight: 400 !important;
}
.about-content .center-button {
  margin-left: 4rem;
}
.about-page .about-card .details {
  height: 120px;
}
.about-page .about-card {
  top: -80px;
}
.related-article {
  margin-bottom: 6rem;
}
.research-topic-cover .overlay-text {
  margin-top: -26px;
}

/*FOOTER*/
@media (max-width: 575.98px) {
  .copyright-bar .float-right {
    text-align: end;
  }
  .footer-section-divider .list-unstyled {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  footer .logo-text {
    text-align: right;
    padding-left: 2rem;
    padding-right: 0 !important;
  }
  .copyright-bar .float-right {
    text-align: end;
  }
  .footer-section-divider .list-unstyled {
    margin-bottom: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .footer-section-divider {
    display: flex;
    align-content: space-around;
    flex-direction: column;
    justify-content: space-between;
  }
  .footer-section-divider .list-unstyled {
    margin-bottom: 0 !important;
  }
  .footer-section-divider .list-unstyled li:nth-child(2) {
    margin-bottom: 7rem !important;
  }
  footer .logo-text {
    padding-right: 0 !important;
    margin-top: 8px;
  }
  .footer-section table tr {
    display: grid;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .footer-section-divider {
    display: flex;
    align-content: space-around;
    flex-direction: column;
    justify-content: space-between;
  }
  .footer-section-divider .list-unstyled {
    margin-bottom: 0 !important;
  }
  .footer-section-divider .list-unstyled li:nth-child(2) {
    margin-bottom: 5rem !important;
  }
}

@media (min-width: 1200px) {
  .footer-section-divider {
    display: flex;
    align-content: space-around;
    flex-direction: column;
    justify-content: space-between;
  }
  .footer-section-divider .list-unstyled {
    margin-bottom: 0 !important;
  }
  .footer-section-divider .list-unstyled li:nth-child(2) {
    margin-bottom: 2rem !important;
  }
}
.footer-section .description {
  margin: 0;
}