/* **************************************** Custom, iPhone Retina **************************************** */
@media only screen and (min-width: 320px) {
  /* ----- GLOBAL STYLE ----- */
  /* typography */
  /* .end typography */
  /* footer */
  /* end footer */ }
/* .END Custom, iPhone Retina */
/* **************************************** Extra Small Devices, Phones **************************************** */
/* .END Extra Small Devices, Phones */
/* ==================== MAN HINH DI DONG ==================== */
@media (max-width: 767px) {
  /* ----- GLOBAL STYLE ----- */
  /* header - top menu */
  header .navbar-collapse {
    position: absolute;
    z-index: 99999999;
    left: 15px;
    right: 15px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); }

  /* end header - top menu */
  .jobList .media .pull-left {
    float: left; }

  /* ----- END GLOBAL STYLE ----- */
  /* ----- HOME STYLE ----- */
  /* ----- CATEGORY PAGE STYLE ----- */
  .jobListRight {
    border-top: 1px dotted #eee;
    padding-top: 5px;
    background-color: #f1f1f1;
    padding: 3px; } }
/* **************************************** Small Devices, Tablets **************************************** */
@media only screen and (min-width: 768px) {
  /* ----- GLOBAL STYLE ----- */
  /* typography */
  /* end typography */
  /* header */
  .navbar .nav > li > a {
    padding-top: 29px;
    padding-bottom: 29px; }

  header .navbar-form .form-group {
    margin-bottom: 15px; }

  /* ranking */
  .parallax-window {
    min-height: 346px; }

  .ranking ul li .rank {
    font-size: 14px;
    width: 32px;
    height: 32px;
    line-height: 32px; }

  /* footer */
  /* end footer */
  /* ----- HOME STYLE ----- */
  /* homeNews */
  .homeNewsWrapper .media-object {
    width: 220px; }

  /* end homeNews */
  /* ----- CATEGORY PAGE STYLE ----- */
  .jobListRight {
    text-align: right;
    border-left: 1px solid #eee; }

  .panel .checkbox {
    margin-top: 30px; }

  .panel .noLabel {
    margin-top: 25px; } }
/* .END Small Devices, Tablets */
/* **************************************** Medium Devices, Desktops **************************************** */
/* .END Medium Devices, Desktops */
/* **************************************** Large Devices, Wide Screens **************************************** */
/* .END Large Devices, Wide Screens */
@media only screen and (max-width: 979px) {
  .nav-collapse .nav > li {
    float: left !important; }

  .nav-collapse, .nav-collapse.collapse {
    height: 30px !important;
    overflow: hidden; } }