@media screen and (max-width: 600px) {

  #page_content .articles_grid .article.home_grid_item.sticky .category {
    white-space: nowrap;
    position: static;
    align-self: flex-end;
  }

  #page_content .articles_grid .article.home_grid_item.sticky {
    flex-direction: column;
    align-items: baseline;
  }

  #page_content .articles_grid .article.sticky .meta {
    justify-content: space-between;
    flex-wrap: nowrap;
    padding-bottom: 0;
  } 

  .grid-sizer {
    width: 100%;
  }

  .gutter-sizer {
    width: 0;
  }

  #page_content .homepage_articles.articles_grid .article.about_panel,
  #page_content .articles_grid .article.home_grid_item {
    width: 100%;
    margin: 0 0 40px 0;
    height: auto;
  }

  #page_content .articles_grid .article.home_grid_item .post_picture,
  #page_content .articles_grid .article.home_grid_item .post_picture a.link_image {
    height: 300px;
  }

  footer .bottom > div {
    float: none;
    margin: 20px 0;
    text-align: center;
  }

  #mobile_search_articles input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #808080;
  }

  #mobile_search_articles input:-moz-placeholder { /* Firefox 18- */
    color: #808080;
  }

  #mobile_search_articles input::-moz-placeholder { /* Firefox 19+ */
    color: #808080;
  }

  #mobile_search_articles input:-ms-input-placeholder { /* IE */
    color: #808080;
  }

  #mobile_search_articles input::-ms-input-placeholder { /* IE Edge */
    color: #808080;
  }

  #mobile_search_articles h3 {
    display: none;
  }

  #mobile_search_articles #search_articles img {
    width: 33px;
    height: auto;
    left: 5px;
    top: 5px;
  }

  #mobile_search_articles #search_articles > div:first-child {
    height: auto;
    padding: 10px 10px 10px 50px;
    border-bottom: 5px solid #abc218;
  }

  #mobile_search_articles #search_articles > div:first-child input,
  #mobile_search_articles #search_articles > div:first-child button {
    height: 30px;
  }

  #mobile_search_articles #search_articles > div:first-child input {
    width: calc(100% - 35px);
  }

  #mobile_search_articles #search_articles > div:first-child button {
    width: 30px;
    padding: 0;
    text-align: center;
  }

  #mobile_search_articles #search_articles > div:nth-child(2) {
    display: none;
  }

  #mobile_search_articles .alignright {
    width: 100%;
  }

  #section_panels #hear_panel h2,
  #section_panels #help_panel h2 {
    width: auto;
  }


  #page_content .contributors_list .contributor,
  #page_content .contributors_list .contributor.IE  {
    width: 100%;
    float: none;
    margin: 20px 0;
    height: auto;
  }

  #page_content .pagination.full .nav-links span.dots,
  #page_content .pagination.full .nav-links span.dots + a,
  #page_content .pagination.full .nav-links a.page-numbers:nth-of-type(4) {
    display: none;
  }

  .pagination.full {
    margin-top: 30px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .pagination.full .nav-links {
    display: flex;
    justify-content: space-between;
    max-width: 150px;
    margin: 0 auto;
  }

  #page_content .pagination.full .nav-links > * {
    margin-right: 0;
  }

  header .wrapper_top + .container {
    margin-bottom: 0;
  }

  /* article image */

  .single article .the_content img {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  #page_content .articles_grid .article .post_picture {
    height: calc((100vw - 80px) * 0.572);
  }

  #page_content .articles_grid .article .post_picture.placeholder {
    height: auto;
  }

  /* sticky article */

  #page_content .articles_grid .article.home_grid_item.sticky .post_picture {
    float: none;
    width: 100%;
  }

 /*  #page_content .articles_grid .article.home_grid_item.sticky .author {
    display: none;
  } */

  #page_content .articles_grid .article.home_grid_item.sticky .meta > .author_info {
    display: flex;
    flex-wrap: wrap;
  }

  header.sticky .wrapper_top > .container .has_button {
    margin-top: 5px;
    margin-right: 30px;
  }

  header.sticky .wrapper_top > .container .has_button a {
    padding: 8px 9px;
  }

  header .has_button > a:last-child {
    margin-left: 9px;
  }

  #page_content .homepage_articles .article{
    width: 100%;
    height: calc(100vw - 160px);
  }

  #page_content .homepage_articles .article .post_picture {
    height: calc(100vw - 255px);
  }

  .pagination.alignright {
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;
  }

  .category #filter_result {
    float: none;
  }

  #page_content .pagination:not(.full) a:last-child {
    margin-right: 0;
  }

  .woocommerce table.cart td.actions .input-text#coupon_code {
    width: 100%;
  }

  .woocommerce table.cart td.actions .coupon button[name="apply_coupon"] {
    width: 100%;
    margin-top: 10px;
  }

  #page_content .other_contributors_top_section {
    flex-direction: column;
    row-gap: 20px;
  }

  #page_content .other_contributors_top_section select,
  #search_contributors input[type="text"] {
    width: 100%;
  }

  #search_contributors {
    position: relative;
  }

  #search_contributors button {
    position: absolute;
    right: 0;
    left: auto;
  }

  .single .articles_grid,
  body.tag .articles_grid,
  .page-template-archive-posts .articles_grid,
  .category #page_content .articles_grid {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 30px;
  }

  .single ol.comment-list li .comment-body {
    display: flex;
    flex-direction: column;
  }

  .single ol.comment-list li .comment-author + em {
    margin-bottom: 25px;
    margin-top: 10px;
  }

  .single ol.comment-list li .comment-meta {
    position: relative;
    right: auto;
    top: auto;
    order: -1;
  }

  .single ol.comment-list li .comment-author {
    order: -1;
  }

  #page_content .articles_grid .article.book_item > div > div:last-child p {
    margin-bottom: 20px;
  }

  #page_content .articles_grid .article.book_item > div > div:last-child a.button {
    position: relative;
    bottom: auto;
    width: auto;
  }

  #page_content .articles_grid .article.book_item .post_picture {
    background-position: top;
  }

  #page_content .articles_grid .article.book_item .post_picture {
    width: 180px;
  }

  .search_form button {
    right: 0;
    z-index: 2;
  }

  .filter_wrap #search_articles {
    margin-right: 0;
  }

  #search_contributors input[type="text"], .search_form input[type="text"] {
    width: 100%;
  }

  #filter_trigger_button {
    width: 100%;
  }

  .filter_wrap #search_articles {
    width: auto;
  }
}

@media screen and (max-width: 520px) {
  .woocommerce #woocommerce_content .woocommerce_title #search_contributors h3 {
    display: block;
    margin-bottom: 15px;
  }

  .tags_grid {
    grid-template-columns: repeat(1, 1fr);
  }

  #page_content .articles_grid .article.book_item .post_picture {
    width: 39%;
    min-width: 150px;
  }

  .filter_wrap .clearfix.top {
    flex-direction: column;
    align-items: flex-start;
  }

  #search_contributors input[type="text"], 
  .category #search_articles.search_form input[type="text"] {
    width: 100%;
  }

  #filter_trigger_button {
    width: 100%;
    justify-content: space-between;
  }

  .filter_wrap #search_articles {
    width: auto;
  }

  .search_form button {
    right: 0;
    z-index: 2;
  }

  .filter_wrap #search_articles {
    margin-right: 0;
    width: 100%;
  }

  .filter_wrap #search_articles input,
  .filter_wrap #search_articles button {
    margin: 10px 0;
  }

}

@media screen and (max-width: 460px) {

  h1 {
    font-size: 30px;
  }

  #page_content .articles_grid .article, 
  #page_content .articles_grid .article.IE {
    height: auto;
  }

  #page_content .articles_grid .article .post_picture.placeholder {
    height: 250px;
  }

  #page_content .articles_grid .article .post_picture,
  #page_content .articles_grid .article .post_picture a.link_image {
    height: 250px;
  }

  #filter_articles_form .filter[data-filter="contributors"] ul li {
    width: 100%;
    margin-right: 0;
  }

  #filter_articles_form .filter[data-filter="years"] ul li {
    width: calc(100%/2 - 20px);
  }

  #responsive-menu-container #responsive-menu li.responsive-menu-item .responsive-menu-item-link,
  #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item .responsive-menu-item-link {
    font-size: 16px !important;
  }

  #section_panels .panel {
    padding: 30px 20px;
  }

  .single_contributor .contributor_picture {
    float: none;
    margin: 0 auto 20px auto;
  }

  .tags_grid .tag-cloud-link {
    width: 100%;
    margin-right: 0;
  }

  header > .container:last-child {
    padding: 0 20px;
  }

  header .top-header-section > div.container {
    display: none;
  }

  header.sticky > .container {
    display: none;
  }

  #mobile_right_side {
    display: block;
    width: 100%;
    margin: 15px 0;
    float: none;
  }

  #page_content .donate-highlight .cta-strip::before, 
  #page_content .donate-highlight .cta-strip::after {
    width: 15px;
  }

  header.sticky > .container {
    margin-top: 20px;
  }

  form#filter_articles_form .actions {
    display: flex;
    column-gap: 10px;
    justify-content: space-between;
  }

  form#filter_articles_form .actions button {
    margin-left: 0;
  }

  header #hamburger {
    margin-right: -4px;
  }

}