/**

 * Tablet + Mobile

 */

@media only screen and (min-width: 320px) and (max-width: 860px) {
/* Homepage */
  /* Blog */
  .mh-blog-featured .col-inner {
    border: 1px solid #e8e8e8;
  }

  .mh-blog-featured .box-text::after {
    display: none;
  }

  .mh-blog-featured .box-text {
    position: relative;
  }


/* Page: Liên hệ */

  .mh-col-info-contact > .col-inner {

    position: static;

  }



/* Blog */

  .mh-archive-title {

    text-align: center;

  }



/* Post type: Dự án */

  .mh-as-nav-main img {

    width: 100%;

  }



/* Woocommerce */

  /* Box product */

  .woocommerce.archive .category-page-row > .col {

    max-width: 100% !important;

    -ms-flex-preferred-size: 100% !important;

    flex-basis: 100% !important;

  }

}



/**

 * Tablet

 */

@media only screen and (min-width: 426px) and (max-width: 860px) {



}



/**

 * Mobile

 */

@media only screen and (min-width: 320px) and (max-width: 425px) {

/* Global */

  .mh-col-padding-mobile > .col-inner {

    padding: 35px 20px !important;

  }



  .mh-form-2-col,

  .mh-form-3-col {

    flex-direction: column;

  }



/* Homepage */
	/* Quá trình ... */
	.mh-box-history p {
		display: none;
	}


  /* Thiết kế ... */

  .mh-col-introduce .mh-button-simple {

    font-size: 12px;

  }



  .mh-box-introduce .box-text {

    padding: 20px !important;

  }

/* Page: Giới thiệu */

  .mh-info-company p span {

    min-width: auto;

  }



/* Post type: Tuyển dụng */

  .mh-archive-recruitment .col.post-item .box-text {

    padding: 20px;

  }



/* Post type: Dịch vụ */

  .mh-blog-services #post-list .entry-content .more-link {

    font-size: 13px;

    min-width: 200px;

    line-height: 35px;

    min-height: 35px;

  }



/* Post type: Dự án */

  .mh-box-project p span {

    min-width: auto;

    margin-right: 10px;

  }



}



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



}
@media (max-width: 1024px) and (min-width: 992px){
  .block-home-services .mh-col-introduce > .col-inner{
    padding: 25px 20px !important;
  }
  .mh-box-introduce .icon-box-text h4{
    font-size: 18px;
  }
  .mh-col-project > .col-inner{
    padding: 20px !important;
  }
  .mh-col-project .mh-title-simple.alt-font .section-title-main{
    font-size: 16px !important;
  }
  .mh-col-project h3.mh-title{
    font-size: 25px;
  }
  .mh-col-project p{
    margin-bottom: 10px;
  }
}