/* Mmenu */
.menu-res {z-index: 100;background: var(--color-main);position: sticky;display: none;top: 0;}
.menu-bar-res {height: 50px;padding: 0px 15px;display: flex;justify-content: space-between;align-items: center;}

.search-res {
    position: relative;
}

.search-res .icon-search {
    margin: 0;
    padding: 10px;
    border: 1px solid;
    color: #fff;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

.search-res .search-grid {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    margin: 5px 0 0 0;
    padding: 5px;
    width: 250px;
    display: none;
    max-width: calc(100vw - 30px);
}

.search-grid .form_search {
    display: flex;
    align-items: center;
}

.search-res .search-grid input {
    border: none;
    padding: 5px;
    /* flex-grow: 1; */
    width: calc(100% - 30px);
}

.search-res .search-grid span {
    font-size: 16px;
    width: 30px;
    text-align: center;
    cursor: pointer;
}
#menu { display: none; }
#hamburger { display: block; width: 30px; height: 23px; position: relative; }
#hamburger:before, #hamburger:after, #hamburger span { background: #ffffff; content: ""; display: block; width: 100%; height: 2px; position: absolute; left: 0px; }
#hamburger:before { top: 0px; }
#hamburger span { top: 10px; }
#hamburger:after { top: 20px; }
#hamburger:before, #hamburger:after, #hamburger span { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
.mm-wrapper_opening #hamburger:before, .mm-wrapper_opening #hamburger:after { top: 10px; }
.mm-wrapper_opening #hamburger span { left: -50px; opacity: 0; }
.mm-wrapper_opening #hamburger:before { transform: rotate(45deg); }
.mm-wrapper_opening #hamburger:after { transform: rotate(-45deg); }
.mm-menu_opened { display: block !important; }

@media (min-width:992px) {
    .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; }
}

@media (max-width:991px) {
    .toolbar {display: block;}
    .header-right,.head .head-top {display:none;}
    .head .head-bottom .wrap-content {flex-wrap: wrap;justify-content: center;}
    .contact-input { margin-bottom: 15px; }
    .wrap-news .left, .info-gt, .img-gt, .bottom .title-main, .bottom .dknt,.news-left,.news-right {width:100%;margin: 15px 0;}
    .flex-cus, .row-video, .row-20 { margin-left: -5px; margin-right: -5px; }
    .mg-cus, .mg-video, .col-20 { padding-left: 5px; padding-right: 5px; }
    .content-text img { height: auto !important; }
    .padding-top-bottom { padding: 2rem 0; }
    .pad-top { padding-top: 2rem; }
    .pad-bottom { padding-bottom: 2rem; }
    .mg-top { margin-top: 2rem; }
    .mg-bottom { margin-bottom: 2rem; }
    .title-detail-main { font-size: 20px; }
    .cart-fixed { bottom: 220px; }
    .btn-frame { display: none; }
    .cart-pro-detail { width: 100%; margin-top: 10px; }
    .pad-bottom { padding-bottom: 2rem !important; }
    .pad-top { padding-top: 2rem !important; }
    .padding-top-bottom { padding: 2rem 0 !important; }
    .menu,.hidden_mb { display: none; }
    .menu-res,.hidden_comp { display: block; }
    .product-tool { opacity: 1; visibility: visible; position: initial; }
    .product-tool a span { display: none; }
    .othernews { position: initial; }
    .footer-title:after { width: 100%; }
    .footer-news:nth-child(4),.footer-news:nth-child(3) { width: 49%;}
    .footer-news:nth-child(2), .footer-news:nth-child(1) { width: 49%; }
    .time-news { display: none; }
    .copyright, .statistic { width: 100%; text-align: center; }
    .footer-ul li {/* width: calc(100% / 2 - 5px); */}
    .footer-ul {/* display: flex; *//* flex-flow: row wrap; *//* justify-content: space-between; */}

    .top-cart {margin-bottom: 2rem;border: none;}
    .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%; }
    .menu,.header-hotline { display: none; }

.header {
    padding: 10px 0;
}

.header > .d-flex {
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px;
}
    .menu-res { display: block; }
    .slick_mar_15 {margin: 0 -10px;}
    .slick_mar_15 .slick-slide {margin-left: 10px;margin-right: 10px;}

}
@media (min-width:768px) {
    .procart-label .quantity-procart p:first-child { display: block; }
    .procart-label .quantity-procart p:last-child { display: none; }
}
@media (max-width:767px) {
    .item-video1 img { height: 250px; }
    .right-intro { width: 100%; }
    .left-intro { width: 100%; margin-bottom: 20px; padding-right: 0; }
    .left-pro-detail, .right-pro-detail { width: 100%; margin: 0px; }
    .left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
    .pic-news { width: 40%; }
    .info-news { width: 60%; padding-left: 10px; }
    .name-news { font-size: 15px; }
    .desc-news.text-split { -webkit-line-clamp: 2; }
    .quantity-procart { text-align: right; }
    .price-procart { display: none; }
    .price-procart-rp { display: block; }
    .procart-label .quantity-procart p:first-child { display: none; }
    .procart-label .quantity-procart p:last-child { display: block; }
    .row-30 {margin-left: -10px;margin-right: -10px;}
    .row-30 > * {padding-left: 10px;padding-right: 10px;}
}
@media (max-width:600px) {
    .footer-news:nth-child(4),.footer-news:nth-child(3) , .footer-news:nth-child(2), .footer-news:nth-child(1) { width: 100%; }
    .slick_mar_15,.slick_mar_10 {margin: 0 -5px;}
    .slick_mar_15 .slick-slide,.slick_mar_10 .slick-slide {margin-left: 5px;margin-right: 5px;}
    .toast-cus { left: 5px; width: calc(100% - 10px); }
    .box-readmore { width: calc(100% - 5px); }
    .newshome-scroll { width: 100%; }
    .newshome-intro { width: 100%; margin-bottom: 20px; }
    .top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
    .cart-pro-detail { flex-wrap: wrap; }
    .cart-pro-detail a { width: 100%; text-align: center; margin: 0px !important; }
    .cart-pro-detail a:first-child { margin-bottom: 5px !important; }
    .name-procart a { font-size: 13px; }
    .procart-label { font-size: 13px; }
    .form-newsletter .row-0 > * {width:100%;}
    .wholesale-input {
    width: 100%;
}
}