@charset "utf-8";
/* CSS Document */
@import url("css/fonts.css");
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;outline: none;margin: 0;}
body{font-family: 'Roboto', sans-serif;line-height:1.5;margin: 0;padding: 0;font-weight: 400;}
img{max-width: 100%;height: auto;vertical-align: middle;}
iframe{max-width: 100%; }
.grecaptcha-badge{display: none !important;}
a{text-decoration: none;outline: none;} a:hover,a:focus{color: unset;outline: none;}
ul{visibility: visible;}
.slick-slider .slick-slide > div{display: flex;}
.clearfix {float: none;clear: both;}
.clearfix:before{content: ""; display: table;}
.clearfix:after{content: ""; clear: both;}
.table-responsive {width: 100%;overflow-x: auto;overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar;}
#main{width:100%;position: relative;}
#info{width:100%;position:  relative;padding: 15px 0;}
#info .noidung_detail{display: block;width: 100%;}
.title_detail{font-size: 20px;color: #000000;font-weight: 700;}
#info .luotxem{font-size: 14px;color: #707070;}
#info .noidung_detail .tags{font-size: 14px;color: #707070; margin: 5px 0;}
#info .noidung_detail .ngaydang{font-size: 14px; font-weight: 400; font-style: italic;}
#info .noidung_detail .noidung *{max-width: 100%;height: auto;}
.addthis_inline_share_toolbox{width: 100%;display: inline-flex;margin: 20px 0 0 0;}
.margin_auto{width: 1200px;margin: 0 auto;}
#container{position: relative;transition: 0.5s all;background: #ffffff;margin: 0 auto;width: 100%;}
.bando iframe{width: 100%;display: block;}
#popup{display: none;padding: 0;max-width: 95%;}
.loading{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;}
.updating{width: 100%;text-align:center;color: #000000;font-weight: 400;font-size: 15px;text-transform:uppercase;padding: 10px 0;}
.updating.white{color: #ffffff;}
.khung_flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.khung_flex.flex_center{align-items: center;}
.khung_flex.flex_end{align-items: flex-end;}
/* MXH */
.mangxh h4{  margin-top: 8px; font-size: 16px; color: #fff; }
.mangxh a{  padding: 2px 5px 0px 5px; }
/* Header */
#header{position: relative;width: 100%;z-index: 4;}
#header .head_t{color: #333333;font-weight: 400;padding: 8px 0;background: #f7f7f7;}
#header .head_t ul{list-style: none;padding: 0;display: flex;flex-wrap: wrap;}
#header .head_t ul li:first-child a{padding-left: 0;}
#header .head_t ul li a{font-size: 14px;color: #434343;font-weight: 400;text-transform: uppercase;padding: 0 15px;border-right: 1px solid #d9d9d9;}
#header .head_t ul li:last-child a{border-right: 0; padding-right: 0;}
#header .head_t ul li:hover a,#header .head_t ul li.active a{color: #e62525;}

#logo,#banner{position: relative !important;display: block;left: unset !important;}

.hotline{text-transform: uppercase;font-size: 14px;background: url(images/hotline.png) no-repeat left center;padding: 0 0 0 50px;line-height: 20px;}
.hotline span{font-weight: 700;color: #ff0000;font-size: 17px;display: block;}
/* Main menu */
#mainmenu{position: relative;width: 100%;background: transparent;}
#mainmenu.fixed{position: fixed;top: 0;left: 0;z-index: 2;background: #ffffff;box-shadow: 0 1px 3px #333333;}
nav.menu_top > ul > li ul li a, nav.menu_top > ul > li ul li{-webkit-transition:all 0.25s linear;   -moz-transition:all 0.25s linear;   -ms-transition:all 0.25s linear;   -o-transition:all 0.25s linear;   transition:all 0.25s linear;}
.menubar{width: 100%;}
nav.menu_top{position: relative;display: block;}
nav.menu_top  > ul{display: flex;flex-wrap: wrap;align-items: center;list-style: none;padding: 0;margin: 0;}
nav.menu_top > ul > li > a {color: #353535;font-size: 15px;position:  relative;display: block;z-index: 1;font-weight: 700;line-height: 40px;text-transform: uppercase;}
nav.menu_top > ul > li.active > a, nav.menu_top > ul > li.icon:hover > a{background: #007316;color: #fffe00;border-radius: 15px 15px 0 0;}
nav.menu_top > ul > li.ic_down.active:after,nav.menu_top > ul > li.ic_down:hover:after{
    border-top: 5px solid #fffe00;
}
nav.menu_top > ul > li:first-child{flex: unset;}
nav.menu_top > ul > li:first-child a{background: #007316;width: 40px;flex: unset;border-radius: 25px 25px 0 0;}
nav.menu_top > ul > li{position: relative;list-style: none;text-align: center;flex: auto;}
nav.menu_top > ul > li.ic_down > a{padding: 0 10px 0 0;}
nav.menu_top > ul > li.ic_down:after{position: absolute;content: '';width: 0;height: 0;border-left: 5px  solid transparent;border-right: 5px solid transparent;border-top: 5px  solid #0e7a22;right: 10px;top: 18px;z-index: 1;}
nav.menu_top > ul > li.active:before, nav.menu_top > ul > li:hover:before{ background: url(images/menu.png) no-repeat top center;}
nav.menu_top  > ul > li > ul > li:hover>a,nav.menu_top  > ul > li > ul > li > ul > li:hover>a,nav.menu_top  > ul > li > ul > li > ul > li > ul > li:hover>a{background: #007316;color: #fffe00;}
nav.menu_top > ul > li ul{visibility:hidden;list-style:outside none none;margin:0;min-width: 230px;padding:0;position:absolute;z-index: 999;top: 100%;left: 0;text-indent: 0;}
nav.menu_top > ul > li.end ul{left: unset;right: -18px;}
nav.menu_top > ul > li ul li ul{left: calc(100% - 1px); top: 0;}
nav.menu_top  > ul > li:hover > ul,
nav.menu_top  > ul > li ul li:hover > ul{visibility:visible}
nav.menu_top > ul > li ul li{display:table;padding:0;width:100%;opacity:0;z-index: 999;line-height: 1;position:relative;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px);}
nav.menu_top  > ul li:hover > ul > li,
nav.menu_top  > ul > li ul li:hover > ul li{   opacity:1;       -webkit-transform:translateY(0);   -moz-transform:translateY(0);   -ms-transform:translateY(0);   -o-transform:translateY(0);   transform:translateY(0);}
nav.menu_top  > ul > li ul li a{color: #000000;font-size: 15px;height: auto;margin: 0px;text-align: left;width: 100%;border: none;font-weight: 400;padding: 10px;display: inline-block;border: 1px solid #dddddd;border-top: 0;background: #ffffff;}
nav.menu_top  > ul > li:hover ul li{color:#fff;}
nav.menu_top  > ul > li a i{margin-left: 10px;position: relative;top: 0;}
nav.menu_top > ul > li.search{flex: unset;background: none;padding: 0;margin: 0 0 0 20px;width: 30px;height: 30px;z-index: 1;}
nav.menu_top > ul > li.logo{margin: -80px 0 -20px 0;}
/* Title */
.title{width: 100%;position: relative;margin: 0 0 30px 0;text-align: center;line-height: 1; background: url(images/title.png) no-repeat bottom center;padding: 0 0 20px 0;}
.title h4,.title h2{font-size: 28px;position: relative;font-weight: 100;color: #000000;text-transform: uppercase;font-family: SFUFuturaBold;}
.title.white{background: url(images/title2.png) no-repeat bottom center;}
.title.white h2,.title.white h4{color: #fff700;}
/* Slider */
#slider{width: 100%;position: relative;}
#slider #amazingslider-wrapper-1{list-style: none; padding: 0; width: 680px;}
#slider .danhmuc,#slider #quangcao{width: 255px;position: relative;}
.title_dm{font-size: 20px;color: #fff500;font-weight: 700;text-transform: uppercase;text-align: center;display: block;background: #007316;line-height: 40px;}
.danhmuc{border-top: 1px solid #959595;}
.danhmuc ul{list-style: none;padding: 0;border: 1px solid #959595;border-top: 0;max-height: 300px;overflow: auto;background: #408d4e;}
.danhmuc ul::-webkit-scrollbar {width: 3px;} 
.danhmuc ul::-webkit-scrollbar-thumb {background-color: darkgrey;outline: 1px solid slategrey;}
.danhmuc ul > li a{font-size: 15px;color: #fff500;font-weight: 700;display: block;padding: 14px 10px 14px 10px;position: relative;background: url(images/list.png) no-repeat 15px 15px;text-indent: 30px;}
.danhmuc ul > li:hover > a{color: #ffffff;}
.danhmuc ul li:last-child > a:after{display: none;}
.danhmuc ul > li a:after{position: absolute;content: '';width: 100%;height: 10px;background-image: linear-gradient(#0073165e, transparent);left: 0;top: 100%;}
.danhmuc ul > li > ul{position: absolute;left: 100%;width: 100%;z-index: 2;background: #ffffff;display: none;}

#quangcao .slick_qc{border: 1px solid #959595;border-top: 0;padding: 4px 8px;}
#quangcao .slick_qc .slick-slide{margin: 2px 0}
/*-----CART-------*/
.cart{background: url(images/cart.png) no-repeat left center;width: 62px;height: 56px;position: relative;}
.cart:before{position: absolute;content: attr(data-cart);font-size: 13px;color: #ffffff;font-weight: 400;right: 6px;top: 0;}
/* Product detail */
#popup_cart{width: 1188px;}
#sp_info{display: flex;flex-wrap: wrap;justify-content: space-between;}

.frame_images{padding: 0;width: 50%;}
.MagicZoom{width: 100%;text-align: center;background: #ffffff;}
.app-figure{width: 100%;}
.selectors{width: 100%;margin: 10px 0 0 0;}
.list_carousel {width: 100%;position:relative;}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel #foo3{margin: 0 -5px;}
.list_carousel .slick-slide{margin: 0 5px;}
.foo3_l{position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 99;}
.foo3_r{position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 99;}
.list_carousel li {display: none;border: 1px solid #dddddd;}
.list_carousel li img{display: block;}
.list_carousel li a{ text-decoration:none;}
.list_carousel li a h3{ color:#835410; text-align:center; font-weight:500; margin-top:10px; font-size:16px; margin-bottom:10px; text-transform:uppercase;}
.list_carousel.responsive {width: auto; margin-left: 0;}
.pager {width: 320px;text-align: center;}
.pager a {margin: 0 5px;text-decoration: none;}
.pager a.selected {text-decoration: underline;}
.timer {background-color: #999;height: 6px;width: 0px;}
.prev13{ width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/left_ow.png) no-repeat; top: 50%; left: 0; transform: translate(0,-50%); }
.next13{ width: 12px; height: 19px; position: absolute; z-index: 10; background: url(images/right_ow.png) no-repeat; top: 50%; right:0;transform: translate(0,-50%); }
.caroufredsel_wrapper{width: 100% !important;}
/* Khung thong tin */
#container_product{width: 100%;margin: 20px 0 0 0;}
#container_product .noidung_tab{width: 100%;display: block;}
div#container_product #tabs {overflow: hidden;background: #f2f2f2;display: flex;border: 1px solid #ebebeb;border-bottom: 0;position: relative;list-style: none;margin: 0;padding: 0;}
div#container_product #tabs li {text-transform: uppercase;}
div#container_product #tabs li.active {background: #ffffff;border-bottom: none;position: relative;border-top: 2px solid #000000;top: 0px;}
div#container_product #tabs li {padding: 5px 15px;background: #eeeeee;list-style: none;text-align: center;}
div#container_product #tabs li a {color: #000000;font-size: 14px;text-decoration:none;cursor: pointer;font-weight: 500;}
.khung_thongtin{width: calc(50% - 20px);}
.khung_thongtin > a{background: #70eea0;color: #ffffff;padding: 5px 30px;display:inline-block;margin: 10px 0;text-transform: uppercase;cursor: pointer;}
.khung_thongtin .addthis_inline_share_toolbox{width: 100%;}
.khung_thongtin > div{font-weight: 400;font-size: 14px;padding: 10px 0;width: 100%;border-top: 1px solid #eeeeee;position: relative;}
.khung_thongtin > div label{color: #333333;}
.khung_thongtin > .thuoctinh,.khung_thongtin > .color{display: inline-flex; align-items: center; flex-wrap: wrap;}
.khung_thongtin > .thuoctinh span{display: inline-block;border: 1px solid #dddddd;padding: 2px 8px;margin: 0 0 0 5px;cursor: pointer;color: #000000;border-radius: 2px;font-size: 13px;}
.khung_thongtin > .thuoctinh span:hover,.khung_thongtin > .thuoctinh span.active{background: #e21616;color: #ffffff;border-color: #e21616;}
.khung_thongtin > .color span{margin: 0 0 0 10px;position: relative;cursor: pointer;border: 1px solid #dddddd;width: 25px;height: 25px;border-radius: 50%;}
.khung_thongtin > .color span img{vertical-align: middle; margin-right: 5px;}
.khung_thongtin > .color span.active{box-shadow: 0 0 5px 2px black;}
.khung_thongtin div p a{ font-size: 14px; color: #006a48;}
.khung_thongtin h1{font-size: 18px;color: #cc0000;padding: 0 0 10px 0;text-transform: uppercase;font-weight: 900;}
.khung_thongtin b{font-weight: 100;margin: 0 10px 0 0;font-weight: 500;}
.khung_thongtin span.giacu{text-decoration: line-through;color: #808080;}
.khung_thongtin span.giaban,.khung_thongtin span.giaban a{color: #cc0000;font-size: 17px;font-weight: 700;}
.khung_thongtin .dathang{color: #fff;display: inline-block;font-family: 'Lato', sans-serif;font-weight: 500;font-size: 14px;cursor: pointer;text-transform: uppercase;}
.khung_thongtin .dathang img{width: 300px;}
.plugin a{font-size: 14px; color: #333333; font-weight: 400; margin: 0 20px 0 0;}
.plugin a:hover{color: #f03495;}

.dky-phone form{display: flex;flex-wrap: wrap;margin-top: 10px;}
.dky-phone input[type=tel]{padding: 5px 10px;font-family: Open Sans,sans-serif;font-size: 14px;color: #333333;font-weight: 400;width: 300px;max-width: 100%;}
.dky-phone input[type=submit]{padding: 0 20px;background: #000000;color: #ffffff;border: none;margin: 0 0 0 10px;cursor: pointer;}
.dky-phone input[type=submit]:hover{background: #f03495;}

#social-air-sp{display: inline-flex;}
#social-air-sp img{display: inline-block !important;}
.zalo-share-button{position: relative;width: 20px !important;height: 20px !important;margin: 0 0 0 5px;}
.zalo-share-button img{width: 30px !important;}

/* buy product detail */
.input-number{padding: 5px 8px;border: 1px solid #c9c9c9;width: 50px;margin: 0 0 0 7px;}
.add_to_cart{width: 100%;margin: 5px 0 0 0;}
.add_to_cart a{display: inline-block;font-family: 'Lato', sans-serif;font-size: 13px;color: #ffffff;border-radius: 3px;cursor: pointer;font-weight: 400;}
.add_to_cart a.buy{background: #326e52 url(images/icon_add_cart_white.svg) no-repeat 10px center;background-size: 30px;padding: 8px 10px 8px 40px;}
.add_to_cart a.muangay{background: #ff6600 url(images/icon_buy_now.svg) no-repeat 10px center;background-size: 20px;padding: 8px 10px 8px 40px;}
.add_to_cart a.tragop{background: #d60c0c url(images/tragop.png) no-repeat 10px center;background-size: 20px;padding: 8px 10px 8px 40px;}
/* Share gia soc */
#giasoc{padding: 10px;border-radius: 5px;background: #eaaf2d;overflow: unset;display: none;text-align: center;}
#giasoc .buy_giasoc{background: #ffffff url('images/hot.gif') no-repeat 10px center;padding: 10px 10px 10px 80px;color: #000000;font-family: 'Lato', sans-serif;font-weight: 400;border-radius: 5px;cursor: pointer;margin: 0 0 10px 0;cursor: pointer;}
#giasoc .buy_giathuong{background: #000000;color: #ffffff;display: table;margin: 0 auto;padding: 8px 30px;font-family: 'Lato', sans-serif;cursor: pointer;font-weight: 500;}
#giasoc .buy_giathuong:hover{background: #ff0000;color: #ffffff;}
#giasoc .fancybox-close-small{background: #ffffff;border-radius: 50%;width: 30px;height: 30px;right: 0;top: -15px;right: -15px;}
#giasoc .fancybox-close-small:after{width: 20px;height: 20px;top: 1px;}
/* Search */
#timkiem{position: relative;}
.frm_timkiem{position: relative;width: 100%;}
.frm_timkiem input{color: #333333;border-radius: 60px;width: 30px;height: 30px;transition: opacity 0.5s, width 0.5s;outline: none;font-family: Roboto,sans-serif;font-weight: 400;font-size: 14px;background: #fff500;border: none;text-indent: 50px;right: 0;top: 0;position: absolute;}
.frm_timkiem input.show{width: 200px;text-indent: 10px;}
.frm_timkiem button{cursor:pointer;outline:none;border:  none;display: inline-block;background: url('images/search.png') no-repeat center;right: 2px;top: 4px;z-index: 2;position: absolute;padding: 12px;}
.frm_timkiem input::-webkit-input-placeholder {color: #333333;}
.frm_timkiem input:-moz-placeholder {color: #333333;}
.frm_timkiem input::-moz-placeholder { color: #333333;}
.frm_timkiem input:-ms-input-placeholder {  color: #333333;  }
/* Tin khac */
.visit_hidden{visibility: hidden;height: 0;}
.tinkhac{width: 100%;margin: 0;display: block;}
.tinkhac ul{margin: 0;padding: 0;}
.tinkhac ul li{width: 100%;/* line-height: 30px; */list-style: none;display: inline-flex;align-items: baseline;}
.tinkhac li a{color: #000000;font-size: 15px;font-weight: 400;text-indent: 0px;display: inline-block;transition: all 0.5s;}
.tinkhac li a img:hover{ opacity: 0.5;}
.tinkhac li a i{margin-right: 10px;}
.tinkhac li:hover a{color: #007316;text-indent: 10px;}
.xemnhieu{width:193px; border:1px solid #FF8A00;background:url(images/left_cham.png) repeat-y;}
ul.pagination {text-align:center;color:#829994;}
ul.pagination li {display:inline; padding:0 3px;}
ul.pagination a {color:#fff;display:inline-block;padding:5px 10px;border:1px solid #cde0dc;text-decoration:none;background: #333333;font-size: 12px;}
ul.pagination a:hover, 
ul.pagination a.current {background:#0d7963;color:#fff; }
.page_info{ display: none !important; }
/* ========== Content pagination ========== */
.paging{width: 100%;text-align: center;margin: 20px 0px 0px 0px;}
.paging .pagination {margin: auto;float:  unset;width: auto !important;text-align: center;margin: 0;padding: 0;}
.pages li.prev {margin-right: 15px;}
.pages li.next {margin-left: 15px;}
.pages li {display: inline-block;margin: 5px 2px;}
.pages li a {height: 25px;padding: 4px 8px;text-decoration: none;color: #666666;font-weight: bold;background: url(../images/backgrounds/pagingBg.png) repeat-x 0 0;border: 1px solid #d5d5d5;font-size: 11px;}
.pages li a:hover {background: #f6f6f6;}
.pages li .active {background: url(../images/backgrounds/sideGradient.png) repeat-x;color: #fff;border-color: #424852;}
.pages li .active:hover {background: #2a313d;}
/* Thong ke */
.thongke{list-style: none;padding: 0;display: block;width: 300px;}
.thongke ul{list-style: none;font-size: 14px;color: #000000;font-weight: 400;background: url(images/thongke.png) no-repeat left center;padding: 0 0 0 120px;line-height: 30px;}
/* Thanh title */
.thanh_title{width: 100%;position: relative;margin: 0 0 30px 0;text-align: center;font-family: 'Barlow Semi Condensed', sans-serif;padding: 0 0 20px 0;} 
.thanh_title h2,.thanh_title h4{font-size: 36px;font-weight: 700;display: block;color: #333333;text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif;}
.thanh_title p{font-size: 15px;color: #5c5c5c;font-weight: 400;}
.thanh_title:after{position: absolute; content: ''; width: 80px; height: 3px; background: #0068BD; bottom: 0; left: 50%; transform: translateX(-50%);}
/* Gioi thieu */
#gioithieu{width: 100%;position: relative;padding: 50px 0;margin-top: 25px;}
.gioithieu{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.title_gt{position: relative;margin: 0 0 20px 0;padding: 0 0 15px 0;}
.title_gt:before{position: absolute; content: ''; width: 50px; height: 3px; background: #007316; bottom: 0;}
.title_gt:after{position: absolute;content: '';width: 25px;height: 1px;background: #007316;bottom: -3px;}
.title_gt h2{font-size: 20px;color: #1c1c1c;font-weight: 100;font-family: SFUFuturaBold;line-height: 1;text-transform: uppercase;}
.gioithieu .noidung_gt{width: calc(100% - 600px);position: relative;padding: 0 0 20px 0;}
.gioithieu .noidung_gt .noidung{min-height: 405px;padding: 75px 0 0 35px;}
.gioithieu .noidung_gt .mota{position: relative;}
.gioithieu .noidung_gt .xemthem{color: #ffffff;font-size: 13px;font-weight: 400;position: absolute;bottom: 0;right: 0;}
.gioithieu .noidung_gt .xemthem:hover{color: #ff2020;}
/*.img_gt{position: relative;box-shadow: -10px 10px #00000059;}*/
.img_gt img{z-index: 1; position: relative;}
/*.img_gt:after{position: absolute;content: '';width: 100%;height: 100%;border: 2px solid #005826;bottom: -20px;left: -20px;z-index: 0;}*/
/*Tin tức*/
.box_news{width: 100%;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 20px;}
.box_news .news{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 5px;border: 1px solid #dddddd;border-radius: 5px;}
.box_news .news .img a{display: table;margin: 0 auto;}
.box_news .news .noidung{width: calc(100% - 160px);margin: 5px 0 0 0;}
.box_news .news:hover h3 a{color: #007316;}
.box_news .news h3{margin-bottom: 5px;}
.box_news .news h3 a{font-size: 14px;color: #000000;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;max-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;}
.box_news .news .mota{font-size: 14px;color: #333333;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 3;max-height: 60px;display: -webkit-box;-webkit-box-orient: vertical;margin: 0;text-align: justify;}
.box_news .news .ngaydang{font-weight: 400;font-size: 14px;color: #a7a0a0;font-style: italic;}
/*Điều hướng*/
.dieuhuong{width: 100%;padding: 10px 0;position:  relative;border-bottom: 1px solid #dddddd;}
.dieuhuong a{color: #000000;font-size: 15px;padding:0px 10px;position:  relative;font-weight: 400;display: inline-block;}
.dieuhuong a:first-child{padding: 0 10px 0 0;}
.dieuhuong a:first-child i{margin-right: 5px;font-size: 16px;color: #191919;font-weight: 100;}
.dieuhuong a:before{/* font-family: FontAwesome; */position: absolute;content: '/';right: -5px;top: 0;}
.dieuhuong a:last-child,.dieuhuong a:hover{color: #ff0000;}
.dieuhuong a:last-child:before{display: none;}
.noidung_tt{width: calc(100% - 380px);}
.noidung_tt .hinhanh{margin-bottom: 20px;}
/*Tab*/
.khung_tab{ width: 100%;  display: none; }
.khung_tab.active{ display: block; }
.tags_sp a{display: inline-block;font-size: 14px;color: #333333;padding: 5px 10px;border: 1px solid #dddddd;margin: 0 0 5px 0;}
.tags_sp a:hover{color: #ed1c24; border-color: #ed1c24;}
/* sp noi bat  */
.khung_other{margin-top: 30px;}
#sanpham{width: 100%;position: relative;display: block;}
#sanpham .xemtatca{font-size: 14px;color: #ffffff;font-weight: 700;text-transform: uppercase;background: #ff0000;padding: 12px 30px;display: table;margin: 0 auto;margin-top: 30px;position: relative;}
#sanpham .xemtatca:after{position: absolute;content: '';width: calc(100% - 10px);height: calc(100% - 10px);border: 1px solid #ffffff;top: 4px;left: 4px;}
#sanpham .xemtatca:hover{background: #ffbe20;color: #000000;}

#sanpham .khung_sp{padding: 30px 0;}

.left_index{width: 270px;}

.left_index ul{list-style: none;padding: 0;border: 1px solid #FF000A;background: #F7F7F7;margin: 0 0 30px 0;}
.left_index > ul > li:first-child{font-size: 16px;color: #ffffff;background: #FF000A url(images/dm.png) no-repeat 10px center;text-transform: uppercase;font-weight: 700;text-align: center;padding: 10px 0;}
.left_index ul li{position: relative;}
.left_index ul li a{font-size: 14px;color: #333333;font-weight: 400;display: block;padding: 10px 20px;border-bottom: 1px solid #EBEBEB;position: relative;}
.left_index ul li:hover > a{color: #FF000A;}
.left_index ul li:hover > ul{display: block;}
.left_index ul li > ul{position: absolute;left: 100%;top: -1px;width: 270px;z-index: 1;margin: 0;display: none;}
.left_index ul li a:after{position: absolute;content: "\f18e";font-family: FontAwesome;color: #ADADAD;right: 15px;}

.product_index{width: calc(100% - 300px);}
.product_index .sanpham{grid-template-columns: repeat(3,1fr);}

.owl_sp{margin: 0 -13px; display: none;}
.owl_sp .slick-slide{margin: 0 13px;}

/* Footer */
footer{}
#footer{width:100%;position: relative;overflow: hidden;display: block;padding: 40px 0;}
.tieude_f{font-size: 16px;color: #fff700;font-weight: 700;position: relative;text-transform: uppercase;margin: 0 0 20px 0;display: block;}
.footer{display: flex;flex-wrap: wrap;justify-content: space-between;}
.thongtin_ct{width: 500px;display: block;}
.thongtin_ct .noidung{width: 425px;color: #ffffff;}
#footer .facebook{width: 280px;}
#footer .bando{width: 280px;}
#footer .bando iframe{height: 255px;}
/* Chinh sach */
.chinhsach{width: 200px;margin: 0 30px;}
.chinhsach ul{width: 100%;margin: 0;list-style: none;padding: 0;}
.chinhsach ul li{font-weight: 400;margin-bottom: 5px;}
.chinhsach ul li a{font-size: 14px;color: #ffffff;font-weight: 400;}
.chinhsach ul li:hover a{text-decoration: underline;} 
/* coppy */
.coppy{font-weight: 400;font-size: 14px;color: #ffffff;position: relative;line-height: 25px;padding: 10px 0;background: #004C0F;text-align: center;}
.coppy a{text-transform: uppercase;color: #ffffff;}
.coppy ul{list-style: none;padding: 0;}
.coppy ul li{display: inline-block;line-height: 1;border-right: 1px solid #ffffff;padding: 0 10px;}
.coppy ul li:last-child{border: none; padding-right: 0;}
.coppy ul li span{color: #ffffff;}
/* back to top  */
#back-to-top {position: fixed;bottom: 55px;right: 10px;text-align: center;line-height: 55px;width: 55px;height: 55px;cursor: pointer;z-index: 2;background: #004c0f;border-radius: 50%;}
#back-to-top a {display: block;color: #ffffff;font-size: 25px;}
#back-to-top .back-circle {height: 50px;width: 50px; }
#back-to-top .back-circle .circle {border: 1px solid #034790 !important;}
/* Bottom */
#bottom{width:100%;position: relative;padding: 40px 0;}
#bottom .bot{width: calc((100% / 2) - 15px);}

.tintuc{display: flex !important;flex-wrap: wrap;justify-content: space-between;margin: 0 0 30px 0;}
.tintuc .noidung{width: calc(100% - 160px);position: relative;}
.tintuc .noidung:before{position: absolute;content: attr(data-m);font-size: 30px;color: #e62525;font-weight: 100;font-family: SFUCenturySchoolbookBTBoldCondensed;text-transform: uppercase;z-index: 1;top: 20px;}
.tintuc .noidung:after{position: absolute;content: attr(data-d);font-size: 60px;color: #dedede;font-weight: 700;top: 0;left: 20px;z-index: 0;}
.tintuc:hover .noidung h3 a{color: #007316;}
.tintuc .noidung h3 a{font-size: 16px;color: #2c2c2c;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;height: 25px;display: -webkit-box;-webkit-box-orient: vertical;}
.tintuc .noidung .mota{font-size: 14px;color: #5a5a5a;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 2;max-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;margin: 5px 0;}
.tintuc .noidung .ngaytao{font-size: 14px; color: #9e9e9e; font-weight: 400;}
.tintuc:first-child .noidung{width: calc(100% - 290px);}
.tintuc:first-child .mota{line-height: 20px; -webkit-line-clamp: 3; max-height: 60px;}
.tintuc:last-child{margin: 0;}

.bot_video iframe{display: block;}
.slick_video{display: none;margin: 0;background: #e7e7e7;padding: 10px 80px;}
.slick_video .video_l{position: absolute;left: 30px;top: 45px;}
.slick_video .video_r{position: absolute;right: 30px;top: 45px;}
.slick-slide .slick-slide{margin: 0 5px;}
/* Mang XH*/
.mang_xh {position:  relative;display: flex;flex-wrap: wrap;align-items: center;margin: 10px 0 0 0;}
.mang_xh h1{font-size: 35px; color: #fffc00; font-weight: 700; text-transform: uppercase;}
.mang_xh p{font-size: 14px;font-weight: 400;margin: 20px 0;}
.mang_xh a{margin: 0 9px 0 0;display: inline-block;}
.mang_xh a:last-child{margin-right: 0;}
.mang_xh a img{vertical-align: middle; display: block;}
.mang_xh a:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
/*--------------Liên kết website---------------------*/
.lienket{display: flex;flex-wrap: wrap;align-items: center;}
.lienket a{margin: 0 0 0 5px;display: inline-block;}
.lienket a:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}

.lienket_r{position: fixed;bottom: 105px;right: 15px;}
.lienket_r a{display: block; margin-bottom: 10px;}
/* contact */
.khung_contact{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin: 0 0 20px 0;}
.khung_contact .noidung_detail{margin-bottom: 20px;}
.khung_contact .bando{width: 100%;margin-top: 20px;}
.khung_trai,.khung_phai{width: 48%;}
.thongtin_lh{ width: 100%;  padding: 0px 40px 20px 0px;}
.thongtin_lh h1{ font-size: 20px; text-transform:uppercase; color: #04608B}
.form_lh{max-width: 100%;width: 600px;margin: 0 auto;text-align: center;}
.form_lh h4{font-weight: 700;font-size: 30px;color: #000000;margin: 0;text-align: center;text-transform: uppercase;}
.form_lh p.mxn{width: 100%; }
.form_lh p.mxn > b{padding: 0px 20px 0px 0px;}
.form_lh p.mxn input{width: 100px; }
.form_lh p{padding: 5px 0px 5px 0px;margin: 0;width: 100%;display: inline-block;}
.form_lh p input,.form_lh p textarea{padding: 10px;width: 100%;border: 1px solid #dddddd;font-weight: 400;border-radius: unset;font-family: 'Roboto', sans-serif;}
.form_lh p label{ width: 120px; }
.form_lh p button{border: 0px;background: #007316;padding: 10px 20px;margin: 0;color: #ffffff;cursor: pointer;text-transform:  uppercase;font-weight: 500;font-family: 'Roboto', sans-serif;}
.form_lh p button:hover{color: #fffe00;}
.form_van input{ width: 100% ; padding: 5px;}
.form_van button{ position: absolute; z-index: 1000; top: 1px; right: 0px; color: #eee; padding: 5px; border: 0px; background: #E78D00}
.form_contact{   padding: 0 0 10px 0;}
#form_contact input{ padding: 5px;}

.box_map{width: 100%;position: relative;margin-top: 30px;}
.tab_map{list-style: none;position: absolute;bottom: 10px;left: 10px;padding: 10px;z-index: 1;}
.iframe_map .iframe{display: none;width: 100%;}
.iframe_map .iframe iframe{display: block; width: 100%;}
.iframe_map .iframe.active{display: block;}
/* Download */
.download_box {width: 230px;margin: 0px 25px 10px 0px;text-align: center;border: 1px solid #ddd;}
.download_box p {margin: 0;}
.download_box img {padding: 5px;transform: scale(1);}
.download_box img:hover{transform: scale(1.05);   }
.download_box h3 {text-align: center;font-weight: 100;color: #333;margin: 0px 0px 0px 0px;font-size: 15px;font-family: RobotoBold;width: 100%;display: inline-block;}
.download_box a {margin: auto;display: inline-block;padding: 3px 20px 3px 20px;background: #ff0000;color: #fff;}
.download_box a:hover{background: #13b119;}
/*--------------tags---------------------*/
.tags span{font-family: RobotoBlack; font-size: 14px; font-weight: 100;;}
.tags a{color: #333333;font-size: 13px;padding: 4px 10px;margin: 0 3px 6px 0;border: 1px solid #dddddd;border-radius: 5px;display: inline-block;}
.tags a:hover{color: #007316;border-color: #007316;}
/*-----------------end tags-----------------------*/
/* Doitac */
#doitac{width: 100%;position: relative;padding: 20px 0;}
.owl_doitac{display: none;margin: 0 -10px;}
.owl_doitac .slick-slide {margin: 0 10px;}
.owl_doitac .doitac{background: #ffffff;border: 1px solid #dddddd;}
/* Menu danh muc */
#mainmenu.fixed #menu_danhmuc .list_danhmuc,#mainmenu.no-index #menu_danhmuc .list_danhmuc{display: none;}
#menu_danhmuc:hover .list_danhmuc{display: block !important;}
#menu_danhmuc{width: 270px; position: relative;}
#menu_danhmuc h4 a{font-size: 14px;color: #ffffff;background: #ba0000 url(images/dm.png) no-repeat left center;text-indent: 50px;line-height: 55px;display: block;text-transform: uppercase;text-align: center;}
#menu_danhmuc .list_danhmuc{position: absolute;top: 100%;left: 0;width: 100%;}
#menu_danhmuc ul{list-style: none;padding: 0;background: #ffffff;border: 1px solid #E3E3E3;max-height: 460px;overflow: auto;}
#menu_danhmuc ul li a{font-size: 14px;font-weight: 600;color: #000000;display: block;padding: 12px 10px 12px 40px;border-bottom: 1px solid #E3E3E3;background: url(images/sun.png) no-repeat 10px center;}
#menu_danhmuc ul li:hover > a{color: #ba0000;}
#menu_danhmuc ul li .list_child{position: absolute;left: calc(100% - 1px);display: none;}
#menu_danhmuc ul li:hover > .list_child{width: 270px; transition: visibility 0.5s; display: block;}
#menu_danhmuc ul li:last-child a{border-bottom: 0;}

#menu_danhmuc ul::-webkit-scrollbar {width: 3px;}
#menu_danhmuc ul::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);}
#menu_danhmuc ul::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey;}
/*++++++++++LEFT+++++++++++*/
.sp_index{display: flex;flex-wrap: wrap;justify-content: space-between;}
div#left {width: 275px;position:  relative;z-index: 2;}
.load_sanpham{width: 100%;}
.product_detail{width: calc(100% - 305px);position: relative;z-index: 0;}
.product_detail .sanpham{grid-template-columns: repeat(3,1fr);}
/* product */
.sanpham{width: 100%;display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 25px;}
.img_list{grid-row: 1;grid-column: 1 / 3;}
.item .img{position: relative;-webkit-backface-visibility:a hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);z-index: 0;display: block;border: 1px solid #f0f0f0;overflow: hidden;}
.item .img.sale:before{position: absolute;content: attr(data-sale);width: 42px;height: 32px;background: url(images/sale.png) no-repeat top center;top: 10px;right: 10px;color: #ffffff;z-index: 1;font-size: 12px;padding: 4px 0 0 0;}
.item .img:after{position: absolute;content: '';top: 0;left: 0;right: 0;bottom: 0;background: #00000047;opacity: 0;transition: opacity 0.5s;z-index: 0;}
.item .img img{display: table;margin: 0 auto;}
.bao_item .item:first-child{margin-bottom: 20px;}
.item {transition: 0.5s all;position: relative;transition: border 1s;text-align: center;}
.item h3{position: relative;width: 100%;display: block;margin: 10px 0 5px 0;}
.item h3 a{color: #000000;font-size: 15px;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 1;max-height: 20px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 400;}
.item .gia{font-size: 13px;color: #575757;font-weight: 400;}
.item .gia span{display: inline-block;}
.item .giacu{text-decoration: line-through;color: #a1a1a1;margin: 0 0 0 5px;font-size: 13px;}
.item .giaban{color: #e62525;font-weight: 700;font-size: 15px;}
.item:hover h3 a{color: #cb0004;}/* Tab product */
.item .chucnang{position: absolute;bottom: -40px;text-align: center;display: flex;flex-wrap: wrap;justify-content: center;width: 100%;transition: bottom 0.5s;z-index: 1;}
.item .chucnang a{border-radius: 2px; cursor: pointer;}
.item .chucnang .view{width: 30px; height: 30px; background: #ffffff url(images/view.png) no-repeat center;}
.item .chucnang .muangay{font-size: 14px;color: #ffffff;background: #e62525;font-weight: 400;text-transform: capitalize;padding: 0 15px;display: table;border-radius: 2px;line-height: 30px;margin: 0 5px;}
.item .chucnang .buy{width: 30px; height: 30px; background: #ffffff url(images/buy.png) no-repeat center;}
.item .img:hover .chucnang{bottom: 10px;}
.item .img:hover:after{opacity: 1;}

.tab_show{display: block !important;border: 1px solid #ebebeb;border-top: 0;padding: 10px;width:  100%;background: #ffffff;position: relative;}
.tab_hidden{ display: none; }
.noidung_ta *{max-width: 100%;}
/*Hover images*/
.hover_img {overflow: hidden;position: relative;}
.hover_img:before {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #ffffff5e;  content: '';  z-index: 10;  -webkit-transition: -webkit-transform .6s;  transition: transform .6s;  -webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);  transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-120%,0);}
.hover_img:hover:before {  webkit-transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);  transform: scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,120%,0);}
/* Zoom In #1 */
.hover_zoom{position: relative;overflow:  hidden;display: block;}
.hover_zoom img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;position: relative;}
.hover_zoom:hover img {-webkit-transform: scale(1.09);transform: scale(1.09);}
.hover1{display: block; position: relative;}
.hover1:before {z-index: 1;content: "";position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;transform: scale(0, 1);-moz-transform: scale(0, 1);-webkit-transform: scale(0, 1);-ms-transform: scale(0, 1);transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.hover1:after {z-index: 1;content: "";position: absolute;left: 10px;right: 10px;top: 10px;bottom: 10px;border-left: 1px solid #fff;border-right: 1px solid #fff;transform: scale(1, 0);-moz-transform: scale(1, 0);-webkit-transform: scale(1, 0);-ms-transform: scale(0, 1);transition: all 0.4s ease-in-out 0s;-moz-transition: all 0.4s ease-in-out 0s;-webkit-transition: all 0.4s ease-in-out 0s;}
.hover1:hover:before, .hover1:hover:after {transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1); }
/* Service detail */
.box_service{width: 100%;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px;}
.service{display: block;text-align: center;}
.service .img{overflow: hidden;display: block;}
.service .noidung{width: calc(100% - 165px);} 
.service img{display: inline-block;}
.service h3{width:  100%;position:  relative;margin: 10px 0;}
.service h3 a{font-size: 15px;color: #000000;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 2;max-height: 50px;display: -webkit-box;-webkit-box-orient: vertical;font-weight: 700;text-transform: uppercase;}
.service:hover h3 a{color: #e62525;}
.service p{font-size: 14px;color: #000000;font-weight: 400;width:  100%;padding: 0;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 3;max-height: 60px;display: -webkit-box;-webkit-box-orient: vertical;text-align: justify;}
.owl_tinkhac{margin: 0 -10px;}
.owl_tinkhac .slick-slide{margin: 0 10px;}
.owl_tinkhac .service{display: none;}
/* Vi sao */
#visao{padding: 60px 0;}
#visao h4{text-align: center;text-transform: uppercase;font-size: 28px;color: #fff700;font-family: SFUFuturaBold;font-weight: 100;margin-bottom: 50px;}
.box_visao{display: grid;grid-template-columns: repeat(2,1fr);grid-column-gap: 80px;grid-row-gap: 40px;width: 950px;max-width: 100%;margin: 0 auto;}
.visao{display: flex !important;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;cursor: pointer;}
.visao:after{position: absolute; content: ''; top: 0; left: 0; bottom: 0; right: 0; background: #00000075; opacity: 0;}
.visao .img{display: block; position: relative; z-index: 1;}
.visao .noidung{width: calc(100% - 85px);position: relative;z-index: 1;}
.visao h3{font-size: 18px;font-weight: 900;color: #ffffff;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;max-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;}
.visao p{font-size: 14px;color: #ffffff;font-weight: 300;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 2;max-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;}
.visao:hover img{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg); transition: all 1s;}
.visao:hover h3{color: #fff700;}
/* Dichvu */
#dichvu{padding: 40px 0;position: relative;}
.box_dichvu{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 26px;}
.dichvu{text-align: center;}
.dichvu .img{display: block;border-radius: 10px 0 10px 0;box-shadow: 0px 4px #005826;}
.dichvu h3{margin-top: 10px;}
.dichvu h3 a{font-size: 15px;color: #313131;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 2;max-height: 40px;display: -webkit-box;-webkit-box-orient: vertical;}
.dichvu:hover h3 a{color: #007316;}
#dichvu .xemthem{display: table;margin: 0 auto;padding: 7px 20px;background: #fff700;color: #007316;font-size: 14px;font-weight: 400;border-radius: 5px;cursor: pointer;margin-top: 20px;}
#dichvu .xemthem:hover {background-color: #efe704;}

#dichvu_vscn{padding: 50px 0;}
.slick_dichvu{display: none; margin: 0 -1px;}
.slick_dichvu .slick-slide{margin: 0 13px;}
.slick_dichvu .dichvu.dv_index h3 a{color: #ffffff;}
.dichvu.dv .img{box-shadow: none;}
.dichvu.dv_index:hover h3 a{color: #fff700;}
/* Tuyen dung */
#tuyendung{padding: 50px 0;}
.box_tuyendung{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 50px;}
.tuyendung{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tuyendung .noidung{width: calc(100% - 220px);}
.tuyendung .noidung .ngaydang{font-size: 14px; color: #9f9f9f; font-weight: 400;}
.tuyendung .noidung h3{margin: 5px 0;}
.tuyendung .noidung h3 a{font-size: 16px;color: #007316;font-weight: 700;overflow: hidden;text-overflow: ellipsis;line-height: 25px;-webkit-line-clamp: 1;max-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;}
.tuyendung .noidung .mota{font-size: 14px;color: #5d5d5d;font-weight: 400;overflow: hidden;text-overflow: ellipsis;line-height: 20px;-webkit-line-clamp: 3;max-height: 60px;display: -webkit-box;-webkit-box-orient: vertical;}
.tuyendung:hover .noidung h3 a{color: #ff0000;}
/* hình anh */
#hinhanh{padding: 40px 0 0 0;}
.box_hinhanh{display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 2px;width: 1366px;margin: 0 auto;max-width: 100%;}

@media (max-width:1200px){
	.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom: 1em;}
    .video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
    .margin_auto{width: 100% !important;}
	#info{padding: 10px;margin: 0;border: none;}
    div#left,#menu_left{display: none;}
    .product_detail{width: 100%;}

    #slider #amazingslider-wrapper-1{width: 100%;}
    #slider .danhmuc, #slider #quangcao{display: none;}
}
@media(max-width: 1000px){
    .khung_flex{justify-content: center;}
    
    #header{margin: 0;display: block;border: none;position: relative;padding: 0;top: 0;}   
    #header .header{position: relative;padding: 10px;z-index: 3;}
    #header .header_mm a{display: block;top: 50%;transform: translateY(-50%);}
    .frm_timkiem{width: 500px; max-width: 90%;}
    #mainmenu{height: 50px;margin: 0;background: #007316 !important;}
    nav.menu_top > ul > li.icon{display: none;}
    .hotline{display: none;}
    .head_t .margin_auto p:nth-child(2){margin: 0 10px;}
    #banner{display: none;}
    

    .left_index{display: none;}
    .product_index{width: 100%;}
    #sanpham .khung_sp{padding: 20px 10px;}

    #nhantin{padding: 40px 20px;}
    #nhantin .nhantin, #nhantin .hotro{width: 100%;margin: 20px 0;}

    #visao{padding: 20px 10px;} 
       
    nav.menu_top:before, nav.menu_top:after{display: none;}
    nav.menu_top > ul > li.search{position: absolute;right: 5px;top: 10px;}
    .header .menu_list,#header .thongtin .free-ship{display: none;}
    
   #slider .pagewrap{left: 50%; right: unset; transform: translateX(-50%);}
    
    .dieuhuong{padding: 10px;}
    #quangcao{display: none;}
    
    #sanpham .khung{padding: 30px 10px;}
    .owl_sp{margin: 0 -10px;}
    .owl_sp .slick-slide{margin: 0 10px;}

    .khung_thongtin, .frame_images{width: 100% !important;padding: 0;margin-bottom: 20px;}
   
    #hinhanh{padding: 30px 0;}
    .box_hinhanh{grid-template-columns: repeat(3,1fr);}

    #tintuc{padding: 30px 10px;}
    .owl_tintuc{margin: 0 -10px;}
    .owl_tintuc .slick-slide{margin: 0 10px;}
    .owl_tintuc .tintuc .noidung{padding: 10px;}

    #gioithieu{padding: 30px 20px;}
    #gioithieu:before{display: none;}
	/*.img_gt:after{display: none;} */
    #gioithieu .img_gt{display: table;margin: 0 auto;margin-top: 30px;max-width: 100%;}
    #gioithieu .noidung_gt{width: 100%;}

    #dichvu,#dichvu_vscn{padding: 30px 10px;}
    .box_dichvu{grid-template-columns: repeat(2,1fr); grid-gap: 20px;}
    .slick_dichvu{margin: 0 -5px;}
    .slick_dichvu .slick-slide{margin: 0 5px;}

    #tuyendung{padding: 30px 10px;}
    .box_tuyendung{grid-gap: 20px;}

    #bottom{padding: 30px 10px;}
    #bottom .bot{width: 100%; margin-bottom: 30px;}
    #bottom .bot:last-child{margin-bottom: 0;}
   .slick_video{padding: 15px;}
   .slick_video .slick-slide{margin: 0 5px;}
   .slick-video{margin: 0;}
       
    .lienhe{width: 100%;padding: 20px;background: #3b5999;margin: 0;height: auto;}
    .frm_lienhe button{display: table; margin: 0 auto;}
    
    .khung_trai, .khung_phai{width: 100%; margin-bottom: 20px;}
    .mang_xh a{margin: 0 5px;}
    .mang_xh ul{width: 100%; border: none; margin: 20px 0 0 0; padding: 0;}
    
    .bottom{padding: 20px 10px;}
    .bottom:last-child{margin: 0;}
    .bottom .bot{width: 100%;margin: 10px 0;}
    .bottom .tintuc_bot .news_big{display: none;}
    .bottom .tintuc_bot .scroll_tintuc{width: 100%;}
    .bottom .nhantin{width: 100%;}
    .bottom .hinhanh{width: 100%; margin-bottom: 20px;}
    .bottom .video{width: 100%;}

    #footer .thongtin_ct{width: 100%;}
    #footer .facebook{width: 100%; margin: 30px 0;}
    #footer .bando{width: 100%;}
    #footer .thongtin_ct .noidung{width: 100%;}
    #footer .thongtin_ct .chinhsach{width: 100%; margin: 20px 0;}
    .nhantin{text-align: center;}
    .nhantin .title_nt{width: 100%; padding: 0; border: none; margin: 10px 0;}

    #footer{ padding: 30px 20px;}
    .mang_xh{width: 100%;}
    .coppy{margin-bottom: 50px;background: #000000;}
    
    #tintuc{padding: 30px 10px;}
    #tintuc .box_tintuc{display: block;width: 100%;padding: 0;border: none;}
    .owl_tintuc{margin: 0 -5px;}
    .owl_tintuc .slick-slide{margin: 0 5px;}

    #doitac{padding: 20px 15px;}
    .owl_doitac{margin: 0 -5px;}
    .owl_doitac .slick-slide{margin: 0 5px;}
}
@media(max-width: 980px){
    .khung_album{grid-template-columns: repeat(3,1fr);grid-gap: 10px;}
    .sanpham{grid-template-columns: repeat(3,1fr) !important;grid-gap: 15px;}

    .box_video{grid-template-columns: repeat(3,1fr); grid-gap: 10px;}

    .list_chinhanh,.list_map{width: 100% !important;margin: 0 0 20px 0;}

    .box_visao{grid-gap: 20px;}
}
@media(max-width: 850px){
    .box_tuyendung{display: block;}
    .tuyendung{margin-bottom: 10px;}
    .tuyendung:last-child{margin-bottom: 0;} 

    .box_news{display: block;}
    .news{margin-bottom: 20px;}
    .news:last-child{margin: 0;}
}
@media(max-width: 750px){
    #sp_info .khung .img{width: 100%;}
    .tab_sp li{margin: 0 5px;font-size: 12px;padding: 5px 10px;}
    
}
@media(max-width: 650px){
    .sanpham{display: grid;grid-template-columns: repeat(2,1fr) !important; grid-gap: 10px !important;}

    .khung_album{grid-template-columns: repeat(2,1fr);}

    .owl_sp,.slick_sp{margin: 0 -5px;}
    .owl_sp .slick-slide,.slick_sp .slick-slide{margin: 0 5px;}

    .title_sp h2{width: 100%;}
    .title_sp a{display: none;}   

    .box_video{grid-template-columns: repeat(2,1fr);} 
}
@media(max-width: 600px){
    .box_visao{display: block;}
    .visao{margin-bottom: 20px;}
    .visao:last-child{margin: 0;}

    .box_hinhanh{grid-template-columns: repeat(2,1fr);}
}
@media(max-width: 500px){
    .tintuc:first-child .img{width: 50%;}
    .tintuc:first-child .noidung{width:  calc(50% - 20px);}
    .tintuc .noidung:before,.tintuc .noidung:after{display: none;}
    .tintuc .noidung h3{padding: 0; margin-bottom: 5px;}
    .box_service{grid-template-columns: 1fr;grid-gap: 20px;}

    .box_dichvu{grid-gap: 10px;}
}
@media(max-width: 380px){
    .item .chucnang a{font-size: 12px !important;}
}
/*Update*/
.singletext{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bgtop { margin-top: 25px;}
.slider_slick { display: none;}
.slider_slick .item img { display: block; width: 100%;}
.item-hs { position: relative;}
.item-hs h3 { position: absolute; padding: 5px; bottom: 0px; left: 0px; right: 0px; background-color: #00000091; color: #fff; font-size: 15px; text-align: center;}