@charset "UTF-8";

.title-menu{display:inline-block;font-family:'Roboto-Bold';font-size:22px;text-transform:uppercase;vertical-align:middle;color:#fff;margin-left:15px}

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:#e22121!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;font-size: 19px; text-transform: uppercase;}

.mm-listview > li,.mm-listview > li .mm-next,.mm-listview > li .mm-next::before,.mm-listview > li::after,.mm-navbar{border-color:#00000008!important}

.mm-navbar .mm-title,.mm-menu em.mm-counter{color:#fff!important}

.c-mburger{display:none;color:#fff;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:40px!important;--mb-bar-width:1!important;--mb-bar-height:3px!important}

.goidien{display:none;position:fixed;z-index:999;bottom:0;left:0;right:0;background-color:#d71010}

.goidien .td{text-align:center;width:25%;box-sizing:border-box;padding:6px 5px}

.goidien label{display:block;text-transform:uppercase;font-size:14px;margin-top:5px}

.goidien a{color:#fff}

.goidien i{font-size:25px}

.blink_me{-webkit-animation-name:blinker;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-iteration-count:infinite;-moz-animation-name:blinker;-moz-animation-duration:1s;-moz-animation-timing-function:linear;-moz-animation-iteration-count:infinite;animation-name:blinker;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite}

@-moz-keyframes blinker {

0%{opacity:1}

50%{opacity:0}

100%{opacity:1}

}

@-webkit-keyframes blinker {

0%{opacity:1}

50%{opacity:0}

100%{opacity:1}

}

@keyframes blinker {

0%{opacity:1}

50%{opacity:0}

100%{opacity:1}

}

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

.menu > ul > li:not(:last-child){margin-right:22px}

.inherit{margin-left:15px;margin-right:15px}

}

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

.cart-hiden-mb{
    display: none;
}

.title-big{font-size:27px}

.sub-big{font-size:14px}

ul.tintuc .tieude{font-size:15px}

.menu-top,.hotline-cart,.bgheaderbot .col-1,.bgheaderbot .col-3,.menu > ul{display:none}

.bgheaderbot .cart{display:flex}

.bgheaderbot .cart img{max-height:40px}

.bgheaderbot .cart .title{color:#fff}

.bgtop{margin-top:35px}

.logo img{position:unset}

.bgheader > .flex-space-between{padding:10px 0;flex-direction:column-reverse}

.fsearch-show{width:500px;max-width:100%;margin-top:15px}

.bgheaderbot > .inherit{margin:0}

.bgheaderbot .col-2,.bgsale .col{width:100%}

.bgsale .col:not(:last-child){margin-bottom:30px}

.bgdoitac{padding:50px 0}

.menu{display:flex;justify-content:space-between;flex-wrap:wrap;padding:3px 15px}

.box-pro .box.bt{margin:7.5px 15px 7.5px 0;width:calc((100% + 15px) / 4 - 15px);width:-moz-calc((100% + 15px) / 4 - 15px);width:-webkit-calc((100% + 15px) / 4 - 15px)}

.box-doitac{padding:0}

.copyright,.thongke{float:none;text-align:center}

ul.tintuc .content,ul.tintuc .thumb{width:100%;margin-left:0}

ul.tintuc .content{padding:10px}

ul.tintuc li.bt{box-shadow:0 0 3px #00000026;margin:7.5px 15px 7.5px 0;width:calc((100% + 15px) / 2 - 15px);width:-moz-calc((100% + 15px) / 2 - 15px);width:-webkit-calc((100% + 15px) / 2 - 15px)}

.c-mburger{display:block}

.goidien{display:flex}

.scrollToTop{bottom:90px}

.btn-phone,#messages-facebook{display:none}

.btn-zalo{bottom:160px}
.app{bottom: 220px;}
}

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

.box-pro .box.bt{width:calc((100% + 15px) / 3 - 15px);width:-moz-calc((100% + 15px) / 3 - 15px);width:-webkit-calc((100% + 15px) / 3 - 15px)}

.box-pro .box.bt:nth-child(4n){margin-right:15px}

.box-pro .box.bt:nth-child(4n+1){clear:none}

.box-pro .box.bt:nth-child(3n){margin-right:0}

.box-pro .box.bt:nth-child(3n+1){clear:both}

.bgfooter .col-1,.bgfooter .col-2,.bgfooter .col-3{max-width:100%;width:100%}

.bgfooter .col:not(:last-child){margin-bottom:30px}

.pro-detail-left,.pro-detail-right{width:100%}

.pro-detail-right{padding-left:0;margin-top:10px}

.contact .col{width:100%}

}

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

.bggioithieu .col-1,.bggioithieu .col-2,.bgalbum .col,#nhanmail .txtnhanmail{width:100%}

.bgalbum .col,#nhanmail .txtnhanmail{margin-right:0;margin-bottom:10px}

.bgalbum .col:last-child,#nhanmail .txtnhanmail:nth-child(3){margin-bottom:0}

.bggioithieu .col{margin-bottom:25px}

.bggioithieu .col:last-child{margin-bottom:0}

ul.thongtincongty li.company,.bggioithieu .title-top{font-size:25px}

.box-pro .box.bt{width:calc((100% + 15px) / 2 - 15px);width:-moz-calc((100% + 15px) / 2 - 15px);width:-webkit-calc((100% + 15px) / 2 - 15px)}

.box-pro .box.bt:nth-child(3n){margin-right:15px}

.box-pro .box.bt:nth-child(3n+1){clear:none}

.box-pro .box.bt:nth-child(2n){margin-right:0}

.box-pro .box.bt:nth-child(2n+1){clear:both}

}