@media(min-width: 992px) {
    #sticker {display: block;line-height: 14px;padding-left: 32px;width: 82%;}
    #sticker-container .tbl > .tbl-cell { vertical-align: middle; }
    #sticker-container .tbl > .tbl-cell.mobile { display: none; }
    #sticker-container.menu-fix { z-index: 999; -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); box-shadow: 0 2px 3px 0 rgba(0,0,0,.3); position: fixed; top: 0; left: 0; width: 100%; background-color: #fafafa; }
    #sticker-container ul.main-menu {display: table;width: 100%;padding: 0;margin: 0;height: 50px;}
    #sticker .main-menu:after { display: table; clear: both; /* content: ""; */ }
    #sticker .main-menu > li {position: relative;text-align: center;transition: ease-in-out .3s;padding: 0 15px;line-height: 72px;padding-left: 13px;}
    #sticker .main-menu > li:before{/* content:''; */position:absolute;top:50%;left: 30px;transform:translateY(-50%);height:27px;width: 34px;}
    #sticker .main-menu > li:nth-child(2):before{background: url(../images/icon-li-1_1.png)no-repeat}
    #sticker .main-menu > li:nth-child(3):before{background: url(../images/icon-li-2_1.png)no-repeat}
    #sticker .main-menu > li:nth-child(4):before{background: url(../images/icon-li-3_1.png)no-repeat}
    #sticker .main-menu > li:nth-child(5):before{background: url(../images/icon-li-5_1.png)no-repeat}
    #sticker .main-menu > li.mobile { display: none; }
    #sticker .main-menu ul > li > a { display: block; white-space: nowrap; }
    #sticker .main-menu > li > a {color: #442314;transition: ease-in-out .3s;display: block;line-height: 72px;font-size: 14px;text-align: center;white-space: nowrap;font-weight: 600;text-transform: uppercase;position: relative;}
    #sticker .main-menu > li > a img{padding-right:8px}
    #sticker .main-menu > li:hover > a, #sticker .main-menu > li.active > a {color: #ed1c24;}
    #sticker .main-menu > li:last-child {border-right: 0;padding-right: 0;background: none;list-style: none;padding-left: 30px;}
    #sticker .main-menu > li ul {background: #fff;list-style: none;position: absolute;min-width: 260px;top: 100%;left: 0;z-index: 1000;transform: translate(0,10px);box-shadow: none;border-radius: 0;visibility: hidden;opacity: 0;padding: 0;border-radius: 0 0 4px 4px;border-top: 4px solid #d3d1d147;}
    #sticker .main-menu > li:nth-child(2) ul { left: 0; right: auto; }
    #sticker .main-menu > li:hover > ul { visibility: visible; opacity: 1; transform: none; transition: ease-in-out .3s; }
    #sticker .main-menu > li ul:after { content: ""; display: block; position: absolute; height: .4px; top: -.4px; width: 100%; }
    #sticker .main-menu > li ul > li > a { border-bottom: 1px solid #d9caae; color: #442314; padding: 12px 10px 14px; line-height: 18px; border-left: 3px solid rgba(17, 17, 17, 0); -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 15px; text-align: left; }
    #sticker .main-menu > li ul > li:last-child > a { border-bottom: 0; }
    #sticker .main-menu > li ul > li > a:hover, #sticker .main-menu > li ul > li.active > a {background: #ffffff;color: #ed1c24;border-left: 3px solid #ed1c24;/* border-right: 3px solid #ed1c24; */}
}

@media(max-width: 991px) {
    #sticker .main-menu > li.mobile { display: block; }
    #sticker { width: 100%; height: 100%; left: 0; top: 0; z-index: 999; visibility: hidden; opacity: 0; position: fixed; }
    #sticker.opened { visibility: visible; opacity: 1; transition: ease-in-out .3s; }
    #sticker .container { padding: 0; }
    #sticker-overlay { opacity: 0; visibility: hidden; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }
    #sticker-wrapper {width: 310px;max-width: 100%;background: #ed1c24;height: 100%;border: none;z-index: 1;left: -100%;display: block;position: relative;padding: 116px 0 50px;-webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-ms-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;transition: all 300ms ease-out;margin: 0;}
    #sticker.opened #sticker-wrapper {left: 0;z-index: 9999;}
    #sticker.opened #sticker-overlay { opacity: 1; visibility: visible; }
    #sticker .tbl, #sticker .tbl-cell { display: block; width: 100%; }
    #sticker .sticker-header { position: absolute; top: 0; left: 0; width: 100%; }
    #sticker .sticker-header .title { font-size: 20px; line-height: 75px; /* font-weight: 700; */ text-transform: uppercase; color: #fff; padding: 0 50px 0 20px; }
    #sticker .sticker-header .close-menu { width: 40px; height: 40px; line-height: 40px; position: absolute; right: 5px; top: 17px; cursor: pointer; text-transform: uppercase; }
    #sticker .sticker-header .close-menu:before, #sticker .sticker-header .close-menu:after { width: 18px; height: 2px; position: absolute; left: 50%; top: 50%; margin: -1px 0 0 -9px; content: ""; background: #fff; }
    #sticker .sticker-header .close-menu:before { transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
    #sticker .sticker-header .close-menu:after { transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
    #sticker .sticker-body { max-height: 100%; overflow: auto; }
    #sticker .search form { position: relative; }
    #sticker .search form input { width: 100%; height: 40px; line-height: 40px; padding: 0 30px 0 15px; background-color: #fff; border: none; outline: none !important; }
    #sticker .search form button { position: absolute; top: 7px; right: 10px; background: none !important; color: #666; outline: none !important; border: none; font-size: 20px; padding: 0; }
    #sticker ul.main-menu { display: block; float: none !important; padding: 0; margin: 0; padding-bottom: 46px; }
    #sticker .main-menu > li { display: block; border-bottom: 1px solid #cdd0cc; padding: 0; position: relative; width: 100%; }
    #sticker .main-menu > li > a {color: #ffffff;line-height: 14px;padding: 11px 45px 11px 15px;display: block;text-align: left;font-weight: normal;font-size: 16px;text-transform: capitalize;position:relative}
    #sticker .main-menu > li > a img{display:none}
    #sticker .main-menu > li > a:before{content:"\f0da";font:normal normal normal 14px/1 FontAwesome;font-size:14px;position:absolute;top:50%;transform:translateY(-50%);left:0}
    #sticker #sticker-wrapper .main-menu > li > .fa { position: absolute; right: 0; top: 0; line-height: 39px; width: 39px; text-align: center; cursor: pointer; margin: 0; font-size: 12px; display: block; color: #fff; }
    #sticker ul.main-menu > li ul { position: static; transform: none; width: 100%; padding-left: 10px; margin-left: 0; background-color: transparent; display: none; margin-bottom: 10px; }
    #sticker ul.main-menu > li ul:after { display: none; }
    #sticker ul.main-menu > li ul > li { border-bottom: none; list-style: none; }
    #sticker ul.main-menu > li ul > li > a {border-bottom: none;padding: 7px 10px 7px 20px;color: #fff;font-size: 14px;position:relative}
    #sticker ul.main-menu > li ul > li > a:before{content:"\f105";font:normal normal normal 14px/1 FontAwesome;font-size:12px;left:5px;position:absolute;top:8px}
    #sticker .sticker-footer {position: absolute;bottom: 0;left: 0;width: 100%;background-color: #720207;color: #fff;}
    #sticker .hotline { text-align: center; display: block; margin: 0 auto; font-size: 16px; padding-right: 0; }
    #sticker .hotline .text { min-height: 34px; line-height: 34px; background: url('../images/hotline-icon.png') 3px 4px no-repeat; white-space: nowrap; padding: 0px 10px 0px 40px; background-color: #fff !important; border-radius: 34px; }
    #sticker .hotline .text span, #sticker .main-menu > li.hotline .text b { display: inline-block; font-weight: 600; }
    #sticker .hotline .text span { color: #5d5d5d; text-transform: uppercase; font-size: 16px; font-weight: bold; margin-bottom: 0; padding-right: 5px; }
    #sticker .hotline .text b { color: #0a4976; font-size: 16px; }
    #sticker .lang { border-top: 1px solid #006530; padding: 12px 15px; text-transform: uppercase; }
    #sticker .lang .current { color: #ddd; font-weight: bold; }
    #sticker .socials { display: inline-block; width: auto; color: #fff; margin-bottom: 0; padding: 0; }
    #sticker .socials:after { content: ""; display: table; clear: both; }
    #sticker .top-header .right ul { display: block; width: 100%; }
    #sticker .socials > li { width: 16.66666666666667%; border: none; float: left; list-style: none; }
    #sticker .socials > li > a { padding: 0; display: block; height: 50px; line-height: 50px; border: 1px solid #b5cec1; text-align: center; border-left: none; text-transform: uppercase; font-size: 19px; color: #fff; }
    #sticker .socials > li:last-child > a { border-right: 0; }
    #sticker .top-header {height: 50px;border-top: 1px solid #b5bfba;background: #720207;padding: 12px;}
    #sticker .socials > li > a .fa { border-radius: 0; font-size: 20px; color: #fff; }
    #sticker .socials > li:last-child > a .fa { border-right: none; }
    #sticker .top-header .right ul li.hotline:before { top: 6px; }
    #touch-menu { width: 30px; height: 25px; float: right; position: absolute; right: 15px; top: 16px; z-index: 99; transition: ease-in-out .3s; }
    #touch-menu .touch-menu-inner, #touch-menu .touch-menu-inner:before, #touch-menu .touch-menu-inner:after {position: absolute;background-color: #ed1c24;width: 30px;height: 4px;transition-timing-function: ease;transition-duration: .15s;transition-property: transform;}
    #touch-menu .touch-menu-inner { display: block; margin-top: -2px; top: auto; bottom: 0; transition-delay: .13s; transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: .13s; }
    #touch-menu.opened .touch-menu-inner { transition-delay: .22s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: translate3d(0,-10px,0) rotate(-45deg); }
    #touch-menu.opened .touch-menu-inner:before { top: 0; transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s; transform: rotate(-90deg); }
    #touch-menu.opened .touch-menu-inner:after { top: 0; transition: top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s; opacity: 0; }
    #touch-menu .touch-menu-inner:before, #touch-menu .touch-menu-inner:after { display: block; content: ""; }
    #touch-menu .touch-menu-inner:before { top: -10px; transition: top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19); }
    #touch-menu .touch-menu-inner:after { top: -20px; transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear; }
}
@media(max-width:1200px) {
    #sticker { width: calc(100% - 145px); padding-left: 20px; }
    .top-header .left {/* padding-left: 165px; */width: 50%;}
    .top-header .right{width:50%}
    #sticker .main-menu > li {padding: 0 5px 0 10px;}
    .history .parameter .item{margin-bottom: 10px}
    #sticker .main-menu > li > a{font-size:13px}
}

@media(max-width:991px) {
    .detail-product .item ._img a{height:auto}
    .top-header .left ul li span.none { display: none; }
    #logo {padding: 8px 0;width: 35%;line-height: 0;}
    #logo a{line-height: 32px;}
    .top-header .left { padding-left: 110px; }
    .top-header {padding-right: 10px;background:#fff;display: none;}
    .top-header .right ul li.leng a { padding: 0 15px; }
    .top-header .right ul li.leng:before { display: none; }
    #sticker { width: 100%; padding: 0; }
    #sticker .top-header .left { width: 100%; padding: 0; display: block; }
    .top-header ul { margin: 0 auto; }
    .top-header .right { padding-right: 30px;display:none }
   .icon-sr{display:none}
   .footer .form-ft ul li:last-child a:nth-child(1)::before{left: 0;}
   .nav-p p{text-align: center}
   .nav-p a{padding: 0}
   .sub-full{display: block}
   .action .col-md-6:last-child{padding-left: 0}
   .nav-p  .tbl-cell{width: 50%;float: left;}
   .nav-p .tbl-cell a{border-right:none}
   .content-video .item-video{height:auto}
   .modal.in .modal-dialog{width:auto !important}
   .titH2 p{font-size:23px}
    .video-new{padding-top:25px}

}
@media(max-width:767px) {
    .slider-doitac{margin:35px 0}
    .form-contact .contact-form .col-sm-6:last-child,.form-contact .contact-form .col-sm-6:first-child{padding:0 15px}
    .content-ab{margin:15px 0}
    .content-ab > p{font-size:13px}
    .about-video{margin:15px 0}
    .titH3 h3{font-size: 31px;}
    .titH3 p{font-size: 14px;padding: 0 20px;}
    .partner{padding:20px 0 0}
    .history .parameter .item p{font-size:53px}
    .history .parameter .item span{font-size:16px}
    #touch-menu { width: 25px; height: 20px; top: 12px; }
    #touch-menu .touch-menu-inner, #touch-menu .touch-menu-inner:before, #touch-menu .touch-menu-inner:after { width: 25px; height: 3px; }
    #touch-menu .touch-menu-inner:before { top: -8px; }
    #touch-menu .touch-menu-inner:after { top: -16px; }
    .top-header .left { display: none; }
    .top-header .right ul li { position: initial; }
    .top-header .right ul li .form-search { top: 100%; right: 0; left: 0; width: 100%; }
    .top-header .right ul li .form-search input, .top-header .right ul li .form-search button { height: 40px; }
    .tool-bar ul li{font-size: 12px}
    #back-top{bottom: 15px}
    .footer .form-ft ul li:last-child a{display: block;width: 100%;padding-left: 18px !important;}
    .footer .form-ft ul li:last-child a:before{left:0}
    .footer .form-ft ul li:last-child a:nth-child(1){padding-left: 36px}
    .contact-into .logo-ft ul li{width: 100%;}
    .map .item {padding-bottom: 20px}
    .sub-menu-2 ul li{width: calc(50% - 10px);float: left;margin: 5px 5px}
    .bottom-footer .right{display: table;padding: 0;margin:0 auto}
    .support .lh{width: 100%;margin-bottom: 20px}
    .support .ho-tro{width: 100%;}
    .view-detail-sp{padding: 0 15px 55px}
    .slider-product .lSAction>.lSPrev{width: 18px;left: -12px;}
    .slider-product .lSAction>.lSNext{width: 18px;right: -12px;}
    .banner .lSSlideOuter .lSPager.lSpg{bottom:0}
    .news-first .text{padding:15px}
    .news .item{width:100%}

}

@media(max-width:480px) {
   .nav-p  .tbl-cell{width: 100%;float: left;}
   .sam{padding: 0 15px}
   .bottom-footer .left p, .bottom-footer .left p a{text-align:center}
}