@media only screen and (min-width: 200px) {
  .news_inner_basket1 {
    padding: 0 0 60px;
  }
  .search_items {
    padding: 0 0 20px;
    width: 100%;
  }
  .search_items input {
    font-size: 18px;
    padding: 10px;
    width: 100%;
    border: 1px solid #787474;
    border-radius: 4px;
    outline: none;
  }
  .search_items input:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
  }
  .news_item_type2 {
    background-color: #dfecf3;
    margin: 0 0 60px;
    transition: all 0.3s ease;
  }
  .news_item_type2:hover {
    background-color: #c1ddf5;
  }
  .news_item_type2:last-child {
    margin: 0 0 10px;
  }
  .news_item_type2 img {
    object-fit: cover;
    width: 100%;
    height: 275px;
  }
  .news_item_type2 .news_text {
    padding: 30px 15px;
  }
  .news_item_type2 .news_date_category {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
  }
  .news_item_type2 .news_text p {
    font-size: 17px;
  }
  .news_item_type2 .news_date_category p {
    font-size: 16px !important;
  }
  .news_item_type2 .news_date_category p i {
    margin: 0 2px 0 0;
  }
  .news_item_type2 .news_text h3 {
    font-size: 25px;
    margin: 0 0 10px;
    color: #2373b4;
  }
  .learn_more {
    display: flex;
  }
  .news_item_type2 .learn_more_text a {
    margin: 0;
    font-size: 17px;
    color: #2e3f4c;
    text-decoration: none;
    border: 2px solid #2e3f4c;
    background-color: transparent;
    padding: 8px 10px;
    transition: all 0.3s ease;
  }
  .news_item_type2:hover .learn_more_arrow {
    padding: 8px 5px 8px 10px;
  }
  .news_item_type2:hover .learn_more_text {
    opacity: 1;
    visibility: visible;
  }
  .pagination {
    margin: 25px 0 5px;
    text-align: center;
  }
  .pagination button {
    font-size: 20px;
    padding: 5px 7px;
    border: 1px solid #a2acb7;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .pagination button.previous_button,
  .pagination button.next_button {
    background-color: #85aecf;
    color: #21303c;
  }
  .pagination button.previous_button:hover,
  .pagination button.next_button:hover {
    background-color: #628caf;
    color: #0b1218;
  }
  .pagination button[disabled] {
    background-color: #d0d6dc;
    color: #8997a3;
    cursor: not-allowed;
  }
  .pagination button[disabled]:hover {
    background-color: #d0d6dc;
    color: #8997a3;
  }
  .pagination button.active_button {
    background-color: #2373b4;
    color: white;
    font-weight: bold;
    border: 1px solid transparent;
    cursor: default;
  }
  .pagination button.number_button {
    background-color: #dde6ed;
  }
  .pagination button.number_button:hover {
    background-color: #bfd4e4;
    color: #1b2831;
  }
  .news_categories {
    display: flex;
    flex-direction: column;
    background-color: #daf1e6;
    padding: 40px 15px;
    margin: 0 0 50px;
  }
  .news_categories:last-child {
    margin: 0;
  }
  .news_categories h3 {
    margin: 0 0 17px;
    font-size: 25px;
    color: #00793e;
  }
  .news_categories a {
    color: #0f5634;
    font-size: 18px;
    display: block;
    line-height: 35px;
    text-decoration: none;
    transition: all 0.3s ease;
  }
  .news_categories a:hover {
    color: #00bf63;
  }
  .no-results {
    padding: 10px 5px;
    background-color: #dfdfdf;
  }
  .no-results p {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: #474444;
    margin: 0;
  }
  /* Single news */
  .all_news_a_tag {
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    margin: 0 0 18px;
    color: #19609b;
  }
  .all_news_a_tag span {
    color: #689bc5;
    font-weight: 700;
    transition: all 0.3s ease;
  }
  .all_news_a_tag:hover {
    text-decoration: none;
  }
  .all_news_a_tag:hover span {
    color: #0b4b80;
  }
  .single_news_item {
    background-color: #e9f1f5;
  }
  .single_news_item img {
    object-fit: cover;
    width: 100%;
    height: 275px;
  }
  .single_news_item .news_text {
    padding: 30px 15px;
  }
  .single_news_item .news_date_category {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
  }
  .single_news_item .news_date_category p {
    font-size: 16 !important;
    margin: 0;
  }
  .single_news_item .news_text h2 {
    text-align: left;
    font-size: 27px;
    margin: 0 0 10px;
  }
  .single_news_item .news_text p {
    font-size: 17px;
  }

  /* Related news */
  .related_news_a_tags a {
    display: flex;
    height: 100px;
    background-color: #c4eeda;
    margin: 0 0 20px;
    text-decoration: none;
    transition: all 0.3s ease;
  }
  .related_news_a_tags a:hover {
    background-color: #bcf0d7;
  }
  .related_news_a_tags a:hover img {
    filter: brightness(0.8);
  }
  .related_news_a_tags a img {
    width: 35%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
  }
  .related_news_a_tags a div {
    width: 65%;
    overflow: hidden;
    position: relative;
    padding: 2px 2px 0 5px;
  }
  .related_news_a_tags a div::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%; /* Adjust the height of the fade area as needed */
    background: linear-gradient(
      to top,
      #daf1e6,
      #daf1e660,
      #daf1e628,
      #daf1e623,
      #daf1e61e,
      #daf1e600
    );
    pointer-events: none;
    transition: all 0.3s ease;
  }
  .related_news_a_tags a:hover div::after {
    background: linear-gradient(
      to top,
      #a0d8bd,
      #a0d8bd60,
      #a0d8bd28,
      #a0d8bd23,
      #a0d8bd1e,
      #a0d8bd00
    );
    pointer-events: none;
  }
  .related_news_a_tags a div p {
    line-height: 19px;
  }
  .related_news_a_tags a div p:nth-child(1) {
    margin: 0 0 6px;
    font-size: 14px;
  }
  .related_news_a_tags a div p:nth-child(2) {
    margin: 3px;
    font-size: 16px;
    font-weight: 700;
  }
  .related_news_a_tags a div p:nth-child(3) {
    font-size: 16px;
    margin: 0;
  }
}
@media only screen and (min-width: 360px) {
  .news_item_type2 .news_text p {
    font-size: 18px;
  }
  .news_item_type2 .learn_more_text a {
    font-size: 18px;
  }
  .related_news_a_tags a div {
    padding: 2px 2px 0 7px;
  }
}
@media only screen and (min-width: 410px) {
  .news_item_type2 {
    margin: 0 0 70px;
  }
  .news_item_type2 img {
    height: 310px;
  }

  /* Single news */
  .single_news_item img {
    height: 310px;
  }
  .single_news_item .news_text h2 {
    font-size: 28px;
  }
  .single_news_item .news_text p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 600px) {
  .search_items input {
    font-size: 22px;
  }
  .news_item_type2 img {
    height: 410px;
  }
  .news_item_type2 .news_date_category p {
    font-size: 17px !important;
  }
  .news_item_type2 .news_text h3,
  .news_categories h3 {
    font-size: 28px;
  }
  .news_item_type2 .news_text p,
  .news_item_type2 .learn_more_text a,
  .news_categories a {
    font-size: 19px;
  }

  /* Single news */
  .single_news_item img {
    height: 410px;
  }
  .single_news_item .news_date_category p {
    font-size: 17px !important;
  }
  .single_news_item .news_text p {
    font-size: 19px;
  }
  /* Related news */
  .related_news_a_tags a {
    height: 140px;
    margin: 0 0 25px;
  }
  .related_news_a_tags a div {
    padding: 4px 4px 0 13px;
  }
  .related_news_a_tags a div p:nth-child(1) {
    margin: 0 0 8px;
  }
  .related_news_a_tags a div p:nth-child(2) {
    font-size: 18px;
  }
  .related_news_a_tags a div p:nth-child(3) {
    font-size: 17px;
  }
}
@media only screen and (min-width: 710px) {
  .single_news_item img {
    height: 480px;
  }
  .related_news_a_tags a {
    height: 160px;
  }
}
@media only screen and (min-width: 768px) {
  .news_item_type2 img {
    height: 480px;
  }
  .related_news_a_tags a {
    height: 190px;
  }
  .related_news_a_tags a div {
    padding: 5px 5px 0 17px;
  }
  .related_news_a_tags a div p:nth-child(1) {
    font-size: 15px;
  }
}
@media only screen and (min-width: 912px) {
  .news_item_type2 img {
    height: 610px;
  }
  .news_item_type2 .news_text h3,
  .news_categories h3 {
    font-size: 30px;
  }
  .news_item_type2 .news_text p,
  .news_item_type2 .learn_more_text a,
  .news_categories a {
    font-size: 21px;
  }
  .related_news_a_tags a {
    height: 220px;
  }
}
@media only screen and (min-width: 1024px) {
  .news_basket {
    display: flex;
    justify-content: space-between;
  }
  .news_inner_basket1 {
    width: 68%;
  }
  .news_inner_basket2 {
    width: 28%;
  }
  .search_items input {
    font-size: 18px;
  }
  .news_item_type2 img {
    height: 480px;
  }
  .news_item_type2 .news_date_category p {
    font-size: 16px !important;
  }
  .news_item_type2 .news_text h3,
  .news_categories h3 {
    font-size: 25px;
  }
  .news_item_type2 .news_text p,
  .news_item_type2 .learn_more_text a,
  .news_categories a {
    font-size: 18px;
  }
  .news_categories {
    padding: 40px 15px 40px 18px;
  }
  /* Single news */
  .single_news_item .news_date_category p {
    font-size: 16px !important;
  }
  .single_news_item .news_text p {
    font-size: 18px;
  }
  /* related news */
  .related_news_a_tags a {
    height: 80px;
    margin: 0 0 15px;
  }
  .related_news_a_tags a img {
    width: 32%;
  }
  .related_news_a_tags a div {
    width: 68%;
    padding: 3px 3px 0 5px;
  }
  .related_news_a_tags a div p:nth-child(1) {
    font-size: 14px;
  }
  .related_news_a_tags a div p:nth-child(2) {
    font-size: 16px;
  }
  .related_news_a_tags a div p:nth-child(3) {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1280px) {
  .news_item_type2 img {
    height: 545px;
  }
  .related_news_a_tags a {
    height: 90px;
  }
  .related_news_a_tags a div {
    padding: 3px 3px 0 9px;
  }
}