@font-face
{
    font-family: 'BLBold';
    src: url('../css/fonts/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src: url('../css/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/fonts/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
    url('../css/fonts/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'BLMedium';
    src: url('../css/fonts/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src: url('../css/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/fonts/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
    url('../css/fonts/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'BLSemiBold';
    src: url('../css/fonts/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src: url('../css/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/fonts/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
    url('../css/fonts/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'SVNGBold';
    src: url('../css/fonts/Roboto-Bold.eot'); /* IE9 Compat Modes */
    src: url('../css/fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/fonts/Roboto-Bold.woff') format('woff'), /* Modern Browsers */
    url('../css/fonts/Roboto-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'SVNG';
    src: url('../css/fonts/Roboto-Regular.eot'); /* IE9 Compat Modes */
    src: url('../css/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/fonts/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
    url('../css/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'BL';
    src: url('../css/fonts/Roboto-Regular.eot'); /* IE9 Compat Modes */
    src: url('../css/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/fonts/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
    url('../css/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); /* Legacy iOS */
}
@font-face
{
    font-family: 'SVNGBook';
    src: url('../css/fonts/Roboto-Regular.eot'); /* IE9 Compat Modes */
    src: url('../css/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../css/fonts/Roboto-Regular.woff') format('woff'), /* Modern Browsers */
    url('../css/fonts/Roboto-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../css/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); /* Legacy iOS */
}

.headerBox {padding: 10px 0 0 0}
.headerRight {margin-top: 10px;width: calc(100% - 300px)}
.top_head .top_left {float: left;margin-right: 50px}
.top_head .top_right {float: right;padding-top: 2px}
.top_head .top_left .phone {float: left;color: red;font-family: BLMedium;line-height: 30px}
.top_head .top_left .phone a {color: red;font-family: BLBold;font-size: 16px;line-height: 30px}
.top_head .top_left .phone span {color: #333;margin-left: 3px}
.top_head .top_left .flashSale {margin-left: 30px;background-color: red;color: white;padding: 0 10px;border-radius: 5px;font: 14px BLBold;text-transform: uppercase;float: left;line-height: 30px}
.top_head .top_left .flashSale:hover {color: yellow}
.top_head .top_left .flashSale i {color: yellow}
.menuBox {margin-right: 0}
.menuTop {float: left}
.menuTop a {float: left;margin-right: 20px;font-family: BL}
.menuTop a:hover {color: var(--color-main)}
.searchHeader {overflow: hidden;border-left: 1px solid #ececec;border-right: 1px solid #ececec;float: left}
.searchHeader input {float: left;width: 150px;height: 30px}
.searchHeader a {float: right;width: 30px;height: 30px}
.gioHang {background: none;float: left;text-align: center}
.gioHang span {width: 12px;height: 12px;border-radius: 50%;text-align: center;color: white;background-color: red;font-size: 10px;line-height: 12px;margin-top: 0;right: 1px;top: 2px}

@media(min-width: 768px){
    .headerBox .logoBox {margin: 5px 0}
    .menuBox {float: none;background-color: var(--color-main)}
    .menuMain {padding: 0;margin: 0}
    .menuMain>li {position: relative;margin-right: -1px}
    /*.menuMain>li:before {content: "";display: block;width: 1px;height: 20px;background-color: white;position: absolute;top: 12px;right: 0;opacity: 0.2}*/
    .menuMain .subMenuMega {top: 100px;background: white !important}
    .menuMain>li.hasSubMenuMega>a:before {top: calc(100% - 1px)}

    /*.menuMain .subMenu {top: calc(100% + 10px);border-top: none;border-radius: 10px;background-color: var(--color-main);padding: 10px 0}*/
    /*.menuMain>li.hasSubMenuNews>a:before {top: 100%;background: none;border-bottom: 10px solid white;border-left: 10px solid transparent;border-right: 10px solid transparent;width: auto;height: auto}*/
    /*.menuMain .subMenu>li>a {border: none;padding-left: 30px;margin: 0 15px;border-radius: 5px;position: relative;background-color: transparent;color: white}
    .menuMain .subMenu>li>a:before {content: "";display: block;width: 7px;height: 7px;border-radius: 50%;border: 1px solid white;position: absolute;left: 12px;top: 15px}
    .menuMain .subMenu>li:hover>a {background-color: #554ab3;color: white}
    .menuMain .subMenu>li:hover>a:before {background-color: white}
    .menuMain .subMenu .subMenu {padding: 10px 0;top: -10px}*/

    .menuMain>li>a {color: white;font-size: 14px;line-height: 44px}
    .menuMain>li.active>a, .menuMain>li:hover>a {background-color: transparent}
    .menuMain>li.active, .menuMain>li:hover {background-color: #554ab3}
    @media(max-width: 1599px){
        .menuMain>li>a {padding: 0 10px}
    }

    .searchHeader input {display: block !important}
}

.productHome .itemBox.first {width: calc((100% - 80px)/5)}
.productHome .itemBox.first .khungAnh:before {padding-bottom: 170%}
.productHome .itemBox:nth-child(5n+1) {clear: both}
.productHome .itemBox:nth-child(9n+4) {margin-right: 20px}
.productHome .itemBox:nth-child(5n) {margin-right: 0}
.productHome .itemBox:nth-child(4)~.itemBox {margin-top: 0}
.productHome .itemBox .listPrice .subItem, .list_sp .listPrice .subItem {color: #666;font: 16px BL;margin: 8px 0}
.productHome .itemBox .listPrice .subItem span, .list_sp .listPrice .subItem span {color: red;font-family: BLBold;margin-right: 8px}
.productHome .itemBox .viewDetail {display: inline-block;border-bottom: 1px solid #333}
.productHome .itemBox .viewDetail:hover {color: var(--color-main);border-bottom-color: var(--color-main)}
.productHome .viewAll {float: right;margin-top: 13px}

.list_sp .khungAnh:before {padding-bottom: 100%}
.list_sp .itemCate {margin-top: 10px;height: 24px;overflow: hidden}
.list_sp .itemCate a {font: 15px/22px BLMedium;text-transform: uppercase;color: #666}
.list_sp .itemCate a:hover {color: var(--color-main)}
.list_sp .itemTitle {margin-top: 5px;height: 50px;overflow: hidden}
.list_sp .itemTitle a {font: 16px/24px SVNGBold;color: #000}
.list_sp .viewDetail {display: inline-block;border-bottom: 1px solid #333}
.list_sp .khungAnh:hover:after {content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 6;border: 1px solid var(--color-main)}
.list_sp .slick-list {width: calc(100% + 20px)}
.list_sp.slick-slider .item {margin-right: 20px}
.list_sp .itemTitle a:hover {color: var(--color-main)}
.list_sp .viewDetail:hover {color: var(--color-main);border-color: var(--color-main)}
.list_sp .slick-arrow {position: absolute;left: -60px;top: calc(50% - 22px);width: 44px;height: 44px;border-radius: 50%;font-size: 0;background-color: #eee}
.list_sp .slick-next {left: auto;right: -60px}
.list_sp .slick-prev:before {content: "\f104";font: 18px FontAwesome;color: #000}
.list_sp .slick-next:before {content: "\f105";font: 18px FontAwesome;color: #000}
.list_sp .slick-arrow:hover {background-color: var(--color-main)}
.list_sp .slick-arrow:hover:before {color: white}
.list_sp.spCate .item {width: calc((100% - 80px)/5);float: left;margin: 0 20px 20px 0}
.list_sp.spCate .item:nth-child(5n) {margin-right: 0}
.list_sp.spCate .item:nth-child(5n+1) {clear: both}
.cateContent {margin-bottom: 50px}
.cateContent .noidung {padding: 40px 50px;background-color: #f5f5f5;border-radius: 10px;border: 1px dashed #999}

.spBanChay {padding-top: 60px}
.big_tt {height: 0;margin-bottom: 50px;text-align: center;border-bottom: 1px solid var(--color-main)}
.big_tt .title {display: inline-block;color: red;background-color: white;transform: translateY(-60%);-webkit-transform: translateY(-60%);-moz-transform: translateY(-60%);font: 30px BLSemiBold;padding: 0 20px}
.spBanChay .slick-slider {margin-bottom: 50px}

.productHome:last-child {margin-bottom: 60px}

.bao_tt {border-top: 2px solid #302780;padding-top: 10px;margin-bottom: 30px}
.bao_tt .title {font: 36px BLMedium}
.bao_tt a.title:hover {color: var(--color-main)}
.bao_tt .viewAll {float: right;border-bottom: 1px solid #333;margin-top: 13px}
.bao_tt .viewAll:hover {color: var(--color-main);border-bottom-color: var(--color-main)}

.tin_home {overflow: hidden;margin-bottom: 50px}
.tin_home .khungAnh {width: calc((100% - 60px)/4);float: left;margin: 0 20px 20px 0}
.tin_home .khungAnh:first-child {width: calc(50% - 10px);margin-right: 20px !important}
.tin_home .khungAnh:nth-child(4n+1), .tin_home .khungAnh:nth-child(3), .tin_home .khungAnh:nth-child(5) {margin-right: 0}
.tin_home .info {position: absolute;left: 0;bottom: 0;padding: 10px 15px;z-index: 2;color: white;width: 100%;text-align: left;background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.1) 90%, transparent 100%)}
.tin_home .info .date {display: block;opacity: 0.8;font-size: 14px}
.tin_home .info .title {color: white;font: 16px BLBold;line-height: 20px;max-height: 40px;overflow: hidden}
.tin_home .khungAnh:first-child .info .title {font-size: 18px;line-height: 24px;max-height: 48px}
.tin_home .khungAnh:before {padding-bottom: 66.66%}
.tin_home .khungAnh:first-child:before {padding-bottom: calc(66.66% + (20px/3))}
.tin_home .khungAnh:hover .info {background: var(--color-main)}

.block_dl {box-shadow: 0 0 10px rgba(0,0,0,0.2);margin-bottom: 20px}
.title_dl {text-transform: uppercase;font: 18px BLMedium;padding: 10px 15px;position: relative}
.title_dl:before {content: "";display: block;width: 3px;height: 16px;background-color: red;position: absolute;left: -1px;top: calc(50% - 8px)}
.list_dl {overflow: hidden}
.list_dl .item {width: calc(100%/3);float: left;padding: 10px 15px;border-top: 1px solid #ececec}
.list_dl .title {font: 16px BLBold;margin-bottom: 5px}
.list_dl .item:nth-child(2n) {background-color: #f6f6f6}
.list_dl .openMap {color: red}
.cate_dl .bao_tt {margin-bottom: 15px}
.cate_dl .list_dl {margin-bottom: 50px}

.infoFooter .menuBottom {margin: 20px 0 0 0}
.socialBox .text a {font: 18px/24px BLMedium;text-transform: uppercase}
.item.menuBottom {margin: 0 50px 0 0}
.socialBox {height: auto;width: auto}
.socialBox .text {float: none;margin: 0 0 15px 0}
.socialBox .bct {clear: both;padding-top: 20px}
.menuBottom ul li i {color: #333}
.fbPage .content img {width: auto;max-width: 100%}
.footerBox {background-color: #fcfcfc;border-top: 1px solid var(--color-main);margin-top: 50px}
.bottomBox {background-color: #fcfcfc}
.breadCrumbBox {background-color: #f8f8f8}

.list_news .item {box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.list_news .info {padding: 10px 15px}
.list_news .date {color: #666;font-size: 14px;margin-bottom: 8px}
.list_news .title {font: 16px/22px BLBold;margin-bottom: 10px;height: 44px;overflow: hidden;display: block}
.list_news .title:hover, .list_news .viewDetail:hover {color: var(--color-main)}
.list_news .desc {line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 10px}
.list_news .viewDetail {color: #333}

.list_news:not(.slick-slider) {margin-bottom: 50px}
.list_news:not(.slick-slider) .item {margin: 0 30px 30px 0;width: calc((100% - 90px)/4);float: left}
.list_news:not(.slick-slider) .item:nth-child(4n) {margin-right: 0}
.masterPage {padding: 50px 0 0 0}

.slideBox .khungAnh:before {padding-bottom: calc(680/1900*100%)}

#popupMap {position: fixed;z-index: 11;top: 0;left: 0;width: 100%;height: 100%;justify-content: center;align-items: center;background-color: rgba(0,0,0,0.7);display: none}
#popupMap .ndMap {display: inline-block;position: relative;border-radius: 20px;overflow: hidden;width: 90%;height: 90%;max-width: 1200px;max-height: 700px}
#popupMap .closePopup {position: absolute;top: 0;right: 0;z-index: 3;background-color: var(--color-main);color: white;width: 40px;height: 40px;text-align: center;cursor: pointer}
#popupMap .closePopup i {font-size: 20px;line-height: 40px}
#iframeMap, #iframeMap iframe {width: 100%;height: 100%}

.dangKyDaiLy {box-shadow: 0 0 10px rgba(0,0,0,0.2);border-top: 2px solid red;padding: 15px 60px 50px 60px}
.dangKyDaiLy .form {background: none;padding: 0}
.dangKyDaiLy .title span {text-transform: none;font-size: 36px}
.dangKyDaiLy .inputBox b {display: block;margin-bottom: 5px}
.dangKyDaiLy .btnClick {text-align: center}
.dangKyDaiLy .btnClick a.dangKy {padding: 0 50px;font: 18px/40px BLBold}
.dangKyDaiLy .btnClick a.dangKy:hover {color: white}

.pageTitle {text-align: center}
.pageTitle a:before, .pageTitle span:before {display: none}
.pageTitle a, .pageTitle span {padding-left: 0;color: var(--color-main);font: 30px BLBold;text-transform: none}
.baiVietOther .title a, .baiVietOther .title span {font-size: 30px;padding-left: 0;text-transform: none}
.baiVietOther .title a:before, .baiVietOther .title span:before {display: none}
.baiVietOther .bao_tt {border-top: none;margin-bottom: 15px}

.commonTool {text-align: center;margin-bottom: 30px;color: #999}
.commonTool span {display: inline-block;padding: 0 10px;border: 1px solid #eee;border-radius: 3px;line-height: 30px;margin: 0 3px;cursor: pointer;height: 30px}
.commonTool span sup {line-height: 0}
.commonTool span.sizeText:hover {background-color: var(--color-main);color: white}
.TextSize.miniSize {max-width: 850px;margin: auto}

.bao_cate {border-bottom: 1px solid #ececec;margin-bottom: 15px;position: relative;z-index: 3}
.bao_cate .title_Cate {font: 36px BLSemibold;margin-bottom: 10px;display: inline-block}
.list_cate:not(.show) {float: right;padding-top: 10px}
.list_cate.show {position: absolute;top: 100%;right: 0;background-color: white;box-shadow: 0 2px 5px rgba(0,0,0,0.2);padding: 5px 10px;border-radius: 0 0 5px 5px}
.list_cate:not(.show) a {display: inline-block;text-decoration: none;margin-left: 15px}
.list_cate.show a {display: block;text-align: right;margin: 5px 0;padding: 0;line-height: 22px;border: none}
.list_cate a:hover {color: var(--color-main);border-bottom-color: var(--color-main)}
.bao_cate .openSub:before {content: "\f0c9";font: 18px FontAwesome;position: absolute;top: 7px;right: 0;width: 30px;height: 30px;text-align: center;line-height: 30px}
.bao_cate .openSub.active:before {content: "\f00d"}

.filter_sort {float: right}
.filter_btn {float: left;margin-right: 5px;padding: 0 10px;border: 1px solid #ececec;font-size: 14px;line-height: 28px}
.sort_btn {float: right;white-space: nowrap;padding: 0 10px;border: 1px solid #ececec;line-height: 28px}
.sort_btn span {line-height: 22px;font-size: 14px}
.sort_btn select {height: 22px;border: none;width: 170px}

.quickInfo .thongSoNhanh {border: none;background: none;padding: 0}
.quickInfo .title {font-size: 26px}
.quickInfo .price_sp .sale {font: 18px BLBold;color: red}
.quickInfo .price_sp .old {margin-left: 20px;text-decoration: line-through;color: #888}

.priceChose {margin-top: 10px}
.priceChose b {font-family: BLBold}
.list_price {overflow: hidden;margin-top: 5px}
.list_price a {float: left;margin: 0 10px 10px 0;padding: 5px 10px;border: 1px solid #cecece;border-radius: 5px;text-align: center;font-family: BL}
.list_price a span {display: block;color: red;font-family: BLBold}
.list_price a.active {border-color: var(--color-main);background-color: #f3f1ff;font-family: BLBold}

.quickInfo {overflow: hidden}
.quickInfo .buy {float: left;margin-top: 10px}
.quickInfo .buy a {position: relative;margin-right: 80px;background-color: var(--color-main);border-radius: 21px}
.quickInfo .buy a span {padding: 0 80px;line-height: 42px;display: block}
.quickInfo .buy a i {position: absolute;top: 0;left: calc(100% + 8px);width: 42px;height: 42px;border: 2px solid var(--color-main);border-radius: 50%;text-align: center;font-size: 22px;line-height: 36px}
.quickInfo .buy a:hover {background-color: white;box-shadow: 0 0 10px rgba(0,0,0,0.2)}
.quickInfo .buy a:hover span {color: var(--color-main)}
.quickInfo .mess_tuvan {background-color: #fff3f3;border-radius: 21px;border: 1px solid #fec1c5;overflow: hidden;margin-top: 10px;float: left}
.quickInfo .mess {background: #eff8ff url(/Css/Pic/mess.png) no-repeat left 5px center;background-size: 48px;float: left;line-height: 44px;padding: 0 20px 0 50px;border: 1px solid #add6fc;border-radius: 25px;margin: -1px 20px -1px -1px}
.quickInfo .tuvan {color: red;text-align: center;white-space: nowrap;overflow: hidden;padding-right: 30px}
.quickInfo .tuvan a {text-align: center;font: 16px BL;color: red;line-height: 18px}
.quickInfo .tuvan span {display: block;color: #333;font-size: 14px;line-height: 18px}

.baiVietOther .header {margin-bottom: 10px}

.gt_title {font: 24px BLBold;color: var(--color-main);text-transform: uppercase}

.list_gt1 {margin-bottom: 50px}
.list_gt1 .item {overflow: hidden;background-color: #efecff;margin-top: 30px}
.list_gt1 .khungAnh {width: calc(50% - 20px);float: right}
.list_gt1 .khungAnh:before {padding-bottom: 50%}
.list_gt1 .info {width: calc(50% + 20px);float: left;box-sizing: border-box;padding: 15px 40px;display: flex;align-items: center}
.list_gt1 .title {font: 20px BLBold;text-transform: uppercase;line-height: 24px;margin-bottom: 10px}
.list_gt1 .item:nth-child(2n) .khungAnh {float: left}
.list_gt1 .item:nth-child(2n) .info {float: right}

.list_gt2 {overflow: hidden;margin-top: 10px}
.list_gt2 .item {width: calc((100% - 60px)/3);float: left;margin: 0 0 30px 30px;background-color: var(--color-main)}
.list_gt2 .item:nth-child(3n+1) {clear: both;margin-left: 0}
.list_gt2 .item .khungAnh:before {padding-bottom: 100%}
.list_gt2 .title {margin: 15px;color: white;font: 16px/21px BLBold;text-align: center;height: 42px;display: flex;align-items: center;justify-content: center}

.list_gt4 {margin-top: 15px}
.list_gt4 .khungAnh {width: calc((100% - 120px)/5);float: left;margin: 0 30px 30px 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);border: 5px solid white}
.list_gt4 .khungAnh:nth-child(5n) {margin-right: 0}

.gt_mucluc {border: 1px solid #cecece;background-color: #f5f5f5;display: inline-block;margin: 30px 0;padding: 10px 20px;border-radius: 5px;width: 100%;max-width: 500px}
.gt_mucluc .title_ml {margin-bottom: 15px;text-transform: uppercase;font-family: BLBold;font-size: 18px}
.gt_mucluc .title_ml span {font-family: BL;text-transform: none;font-size: 16px;cursor: pointer}
.gt_mucluc a {display: block;padding-left: 15px;margin-bottom: 3px;position: relative}
.gt_mucluc a:before {content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background-color: var(--color-main);position: absolute;left: 0;top: 10px}
.gt_mucluc a:hover {color: var(--color-main)}
.actionFix {z-index: 8}
.gioHang:hover {color: #333;background: none}

.productPicture {width: 500px;float: left}
.quickInfo {width: calc(100% - 530px);padding: 30px;box-shadow: 0 0 10px rgba(0,0,0,0.1);position: relative}
.productPicture .contentPicture .itemBox, .productPicture .contentPicture .itemBox:nth-child(2), .productPicture .contentPicture .itemBox:nth-child(6n+1), .productPicture .contentPicture .itemBox:nth-child(6n+2) {width: calc((100% - 30px)/4);margin: 10px 10px 0 0 !important}
.productPicture .contentPicture .itemBox:first-child {width: 100%;margin: 0 !important}
.productPicture .contentPicture .itemBox:nth-child(4n+1) {margin-right: 0 !important}
.quickInfo .price_sp .km {position: absolute;top: 0;right: 0;color: white;background-color: red;width: 50px;text-align: center;padding: 5px 0 20px 0;font: 24px BLBold;text-indent: 5px;overflow: hidden}
.quickInfo .price_sp .km sup {font-size: 14px}
.quickInfo .price_sp .km:before, .quickInfo .price_sp .km:after {content: "";display: block;position: absolute;left: 0;bottom: 0;border-bottom: 13px solid white;border-left: 25px solid transparent;border-right: 25px solid transparent;z-index: 2}
.quickInfo .price_sp .km:before {z-index: 1;border-bottom: 16px solid #9d000b;border-left: 30px solid transparent;border-right: 30px solid transparent;left: -5px}
.popUpImage {display: none}
.popUpImage.active {display: block}

.productHome .title a {font: 30px/40px BLBold;text-transform: none;padding-left: 0}
.productHome .title a:before {display: none}
.actionFix ul li.icon {display: block}
    

@media(max-width: 768px){
    .container, .container1 {width: calc(100% - 20px)}
    .top_head .top_left, .menuTop {display: none}
    .searchHeader input {display: none;background-color: white;box-shadow: 0 0 10px rgba(0,0,0,0.2);position: absolute;top: calc(100% + 15px);right: 0}
    .searchHeader input:focus {display: block}
    .searchHeader {border: none;overflow: visible;position: relative}
    .searchHeader a {text-align: center}

    .tin_home .khungAnh {width: calc(50% - 5px);margin: 0 10px 10px 0}
    .tin_home .khungAnh:first-child {width: 100%}
    .tin_home .khungAnh:nth-child(2n+1) {margin-right: 0}
    .tin_home .info .title {font-size: 15px;line-height: 20px;display: block;max-height: 60px;text-align: left}
     
    .bao_tt .title, .big_tt .title {font-size: 24px}
    .bao_tt .viewAll, .productHome .viewAll {display: none}

    .list_dl .item {width: 100%}
    .menuBottom .title a {padding-right: 20px}
    .footerBox .item:nth-child(1)~.item {margin-top: 20px}

    .bao_cate .title_Cate {font-size: 20px}
    .sort_btn select {width: 150px}
    .list_sp.spCate .item {width: calc(50% - 5px);margin: 0 10px 30px 0;padding: 0}
    .list_sp.spCate .item:nth-child(5n) {margin-right: 10px}
    .list_sp.spCate .item:nth-child(2n) {margin-right: 0}
    .list_sp.spCate .item:nth-child(5n+1) {clear: none}
    .headerRight {margin-top: 0;z-index: 3;position: relative;width: auto}

    .list_news:not(.slick-slider) .item {width: calc(50% - 5px);margin: 0 10px 20px 0}
    .list_news:not(.slick-slider) .item:nth-child(2n) {margin-right: 0}
    .pageTitle a, .pageTitle span, .baiVietOther .title a, .baiVietOther .title span {font-size: 20px}
    .productHome .itemBox.first {display: none}
    .list_sp .itemTitle a {font-size: 15px}
    .productHome .itemBox .listPrice .subItem, .list_sp .listPrice .subItem {font-size: 13px;letter-spacing: -0.5px}
    .productHome .itemBox .listPrice .subItem span, .list_sp .listPrice .subItem span {margin: 0 !important}

    .productPicture, .quickInfo {width: 100%;float: none}
    .quickInfo {padding: 0;box-shadow: none}
    .footerBox .logoBox {margin-top: 20px}
    .quickInfo .title {font-size: 20px;margin-bottom: 10px}

    .quickInfo .buy, .quickInfo .mess_tuvan {float: none}
    .quickInfo .buy a {margin-right: 50px}
    .quickInfo .mess {font-size: 0;padding: 0 30px;margin-right: 10px}

    .list_sp.slick-slider .slick-list {width: calc(100% + 10px)}
    .list_sp.slick-slider .item {margin-right: 10px}
    .quickInfo .price_sp .km {position: relative;float: right;font-size: 20px;width: 34px;padding: 3px 0 12px 0;margin-top: -10px}
    .quickInfo .price_sp .km sup {font-size: 12px}
    .quickInfo .price_sp .km:before {border-left-width: 20px;border-right-width: 20px;border-bottom-width: 12px}
    .quickInfo .price_sp .km:after {border-left-width: 17px;border-right-width: 17px;border-bottom-width: 10px}
    .baiVietOther.lienQuan .more {display: none}

    .cateContent .noidung {padding: 20px}
    .noidung * {max-width: 100%;height: auto !important}
    .noidung table, .noidung table * {display: block;max-width: 100%}

    .bao_cate .openSub:before {top: 0}
    .list_cate:not(.show) a {display: none}
}