@media (min-width: 1201px) {
  .wrap {
    width: 1177px;
    margin: 0 auto;
  }
}

.hak_box_related_posts .item_related_posts {
  width: 30.33%;
}

@media (max-width: 992px) {
  .main-menu {
    display: none;
  }
}

@media (max-width: 1024px) {
  .hak_social_widget .hak_box_item_follow {
    width: 100%;
  }
}

@media (min-width: 940px) and (max-width: 1024px) {
  .container-fluid .wrap {
    padding: 0 30px;
  }
}

@media (max-width: 940px) {
  .container-fluid.top-bar {
    display: none;
  }

  .header-main .logo {
    display: none;
  }


  .hak_item_box_home_top > .hak_item_home_top {
    width: 50%;
  }

  .menu_system_search .main-menu ul {
    display: none;
  }

  header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    background-color: #000;
    height: 65px;
    border: 0 solid transparent;
    color: #ddd;
    overflow-y: hidden;
  }

  .menu-icon svg {
    fill: #fff;
    width: 35px;
    height: 35px;
  }

  .search-icon svg {
    fill: #fff;
    width: 35px;
    height: 35px;
  }

  .logo-mobile {
    display: block;
    height: auto;
    width: 80%;
    text-align: center;
  }

  .logo-mobile img {
    width: 50%;
    height: auto;
  }

  .menu_system_search .main-menu {
    width: 10%;
  }
}

@media screen and (max-width: 576px) {
  header {
    padding: unset;
  }

  .logo-mobile img {
    width: 75%;
  }
}

/* Responsive */
@media (max-width: 940px) {
  .footer_hak__content {
    display: block;
  }

  #main-menu-wrapper {
    background: #000 !important;
  }

  .footer_hak__column {
    width: 100%;
    padding: unset;
    margin-bottom: 55px;
  }

  .hak_box_main_detail_post_content {
    flex-direction: column;
  }

  .hak_box_main_detail_post_content .hak_box_left_content {
    width: 100% !important;
    padding-right: unset !important;
  }

  .hak_box_main_detail_post_content .hak_box_right_content {
    width: 100% !important;
    padding-left: unset !important;
    margin-top: 30px;
  }

  .wrap.is_menu {
    padding: unset;
  }
  .wrap {
    padding: 0 15px;
  }

  footer {
    padding: 0 30px;
  }
}

@media (max-width: 767px) {
  .hak_box_main_detail_post_content {
    grid-template-columns: 1fr;
  }

  .hak_box_related_posts {
    /* grid-template-columns: 1fr !important; */
  }

  .hak_box_right_muc_luc {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .hak_box_related_posts .item_related_posts {
    width: 30%;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .hak_box_related_posts .item_related_posts {
    width: 47%;
  }
}

@media (max-width: 576px) {
  .hak_box_related_posts .item_related_posts {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 941px) {
  /* .hak_box_main_detail_post_content {
            grid-template-columns: 1fr;
        }

        .hak_box_related_posts {
            grid-template-columns: 1fr 1fr 1fr !important;
        }

        .hak_box_right_item_related_posts {
            display: grid;
            grid-template-columns: 1fr 4fr !important;
        } */

  .hak_box_right_muc_luc {
    display: none;
  }
}

@media (max-width: 1300px) {
  .hak_box_left_content .is_80 {
    width: 85%;
    float: right;
  }

  .hak_box_inner_share {
    left: -75px;
  }

  .hak_box_left_content .related-posts {
    float: right;
  }
}

@media (max-width: 768px) {
  #shareBox {
    display: none;
  }

  .hak_box_left_content .is_80 {
    width: 100%;
    float: unset;
  }
  
    .message-area {
    width: 100% !important;
}

  .hak_box_left_content .related-posts {
    float: unset;
  }
}