.home_page {
   top: 0;
   left: 0;
   position: relative;
   width: 100%;
   min-height: 75vh;
   overflow: hidden;
   display: flex;
   flex-flow: column;
   justify-content: center;
   align-items: center;
}

.wrap_search {
   display: flex;
   align-items: center;
   gap: 75px;
   flex-direction: column;
}

.logo_home {
   position: relative;
}

.logo_home img {
   height: 13rem;
   width: 9.75rem;
}

.search {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}

form.search_field_mainpage {
   height: 60px;
   width: 600px;
}

form.search_field_mainpage input[type=text] {
   padding: 10px;
   font-size: 17px;
   border: .1rem solid #A0AECD;
   float: left;
   width: 80%;
   box-sizing: border-box;
   height: 100%;
   border-radius: 40px 0 0 40px;
   padding: 0px 4px 0px 16px;
   font-weight: 400;
   line-height: 24px;
}

form.search_field_mainpage button {
   float: left;
   width: 20%;
   padding: 10px;
   background: #2196F3;
   color: white;
   font-size: 17px;
   border: .1rem solid #A0AECD;
   border-left: none;
   cursor: pointer;
   height: 100%;
   border-radius: 0px 40px 40px 0px;
}

form.search_field_mainpage button:hover {
   background: #0b7dda;
}

form.search_field_mainpage::after {
   content: "";
   clear: both;
   display: table;
}

::placeholder {
   font-size: 1em;
}

.container_article_home {
   display: flex;
   justify-content: center;
   margin-bottom: 150px;
   gap: 150px;
}

.container_article_home .card {
   max-width: 30%;
   height: 100%;
}

.container_article_home .right_articles {
   width: 30%;
}

.container_article_home .paper_static {
   display: flex;
   flex-direction: row;
   gap: 10px;
   justify-content: flex-end;
   margin-right: 20px;
   flex-wrap: wrap;
}

.tippy-box {
   font-size: 0.8rem !important;
}

.toolprofile_full_name {
   font-size: 0.9rem !important;
}

.container_article_home .article_home_name {
   font-size: 1rem;
   display: table;
   font-family: var(--headingFont);
}

.container_article_home a {
   font-size: 0.8rem;
   display: table;
   margin-top: 5px;
}

.article_authors_list .papers_author {
   margin-top: 0px;
   cursor: pointer;
}

.container_article_home .article_journal_home {
   display: table;
   font-style: italic;
}

.w3-bar {
   display: flex;
   justify-content: center;
   align-items: center;
}

.article_authors_list {
   display: flex;
   gap: 2px;
   flex-wrap: wrap;
}

.paper_static .count p {
   color: var(--grey-500) !important;
   font-size: 0.7rem !important;
   margin-bottom: 0px !important;
}

.paper_static .count a {
   font-size: 0.7rem !important;
   margin-bottom: 0px !important;
   margin-top: 0px !important;
}

.papers_home_description {
   line-height: 1.5;
}

.card-text .wrap_journals_article {
   line-height: 1.8;
   font-size: 0.8rem;
}

.w3-container .wrap_journals_article a {
   display: inline-block;
}

.card-text .wrap_journals_article a {
   display: inline-block;
}

.card-text .related_journals_article {
   font-size: 0.8rem;
   font-style: italic;
   /* display: inline-block; */
}

@media screen and (max-width: 850px) {
   .search input {
      height: 60px;
      width: 600px;
      background-position: 15px 15px;
   }

   .container_article_home {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
   }

   .container_article_home .card {
      max-width: 90%;
   }

   .container_article_home .right_articles {
      width: 90%;
   }

   .w3-container .tooltip .tooltiptext_for_related {
      width: auto;
      margin: auto;
      position: absolute;
      z-index: 1;
      top: 125%;
      bottom: auto;
      /* left: 10%; */
      /* margin-left: -60px; */
   }

   .container_article_home p {
      font-size: 0.7rem;
   }
}


@media screen and (max-width: 650px) {
   form.search_field_mainpage {
      height: 50px;
      width: 450px;
   }

   .container_article_home p {
      font-size: 0.7rem;
   }
}

@media screen and (max-width: 500px) {
   form.search_field_mainpage {
      height: 50px;
      width: 400px;
   }

   .container_article_home p {
      font-size: 0.7rem;
   }
}

@media screen and (max-width: 400px) {
   form.search_field_mainpage {
      height: 50px;
      width: 300px;
   }

   .container_article_home p {
      font-size: 0.7rem;
   }
}
