/* Responsive */

/* .album_info:nth-child(1) a img {
    width: auto;
    height: auto;
  } */
@media (max-width: 1250px) {
  .albumgrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .album_info {
    width: 100%;
  }
  .album_info a img {
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
  }
  .album_info:nth-child(1) {
    position: static;
  }
  .album_info:nth-child(2) {
    position: static;
  }
  .album_info:nth-child(3) {
    position: static;
  }
  .album_info:nth-child(4) {
    position: static;
  }
  .album_info:nth-child(5) {
    position: static;
  }
  .album_info:nth-child(6) {
    position: static;
  }
  .albumtong {
    height: auto;
    text-align: center;
    margin-bottom: 50px;
  }
  .albumthuvien {
    width: 100%;
  }
  .anhcf {
    position: static;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .anhchaoqk {
    position: static;
  }
  .anhchao {
    text-align: center;
    padding-top: 50px;
  }
  .khampha {
    text-align: center;
    margin: 0;
  }
  .anhab {
    right: 34px;
  }
  .thongtinkh {
    padding: 50px 10px 10px 10px;
  }
}

@media (max-width: 1036px) {
  /* .item-bvright {
    margin-bottom: 20px;
  } */
  .khleft {
    padding: 25px 20px 10px 30px;
  }
  .khright {
    padding: 30px 10px 30px 20px;
  }
  .item {
    left: 15%;
  }
  .dropdown-menu {
    right: 0;
    left: unset;
  }
  .tencty span {
    padding-left: 0;
  }
  .hotline {
    width: 20%;
  }
  .menu ul.menu-ul {
    gap: 0;
  }
  .menu ul li a {
    font-size: 14px;
  }
  .datsancol {
    padding: 0px 20px;
  }
  .banggia {
    padding: 50px 0px 200px 0px;
  }
  .hotlinebanggia {
    bottom: -30%;
  }
  .banggia_info {
    padding: 0;
    background: none;
  }
  .menu {
    padding-top: 0;
  }
  .header-bottom {
    display: none;
  }
  .header.menu-fix {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9;
  }

  .productmenu-title {
    writing-mode: unset;
    font-size: 30px;
  }
  .productmenu-title:before {
    content: unset;
  }
  .productmenu-box:nth-child(1) {
    position: unset;
    text-align: center;
  }
  .header-mobile {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .header-company-name {
    display: flex !important;
  }
  .logo-header {
    display: flex !important;
  }
  .gioithieu-img {
  }
  .gioithieu-box {
    padding-left: 0;
    padding-right: 0;
  }
  .xemthem {
    justify-content: center;
  }

  .tieu-chi {
    display: flex;
    margin-top: 30px;
    text-align: center;
    justify-content: center;
    gap: 20px;
  }
  .service-pro-slide {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  .item-vschungtoi:nth-child(3) {
    columns: 3;
    grid-row: span 2;
  }
  /* .item-vschungtoi:nth-child(3) img {
    height: 509px !important;
  } */
  .left-dk {
    width: 100%;
    max-width: 100%;
    margin-top: 30px;
  }
  .vschungtoi-main2 {
    width: 1014px;
  }
  .social-plugin {
    display: flex;
    margin-top: 10px;
  }
  /* .info-newshome-normal {
    margin-top: -10px;
    gap: 150px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  } */
  .footer_flex {
    margin-bottom: 20px;
  }
  .productmenu {
    padding: 60px 0px;
  }
  .intro {
    padding-bottom: 30px;
    background-size: cover;
  }
  .thuvienanh-txt-4 {
    display: block;
    font-size: 30px;
  }
  .video-feedback,
  .tintuc {
    margin: 30px 0px;
  }
  .footer-powered .wrap-content {
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
  }
  .footer-line {
    display: none;
  }
  .footer-layout .wrap-content {
    grid-template-columns: 1fr;
  }
  .feedback-txt-1 {
    font-size: 18px;
    -webkit-line-clamp: 2;
  }
  .feedback-title {
    font-size: 30px;
    margin-right: 0px;
  }
  .feedback-slide {
    margin: 20px 0px 0px 0px;
  }
  .video-slide {
  }
  .video-feedback .wrap-content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .la1 {
    max-width: 30vw !important;
    bottom: -8%;
  }
  .productmenu-box:nth-child(2) {
    margin: 0px;
  }
  .product .name-product {
    -webkit-line-clamp: 2;
  }
  .bestseller {
    padding: 20px 0px;
  }
  .bestseller-title div {
    margin: 0px;
    font-size: 20px;
  }
  .bestseller-title div:before {
    content: unset;
  }
  .best-next {
    right: -0px;
  }
  .best-prev {
    left: -0px;
  }
  .mm-page {
    overflow-x: hidden;
    max-width: 100vw;
  }
  .intro-txt-3 {
    font-size: 30px;
  }
  .intro-img-item {
    padding: 10px;
  }
  .intro .wrap-content {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .intro-box:nth-child(2) {
    margin-top: 0px;
  }
  /* .menu {
    display: none;
  } */
  .header-company-name {
    display: none;
  }
  .logo-header {
    /* display: none; */
  }

  #hamburger {
    display: block;
  }
  .menu-head {
    display: none;
  }
  .wrap-menu {
    display: none;
  }
  .cart-head {
    padding: 5px;
    font-size: 12px;
  }
  .header {
  }
  .hotline-header,
  .header .header-top,
  .social-header {
    display: none !important;
  }
  .banner-header {
    max-width: calc(100% - 127px);
  }
  .header-bottom .wrap-content {
    padding: 5px 0;
    justify-content: center;
  }
  /* .logo-hd {
    margin-right: 1%;
  } */
  /* .logo-hd {
    padding: 2px 20px 10px 20px;
  }
  .logo-hd a img {
    height: 80px !important;
  } */

  .flex-product-main {
    display: block;
  }
  .flex-product-main .left-product {
    position: fixed;
    z-index: 999;
    top: 0px;
    left: 0px;
    transform: translateX(-250px);
    bottom: 0px;
    overflow-x: hidden;
    background: #fff;
    box-shadow: 0px 0px 5px #000;
    transition: all 0.5s;
    display: none;
  }
  .flex-product-main .left-product.show {
    transform: translateX(0px);
  }
  .flex-product-main .right-product {
    width: 100%;
  }
  .grid-product {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .grid-productsp {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .grid-productlist {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .grid-productcat {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .filter {
    display: block;
  }
  .box_changelang {
    margin-top: 0;
  }

  .thongtin-mb {
  }
  .thongtin-mb ul {
    padding: 0 20px !important;
  }
  .thongtin-mb ul li {
    list-style: none;
    color: #55585a;
    margin-bottom: 12px;
  }
  .thongtin-mb ul li i {
    font-size: 15px;
    margin-right: 10px;
    color: #6c6c6c;
  }
  @-webkit-keyframes my {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-moz-keyframes my {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-o-keyframes my {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes my {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .hidden_mobi,
  #arcontactus,
  #messages-facebook,
  .quick_contact {
    display: none;
  }
  .hidden_destop {
    display: block;
  }
  .menu_baophu {
    background: #000;
    opacity: 0.8;
    z-index: 998;
    left: 0px;
    top: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
  }
  .icon_menu_mobi {
    color: black;
    font-size: 25px;
    text-decoration: none;
    display: block;
    cursor: pointer;
    margin: 0;
  }

  .menu-fix {
    box-shadow: 0px 2px 5px #969494;
  }
  .menu-fix .logo-mobi img {
    max-height: 60px;
    width: auto;
  }
  a.home_mobi {
    color: #fff;
    text-decoration: none;
    float: right;
    font-size: 20px;
  }
  a.phone_mobi {
    color: #fff;
    text-decoration: none;
    float: left;
    font-size: 18px;
  }
  a.phone_mobi i {
    margin-right: 12px;
    -webkit-animation: my 700ms infinite;
    -moz-animation: my 700ms infinite;
    -o-animation: my 700ms infinite;
    animation: my 700ms infinite;
  }
  .comment-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .comment-item-poster {
    width: auto;
    margin-right: 0px;
    margin-bottom: 0.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .comment-item-letter {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    margin-bottom: 0;
  }
  .comment-item-name {
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .comment-item-information {
    width: 100%;
  }
  .price-procart {
    display: none;
  }
  .price-procart-rp {
    display: block;
  }
  .quantity-procart {
    text-align: right;
  }
  .top-cart {
    margin-bottom: 2rem;
  }

  .menu_mobi {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 0px 10px;
    width: 100%;
    cursor: pointer;
    display: block;
    cursor: pointer;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
    /* background: #0055a8; */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: none;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
  }
  .menu_mobi_add {
    display: block;
    position: fixed;
    left: -100%;
    top: 0;
    background: #f1f1f1;
    z-index: 99999;
    color: #fff;
    height: 100vh;
    overflow: auto;
    line-height: 1.5;
    /* padding-top: 40px; */
    padding-bottom: 20px;
    width: 100%;
    min-width: 140px;
    max-width: 440px;
    box-shadow: inset -4px 0px 8px rgba(0, 0, 0, 0.3);
    transition: 0.5s;
    padding-right: 0;
  }
  .menu_mobi_active {
    left: 0;
    transition: 0.5s;
  }
  .menu_mobi_add ul {
    list-style: none;
    padding: 0;
  }
  .menu_mobi_add ul li.li-tim {
    display: none;
  }
  .menu_mobi_add ul li h2 {
    font-size: 17px;
    margin-bottom: 0;
  }
  .menu_mobi_add ul li b {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
  }
  .menu_mobi_add ul li b img {
    display: inline-block;
    vertical-align: top;
  }
  .menu_mobi_add ul li {
    display: block;
    border: 1px solid #dadada;
  }
  .menu_mobi_add ul li.timkiem {
    display: none;
  }
  /* .li-home {
    border-bottom: 1px solid rgb(132 132 132 / 20%);
  } */
  .menu_mobi_add ul li a {
    text-decoration: none;
    color: #191919 !important;
    display: block;

    padding: 13px 40px 13px 0;
    margin-left: 20px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
  }
  .menu_mobi_add ul li a span,
  .menu_mobi_add ul li a span img {
    display: none;
  }
  /* .menu_mobi_add ul li a.active2,
  .menu_mobi_add ul li a:hover {
    color: var(--color-main) !important;
  } */
  .menu_mobi_add ul li a i {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 40px;
    text-align: center;
    padding-top: 13px;
    transform: rotate(90deg);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .menu_mobi_add ul li a.active2 i {
    transform: rotate(0deg);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
  .menu_mobi_add ul ul {
    display: none;
    padding-left: 0;
  }
  .menu_mobi_add ul li ul li a {
    padding-left: 20px;
    color: #6f6f6f;
  }
  .menu_mobi_add ul li ul li ul li a {
    padding-left: 40px;
  }
  .mm-navbar__title {
    color: rgb(189, 189, 189);
    text-transform: uppercase;
    font-family: "Gilroy-Med";
  }
  .close_menu {
    position: absolute;
    top: 5px;
    right: 7px;
    font-size: 15px;
    background: var(--color-main);
    width: 25px;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
    border-radius: 50%;
  }
  .load-menu ul .search {
    display: none;
  }

  .search input {
    width: 100px;
  }
  .search-res {
    position: relative;
  }
  .search-res .icon-search {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 17px;
    margin: 0px;
    margin-top: 0px;
    border-radius: 50%;
  }
  .search-res .icon-search.active {
    background: #fff;
    border-radius: 100%;
    color: var(--color-main);
  }
  .search-res .search-grid {
    position: absolute;
    top: 47px;
    right: 0px;
    width: 0px;
    height: 40px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #999;
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
    line-height: normal;
  }
  .search-res .search-grid p {
    float: right;
    width: 35px;
    height: 38px;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0px;
    font-size: 17px;
    display: block;
    color: #000;
    line-height: 40px;
    text-align: center;
  }
  .search-res .search-grid input {
    width: calc(100% - 35px);
    float: left;
    line-height: 38px;
    outline: none;
    border: none;
    color: #666363;
    font-size: 13px;
    padding: 0 10px;
  }
  .search-res .search-grid input::-webkit-input-placeholder {
    color: #666;
  }
  .search-res .search-grid input:-moz-placeholder {
    color: #666;
  }
  .search-res .search-grid input::-moz-placeholder {
    color: #666;
  }
  .search-res .search-grid input:-ms-input-placeholder {
    color: #666;
  }

  div.danhmuc-slide,
  .video-slide,
  .tinhhoa-slide-p,
  .food-slide,
  .hinhtc-slide {
    margin: 0px -5px;
  }
  div.item_mn .it_mn,
  .item-video a,
  .item_th1 .it_th1,
  .food-slide .product,
  .item_db .it_db {
    margin: 0px 5px;
    padding: 0;
  }
  .hinhgt_tc:nth-child(1) {
    width: 100%;
    margin: 0;
    order: unset;
    padding: 0;
    margin-bottom: 25px;
  }
  .hinhgt_gt {
    max-width: 576px;
    margin: 0 auto;
  }
  .giohd-gt {
    max-width: 100%;
    padding-top: 15px;
    text-align: center;
  }
  .giohoatdong-tc {
    text-align: left;
    background: url(../images/web/open.png) no-repeat top left;
  }
  .hinhgt_tc:nth-child(3),
  .hinhgt_tc:nth-child(2) {
    width: 49%;
  }
  .tieude-ha.tieude1 {
    position: relative;
  }
  .tieude-ha .td1 {
    padding: 0;
    text-align: center;
  }
  .slogan-ha {
    display: none;
  }
  .box-chinhanh-tc {
    padding: 50px 0;
  }
  .box-chinhanh-tc .wap-tin-video {
    width: calc(100% - 20px);
  }
  .left-htcn {
    width: 100%;
    padding: 0;
    margin-bottom: 25px;
  }
  .right-htcn {
    width: 100%;
    padding: 0;
    max-width: 690px;
    margin: auto;
  }
  .box-quangcao-cn p {
    -webkit-mask-image: unset;
    mask-image: unset;
    mask-size: 100%;
    mask-repeat: no-repeat;
    margin-bottom: 0;
  }
  .left-dk:before,
  .bottom-tinhhoa:before,
  .vongtron-tinhhoa,
  .giohd-htcn {
    display: none;
  }
  .right-tinhhoa {
    width: 100%;
    order: -1;
  }
  .bottom-tinhhoa {
    padding: 0;
    margin: 0;
    margin-top: 10px;
  }
  .left-tinhhoa {
    width: 100%;
    margin: 0 auto;
    margin-top: 25px;
    max-width: 600px;
  }
  .item_tc {
    padding: 0;
    padding-left: 10px;
    width: calc(50% - 10px);
    margin: 7px 5px;
  }
  .item_tc .it_tc {
    padding: 0 !important;
  }
  .slogan-tc {
    text-align: center;
  }
  .tinhhoa-slide-p .slick-prev,
  .tinhhoa-slide-p .slick-next {
    display: none;
  }

  .right-dk {
    width: 100%;
  }
  .left-intro {
    margin-top: 100px;
    width: 48% !important;
  }
  .pic-newshome-normal2 {
    height: 230px !important;
  }
  .pic-newshome-normal2 img {
    height: 230px !important;
  }
  .right-intro {
    width: 48% !important;
  }
  .pic-newshome-normal img {
    height: 150px !important;
  }
  .tintuc-slide {
    margin: -5px 0;
  }
  .newshome-normal {
    margin: 5px 0;
  }
  .footer-info {
    width: 100% !important;
  }
  .footer-info:not(:last-child) {
    margin-bottom: 25px;
    padding: 0;
    text-align: center;
  }

  .footer-counter {
    width: 100%;
    text-align: center;
    max-width: 100%;
  }
  .social-ft {
    width: 100%;
    padding-top: 5px;
  }

  .footer-powered {
    position: relative;
    padding: 15px 0;
  }
  .logo-ft {
    padding: 0;
    background: none;
  }
  .logo-ft img:last-child {
    margin: 0;
  }
  .box-hethong .ht-left {
    width: 100%;
  }
  .box-hethong .ht-right {
    width: 100%;
    margin-top: 15px;
  }
  .tabProduct {
    border-radius: 0;
    background: var(--color-main);
    padding: 10px;
  }
  .grid-pro-detail {
    width: 100%;
  }
  .slick-prev {
    left: 0;
  }
  .slick-next {
    right: 0;
  }
  .scrollToTop {
    right: 10px;
    bottom: 75px;
  }
  /* .toolbar-app {
    display: block;
  } */

  /* coffee */
  div.left-coffee {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  div.box_product_coffee:before,
  div.left-coffee:before,
  div.right-coffee {
    display: none;
  }
  div.hinhgt_coffee {
    order: 2;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  div.hinhgt-item-cf:nth-child(1) {
    display: block;
  }
  div.hinhgt-item-cf {
    width: 49%;
  }
  div.hinhgt_cf {
    margin: 0;
    margin-bottom: 25px;
  }
  div.right-td-cf,
  div.left-td-cf {
    display: none;
  }
  div.center-td-cf {
    width: 100%;
  }
}

@media (max-width: 990px) {
  /* .price-tong {
    display: block;
  } */
  .doitacright {
    margin: auto;
  }
  .doitacleft p {
    padding: 30px 20px 10px 10px;
  }
  .bando {
    margin: 0;
  }
  .search-res input {
    width: 100%;
    border-radius: 20px;
    background-color: rgba(0, 128, 0, 0.25);
    border: none;
  }
  .search-res input::placeholder {
    font-size: 14px;
    font-family: "SVN-Regular";
    color: #000000;
  }
  .search-res {
    position: relative;
  }
  .search-res p i {
    color: #555555;
  }
  .iconsearch {
    position: absolute;
    right: 12px;
    top: 8px;
  }
  .header {
    display: none;
  }
  .timkiemtrong {
    display: none;
  }
  .video .wrap-content {
    display: block;
  }
  .feedback {
    width: 100%;
  }
  .thongtinkh {
    width: 72%;
  }
  .anhab {
    position: relative;
    right: 0;
    top: 10px;
  }
  .product-info {
    padding: 35px 10px 5px 25px;
  }
  .gioithieu-box {
    width: 100%;
    justify-content: center;
  }
  .gioithieu-img {
    width: 100%;
    text-align: center;
  }
  .tieuchi h5 {
    padding: 5px 0px 20px 0px;
  }
  .tieuchitong {
    grid-template-columns: repeat(2, 1fr);
    gap: 3px;
    padding-top: 0;
  }
  .tieuchi_info {
    text-align: left;
    padding-left: 105px;
  }
  .anhtrai-mota {
    padding-top: 0;
  }
  .xemthem {
    margin-top: 0;
  }
  .thongtin {
    padding-left: 50px;
  }
  .thongtin_infotong {
    text-align: center;
    padding-left: 0;
  }
  .social_info {
    height: auto;
  }

  .facefooter {
    left: 37%;
    top: 39%;
  }
  .video-main {
    width: 100%;
  }
  .datsan {
    width: 50%;
  }
  .logo-header {
    margin-left: 20px;
  }
  .itemdanhmuc {
    display: none;
  }
  .menu_mobi {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    width: 100%;
    cursor: pointer;
    position: sticky;
    top: 0;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    background: white;
  }
  .menu_mobi_add {
    display: block;
    position: fixed;
    left: -100%;
    top: 0;
    background: #f1f1f1;
    z-index: 99999;
    color: #fff;
    height: 100vh;
    overflow: auto;
    line-height: 1.5;
    /* padding-top: 40px; */
    padding-bottom: 20px;
    width: 50%;
    min-width: 140px;
    max-width: 440px;
    box-shadow: inset -4px 0px 8px rgba(0, 0, 0, 0.3);
    transition: 0.5s;
    padding-right: 0;
  }
  .menu_mobi_active {
    left: 0;
    transition: 0.5s;
  }
  .menu_mobi_add ul {
    list-style: none;
    padding: 0;
  }
  .menu_mobi_add ul li.li-tim {
    display: none;
  }
  .menu_mobi_add ul li h2 {
    font-size: 17px;
    margin-bottom: 0;
  }
  .menu_mobi_add ul li b {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
  }
  .menu_mobi_add ul li b img {
    display: inline-block;
    vertical-align: top;
  }
  .menu_mobi_add ul li {
    display: block;
  }
  .menu_mobi_add ul li.timkiem {
    display: none;
  }
  /* .li-home {
    border-bottom: 1px solid rgb(132 132 132 / 20%);
  } */
  .menu_mobi_add ul li a {
    text-decoration: none;
    color: #191919 !important;
    display: block;
    padding: 13px 40px 13px 0;
    margin-left: 20px;
    position: relative;
    text-transform: uppercase;
    font-family: "Baloo-SemiBold";
  }
  .menu_mobi_add ul li a span,
  .menu_mobi_add ul li a span img {
    display: none;
  }
  /* .menu_mobi_add ul li a.active2,
  .menu_mobi_add ul li a:hover {
    color: var(--color-main) !important;
  } */
  .menu_mobi_add ul li a i {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 40px;
    text-align: center;
    padding-top: 13px;
    transform: rotate(90deg);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .menu_mobi_add ul li a.active2 i {
    transform: rotate(0deg);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
  .menu_mobi_add ul ul {
    display: none;
    padding-left: 0;
  }
  .menu_mobi_add ul li ul li a {
    padding-left: 20px;
    color: #6f6f6f;
  }
  .menu_mobi_add ul li ul li ul li a {
    padding-left: 40px;
  }
  .mm-navbar__title {
    color: rgb(66 66 66);
    text-transform: uppercase;
    font-family: "Baloo-Bold";
    font-size: 24px;
    padding-top: 15px;
  }
  .close_menu {
    position: absolute;
    top: 8px;
    right: 7px;
    font-size: 15px;
    background: var(--color-main);
    width: 25px;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 1;
  }
  /* .icon_menu_mobi i {
    color: white;
  } */
  .load-menu ul .search {
    display: none;
  }
  .search input {
    width: 100px;
  }
  .search-res {
    position: relative;
  }
  .search-res .icon-search {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    color: black;
    font-size: 17px;
    margin: 0px;
    margin-top: 0px;
    border-radius: 50%;
  }
  .search-res .icon-search.active {
    background: #fff;
    border-radius: 100%;
    color: var(--color-main);
  }
  .search-res .search-grid {
    position: absolute;
    top: 47px;
    right: 0px;
    width: 0px;
    height: 40px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #999;
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
    line-height: normal;
  }
  .search-res .search-grid p {
    float: right;
    width: 35px;
    height: 38px;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0px;
    font-size: 17px;
    display: block;
    color: #000;
    line-height: 40px;
    text-align: center;
  }
  .search-res .search-grid input {
    width: calc(100% - 35px);
    float: left;
    line-height: 38px;
    outline: none;
    border: none;
    color: #666363;
    font-size: 13px;
    padding: 0 10px;
  }
  .search-res .search-grid input::-webkit-input-placeholder {
    color: #666;
  }
  .search-res .search-grid input:-moz-placeholder {
    color: #666;
  }
  .search-res .search-grid input::-moz-placeholder {
    color: #666;
  }
  .search-res .search-grid input:-ms-input-placeholder {
    color: #666;
  }
  .menu {
    display: none;
  }
  .menu-fix {
    box-shadow: 0px 2px 5px #969494;
  }
  .menu-fix .logo-mobi img {
    max-height: 60px;
    width: auto;
  }
  .video-d,
  .album-d {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .album-txt,
  .video-d .album-txt {
    padding: 10px 0;
  }

  .intro-txt-2 {
    font-size: 12px;
  }
  .productmenu-menu {
    max-height: 230px;
  }
  .productmenu-pricenew {
    font-size: 15px;
  }
  .productmenu-priceold {
    font-size: 11px;
    bottom: -10px;
  }
  .productmenu-menu {
    gap: 15px;
  }
  .bestseller-title span,
  .intro-txt-1 {
    font-size: 40px;
  }
  .bestseller-title span {
    gap: 10px;
  }
  .intro-txt-1 div {
    font-size: 20px;
  }
  .product-d {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  div.grid-coffee,
  .news-d,
  .right-intro .grid-product,
  .right-product .grid-product,
  .grid-product {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .grid-productsp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .grid-productlist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .grid-productcat {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}

.search {
  height: 50px;
  font-size: 14px;
  color: #222222;
  border: 1px solid white;
  border-radius: 10px;
  background-color: #f7f7f7;
}
.left-intro {
  margin-top: -50px;
  width: 100%;
}
.right-intro {
  width: 100%;
}
.pic-newshome-normal2 {
  height: 300px;
}
.pic-newshome-normal2 img {
  height: 300px;
}
.ket-noi {
  width: 100%;
}

@media (max-width: 950px) {
  .menunuoc {
    background: none;
  }
  .menunuoc_tong {
    padding: 0px;
  }
  .menunuoc_info {
    padding: 270px 65px 70px 65px;
  }
  .vienduoimenu {
    width: 100%;
  }
  .tensp {
    width: 90%;
  }
  .gia_info {
    width: 10%;
  }
  .footer_info_2 span {
    display: flex;
    justify-content: center;
    margin: auto;
    margin-left: 0;
    padding: 10px;
  }
}
@media (max-width: 910px) {
  .item {
    font-size: 16px;
  }
  .thongtinkh {
    width: 52%;
    right: 23%;
    padding: 80px 20px 0px 20px;
  }
}
@media (max-width: 850px) {
  .news-d-doitac {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
  .footer-layout .gap {
    display: block;
  }
  .footer_info {
    width: 100%;
  }
  .map {
    width: 100%;
  }
  .footer_info_2 {
    width: 50%;
  }
  .copyright {
    text-align: center;
    padding: 20px 0px;
  }
  .bando {
    display: none;
  }
  /* .timkiem {
    font-size: 24px;
    padding: 4px 8px 8px 8px;
    border: 1px solid black;
    border-radius: 10px;
  }
  .timkiem i {
    margin: 0;
  }
  .item-timkiem:hover input {
    width: 250px;
    visibility: visible;
    border: 1px solid #ddd;
    transform: translateX(0);
  }
  .search {
    border-radius: 10px;
    background: #fff;
    color: #333;
    font-size: 14px;
    visibility: hidden;
    border: none;
    transition: all 0.3s ease;
    position: absolute;
    top: 78px;
    right: 0;
    width: 0;
    padding: 10px;
    z-index: 1000;
  } */
  .tensp {
    width: 85%;
  }
  .gia_info {
    width: 15%;
  }
  .video .wrap-content {
    display: block;
  }

  .video-main {
    width: 100%;
  }
  .datsan {
    width: 100%;
    margin-top: 40px;
  }
  .content-main {
    width: 100%;
  }
  .hotlinebanggia {
    width: 40%;
    left: 35%;
  }
  .search-moinhat p i {
    color: black;
  }
  .search-moinhat .icon-search {
    border: 1px solid black;
    border-radius: 5px;
  }
  .cau-hoi {
    gap: 50px;
  }
  .gioithieu-wrapper h4 {
    font-size: 30px;
  }
  .scale-img1 img {
    height: 230px !important;
  }

  .gioithieu-wrapper h5 {
    font-size: 15px;
  }
  #social {
    margin-bottom: -50px;
  }
  .scrollToTop {
    margin-right: 5px;
    bottom: 55px;
  }
  .menu {
    display: none;
  }

  .menu_mobi {
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    padding: 0px 10px;
    width: 100%;
    cursor: pointer;
    display: block;
    cursor: pointer;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
    /* background: #0055a8; */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
  }
  .menu_mobi_add {
    display: block;
    position: fixed;
    left: -100%;
    top: 0;
    background: #f1f1f1;
    z-index: 99999;
    color: #fff;
    height: 100vh;
    overflow: auto;
    line-height: 1.5;
    /* padding-top: 40px; */
    padding-bottom: 20px;
    width: 50%;
    min-width: 140px;
    max-width: 440px;
    box-shadow: inset -4px 0px 8px rgba(0, 0, 0, 0.3);
    transition: 0.5s;
    padding-right: 0;
  }
  .menu_mobi_active {
    left: 0;
    transition: 0.5s;
  }
  .menu_mobi_add ul {
    list-style: none;
    padding: 0;
  }
  .menu_mobi_add ul li.li-tim {
    display: none;
  }
  .menu_mobi_add ul li h2 {
    font-size: 17px;
    margin-bottom: 0;
  }
  .menu_mobi_add ul li b {
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
  }
  .menu_mobi_add ul li b img {
    display: inline-block;
    vertical-align: top;
  }
  .menu_mobi_add ul li {
    display: block;
  }
  .menu_mobi_add ul li.timkiem {
    display: none;
  }
  /* .li-home {
    border-bottom: 1px solid rgb(132 132 132 / 20%);
  } */
  .menu_mobi_add ul li a {
    text-decoration: none;
    color: #191919 !important;
    display: block;

    padding: 13px 40px 13px 0;
    margin-left: 20px;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
  }
  .menu_mobi_add ul li a span,
  .menu_mobi_add ul li a span img {
    display: none;
  }
  /* .menu_mobi_add ul li a.active2,
  .menu_mobi_add ul li a:hover {
    color: var(--color-main) !important;
  } */
  .menu_mobi_add ul li a i {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 40px;
    text-align: center;
    padding-top: 13px;
    transform: rotate(90deg);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .menu_mobi_add ul li a.active2 i {
    transform: rotate(0deg);
    border-left: 1px solid rgba(255, 255, 255, 0.2);
  }
  .menu_mobi_add ul ul {
    display: none;
    padding-left: 0;
  }
  .menu_mobi_add ul li ul li a {
    padding-left: 20px;
    color: #6f6f6f;
  }
  .menu_mobi_add ul li ul li ul li a {
    padding-left: 40px;
  }
  .mm-navbar__title {
    color: rgb(189, 189, 189);
    text-transform: uppercase;
    font-family: "Gilroy-Med";
  }
  .close_menu {
    position: absolute;
    top: 5px;
    right: 7px;
    font-size: 15px;
    background: var(--color-main);
    width: 25px;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
    border-radius: 50%;
  }
  .load-menu ul .search {
    display: none;
  }
  .timkiem {
    color: black;
  }
  /* .search {
      padding-right: 20px;
      width: auto;
    } */
  /* .search input {
      width: 100px;
    } */
  .search-res {
    position: relative;
  }
  .search-res .icon-search {
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 42px;
    color: #fff;
    font-size: 17px;
    margin: 0px;
    margin-top: 0px;
    border-radius: 50%;
  }
  .search-res .icon-search.active {
    background: #fff;
    border-radius: 100%;
    color: var(--color-main);
  }
  .search-res .search-grid {
    position: absolute;
    top: 47px;
    right: 0px;
    width: 0px;
    height: 40px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #999;
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
    line-height: normal;
  }
  .search-res .search-grid p {
    float: right;
    width: 35px;
    height: 38px;
    cursor: pointer;
    outline: none;
    border: none;
    margin: 0px;
    font-size: 17px;
    display: block;
    color: #000;
    line-height: 40px;
    text-align: center;
  }
  .search-res .search-grid input {
    width: calc(100% - 35px);
    float: left;
    line-height: 38px;
    outline: none;
    border: none;
    color: #666363;
    font-size: 13px;
    padding: 0 10px;
  }
  .search-res .search-grid input::-webkit-input-placeholder {
    color: #666;
  }
  .search-res .search-grid input:-moz-placeholder {
    color: #666;
  }
  .search-res .search-grid input::-moz-placeholder {
    color: #666;
  }
  .search-res .search-grid input:-ms-input-placeholder {
    color: #666;
  }

  .xemthem a {
    font-size: 12px;
    font-weight: bold;
  }

  .xemthem1 a {
    font-size: 12px;
    font-weight: bold;
  }

  .ket-noi {
    width: 100%;
  }
  .tieu-chi p {
    font-size: 20px;
    font-weight: bold;
  }
  .tieu-chi h3 {
    font-size: 14px;
  }
  .sanpham-title {
    display: block;
  }
  .sanpham-title h4 {
    font-size: 28px;
    width: 100%;
    text-align: center;
  }
  .line {
    width: 180px;
    height: 3px;
    margin: auto;
    margin-bottom: 10px;
  }
  .sanpham-title p {
    width: 100%;
    text-align: center;
  }
  .tieude1 p {
    text-align: center;
    font-size: 24px !important;
    margin-bottom: 10px !important;
  }
  .tieude1 {
    text-align: center;
  }
  .tieude1 .xemtatca {
    /* margin-bottom: 20px;
      margin-right: 130px; */
    display: flex;
    justify-content: center;
  }

  .tieude1 a span {
    text-align: center !important;
    font-size: 12px !important;
  }
  .tieude1 a img {
    text-align: center !important;
    font-size: 12px !important;
  }
  .box_hinhtc_tc .slick-next,
  .box_hinhtc_tc .slick-prev {
    display: none !important;
  }

  .gioithieu-wrapper {
    max-height: 100%;
  }
  /* .box_service_pro .tieude1 p {
    color: #000;
    font-size: 22px;
  } */
  .service-pro-slide {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 50px;
  }
  .du-an h4 {
    font-size: 24px;
  }
  .vschungtoi-main {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .item-vschungtoi:nth-child(1) {
    columns: 1;
  }
  .item-vschungtoi:nth-child(2) {
    columns: 3;
    grid-row: 2;
  }
  .item-vschungtoi:nth-child(3) {
    grid-column: 2;
    grid-row: span 2;
  }
  /* .item-vschungtoi:nth-child(3) img {
    height: 321px !important;
  } */
  .item-vschungtoi:nth-child(4) {
    columns: 4;
  }
  .item-vschungtoi:nth-child(5) {
    columns: 5;
  }

  .ket-noi h4 {
    font-size: 24px;
  }
  .vschungtoi-main2 {
    width: 100%;
    height: 300px !important;
  }

  .img_phutung_pro2 img {
    height: 300px !important;
  }
  .left-dk h4 {
    font-weight: bold;
    text-align: center;
  }
  .left-dk p {
    text-align: center;
  }
  .box-ykien-dk {
    padding: 0;
  }
  .left-intro {
    width: 100% !important;
  }
  .left-tt a img {
    width: 100%;
  }
  .right-intro {
    width: 100% !important;
  }
  .footer_news {
    float: left;
    margin-top: 20px;
  }
  .box_phutung_pro .tieude1 p {
    font-size: 18px;
  }
  .box_phutung_pro .tieude1 {
    background-size: 100% 100%;
  }
  .phutung-pro-slide {
    grid-template-columns: repeat(2, 1fr);
  }
  .gioithieu-name {
    font-size: 25px;
  }
  .banner-qc {
    display: none;
  }
  .slide-content {
    display: none !important;
  }
  .header {
    position: relative;
    background-size: 100% 100%;
  }
  .header-bottom .wrap-content {
    display: block;
  }
  .banner-header {
    max-width: 100%;
  }
  .name-header {
    font-size: 32px;
    text-align: center;
  }
  .header-bottom::after {
    display: none;
  }

  .footer_info table {
    width: auto !important;
    max-width: 100% !important;
  }
  div.grid-coffee,
  .news-d,
  .right-intro .grid-product,
  .right-product .grid-product,
  .grid-product {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .grid-productsp {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .grid-productlist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .grid-productcat {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .footer .footer_page_in {
    background: none;
    min-height: auto;
  }
  .footer .footer_flex {
    display: block !important;
    padding: 0px 15px;
  }
  .footer_news:nth-child(1) {
    width: 100%;
  }

  .footer_news:nth-child(2) {
    width: 100%;
  }
  .footer_news:nth-child(3) {
    width: 100%;
    margin-bottom: 15px;
  }

  .footer_news:nth-child(4) {
    width: 100%;
  }
  .container-doitac .wrap-content {
    display: block !important;
  }
  .left-column,
  .right-column {
    width: 100%;
  }
  .tintuc-txt-2 {
    height: 30px;
  }
  .tintuc-title {
    font-size: 30px;
  }
  .tintuc-title img {
    display: none;
  }
  .bestseller-slide {
    margin: 0px -5px;
  }
  .bestseller .product {
    margin: 0px 5px;
  }
  .product-number {
    font-size: 40px;
  }
  .bestseller-title span,
  .intro-txt-1 {
    font-size: 30px;
  }
  .text-cart {
    display: none;
  }
  .grid-pro-detail {
    display: block;
  }
  .grid-pro-detail .left-pro-detail {
    width: 100%;
    padding: 0px;
    border-right: none;
  }
  .slick_photo1 {
    text-align: center;
  }
  .grid-pro-detail .right-pro-detail {
    width: 100%;
  }
}
@media (max-width: 800px) {
  .tieuchi h5 {
    padding: 5px 30px 20px 30px;
  }
  .tieuchi_info {
    padding-left: 0;
  }
  .khachhang .wrap-content {
    background: none;
    padding: 0;
    display: block;
  }
  .khleft {
    width: 100%;
  }
  .khleft img {
    width: 100%;
  }
  .khright {
    width: 100%;
  }
  .khright_info a img {
    width: 100%;
  }
  .item {
    left: 35%;
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .hinhtron {
    right: 0;
  }
  .tuvan {
    display: block;
  }
  .contact {
    display: none;
  }
}
@media (max-width: 645px) {
  .item {
    left: 30%;
    font-size: 16px;
  }
  .thongtin {
    padding-left: 30px;
  }
  .menunuoc_info {
    padding: 200px 65px 70px 65px;
  }
  .tensp {
    width: 80%;
  }
  .gia_info {
    width: 20%;
  }
  .gioithieu-box {
    display: block;
    text-align: center;
  }
  .gioithieu-box img {
    width: 100%;
    height: 306px;
  }
  .gioithieu-box .gioithieu1 {
    width: 100%;
    height: auto;
    background: none;
    margin-top: 0;
  }
  .gioithieu-box .gioithieu2 {
    width: 100%;
    background: none;
  }
}
@media (max-width: 600px) {
  .control-banner button.owl-prev {
    float: left;
    margin-top: -110px;
    margin-left: 10px;
    z-index: 1;
    position: relative;
  }
  .control-banner button.owl-next {
    float: right;
    margin-top: -110px;
    margin-right: 10px;
    z-index: 1;
    position: relative;
  }
  .news-d-doitac {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
  }
  .tintuctong {
    display: block;
  }
  .tuvan {
    width: 100%;
    background: url("../images/bg form.png") center/100% 100% no-repeat;
    padding: 20px;
  }
  .thongtin {
    background: url("../images/A.png") center/100% 100% no-repeat;
    width: 100%;
    margin-top: 20px;
    padding: 30px 30px 10px 30px;
  }
  .tuvan_info {
    width: 100%;
  }
  .bangnham {
    margin-top: -20px;
  }
  .thongtin_info span {
    font-size: 20px;
    margin: auto;
  }
  .box-tintuc-tc {
    background: none;
  }
  .footer_info .flex {
    display: block;
  }
  .footer_info_logo {
    width: 100%;
  }
  .logofooter p {
    width: 20%;
  }
  .tencty {
    width: 80%;
  }
  .footer_info_2 {
    width: 100%;
  }
  .social_info a img {
    width: 25px;
    height: 25px;
  }
  .sptong h5 {
    font-size: 30px;
  }
  .product-info {
    padding: 15px 10px 5px 25px;
  }
  .tieuchi_info a span {
    display: flex;
    margin-top: 20px;
    font-size: 17px;
  }
  .sp-lh a p {
    font-size: 12px;
  }
  .giacu {
    display: none;
  }
  .giaban label {
    font-size: 24px;
  }
  .giaban span {
    font-size: 20px;
  }
  .grid-product1 {
    grid-template-columns: repeat(2, 1fr);
  }
  .btn-xem-ngay {
    padding: 5px 10px;
    font-size: 14px;
  }
  .doitacleft p {
    margin-bottom: 0;
    font-size: 16px;
    padding: 40px 20px 10px 10px;
  }
  .thongtin_info {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .doitacleft {
    width: 30%;
  }
  .doitacright {
    width: 70%;
  }
  .tieuchi h5 {
    padding: 25px;
    width: 100%;
  }
  .xemthem {
    margin-top: 20px;
  }
  .menunuoc_info {
    padding: 180px 65px 70px 65px;
  }
  .thongtinkh {
    position: relative;
    width: 100%;
    right: 0;
    padding: 85px 20px 0px 20px;
  }
  .videoytb {
    background: none;
  }
  .col-sm-6 {
    width: 100%;
  }

  .d-sm-flex {
    display: flex !important;
  }
  .d-flex {
    display: block !important;
  }
  .hotlinebanggia {
    width: 55%;
    left: 25%;
  }

  div.box-thuvienanh-cf,
  div.box_product_coffee,
  div.box_danhmuc_cf,
  div.box_gioithieu_cf,
  .box-ykien-dk,
  .box-tinhhoa-tc,
  .box-chinhanh-tc,
  .box-thuvienanh-tc,
  .box-foodct-tc,
  .box-sanpham-dm,
  .box_hinhtc_tc,
  .box_gioithieu_tc {
    padding: 30px 0;
  }
  .box-tintuc-tc {
    padding: 15px 0;
  }
  div.box-thuvienanh-cf,
  div.box-thuvienanh,
  .box-thuvienanh-tc,
  .box-sanpham-dm {
    background: none;
  }
  .box-ykien-dk .tieude1 p,
  .tieude1 p {
    font-size: 28px;
    margin-bottom: -5px;
  }
  .box-ykien-dk .tieude1 h2 {
    font-size: 26px;
  }
  div.tieude-procoffee h2,
  .tieude-ha.tieude1 h2,
  .tieude1 h2 {
    font-size: 30px;
  }
  div.tieude-procoffee > div,
  .tieude-ha .td1 > div {
    font-size: 15px;
  }
  .gioithieu-box {
    width: 100%;
  }
  .gioithieu-box img {
    width: 100%;
  }
  .gioithieu-img {
    width: 100%;
  }
  .tieude2 {
    font-size: 25px;
  }
  .hinhgt_gt {
    padding: 25px 25px 40px 25px;
    min-height: auto;
  }
  .name-gt p {
    font-size: 27px;
    margin-bottom: -5px;
  }
  .name-gt h2 {
    font-size: 27px;
  }
  .giohoatdong-tc p {
    font-size: 18px;
  }
  .item_yk .des_t,
  .item_yk .name_tt,
  .giohoatdong-tc span {
    font-size: 15px;
  }
  .hinhgt_tc:nth-child(3),
  .hinhgt_tc:nth-child(2) {
    width: 100%;
    padding: 0;
    margin: 0 5px;
  }
  .hinhgt_tc:nth-child(2) .hinhgt-item:nth-child(2),
  .hinhgt_tc:nth-child(2) .hinhgt-item:nth-child(1) {
    padding: 0;
    border: none;
    border-radius: 0;
    height: 150px;
    position: relative;
    right: unset;
    bottom: unset;
    max-width: 100%;
    width: calc(50% - 10px);
    margin: 0 5px;
  }
  .hinhgt_tc:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    margin-bottom: 10px;
  }
  .hinhgt_tc:nth-child(2) .hinhgt-item:nth-child(1) a {
    border-radius: unset;
  }
  .hinhgt_tc:nth-child(3) .hinhgt-item a {
    height: 200px;
    border-radius: 0;
  }
  .box-chinhanh-tc:before,
  .box_gioithieu_tc:before {
    display: none;
  }
  .product-list a {
    min-width: auto;
    padding: 8px 15px;
    font-size: 15px;
    margin: 0 2px;
    margin-bottom: 8px;
  }
  .box-product:before,
  .name-cppro {
    display: none !important;
  }
  .product .pic-product {
    margin-right: 0;
  }

  .product .name-product.text-split {
    -webkit-line-clamp: 2;
    line-height: 24px;
    max-height: calc(24px * 2);
    font-size: 15px;
  }
  .product .price-new {
    font-size: 17px;
  }
  .food-slide .product {
    background: #fdf6e0;
  }
  .thuvienanh-item {
    width: calc(50% - 10px) !important;
    margin: 5px !important;
  }
  .thuvienanh_tc {
    width: 100% !important;
    margin: 0;
  }
  .thuvienanh-item a {
    height: 150px !important;
    margin: 0 !important;
  }
  .thuvienanh-item p {
    border-radius: 10px !important;
  }
  .thuvienanh_tc:nth-child(2) .thuvienanh-item:nth-child(3),
  .thuvienanh_tc:nth-child(1) .thuvienanh-item:nth-child(1) {
    width: 100% !important;
  }
  .thuvienanh_tc:nth-child(2) .thuvienanh-item:nth-child(3) a,
  .thuvienanh_tc:nth-child(1) .thuvienanh-item:nth-child(1) a {
    height: 200px !important;
  }
  .item_htcn .it_htcn {
    padding: 0 !important;
  }
  .item_htcn .name_tt {
    font-size: 15px;
  }
  .item_htcn .des_tt.text-split {
    line-height: 25px;
    max-height: calc(25px * 2);
    -webkit-line-clamp: 2;
  }
  .item_htcn .info_tt {
    padding: 10px;
    padding-left: 70px;
  }
  .item_tc .name_tt {
    font-size: 15px;
    -webkit-line-clamp: 2;
  }
  .item_tc .info_tt {
    min-height: 60px;
    padding-right: 10px;
  }
  .slogan-tc {
    font-size: 40px;
  }
  .left-dk {
    min-height: auto;
    padding: 20px;
  }
  .ykien-slide {
    padding: 0 15px;
  }
  .item_yk .hinh_tt {
    padding-top: 10px;
  }
  .right-dk {
    padding: 20px 15px;
  }
  .left-intro {
    padding-top: 0;
    background: no-repeat;
  }
  .time-newshome {
    display: none;
  }
  .name-newshome.text-split {
    -webkit-line-clamp: 2;
    line-height: 24px;
    max-height: calc(24px * 2);
    width: 100%;
  }
  .desc-newshome {
    margin-top: 2px;
    -webkit-line-clamp: 2;
    line-height: 22px;
    /* max-height: calc(22px * 2); */
  }
  .video-d .album-img:before,
  .item-video a:before {
    background-size: 50px;
  }
  .logo-ft img:last-child {
    margin-top: 10px;
  }
  .item_tt a.ten,
  .album-txt h3,
  .item_db .name_tt {
    font-size: 14px;
  }
  .title-detail {
    margin-bottom: 20px;
  }
  .title-main span,
  .title-detail h1 {
    font-size: 27px;
    line-height: 1.5;
  }
  .slick-prev {
    left: 0;
  }
  .slick-next {
    right: 0;
  }

  .album-txt {
    padding-top: 10px;
  }
  .tintuc-txt {
    position: relative;
    padding: 10px 5px;
    margin: 0;
  }
  .tintuc-txt-1 {
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 25px;
    max-height: calc(25px * 2);
  }
  .productmenu-item {
    margin: 0px 5px;
  }
  .productmenu-txt-1 {
    font-size: 20px;
  }
  .tabProduct a.active,
  .tabProduct a:hover {
    font-size: 15px;
    font-family: "Roboto";
    font-weight: 700;
  }
  .tabProduct a {
    min-width: auto;
    margin: 4px 3px;
    padding: 0 15px;
    min-width: auto;
    font-size: 15px;
  }
  .intro-txt-1 div {
    font-size: 15px;
  }

  /* coffee */
  div.hinhgt_cf {
    padding: 30px 30px 40px 30px;
    min-height: auto;
  }
  div.center-td-cf h2 {
    padding: 0;
    background: none;
    font-size: 50px;
  }
  div.tieude-procoffee {
    padding-bottom: 15px;
  }
  div.grid-coffee .product .price-product {
    position: relative;
    right: unset;
    top: unset;
    margin-top: 5px;
  }
  div.grid-coffee .product-info {
    padding: 10px 0;
  }
  div.box-thuvienanh {
    padding: 0;
  }
  h2.tieude-alcoffee {
    position: relative;
    top: unset;
    left: unset;
    text-align: center;
    font-size: 50px;
    -webkit-text-stroke: unset;
    color: var(--color-coffee);
    padding-bottom: 15px;
  }
  div.thuvienanh-cf {
    margin: 0 -5px;
    padding: 0;
  }
  div.thuvienanh_cf {
    width: 100% !important;
    padding: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
  }
  div.thuvienanh_cf .thuvienanh-item {
    padding: 0 !important;
  }
  div.thuvienanh_cf .thuvienanh-item a {
    width: 100% !important;
  }
  div.xemha-coffee {
    display: none;
  }
  div.slogan-cf-ha {
    position: relative;
    padding-top: 10px;
    bottom: unset;
  }
  div.slogan-cf-ha .slogan-cf {
    width: 100%;
    max-width: 100%;
    font-size: 50px;
    text-align: center;
  }
  .contact-form .form .col-6 {
    width: 100%;
  }
}
@media (max-width: 550px) {
  .price-tong {
    display: block;
  }
  .menunuoc_info {
    background: none;
  }
  .anhmenu {
    display: block;
  }
  .menunuoc_info {
    padding: 0;
  }
}
@media (max-width: 518px) {
  .news-d {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
  }
  .procat_info_list a img {
    padding: 5px;
  }
  .procat_info a img {
    padding: 5px;
  }
  .procat_info_list {
    padding: 0px 0px 20px 0px;
  }
  .procat_info {
    padding: 0px 0px 20px 0px;
  }
  .khleft {
    padding: 10px;
  }
  .anhkhachhangright {
    width: 35%;
  }
  .anhkhachhang {
    width: 35%;
  }
  .sptong .anhimg {
    transform: scale(1.4);
  }
  .tieuchi_info span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
  }
  .tieuchi_info span img {
    width: 60px;
    height: 60px;
  }
  .menu_mobi_add {
    width: 70%;
  }
  .item {
    left: 15%;
  }
  .timkiemngoai {
    display: none;
  }
  .timkiemtrong {
    display: block;
  }
  .item-timkiem {
    width: 20%;
  }
  .search {
    left: 0;
    top: 68%;
  }
  .tensp {
    width: 75%;
  }
  .gia_info {
    float: right;
  }
  .tg tbody tr td {
    padding: 5px;
  }
  .tg tbody tr .ngay {
    padding: 0;
  }
  .copyright .wrap-content {
    display: block;
  }
  .copyright p {
    text-align: center;
  }
  .search-res {
    width: 150px;
  }
  .item {
    font-size: 14px;
  }
}

@media (max-width: 430px) {
  .gioithieu-box {
    height: 400px;
  }
  .gioithieu-box img {
    height: 400px;
  }
  .scale-img1 img {
    height: 200px !important;
  }

  .gioithieu-wrapper h4 {
    font-size: 28px;
    font-weight: bold;
  }
  .gioithieu-wrapper h5 {
    font-size: 18px;
  }
  .sanpham-title p {
    text-align: center;
  }
  .xemthem a {
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .xemthem1 a {
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .img_phutung_pro2 img {
    height: 250px !important;
  }
  .vschungtoi-main2 {
    margin-bottom: 0;
  }
  .left-dk {
    padding: 0;
  }
  .right-dk {
    padding: 20px 0px;
  }
  .contact-form .form .col-6 {
    width: 100%;
  }

  /* .item-vschungtoi:nth-child(3) img {
    height: 317px !important;
  } */

  .footer_info img {
    width: 50%;
  }

  .footer_info p span {
    font-size: 14px;
  }
  .service-pro-slide {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    padding-left: 0;
    padding-right: 0;
  }
  .policy__list > li {
    width: 100%;
    padding-right: 0px !important;
    border-bottom: 1px solid #f1f1f1 !important;
  }
}
@media (max-width: 375px) {
  .gioithieu-wrapper h5 {
    font-size: 15px;
  }
  .name-header {
    font-size: 25px;
    text-align: center;
  }
  .address-header {
    font-size: 15px;
  }
}