@media screen and (max-width: 1439px) {
  .container {
    width: 100%;
  }
  .inner {
    width: 97%;
  }
  .author-list {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .author-list .author-card {
    width: 45%;
  }
}
@media screen and (max-width: 1023px) {
  .navbar,
  .nav-parent {
    width: 100%;
    margin: auto;
    justify-content: space-between;
  }

  .sub-btn,
  .main-nav {
    display: none;
  }
  .menu-toggle {
    display: block;
    width: 2.7rem;
    height: 2.7rem;
    color: black;
    border: 0.125rem solid #000;
    border-radius: 0.25rem;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    box-shadow: 0.1875rem 0.1875rem #000;
    text-decoration: none;
    transition: all 0.3s;
    &:hover {
      transform: translateY(-0.125rem);
    }
  }

  .header-parent,
  .footer-bottom,
  .join-parent,
  .section2-parent,
  .articale-card {
    flex-direction: column;
  }
  .left-header,
  .right-header {
    width: 95%;
  }
  .right-header {
    transform: rotate(0deg);
  }
  .articale-badge {
    left: 20%;
    width: fit-content;
  }
  #section-two .articale-card .articale-content .meta {
    display: none;
  }

  .meta-right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 40%;
  } 
  .section2-right,
  .join-left,
  .join-right {
    width: 100%;
  }
  .author-list .author-card {
    width: 100%;
  }
  .footer-left {
    flex-basis: 100%;
  }
  .footer-center {
    flex: 0 0 25%;
  }
  .footer-right {
    flex: 1 0 50%;
  }
}
@media screen and (max-width: 768px) {
  
  .meta-right
   {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
}

/* @media screen and (max-width: 439px) {
} */