nav:not(.mm-menu){display:none}
.mm-listview > li{text-transform:capitalize}
.mm-navbar .mm-title{text-transform:uppercase}
.mm-listview{font-size:16px!important}
.mm-title{font-size:20px}
.mm-menu { background: #E67F3C !important; background: linear-gradient(90deg, #E67F3C 0%, #CA6837 70.4%, #BF5F35 100%) !important;}
.mm-menu .mm-listview > li .mm-next:after{border-color:#fff!important}
.mm-menu .mm-btn::after,.mm-menu .mm-btn:before{border-color:#fff!important}
.mm-listview > li > a,.mm-listview > li > span{color:#fff!important}
.mm-listview > li,.mm-listview > li .mm-next,.mm-listview > li .mm-next::before,.mm-listview > li::after,.mm-navbar{border-color:#ffffff1a!important}
.mm-navbar .mm-title,.mm-menu em.mm-counter{color:#fff!important}

.c-mburger { display: none; color: #fff !important; align-self: center; text-align: center;}
.c-mburger span { text-transform: uppercase; font-family: var(--font-bold); font-size: 28px; margin-left: 5px;}
.mburger { --mb-button-size: 35px !important; --mb-bar-width: 1  !important; --mb-bar-height: 3px !important; --mb-bar-spacing: 7px !important}
.mburger b:nth-of-type(2) { width: 50%; }

@media only screen and (max-width: 1399px) {
  .wrap-content { margin-left: 15px; margin-right: 15px; }
}

@media only screen and (max-width: 1024px) {
.main-left { width: 100%; }
.mmt, .filter-slider { margin-top: 30px; }
.header-mid-center, .header-hotline, .menu, .wrap-why .item-2 , .main-right { display: none !important; }
.bg-header-top {   margin-left: 0px; }
.bg-header-top:before { clip-path: none; }
.header-mid-left { margin-top: 0px; }
.logo-header img { width: 80px; }
.banner-header img { width: 160px; }
.header-tracking {
    font-size: 14px;
    padding: 9px 9px;
}
.header-dropdown button { height: 42px; font-size: 14px; }
.header-mid { padding: 10px 0px; }
.header-mid-right { margin-left: 10px; }
.slideshow-f .filter-slider { position: unset; -moz-transform: none;
    -webkit-transform:none;
    -o-transform: none;
    -ms-transform: none;
    transform: none; width: 100%; max-width: 100%; padding: 0px; box-shadow: unset; }
.logo-filter { width: 60px !important; }
.item-filter { padding-left: 5px; }
.item-filter input[type="submit"] { width: 80px;  height: 30px; padding: 0px; }
.title-filter { font-size: 25px !important; text-align: center; }
.desc-filter {
    font-size: 16px !important;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 400;
}
.wrap-filter { padding: 0px; border: none; box-shadow: none; }
.title-main { font-size: 27px; }
.title-main.mmb-4 { margin-bottom: 20px !important; }
.wrap-linkservice .name { font-size: 16px; margin-top: 55px; margin-bottom: 40px; height: 64px; }
.wrap-why .item-1 { width: 100%; }
.box-why .content { padding-left: 20px; }
.box-why .name { font-size: 22px; }
.wrap-procedure-bg { min-height: 325px; object-fit: cover; }
.wrap-procedure-content {  margin-top: -100px; padding: 50px 20px 0px 20px; }
.wrap-procedure-content .title-main { margin-bottom: 20px; }
.list-procedure li { margin: 5px 0px; }
.list-procedure li:not(:last-child) {
    margin-right: 20px;
}
.list-procedure { font-size: 18px; margin: 0px 0px 30px 0px; }
.wrap-customer { background-color: unset; margin-top: 30px; margin-bottom: 30px; padding: 0px; }
.box-partner.owl-page { padding: 0px; }
.cus-control.control-owl button { width: 30px; height: 30px; }
.cus-control.control-owl .owl-prev { left: 15px; }
.cus-control.control-owl .owl-next { right: 15px; }
.cus-control.control-owl {
    top: calc(50% - 15px);
}
.box-team .thumb { padding: 2px; border-right: none; }
.box-team .thumb img { width: 30px !important; }
.box-team .info { padding: 0px; }
.box-team .name, .box-team .hotline, .box-team .cv { font-size: 14px; }
.box-team .info p { margin-bottom: 0px; }
.box-team .info .cv { display: none; }
.box-team .hotline, .box-team .cv { margin-top: 0px; }
.wrap-newsletter-content { flex-wrap: wrap; }
.wrap-newsletter { padding: 60px 0px; }
.wrap-newsletter .item-1, .wrap-newsletter .item-2, .wrap-newsletter .item-3 { width: 100%; }
.wrap-newsletter .item-2 { margin: 20px 0px; padding: 0px; }
.form-newsletter input { font-size: 13px; text-indent: 0; width: calc(100% - 60px); padding: 0px 5px;}
.form-newsletter button { width: 60px; }
.footer-article .item-1 { width: 100%;}
.footer-article .item-2 { width: 100%;}
.footer-article .item-3 { width: 100%; overflow: hidden;}
.footer-article .item:not(:last-child) { margin-bottom: 30px; }
.footer-copyright { width: 100%; text-align: center; }
.footer-statistic { display: none; }
.link-return { font-size: 14px; }
.wrap-procedure-content > .mmb-6 { margin-bottom: 0px; }
.main-left, .main-right { width: 100%; }
.main-right { padding-left: 0px; margin-bottom: 30px; }
.wrap-main.flex-space-between { flex-direction: column-reverse; }
.box-news-def { display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px; }
.box-news-def .name { font-size: 15px;}
.box-news-def .desc { display: none; -webkit-line-clamp: 2; line-height: 1.5;}
.main-left-faq, .main-right-faq { width: 100%; padding: 0px;}
.main-left-faq { margin-top: 20px;}
/**/
.c-mburger { display: block; margin-right: 10px;}
.search-mobile { display: flex !important;}
.box-album-detail-6 {grid-template-columns: repeat(5, minmax(0, 1fr));}
.control-slideshow.control-owl button { transform: scale(0.6); }
}
@media only screen and (max-width: 768px) {
.box-news-cus-3 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
}
/**/
.box-album-detail-6 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.box-product-4 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.left-pro-detail, .right-pro-detail { width: 100%; }
}
@media only screen and (max-width: 555px) {
.box-news-def .thumb { width: 100%; margin-bottom: 15px; }
.box-news-def .box { flex-direction: column; justify-content: flex-start;}
.box-news-def .content { width: 100%;}
/**/
.box-album-detail-6 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.box-video-3 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.box-video i { font-size: 45px; }
}
@media only screen and (max-width: 380px) {

}
@media only screen and (max-width: 320px) {
}