@media only screen and (max-width: 425px) {
  .has-sidebar:not(.error404) #primary {
    width: 80% !important;
    margin: 0 auto; }

  .FengShui-containe .banner {
    height: 50vh !important; }
  .FengShui-containe .container-body {
    padding-right: 10px;
    padding-left: 10px; }

  .mediaInternal-container .banner {
    height: 50vh !important; }

  .ColorsTrending-container .banner {
    height: 50vh !important; }
  .ColorsTrending-container .background-customize {
    padding: 20px !important; }
  .ColorsTrending-container .owl-carousel button.owl-next {
    right: -10px !important; }
  .ColorsTrending-container .owl-carousel button.owl-prev {
    left: -10px !important; }
  .ColorsTrending-container .owl-theme .owl-nav [class*=owl-]:hover {
    background: unset !important;
    color: #000 !important; }
  .ColorsTrending-container .custom-col-content {
    padding: 8px !important; }
  .ColorsTrending-container .custom-col {
    padding: 5px 0 !important; }

  #main .info-company .background-info-company {
    padding: 8px; }

  .customize-info-company {
    padding-right: 0px !important;
    padding-left: 10px !important;
    justify-content: left !important; }

  #main .info-company .background-info-company .number-home {
    font-size: 14px !important;
    white-space: nowrap; }
    #main .info-company .background-info-company .number-home span.Count {
      font-size: 14px !important; }

  .tison-footer {
    padding: 20px 0px !important; }

  .container-footer .footer-left {
    border-right-color: unset !important;
    border-right-style: unset !important;
    border-right-width: unset !important; }

  #main .section-maple-colors .custom-col2 {
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0px !important; }

  #main .section-maple-colors .owl-carousel .item-owl {
    margin-right: 0px !important; }
  #main .section-maple-colors .owl-carousel .owl-next {
    right: 0px !important; }
  #main .section-maple-colors .owl-carousel .owl-prev {
    margin-left: 0px !important; }

  #main .section-color-pattern .custom-col1 {
    order: 2; }

  #main .Typical-projects .item-typical-project img {
    height: 200px !important;
    object-fit: cover; }
  #main .Typical-projects .item-typical-project .overlay-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0; }
  #main .Typical-projects .item-typical-project .Content-project {
    display: block !important;
    width: 100%; }
    #main .Typical-projects .item-typical-project .Content-project h3.title {
      font-size: 14px !important; }
    #main .Typical-projects .item-typical-project .Content-project p.description {
      font-size: 11px !important;
      font-weight: 500; }

  .information-company .banner {
    height: 45vh; }
  .information-company .customise-width {
    padding: 0px !important; }
    .information-company .customise-width .number-home {
      font-size: 16px;
      white-space: nowrap; }
      .information-company .customise-width .number-home .Count {
        font-size: 16px; }
      .information-company .customise-width .number-home .text {
        opacity: 0.7; }
  .information-company .text-info, .information-company .image-info {
    padding: 20px !important; }

  .description-container {
    padding: 20px !important; }

  .customer-reviews, .timeLine {
    padding: 20px !important; }
    .customer-reviews div.text-reviews, .timeLine div.text-reviews {
      font-size: 16px;
      padding-top: 15px !important; }
    .customer-reviews h2.text-reviews, .timeLine h2.text-reviews {
      margin-top: 0px !important;
      padding-top: 0px !important; }
    .customer-reviews .owl-dots, .timeLine .owl-dots {
      margin-top: 20px !important; }

  .product-container .banner {
    height: 45vh; }
  .product-container .customise-width {
    padding: 0px !important; }
    .product-container .customise-width .number-home {
      font-size: 16px;
      white-space: nowrap; }
      .product-container .customise-width .number-home .Count {
        font-size: 16px; }
      .product-container .customise-width .number-home .text {
        opacity: 0.7; }
  .product-container .text-info, .product-container .image-info {
    padding: 20px !important; }

  .content h2.text-product {
    padding-top: 20px; }
  .content .line-width {
    width: 300px !important; }
  .content .text-description {
    padding: 20px !important; }
  .content .customise-row {
    padding: 10px;
    margin: 0 auto; }
  .content .customise-row-tag-select {
    margin: 0 10px; }
    .content .customise-row-tag-select select {
      margin: 5px !important; }
  .content .item-product .contain-image {
    padding: 20px !important; }

  .media-container .banner {
    height: 45vh; }
  .media-container .content {
    padding: 0 5px !important; }
    .media-container .content .customize-breaking-mobile {
      padding-left: 0px !important;
      padding-right: 0px !important; }
    .media-container .content .breaking-news h2.title-breaking-news {
      padding-left: 15px; }
    .media-container .content ul > li {
      font-size: 16px;
      margin-right: 5px; }
    .media-container .content .featured-article {
      padding-top: 10px;
      display: block; }
    .media-container .content .col-custom-mobile {
      padding-right: 0px !important;
      padding-left: 0px !important; }
    .media-container .content .newspaper-news, .media-container .content .internal-news, .media-container .content .products-news {
      padding: 0 15px; }
      .media-container .content .newspaper-news .title, .media-container .content .internal-news .title, .media-container .content .products-news .title {
        padding: 10 0px; }
      .media-container .content .newspaper-news .description, .media-container .content .internal-news .description, .media-container .content .products-news .description {
        padding-bottom: 10px; }

  #site-navigation .menu-top-menu-container {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: auto;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
    z-index: 999; }
    #site-navigation .menu-top-menu-container #top-menu {
      z-index: 999;
      background: #fff; }
      #site-navigation .menu-top-menu-container #top-menu li {
        border-bottom: 1px solid #eee;
        position: relative;
        z-index: 999;
        color: #fff; }
      #site-navigation .menu-top-menu-container #top-menu a {
        text-decoration: none !important; }
      #site-navigation .menu-top-menu-container #top-menu ul {
        border-top: 1px solid #eee;
        padding: 10px 15px 2px 15px !important; }

  .contact-container .banner {
    height: 50vh !important; }
  .contact-container .title-contact {
    padding: 30px 30px !important; }
  .contact-container .branch-tison {
    padding: 40px 40px !important; }

  .TypicalProjects-container .banner {
    height: 50vh !important; }
  .TypicalProjects-container .title-TypicalProjects {
    padding: 30px !important; }
  .TypicalProjects-container .list-projects {
    margin: 0 15px; }
    .TypicalProjects-container .list-projects .item-project {
      margin-right: 10px; }
      .TypicalProjects-container .list-projects .item-project .text p {
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 75px;
        overflow: hidden; }
  .TypicalProjects-container .branch-tison {
    padding: 15px !important; }
    .TypicalProjects-container .branch-tison .title {
      font-size: 18px !important; }
    .TypicalProjects-container .branch-tison .description {
      font-size: 12px; }

  .Witnesses-container .banner {
    height: 50vh !important; }
  .Witnesses-container .title-Witnesses {
    padding: 30px !important; }
  .Witnesses-container .list-projects {
    margin: 0 15px; }
    .Witnesses-container .list-projects .item-project {
      margin-right: 10px; }
      .Witnesses-container .list-projects .item-project .text p {
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 75px;
        overflow: hidden; }
  .Witnesses-container .Witnesses-tison {
    padding: 15px !important; }
    .Witnesses-container .Witnesses-tison .brach-one {
      margin: 7px 0 !important;
      padding: 0 7px !important; }
    .Witnesses-container .Witnesses-tison .title {
      font-size: 18px !important; }
    .Witnesses-container .Witnesses-tison .description {
      font-size: 12px; } }
@media only screen and (max-width: 991px) and (min-width: 768px) {
  .FengShui-containe .banner {
    height: 60vh !important; }
  .FengShui-containe .container-body {
    padding-right: 20px;
    padding-left: 20px; }

  .mediaInternal-container .banner {
    height: 60vh !important; }

  .ColorsTrending-container .banner {
    height: 60vh !important; }
  .ColorsTrending-container .owl-carousel button.owl-next {
    right: -45px !important; }
  .ColorsTrending-container .owl-carousel button.owl-prev {
    left: -45px !important; }
  .ColorsTrending-container .owl-theme .owl-nav [class*=owl-]:hover {
    background: unset !important;
    color: #000 !important; }
  .ColorsTrending-container .custom-col-content {
    padding: 8px 8px !important; }
  .ColorsTrending-container img.custom-img {
    width: 90% !important;
    height: 95px !important; }
  .ColorsTrending-container .custom-col {
    padding: 5px 5px !important; }

  #main .Typical-projects .item-typical-project img {
    height: 200px !important; }
  #main .Typical-projects .item-typical-project .overlay-background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0; }
  #main .Typical-projects .item-typical-project .Content-project {
    display: block !important;
    width: 100%; }
    #main .Typical-projects .item-typical-project .Content-project h3.title {
      font-size: 14px !important; }
    #main .Typical-projects .item-typical-project .Content-project p.description {
      font-size: 11px !important; }

  #main .section-color-pattern .customise-row {
    height: unset !important; }
  #main .section-trending-colors {
    padding-bottom: 5px;
    font-size: 22px !important; }
    #main .section-trending-colors .btn-info-more {
      width: auto !important; }
    #main .section-trending-colors .custom-col1 {
      padding: 70px; }
  #main .section-maple-colors button.owl-next {
    right: 0px !important; }
  #main .section-maple-colors .owl-prev {
    margin-left: -30px !important; }
  #main .our-products, #main .Typical-projects {
    padding: 25px; }
  #main .section-media {
    padding: 0px 25px 10px 25px; }
  #main .section-color-pattern .custom-col1 {
    order: 2; }

  .tison-footer {
    padding: 40px 40px !important; }

  .TypicalProjects-container .list-projects {
    margin: 0 20px; }
  .TypicalProjects-container .branch-tison .title {
    font-size: 22px !important; }
  .TypicalProjects-container .branch-tison .description {
    font-size: 16px; }

  .Witnesses-container .list-projects {
    margin: 0 20px; }
  .Witnesses-container .Witnesses-tison .title {
    font-size: 22px !important; }
  .Witnesses-container .Witnesses-tison .description {
    font-size: 16px; }

  .contact-container iframe {
    width: 100%;
    height: 300px; }

  .media-container .banner {
    height: 75vh !important; }
  .media-container .content {
    padding: 0 50px !important; }
    .media-container .content .featured-article {
      margin: 10px 0;
      justify-content: left !important;
      align-items: initial !important; }
  .media-container .row.customise-row {
    padding-top: 15px; }
  .media-container .content-featured-article .title {
    font-size: 20px;
    font-weight: 600; } }
@media only screen and (max-width: 991px) {
  #main .section-maple-colors .owl-carousel .item-owl img {
    width: 70%; } }

/*# sourceMappingURL=responsive.css.map */