::-webkit-scrollbar { background: #fff; width: 10px; height: 11px }
::-webkit-scrollbar-thumb { background: #BBBBBB }
* { margin: 0; padding: 0; box-sizing: border-box;outline: none !important;text-decoration: none !important  }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px transparent inset; transition: background-color 5000s ease-in-out 0s }
.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] { width: 100% !important }
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] { width: 100% !important }
.video_popup { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.video_popup iframe, .video_popup object, .video_popup embed { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
#clickvideo { width: 100%; padding: 4px 0; margin: 3px 0%; border: 1px solid #DDD; box-sizing: border-box }
.w-clear.share_detail { display: flex; flex-wrap: wrap; }
.addthis_native_toolbox { margin: 0px; clear: both; max-height: 50px; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 4px }
.zalo-share-button { background-color: #03A5FA; width: 75px; height: 20px !important; display: inline-block; vertical-align: middle; background-image: url(https://stc.sp.zdn.vn/share/logo_white_s_2x.png); background-repeat: no-repeat; -webkit-background-size: 14px 14px; background-size: 14px 14px; background-position: 6px 3px; position: relative; cursor: pointer; border-radius: 2px; }
.zalo-share-button::after { position: absolute; content: "Share"; left: 28px; top: 4px; font-size: 11px; line-height: 1; color: rgb(255, 255, 255); }
#toptop { width: 45px; height: 45px; position: fixed; bottom: 50px; right: 23px; cursor: pointer; transition: 0.5s; z-index: 200; border: solid 2px #0060b2; border-radius: 50%; font-size: 0; background: #fff }
div#toptop:before { position: absolute; content: '^'; top: 0; left: 0; right: 0; bottom: 0; text-align: center; font: normal normal normal 14px/1 FontAwesome; content: "\f106"; font-size: 30px; color: #0060b2; line-height: 37px }
#toptop:hover { transition: 0.5s; border: solid 2px #33a1ff }
.clear { clear: both }
img { max-width: 100% !important; vertical-align: middle }
div.bando img { max-width: none !important }
.margin { margin-right: 0px !important }
div.tt_lh { width: 40%; float: left }
div.bando { width: 55%; float: right }
.hidden { visibility: hidden; width: 0; height: 0; overflow: hidden }
body {font-family: Tahoma, avo, Arial, sans-serif;font-size: 14px;line-height: 1.5;background: #fff;overflow-x: hidden;/*  -moz-user-select: none !important; -webkit-touch-callout: none !important; -webkit-user-select: none !important; -khtml-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important  */}
@font-face { font-family: 'Glyphicons Halflings'; font-display: block; src: url(fonts/glyphicons-halflings-regular.eot); src: url(fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(fonts/glyphicons-halflings-regular.woff) format('woff'), url(fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') }
@font-face { font-family: 'FontAwesome'; font-display: block; src: url('fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal }
@font-face { font-family: 'myFont'; src: url('fonts/Roboto-Regular.ttf') }
@font-face { font-family: 'TimesNewRomanPSMT'; src: url('fonts/TimesNewRomanPSMT.ttf') }
@font-face { font-family: 'fonta'; src: url('fonts/RobotoBold.eot'); src: url('fonts/RobotoBold.eot') format('embedded-opentype'), url('fonts/RobotoBold.woff2') format('woff2'), url('fonts/RobotoBold.woff') format('woff'), url('fonts/RobotoBold.ttf') format('truetype'), url('fonts/RobotoBold.svg#RobotoBold') format('svg') }
@font-face { font-family: 'fontc'; src: url('fonts/RobotoCondensedBold.eot'); src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'), url('fonts/RobotoCondensedBold.woff2') format('woff2'), url('fonts/RobotoCondensedBold.woff') format('woff'), url('fonts/RobotoCondensedBold.ttf') format('truetype'), url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg') }
@font-face { font-family: 'opensan'; src: url('fonts/OpenSansRegular.eot'); src: url('fonts/OpenSansRegular.eot') format('embedded-opentype'), url('fonts/OpenSansRegular.woff2') format('woff2'), url('fonts/OpenSansRegular.woff') format('woff'), url('fonts/OpenSansRegular.ttf') format('truetype'), url('fonts/OpenSansRegular.svg#OpenSansRegular') format('svg') }
@font-face { font-family: 'opensansb'; src: url('fonts/OpenSansSemibold.eot'); src: url('fonts/OpenSansSemibold.eot') format('embedded-opentype'), url('fonts/OpenSansSemibold.woff2') format('woff2'), url('fonts/OpenSansSemibold.woff') format('woff'), url('fonts/OpenSansSemibold.ttf') format('truetype'), url('fonts/OpenSansSemibold.svg#OpenSansSemibold') format('svg') }
@font-face { font-family: 'opensanb'; src: url('fonts/OpenSansBold.eot'); src: url('fonts/OpenSansBold.eot') format('embedded-opentype'), url('fonts/OpenSansBold.woff2') format('woff2'), url('fonts/OpenSansBold.woff') format('woff'), url('fonts/OpenSansBold.ttf') format('truetype'), url('fonts/OpenSansBold.svg#OpenSansBold') format('svg') }
@font-face { font-family: 'muliblack'; src: url('fonts/MuliBlack.eot'); src: url('fonts/MuliBlack.eot') format('embedded-opentype'), url('fonts/MuliBlack.woff2') format('woff2'), url('fonts/MuliBlack.woff') format('woff'), url('fonts/MuliBlack.ttf') format('truetype'), url('fonts/MuliBlack.svg#MuliBlack') format('svg') }
@font-face { font-family: 'mulibold'; src: url('fonts/MuliBold.eot'); src: url('fonts/MuliBold.eot') format('embedded-opentype'), url('fonts/MuliBold.woff2') format('woff2'), url('fonts/MuliBold.woff') format('woff'), url('fonts/MuliBold.ttf') format('truetype'), url('fonts/MuliBold.svg#MuliBold') format('svg') }
@font-face { font-family: 'motmoi'; src: url('fonts/UVNMotMoi.eot'); src: local('☺'), url('fonts/UVNMotMoi.woff') format('woff'), url('fonts/UVNMotMoi.ttf') format('truetype'), url('fonts/UVNMotMoi.svg') format('svg'); font-weight: normal; font-style: normal }
div.row1 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: row; flex-direction: row; margin: 0 -15px }
img:not([src]) { visibility: hidden; opacity: 0 }
img:not(.initial) { transition: opacity 1s }
img.parent_c { transition: all 0.5s ease }
img.initial, img.loaded, img.error, img.slick-lazyload-error { opacity: 1 !important }
img.slick-lazyload-error, img.error { transform: translateY(-50%); top: 50% }
a.lazyload { position: relative }
a.lazyload:before { font: normal normal normal 14px/1 FontAwesome; content: "\f110"; -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); position: absolute; left: 44%; top: 46%; font-size: 18px; transform: translate(-50%, -50%); z-index: 1; color: #333; font-size: 12px }
a.lazyload img { z-index: 2; position: absolute }
a.lazyload img.slick-lazyload-error { top: 50%; transform: translateY(-50%) }
div.none, div.grecaptcha-badge { display: none !important }
div.wap { margin: auto; width: 100%; position: relative }
div.wapper { margin: auto; max-width: 1210px; padding: 0px 5px; position: relative }
div#header { position: relative; margin: auto; padding: 15px 0 }
div#header { }
.top {
    font-family: TimesNewRomanPSMT;
    font-size: 18px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.top > div {
    margin-left: 20px;
}

.fixlang {
    position: fixed;
    top: 10px;
    right: calc((100% - 1200px)/2);
    z-index: 100;
}

div#lang img {
    height: 31px;
}

div#lang a {
    font-size: 20px;
    color: #000;
}

div#lang a:hover {
    color: #ed1c24;
}

.top > div i {
    font-size: 20px;
    margin-right: 3px;
}
.top .wapper, div#header .wapper { display: flex; align-items: center; justify-content: space-between }
.logo_head {text-align: center;width: 25%;}

.logo_head img {
    max-height: 100px;
}

.banner_r {
    width: 72%;
}
.mxh img { transition: all 0.7s }
.mxh img:hover { transition: all 0.7s; transform: rotate(45deg) }
div#menu_mobi { display: none }
div#menu { }
.wap_menu {position: relative;height: 54px;line-height: 52px;margin: auto;z-index: 99;transition: all 0.7s;border-top: solid 2px #C8C8C8;background: #fff;}
.wap_menu.fixmenu {position: fixed;top: 0;left: 0;right: 0;transition: all 0.7s;box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);-webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);-o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);-os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);}

.wap_menu.fixmenu #search {
    margin-right: 115px;
} 
div#menu ul { list-style: none }
div#menu ul.menu_main {
    width: 100%;
}

div#menu ul.menu_main > li > ul {
    overflow: hidden;
    display: block;
    max-height: 0px;
    max-width: 0px;
    opacity: 0;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    transition: transform 0.5s ease, opacity 0.6s ease, max-height 0.6s step-end, max-width 0.6s step-end, padding 0.6s step-end;
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    padding: 0;
    background-color: #fff;
    box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    z-index: 99;
}

div#menu ul.menu_main > li:hover > ul {
    overflow: visible;
    max-height: 3000px;
    max-width: 3000px;
    opacity: 1;
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    -o-transition: -o-transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
    transition: transform 0.5s ease, opacity 0.2s ease, max-height 0s step-end, max-width 0s step-end, padding 0s step-end;
}
div#menu ul li ul li:hover ul { 
}
div#menu ul li { float: left; position: relative; z-index: 50 }
div#menu ul li.line { background: url(images/menu_gach.png) center no-repeat; height: 46px; width: 1px }
div#menu ul.menu_main li a {color: #231f58;font-size: 16px;text-decoration: none;text-transform: uppercase;display: block;padding: 0 16px;font-weight: bold;}
div#menu ul.menu_main li a:hover, div#menu ul.menu_main li a.active, div#menu ul li.menu_main a.active2 {color: #ed1d25;}
div#menu ul li ul {position: absolute;margin-left: 0px;display: none;box-shadow: 1px 1px 5px #ccc;}
div#menu ul li:hover > ul { display: block }
div#menu ul li ul li {width: 250px;line-height: 1.5;background: #ffffff;border-bottom: 1px solid #d0d0d0;}
div#menu ul.menu_main li ul li a {padding: 6px 10px 6px 20px;text-transform: none;font-size: 14px;}
div#menu ul li ul li ul { left: 250px; top: 0px }
.danhmuctop { width: 280px; font-size: 16px; font-weight: 400; cursor: pointer; float: left; position: relative; z-index: 99; text-transform: uppercase; background: #fff }
.danhmuctop:before { position: absolute; content: ''; top: 0; height: 45px; background: #68A241; width: 40px; right: 0; z-index: 1 }
.ttdmmenu { background: #76b14e; color: #fff; position: relative; font-size: 15px; padding-left: 20px }
.ttdmmenu:before { position: absolute; top: 12px; width: 20px; border-top: solid 2px #fff; border-bottom: solid 2px #fff; content: ''; right: 10px; height: 7px; z-index: 2 }
.ttdmmenu:after { position: absolute; top: 22px; width: 20px; height: 7px; border-top: solid 2px #fff; border-bottom: solid 2px #fff; content: ''; right: 10px; z-index: 2 }
.danhmuctop a { text-decoration: none; color: #6F6F6F }
.danhmuctop a:hover { color: #f00 }
.danhmuctop img.icon_bar { margin-right: 10px }
.danhmuctop .show_menu { width: calc(100%) !important; background: #fff !important; text-align: left; display: block; visibility: visible !important; position: relative; border-top: 0 }
.show_menu.show_in { display: none }
.tendm1 { position: relative }
.tendm1 i { float: right }
.tendm1 img { position: absolute; top: 7px; right: -5px }
.danhmuctop .show_menu li { width: 100%; float: none; clear: both; border-bottom: solid 1px #fff; line-height: 1.3; padding: 8px 15px; list-style: none; box-shadow: 0px 9px 34px inset #efefef; background: #f4f4f40f }
.danhmuctop .show_menu li:last-child { border-bottom: none }
img.i_left { margin-right: 10px; float: left }
.nd_dm { margin-top: 5px }
.danhmuctop .show_menu ul { width: 100% }
.danhmuctop .show_menu li a { color: #000; padding: 0; font-size: 15px; padding-bottom: 2px; display: block; text-transform: none }
.danhmuctop .show_menu li a.dmc2 { display: inline-block !important; vertical-align: top; font-weight: normal; font-size: 11px; color: #717171; text-transform: none }
a.tendm2 { color: #888686 !important; font-size: 13px !important; text-transform: none !important; font-weight: normal !important; display: inline-block !important }
.danhmuctop .show_menu li:hover a { background: none }
.danhmuctop .show_menu li a:hover { color: #BF1D32 !important }
img.img_qc { position: absolute; bottom: 0 }
.danhmuctop .show_menu li:hover .hover-menu { display: block }
.hover-menu { position: absolute; width: 900px; top: 5px; left: calc(100% - 6px); background: #fff; z-index: 9999999; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2); margin: 0 0 0 6px; padding: 10px; border-left: none; display: none }
.hover-menu:after { background: url(//hstatic.net/321/1000068321/1000111351/arrow-left-menu.png?v=101) no-repeat scroll 0 18px; float: left; height: 50px; margin: -5px 0 0 -15px; padding: 0; width: 19px; position: absolute; z-index: 1; top: 0px; left: 5px; content: "" }
.mb { display: none }
.mb img.i_dm { width: 25px; height: 25px; border-radius: 50%; vertical-align: middle; margin-right: 5px }
.menuc1 { display: inline-block; vertical-align: top; margin: 10px; width: calc(100%/4 - 23px) }
.menuc1 a.tenc1 { margin-bottom: 8px; text-transform: none; font-size: 15px; color: #333; transition: all 0.5s; border-bottom: solid 1px #cccccc73 }
.menuc1 a.tenc1:hover { text-decoration: underline; transition: all 0.5s }
.boxc2 { margin-left: 15px }
.boxc2 i { margin-right: 5px }
.menuc2 { margin-bottom: 5px }
.menuc2 a { font-size: 14px !important }
.menuc2
.menuc1 a.tenc2 { text-transform: none !important; font-weight: normal !important }
div#search {background: #fff;border-radius: 20px;height: 34px;width: 200px;border: solid 1px #9B9B9B;float: right;margin-top: 8px;}
div#search input {padding: 0px 10px;float: left;border: none;background: none;width: calc(100% - 40px);outline: none;color: #777;height: 32px;line-height: normal;font-size: 12px;}
div#search i {float: right;color: #000;font-size: 16px;height: 34px;width: 40px;text-align: center;line-height: 34px;cursor: pointer;}
.email {}
.email img { float: left; margin-right: 8px }
.box_slider { max-width: 1200px; margin: auto; padding-left: 280px; position: relative }
div#slider {margin: auto;width: 100%;}
div#left {width: 23%;float: left;position: sticky;top: 60px;} 
form#frm_dknt { background: url(images/bg_dknt.png) center no-repeat; width: 251px; height: 35px; margin: 10px }
form#frm_dknt input[type='text'] { margin-left: 45px; width: 140px; padding: 0px 5px; float: left; margin-top: 9px; border: none; background: none; outline: none; color: #000 }
form#frm_dknt input[type='button'] { background: #000; color: #fff; width: 50px; height: 25px; line-height: 25px; border: none; margin-top: 5px; border-radius: 3px; cursor: pointer }
div#main_content { }
.zoom_hinh {
    overflow: hidden;
}
.zoom_hinh img {
    transition: all 1s;
}
.zoom_hinh img:hover {
    transition: all 1s;
    transform: scale(1.2);
}
.box_group {
    padding: 40px 0 60px 0;
    background: #F5F5F5;
}
.item_group {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: center;
    margin: 8px;
    width: calc(100%/3 - 19px);
    padding: 10px;
    padding-bottom: 20px;
    border-radius: 10px;
    transition: all 0.5s;
}

.item_group:hover {
    transition: all 0.5s;
    box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
}

.item_group .group_img {
    margin-bottom: 15px;
}
h3.name_group a {
    color: #25224d;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}
.item_group:hover h3.name_group a{color:#f00;}
.box_enco {
    padding: 40px 0;
}

.box_enco .slick-prev {
    right: auto;
    bottom: 0;
    top: auto;
    left: calc(50% - 35px);
}

.box_enco .slick-next {
    bottom: 0;
    top: auto;
    right: calc(50% - 35px);
}
.item_enco {
    padding: 8px;
}

.item_enco .name_enco a {
    color: #26234e;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    display: block;
    line-height: 22px;
}

.item_enco .name_enco a:hover {
    color: #f00;
}

.item_enco .desc_enco {
    font-size: 16px;
}

.item_enco .name_enco {
    margin-bottom: 10px;
    height: 44px;
    overflow: hidden;
}

.item_enco .enco_img {
    margin-bottom: 15px;
}
.box_gt {
    padding: 60px 0;
    background: #F2F2F2;
}

.box_gt .wrap_1200 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.box_gt .info_gt {
    width: 52%;
    padding: 0 50px;
}

.info_gt .mt_gt {
    line-height: 25px;
    text-align: justify;
}

.box_gt .photo_gt {
    width: 44%;
}

.box_gt img {
    width: 100%;
}
.text {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
    color: #000038;
}
.banner_center {
    background-size: cover; 
    text-align: center; 
} 
.banner_center a{display:block;padding: 60px 0;color:#fff;font-size:30px;font-weight:bold}
.pro_km { padding: 40px 0 }
.lis_dm { margin-bottom: 35px }
.tt_tab { border-top: solid 3px #5F903E; padding: 10px; font-size: 15px; text-transform: uppercase; font-family: opensanb; color: #5F903E; display: flex; justify-content: space-between; padding-right: 60px }
.tt_tab ul li { display: inline-block; vertical-align: top; padding: 0 10px }
.tt_tab ul li a { text-transform: none; font-family: opensan; color: #000 }
.tt_tab ul li a:hover { color: #5f903e }
.item {border: solid 1px #DCDCDC;margin: 6px;padding: 6px;position: relative;text-align: center;width: calc(100%/4 - 12px);display: inline-block;vertical-align: top;padding-bottom: 15px;transition: all 1s;}

.item:hover {
    box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -webkit-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -o-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    -os-box-shadow: 0px 10px 21.6px 2.4px rgba(0, 0, 0, 0.06);
    transition: all 1s;
    border: solid 1px #221f4a;
}
.item.item1 {width: calc(100%/3 - 15px);}
.sp_img {position: relative;margin-bottom: 15px;}
h3.sp_name a {text-decoration: none;font-size: 14px;color: #25224d;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-transform: uppercase;font-weight: bold;}
h3.sp_name a:hover {color: #ed1c24;}
h3.sp_name { margin-bottom: 10px }
p.sp_gia { font-size: 14px }
span.giakm, span.gia {color: #df0000;font-weight: bold;}
span.giamoi {color: #777777;text-decoration: line-through !important;padding-left: 8px;}
.giamgia { position: absolute; top: 0; right: 0; width: 36px; height: 36px; background: url(images/iconkm.png) no-repeat center; color: #fff; line-height: 36px; font-size: 13px; text-align: center }
.box_tc { background: #5F903E; padding: 25px 0 }
.item_tc { display: inline-block; vertical-align: top; width: calc(100%/4 - 23px); margin: 0 10px; color: #fff; font-size: 13px }
p.tc_img { float: left; margin-right: 10px; border: solid 1px #77a15b; border-radius: 50%; box-shadow: 0px 0px 8px #143200a6; transition: all 0.7s }
p.tc_img:hover { transition: all 0.7s; transform: rotate(90deg) }
h4.name_tc { margin-bottom: 7px }
h4.name_tc a { text-decoration: none; color: #fff; text-transform: uppercase; font-family: opensansb; font-size: 16px }
h4.name_tc a:hover { text-decoration: underline }
.tieude_giua1 { text-align: center; font-family: motmoi; text-transform: uppercase; font-size: 40px; position: relative }
.tieude_giua1 h2 span { position: relative; padding: 0 20px }
.tieude_giua1 h2 span:before { position: absolute; content: ''; top: 10px; right: -156px; width: 156px; height: 50px; background: url(images/tt_after.png) no-repeat }
.tieude_giua1 h2 span:after { position: absolute; content: ''; top: 10px; left: -156px; width: 156px; height: 50px; background: url(images/tt_after.png) no-repeat; transform: rotateY(180deg) }
.tieude_giua1 h2 { font-size: 40px }
p.slo { color: #76b14e; font-family: opensan; font-size: 15px; letter-spacing: 1px; position: relative; display: inline-block; padding: 0 20px; vertical-align: top; margin-top: 5px }
p.slo:before { position: absolute; content: ''; bottom: 10px; left: -40px; width: 40px; border-bottom: solid 1px #76b14e }
p.slo:after { position: absolute; content: ''; bottom: 10px; right: -40px; width: 40px; border-bottom: solid 1px #76b14e }
.wrap_1200 { max-width: 1200px; margin: auto }
div#right {width: 75%;float: right;}
div.tieude_giua {text-transform: uppercase;position: relative;color: #2928a8;margin-bottom: 20px;padding-bottom: 10px;}

.tieude_giua:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 90px;
    border-bottom: solid 4px #eb161e;
}

.tieude_giua h2 {
    color: #2928a8;
    font-size: 23px;
    font-weight: bold;
}
div.tieude_giua h1 {font-size: 26px;font-weight: bold;}
div.wap_item {margin: 0 -8px;font-size: 0;}

.slick_enco {
    padding-bottom: 35px;
}
.goidienthoai { display: none }
.js-facebook-messenger-container.closed, .js-facebook-messenger-tooltip.closed { display: none !important }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px }
.js-facebook-messenger-tooltip { color: #404040; background: #fff }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999 }
.js-facebook-messenger-tooltip { display: none; position: fixed; text-align: center; border-radius: 10px; overflow: hidden; font-size: 12px; line-height: 1; padding: 10px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.15) 0 2pt 10pt; z-index: 1.0E+30 }
.js-facebook-messenger-close-tooltip { width: 10px; height: 10px; display: inline-block; cursor: pointer; margin-left: 10px }
.js-facebook-messenger-box.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand }
.js-facebook-messenger-box.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.js-facebook-messenger-box { bottom: 70px; right: 15px }
.js-facebook-messenger-box { background: #1182fc }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999 }
.js-facebook-messenger-box { width: 60px; height: 60px; display: block; position: fixed; cursor: pointer; text-align: center; line-height: 60px; background: #1182FC; border-radius: 100%; overflow: hidden; -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3) }
.js-facebook-messenger-box.rotate svg#fb-msng-icon { transform: rotate(0deg) }
.js-facebook-messenger-box svg#fb-msng-icon { width: 30px; height: 30px; position: absolute; top: 15px; left: 15px; opacity: 1; overflow: hidden; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out }
.js-facebook-messenger-box.rotate svg#close-icon { transform: rotate(-45deg) }
.js-facebook-messenger-box svg#close-icon { opacity: 0; width: 20px; height: 20px; position: absolute; top: 20px; left: 20px; -webkit-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -moz-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; -o-transition: opacity 160ms ease-in-out, transform 160ms ease-in-out; transition: opacity 160ms ease-in-out, transform 160ms ease-in-out }
.js-facebook-messenger-container { transform: translateY(50px); bottom: 110px; right: 35px }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000 }
.js-facebook-messenger-container { position: fixed; opacity: 0; border-radius: 10px; pointer-events: none; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16); -webkit-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; -moz-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; -o-transition: transform 160ms ease-in-out, opacity 160ms ease-in-out; transition: transform 160ms ease-in-out, opacity 160ms ease-in-out }
.js-facebook-messenger-top-header { width: 300px }
.js-facebook-messenger-top-header { color: #fff; background: #1182fc }
.js-facebook-messenger-top-header { display: block; position: relative; width: 300px; background: #1182FC; color: #fff; text-align: center; line-height: 1; padding: 10px; font-size: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px }
.js-facebook-messenger-container iframe, .js-facebook-messenger-container-button iframe { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px }
.js-facebook-messenger-box, .js-facebook-messenger-button, .js-facebook-messenger-tooltip { z-index: 999 }
.js-facebook-messenger-container, .js-facebook-messenger-container-button { z-index: 1000 }
.js-facebook-messenger-top-header { color: #fff; background: #1182fc }
.js-facebook-messenger-box { background: #1182fc }
.js-facebook-messenger-top-header { width: 300px }
.js-facebook-messenger-tooltip { color: #404040; background: #fff }
.js-facebook-messenger-box { bottom: 105px; right: 15px }
.js-facebook-messenger-container { transform: translateY(50px); bottom: 160px; right: 35px }
.js-facebook-messenger-container.open { transform: translateY(0px); opacity: 1; pointer-events: all }
.js-facebook-messenger-tooltip { bottom: 97px; right: 97px }
.js-facebook-messenger-box.open svg#fb-msng-icon { opacity: 0 }
.js-facebook-messenger-box.rotate.open svg#close-icon { transform: rotate(0deg) }
.js-facebook-messenger-box.open svg#close-icon { opacity: 1 }
#btn-zalo { display: block; width: 40px; height: 40px; position: fixed; right: 25px; bottom: 180px; z-index: 999; text-decoration: none }
#btn-zalo i { top: 0; right: 0; display: flex; display: -ms-flex; align-items: center; -ms-flex-align: center; width: 40px; height: 40px; border-radius: 50%; background: #1182FC; position: relative; z-index: 9999 }
#btn-zalo i img { vertical-align: middle; width: 40px }
.kenit-alo-circle-fill { width: 60px; height: 60px; top: -10px; position: absolute; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-color: rgba(17, 130, 252, 0.45); opacity: .75; right: -10px }
.kenit-alo-circle { width: 50px; height: 50px; top: -5px; right: -5px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(17, 130, 252, .8); opacity: .1; border-color: #1182FC; opacity: .5 }
#btn-zalo.hotline-call i:before { color: #fff; font-size: 20px; position: relative; left: 12px }
#btn-zalo.hotline-call { bottom: 250px }
div#wap_footer {background: #F4F4F4;margin: auto;color: #000;margin-top: 20px;}
.cart_zz { position: fixed; bottom: 310px; right: 20px; z-index: 100; width: 50px; height: 50px; background: #fff; text-align: center; line-height: 50px; border-radius: 50%; border: solid 1px #007fff; }
.cart_zz i { font-size: 20px; color: #007fff; }
.cart_zz a { font-size: 14px; color: #f00 }
.cart_zz span { position: relative; top: -8px; font-family: opensanb }
.order_buy a {padding: 9px 20px;background: #a7252f;color: #fff;display: inline-block;vertical-align: top;text-transform: uppercase;letter-spacing: 1px;font-family: opensanb;margin-right: 10px;}
.order_buy a:last-child { background: #ffb100; }
.order_buy i { font-size: 20px; margin-right: 5px; }
.order_buy a:hover { background: #007fff; } 
.footer1 { background: #EFEFEF; padding: 40px 0 }
div#footer {max-width: 1200px;margin: auto;padding: 40px 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.logo_head_ft {
    width: 22%;
    float: left;
    text-align: center;
}

.tencty {
    color: #2928a8;
    text-transform: uppercase;
    font-family: fonta;
    font-size: 18px;
    margin-top: 6px;
}

.logo_head_ft img {
    max-height: 70px;
}
.tt_ft {font-size: 15px;text-transform: uppercase;color: #202020;margin-bottom: 10px;font-weight: bold;}
div#main_footer {width: 38%;}
.mxh1 img {margin-right: 5px;transition: all 0.7s;}

.mxh1 {
    margin-top: 10px;
}
.mxh1 img:hover { transition: all 0.7s; transform: rotate(45deg) }
.cs {width: 16%;margin-left: 2%;}
.cs ul li { margin-bottom: 8px }
.cs ul li a { color: #000; font-size: 14px }
.cs ul li a:hover {color: #eb2119;}
.fb { float: right; width: 41% }
.dmmenu { float: left; width: 70% }
.mxh1 {}
.menuft { width: calc(100%/4 - 13px); display: inline-block; vertical-align: top; margin-right: 10px }
.menuft ul li { list-style: none; margin-bottom: 6px }
.menuft ul li a { color: #000; font-size: 14px }
div#thongke { width: 21%; float: right }
div#thongke .td_ft { color: #FFFF33; margin-bottom: 7px; font-size: 14px; text-transform: uppercase }
div#thongke ul { list-style: none }
div#thongke ul li { clear: both; padding: 4px 0px }
div#thongke ul li img { float: left; margin-right: 15px; width: 20px; margin-top: 4px }
div#doitac {box-sizing: border-box;padding: 30px 0 10px 0;}

div#doitac .slick_dt {
    padding: 0 50px;
}
div#doitac a {margin: 0 5px;}
div.wap_pro { margin: 15px auto; clear: both }
.zoom_slick { width: 45%; float: left; text-align: center }
.zoom_slick .slick2 { border: 1px solid #DDD }
.zoom_slick .slick { margin-top: 5px }
.zoom_slick .slick img { width: 90%; margin: auto; border: 1px solid #DDD; box-sizing: border-box; padding: 5px }
.zoom_slick .slick img:hover { border: 1px solid #F60; opacity: 0.5; transition: 1s }
.product_info { float: right; list-style: none; width: 50% }
.product_info li {font-size: 14px;padding: 6px 0;color: #4c4c4c;}
.product_info i{font-size:22px;}
.product_info .hotline_product{color:#636363;margin: 10px 0;}
.product_info .hotline_product a:hover {
    color: #cdad70;
}
.product_info .hotline_product a {
    color: #25224d;
    font-size: 18px;
    font-weight: bold;
}
.product_info li span.giamoi {padding-left: 0;font-size: 16px;}
li.gia_detail span { font-size: 25px }
.product_info li .color_item { float: left; cursor: pointer; padding: 15px 18px; font-size: 16px; margin-right: 5px; border: 1px solid rgba(204, 204, 204, 1); text-transform: uppercase; color: #333; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease }
.product_info li .size_item { float: left; cursor: pointer; padding: 6px 10px; font-size: 14px; text-align: center; margin-right: 5px; border: 1px solid rgba(204, 204, 204, 1); background: #fff; text-transform: uppercase; color: #333; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease }
.product_info .product-qty .cart button { background: #fff; border: 1px solid #ccc; padding: 5px 10px; margin-left: 10px; height: 32px; cursor: pointer; font-weight: bold }
.product_info .product-qty { margin-bottom: 12px }
.product_info .product-qty label {font-size: 14px;font-family: fonta;}
.product_info .product-qty div {display: inline-block;vertical-align: middle;}
.product_info .product-qty .controls button {border: 0;background: white;padding: 10px 12px;font-size: 16px;border: solid 1px #ebebeb;position: relative;outline: none;float: left;}
.product_info .product-qty .controls input {padding: 8px 7px;width: 47px;border-right: 0;float: left;border-left: 0;text-align: center;position: relative;height: 38px;}
.product_info .product-qty input {border: solid 1px #ebebeb;padding: 5px;width: 100px;}
.product_info li .color_item.active, .product_info li .size_item.active { border: 1px solid #F8004B }
.product_info li.ten h1 {color: #25224d;font-size: 22px;text-transform: uppercase;font-weight: bold;}
.product_info li.giakm { font-size: 15px; text-decoration: line-through }
.product_info li.gia { color: red; font-size: 16px }
.product_info li b {font-size: 14px;font-family: fonta;}
.xemgiohang { color: #E80019; display: block; width: 120px; height: 30px; text-align: center; line-height: 30px; text-align: center; font-weight: bold; cursor: pointer; font-size: 13px; transition: 0.4s; margin: auto; margin-top: 7px }
.product_info li .dathang { background: #000 url(images/i_cart.png) 10px center no-repeat; color: #fff; display: block; width: 100px; height: 30px; line-height: 30px; text-align: center; padding-left: 30px; text-transform: uppercase; font-weight: bold; cursor: pointer; font-size: 12px; transition: 0.4s }
.product_info li .dathang:hover { transition: 0.4s; background: #E00 url(images/i_cart.png) 10px center no-repeat }
span.size { display: inline-block; padding: 2px 10px; border: 1px solid #DDD; border-radius: 3px; margin-right: 5px; cursor: pointer }
span.mausac { display: block; float: left; border: 1px solid #DDD; width: 30px; height: 30px; margin-right: 5px; cursor: pointer; font-size: 0 }
span.active_size, span.size:hover, span.mausac:hover, span.active_mausac { border: 1px solid #EE0000 }
input.soluong { width: 50px; border: 1px solid #C7C6C6; padding: 2px 0px; text-align: center; font-size: 15px; margin-right: 5px }
table#giohang input { margin: 5px 0px }
table#giohang input.btn, .click_ajax { background: #DC0018; color: #ffffff; padding: 7px 15px; border: none; cursor: pointer; margin: 5px 1px; border-radius: 3px }
table#tt td { height: 30px }
table#tt td input.t { width: 300px; height: 20px; margin: 3px 0px 5px 0px; border: 1px solid #DDD }
table#tt td textarea { width: 300px }
table#tt span { color: red }
div.copy-right {padding: 10px 0;color: #3e3e3e;max-width: 1200px;margin: auto;border-top: solid 1px #ccc;text-align: center;font-size: 13px;}

.copy-right .wrap_1200 {
    display: flex;
    justify-content: space-between;
}
div.copy-right .cop-l {width: 50%;}

div.copy-right .cop-r {
}
div.copy-right .cop-r {text-align: right;width: 48%;}
div.copy-right .cop-r span {}
div.breadcrumb { width: 100%; margin: 0px; border-radius: 0px; background-color: #ccc }
div.breadcrumb i { color: #000; font-size: 13px; margin: 0px 5px }
div.breadcrumb a { text-decoration: none; color: #222 }
div.breadcrumb a:hover { color: red }
div.pad_tuvan > a {display: block;width: 100%;overflow: hidden;position: relative;}
div.pad_tuvan > a:after {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(255 255 255 / 18%);content: '';-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);}
div.pad_tuvan > a:hover:after { webkit-transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(2.2, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0) }
div.pad_tuvan > a img {}
div.pad_tuvan h5 { line-height: normal; font-size: inherit; margin-top: 13px; margin-bottom: 10px }
div.pad_tuvan h5 a {color: #333;font-size: 15px;text-decoration: none;position: relative;display: block;line-height: 21px;overflow: hidden;transition: all 0.5s ease;font-weight: bold;}
div.pad_tuvan h5 a:hover {color: #eb161e;}
div.pad_tuvan div { line-height: 25px; font-size: 14px }
div.w_tieude_tin { font-size: 20px; color: #333333; font-family: opensanb; margin-bottom: 10px }
div.w_tieude_tin h1 { font-size: inherit; line-height: normal }
div.in_mota { font-size: 14px; font-style: italic; margin-bottom: 10px }
div.col-lq {margin-top: 20px;}
div.col-lq ul { list-style: none }
div.col-lq ul li { }
div.col-lq ul li a { text-decoration: none; color: #333; border-bottom: 1px solid #e2dfdf; padding: 8px 0px; display: block; font-size: 15px }
div.col-lq ul li:last-child a { border-bottom: none }
div.col-lq ul li a:hover { color: #ab0707 }
div.col-tt {margin-bottom: 20px;text-align: left;}
div.breadcrumb { width: 100%; margin: 0px; border-radius: 0px; background-color: #fff; padding: 15px 0 }
div.breadcrumb ol { font-size: 0 }
div.breadcrumb ol li { display: inline-block; font-size: 13px }
div.breadcrumb ol li a {color: #838383;font-size: 14px;display: inline-block;}
div.breadcrumb ol li a span { }
div.breadcrumb ol li i {font-size: 11px;}
div.breadcrumb ol li:last-child i { display: none }
div.breadcrumb ol li:last-child a {padding: 2px 5px;color: #777777;padding-bottom: 1px;pointer-events: none;}
div.breadcrumb a { text-decoration: none; color: #222 }
div.breadcrumb a:hover { color: #ab0707 }
@media screen and (max-width:1285px) { }
@media screen and (max-width:1200px) {
	div#menu ul.menu_main li a {padding: 0 8px;font-size: 14px;}
}
@media screen and (max-width:1100px) { }
@media screen and (max-width:1024px) {
	div#wapper { width: 99%; margin: auto }
	div#menu ul li a { padding: 0px 20px }
	div.frm_lienhe { margin: 10px 0px 0px 0px }
}
@media screen and (max-width:1000px) {
	div#footer { width: 97% }
	div#menu_mobi { display: block }
	.wap_menu { display: none }
	div#slider { width: 100%; padding: 0; border: none }
	div#danhmuc { display: none }
	div#right { width: 100% }
	div#left { width: 100% }
	.wrap_1200, div.wapper { width: 95% }
	.cs { margin: 0; width: 45% }
	.fb { width: 45% }
	div.item { width: calc(100%/4 - 15px) }
	.email {}
	.box_slider { padding-left: 0 }
	div#main_footer, .logo_head_ft {width: 50%;margin-bottom: 15px;text-align: left;}
	div#thongke { width: 100% }
	div.thongke_an { display: none }
	div.tt_lh { width: 100% }
	div.bando { width: 100% }
	a.sp_cart { display: block; text-decoration: none; color: #fff; margin-left: -20px; position: absolute; left: 50% }
	a.sp_cart i { font-size: 30px }
	div.user { position: absolute; right: 10px; top: 0px; font-size: 30px; color: #fff; cursor: pointer }
	.menu_login { display: none }
    .mxh{display: none}
}
@media screen and (max-width:800px) {
	.w50 { width: 100% !important }
	div.item { width: calc(100%/3 - 15px) }
    .email {display: none}
    .box_gt .info_gt{padding: 0}
}
@media screen and (max-width:768px) {
	.email { display: none }
	.logo_head {}
	div#search { width: 60% }
	.item_tc { width: calc(100%/2 - 23px); margin: 10px }
	.menuft { width: calc(100%/2 - 13px); margin-bottom: 15px }
	.dmmenu, .mxh1 { width: 100% }
}
@media screen and (max-width:736px) { }
@media screen and (max-width:700px) { }
@media screen and (max-width:667px) { }
@media screen and (max-width:600px) { }
@media screen and (max-width:603px) {
	div#header a.logo { }
	div#header img.logo_mobi { display: block; margin: auto; width: 100% }
	div.item .sp_name a { font-size: 16px }
	div.item { width: calc(100%/2 - 15px) }
	.zoom_slick { width: 80%; max-width: 400px; float: none; margin: auto }
	.product_info { width: 100%; margin-top: 6px }
	.gh_an { display: none }
    div#main_footer, .logo_head_ft{width: 100%;}
	.cs, .fb { width: 100%; margin-bottom: 10px }
	.menuft { width: calc(100%); margin: 0; margin-bottom: 15px }
	.tt_tab { display: block; padding: 10px 0; padding-right: 60px; margin-bottom: 15px }
	.tt_tab ul { margin-top: 6px }
	.top {}
	.top .wapper { display: block }
	.slogan { margin-bottom: 10px }
    .item_group { 
        width: calc(100%/2 - 19px); 
    }
    .box_gt .info_gt, .box_gt .photo_gt{width: 100%;margin-bottom: 15px} 
    .goidienthoai{display: block;}
}
@media screen and (max-width:568px) { }
@media screen and (max-width:480px) { }
@media screen and (max-width:460px) {
	div#wapper { width: 97%; background: #fff; padding: 0; overflow: hidden } 
	div.frm_lienhe .item_lienhe input[type='text'], div.frm_lienhe .item_lienhe textarea, div.frm_lienhe .item_lienhe input[type='password'] { width: 100% }
	div.frm_lienhe .item_lienhe select { width: 100% }
	.map_description { width: 100% }
	.box_news a img { width: 120px }
	div.frm_lienhe .item_lienhe p { width: 100% }
	.othernews ul.phantrang { margin-left: 5px }
	.box_news h3 a { font-size: 14px }
	.item_tc { width: calc(100% - 23px) }
    .dienthoai{display: none}
    .logo_head{width: 50%;}
}
@media screen and (max-width:414px) { }
@media screen and (max-width:384px) { }
@media screen and (max-width:375px) { }
@media screen and (max-width:360px) {
	.box_news a img { width: 100px }
	div.tieude_giua { font-size: 14px }
}
@media screen and (max-width:320px) { }