/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1100px) {
  #logo {
    width: 110px !important;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .header-bottom-nav li a {
    padding: 10px 25px;
  }
  .header-button a {
    padding: 0 10px;
  }
  #header-contact {
    margin-right: 0px;
  }
  #header-contact li a span {
    font-size: 12px;
  }
}

/* Small Devices, Tablets */

@media only screen and (max-width: 849px) {
  .c-footer .slider img {
    padding: 0;
  }
  .c-bo-game .large-2 {
    padding: 0 5px 10px;
  }
  .c-game-hot .box {
    background-position-y: bottom;
    background-size: contain;
  }
  .c-no-hu .large-3 {
    padding: 0 5px 10px;
  }
  .c-tin-tuc .large-columns-3 .post-item:last-child {
    display: none;
  }
  .c-tin-tuc .post-item {
    padding: 0 5px 10px;
  }
  .c-tin-tuc .post-item .box-image {
    width: 30% !important;
  }
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 690px) {
  .c-game-hot .box {
    background-position-y: 13px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 549px) {
  .c-bo-game .large-2 {
    padding: 0 0px 5px;
  }
  .c-no-hu .large-3:nth-child(even) {
    padding-left: 10px;
  }
  .c-no-hu .large-3:nth-child(odd) {
    padding-right: 10px;
  }
  .c-tin-tuc .post-item .box {
    display: flex;
    align-items: center;
  }
  .c-tin-tuc .large-columns-3 .post-item:last-child {
    display: block;
  }
  .c-tin-tuc .post-item {
    padding: 0 10px 10px;
  }
}
@media only screen and (max-width: 480px) {
  .c-game-hot .box .text {
    font-size: 14px;
  }
  .c-game-hot .box {
    background-position-y: 8px;
  }
  .c-no-hu .box-text {
    padding: 0 5px;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
}