@charset "utf-8";
@font-face{font-family:Roboto-Bold;src:url(fonts/Roboto-Bold.ttf);font-display:swap}
@font-face{font-family:Roboto-Regular;src:url(fonts/Roboto-Regular.ttf);font-display:swap}
*{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
a{text-decoration:none;color:#333}	
h1, h2, h3, h4, h5{margin:0px;padding:0px}	
b,strong,h1,h2,h3,h4,h5,h6{font-family:Roboto-Bold;}
body {
	       
      font-family:Roboto-Regular;
	  font-size:16px;
	margin: 0px;
	padding: 0px;
	color: #000;
	
	background:#fff ;
	    line-height: 1.3;
   
}
.lazy{opacity: 1;
    transition: opacity 300ms;}
input,textarea,button{font-family:Roboto-Regular;}
#khea{width:100%;float:left;height:auto;  box-shadow: 0 2px 10px #0000001a;background:#fff}
#kheatr1{width:100%;float:left;height:auto;padding:10px;border-bottom:1px solid #eee;}
#kheatr2{width:1200px;height:auto;margin:auto;}
#kheatr2 ul{margin:0px;padding:0px;}
#kheatr2 ul li{margin:0px;padding:0px;list-style:none;float:left;color:#333;font-size:13px;margin-right:30px;}
#kheatr2 ul li:last-child{float:right;margin-right:0px}
#kheatr2 ul li a{color:#333;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#kheatr2 ul li a:hover{color:#DCBF57}
#kheatr2 ul li svg{position:relative;top:3px;margin-right:5px}
#kheadu1{width:100%;float:left;height:auto;padding: 20px 0px 2px 0px;}
#kheadu2{width:1200px;height:auto;margin:auto;position:relative}
#logotc{    position: absolute;
    height: 62px;
    width: auto;
    left: 0px;
    top: -17px;}
#hlhea{width:173px;float:right;height:auto;margin-left:20px}
#hlhea svg{    float: left;
    margin-right: 10px;
    position: relative;
    top: 3px;}
#hlhea p{    margin: 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    top: -7px;}
#hlhea span{font-size:13px;color:#333}
#hlhea b{color:#DCBF57;font-size:21px;font-family:Roboto-Bold;}
#ghang{
	    width: 30px;
    height: 30px;
    float: right;
    margin-left: 20px;
    position: relative;
    margin-top: 4px;
}
#ghang svg{transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#ghang:hover svg{stroke:#DCBF57}
#ghang span{
	    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #DCBF57;
    color: #fff;
    border-radius: 50%;
    font-family: Roboto-Bold;
    position: absolute;
    right: -3px;
    top: -3px;
    font-size: 11px;
}
#ktkiem{width:160px;float:right;height:auto;position:relative;margin-left:20px;overflow:hidden;border-radius:5px}
#ktkiem input{width:100%;float:left;height:35px;border:1px solid #ddd;outline:none;padding-left:10px;border-radius:5px}
#ktkiem button{background:none;outline:none;width:34px;height:34px;position:absolute; right:0px;top:0px;border:0px solid #000}
#ktkiem button svg{position:relative;top:2px;cursor:pointer}
#kmnu{width:670px;float:right;height:auto;}
#kmnu ul{margin:0px;padding:0px;}
#kmnu ul li{margin:0px;padding:0px;list-style:none;float:right;margin-left:15px;position:relative;z-index:11}
#kmnu ul li:last-child{margin-left:0px}
#kmnu ul li a{line-height:35px;float:left;text-transform:uppercase;color:#333;font-family:Roboto-Bold;font-size:15px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#kmnu ul li a:hover{color:#DCBF57}
#kmnu ul li ul{    border-radius: 4px;position:absolute;top:78px;width:250px;height:auto;left:0px;background:#DCBF57;display:block;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
	      -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        opacity: 0;
		overflow: hidden;
        visibility: hidden;
		    box-shadow: 0 2px 10px #0000001a;
}
#kmnu ul li:hover ul{ overflow: visible;
        opacity: 1;
        visibility: visible;top:35px;}
#kmnu ul li ul li{width:100%;margin-left:0px;float:left;height:auto;line-height:23px;padding:7px 10px}
#kmnu ul li:hover ul li a{background:none}
#kmnu ul li ul li a{ line-height:23px;   color: #fff;
    font-size: 15px;
    height: auto;
    text-transform: initial; -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: initial;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;padding:0px 0px;width:100%;float:left;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#kmnu ul li ul li a:hover{padding-left:3px;color:#fff}
#ksli{width:100%;float:left;height:auto;}
.msli{width:100%;float:left;height:auto}
.msli img{width:100%;float:left;height:auto}
#kdmuc1{width:100%;float:left;height:65px;margin-bottom:30px}
#kdmuc2{
	    width: 1200px;
    height: auto;
    margin: auto;
    padding: 20px 20px;
    background: #fff;
    position: relative;
    top: -65px;
    z-index: 1;
    overflow: hidden;border-radius:10px;box-shadow: 0 2px 10px #0000001a;
}
.mdmuc{width:200px;float:left;height:auto;margin-right:40px;    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center!important;
    align-items: center !important;}
.mdmuc1{float:right;margin-right:0px;}
.mdmuc img{width:90px;height:90px;margin-right:10px;border-radius:50%;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.mdmuc img:hover{transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.mdmuc h2{margin:0px;padding:0px;}
.mdmuc h2 a{color:#000;font-size:15px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.mdmuc h2 a:hover{color:#DCBF57}
.mdmuc .xtdmuc{color:#333;font-size:14px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.mdmuc .xtdmuc:hover{color:#DCBF57}
.mdmuc .xtdmuc svg{position:relative;top:3px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.mdmuc .xtdmuc:hover svg{stroke:#DCBF57}
#khungchinh1{width:100%;float:left;height:auto;}
#khungchinh2{width:1200px;height:auto;margin:auto;}
#tdbchay{width:100%;float:left;height:auto;margin-bottom:15px;padding-bottom: 15px;}
#tdbchay h2{float:left;font-size:18px;color:#000;text-transform:uppercase;position:relative}
#tdbchay h2:before{position:absolute;content:"";width:49px;height:12px;background:url("../images/chan-td2.svg");bottom:-15px;}
#xtcbc{color:#333;font-size:14px;float:right;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#xtcbc svg{position:relative;top:3px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#xtcbc:hover{color:#DCBF57}
#xtcbc:hover svg{stroke:#DCBF57}
#ndbchay{width:100%;float:left;height:auto;}
.sanpham{width:228px;float:left;height:auto;margin-right:15px;border:1px solid #eee;-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;margin-bottom:15px}
.sanpham1{float:right;margin-right:0px}
.hispham{width:100%;float:left;height:auto;-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;overflow:hidden;position:relative}
.hispham span{background:#FA313D;color:#fff;padding:2px 5px 1px 5px;font-size:13px;border-radius:3px;position:absolute;top:5px;left:5px}
.hispham img{width:100%;float:left;height:auto;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.hispham img:hover{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.duspham{width:100%;float:left;height:auto;padding:10px 10px}
.tespham{width:100%;float:left;height:auto;margin-bottom:10px}
.tespham h3{margin:0px;padding:0px}
.tespham h3 a{color:#333;font-size:15px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.tespham h3 a:hover{color:#DCBF57}
.gcmspham{width:100%;float:left;height:auto;margin-bottom:5px}
.gcmspham b{color:#FA313D;font-size:17px;margin-right:5px}
.gcmspham span{font-size:14px;color:#666;text-decoration:line-through}
.sgspham{width:100%;float:left;height:auto;margin-bottom:10px;}
.sspam{color:#DCBF57;margin-right:5px;font-size:13px}
.dbspham{color:#666;font-size:13px}
.mntvsp{width:100%;float:left;height:auto}
.mnspham{width:49%;float:left;text-align:center;background:#DCBF57;color:#fff;border:1px solid #DCBF57;outline:none;cursor:pointer;font-size:13px;text-transform:uppercase;font-family:Roboto-Bold;border-radius:3px;padding:8px 0px 8px 0px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.mnspham:hover{background:#9d8941;border:1px solid #9d8941}
.tvspham{width:49%;float:right;text-align:center;background:#fff;color:#333;border:1px solid #eee;outline:none;cursor:pointer;font-size:13px;text-transform:uppercase;font-family:Roboto-Bold;border-radius:3px;padding:7px 0px 7px 0px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.tvspham:hover{background:#DCBF57;border:1px solid #DCBF57;color:#fff}
#kvct1{width:100%;float:left;height:auto;padding:20px 0px;background:#FCF9F2}
#kvct2{width:1200px;height:auto;margin:auto}
.tdtc{width:100%;float:left;height:auto;position:relative;margin-bottom:25px;padding-bottom: 5px;text-align:center}
.tdtc:before{position:absolute;content:"";left:50%;margin-left:-24.5px;width:49px;height:12px;background:url("../images/chan-td2.svg");bottom:-15px;}
.tdtc h2{font-size:18px;color:#000;text-transform:uppercase;}
.ndtc{width:100%;float:left;height:auto;}
.mvsc{width:208px;float:left;height:auto;margin-right:40px;    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center!important;
    align-items: center !important;}
.mvsc1{float:right;margin-right:0px}
.mvsc img{height:46px;width:46px;margin-right:15px}
.mvsc b{font-size:15px;color:#333;}
.mvsc span{font-size:14px;color:#666}
#kct1{width:100%;float:left;height:auto;padding:30px 0px}
#kct2{width:1200px;height:auto;margin:auto}
.mctri{width:228px;height:auto;float:left;margin-right:15px;margin-bottom:15px}
.mctri1{float:right;margin-right:0px}
.hmctri{width:100%;float:left;height:auto;margin-bottom:10px;position:relative;overflow:hidden;border-radius:4px;}
.hmctri img{width:100%;float:left;height:auto;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.hmctri:hover img{transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1);}
.tmctri{width:100%;float:left;height:auto;text-align:center;}
.tmctri h3{margin:0px;padding:0px}
.tmctri h3 a{color:#333;font-size:15px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.tmctri h3 a:hover{color:#DCBF57}
#xtcct{width:100%;float:left;height:auto;margin-top:20px;text-align:center}
#xtcct a{padding:7px 20px;border-radius:20px;border:1px solid #eee;color:#333;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#xtcct a svg{position:relative;top:1px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#xtcct a:hover{color:#fff;background:#DCBF57;border:1px solid #DCBF57}
#xtcct a:hover svg{stroke:#fff}
#kkh1{width:100%;float:left;height:auto;margin-bottom:30px}
#kkh2{width:1200px;height:auto;margin:auto}
.mkha{width:380px;float:left;height:auto;margin-right:30px;background:#FCF9F2;border:3px solid #eee;border-radius:10px;padding:20px;}
.mkha1{float:right;margin-right:0px}
.mtmkha{width:100%;float:left;height:auto;color:#333;font-size:14px;margin-bottom:15px;line-height:24px}
.smkha{width:100%;float:left;height:auto;margin-bottom:5px;color:#DCBF57}
.htmkha{width:100%;float:left;height:auto;    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center!important;
    align-items: center !important;}
.htmkha img{margin-right:10px;border-radius:50%}	
.htmkha b{font-size:14px;color:#333}
.htmkha span{font-size:14px;color:#666}		
#kdkn1{width:100%;height:90px;float:left;background:#000 url('../images/dknud.svg') no-repeat left}
#kdkn2{width:1200px;height:90px;margin:auto;background:#000;}
#kdkn3{width:100%;float:left;height:auto;margin-top:20px;padding-left:27px;}
#tddknt{width:300px;float:left;height:auto;}
#tddknt b{text-transform:uppercase;color:#DCBF57;font-size:16px}
#tddknt span{color:#fff;font-size:13px}
#kndknt{width:400px;float:left;height:auto;}
#kndknt input{width:300px;float:left;height:35px;background:#fff;border:1px solid #fff;padding-left:10px;outline:none;-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;}
#kndknt button{width:100px;float:right;background:#DCBF57;text-align:center;height:35px;color:#fff;border:1px solid #DCBF57;text-transform:uppercase;font-size:14px;-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;font-family:Roboto-Bold;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;cursor:pointer}
#kndknt button:hover{background:#a08b40;border:1px solid #a08b40}
#kfter1{width:100%;float:left;height:auto;background:#fff;padding:0px 0px}
#kfter2{
	    width: 1200px;
    height: auto;
    margin: auto;
    background: #fff;
    position: relative;
    top: -15px;
    padding: 20px 20px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
    border-top-right-radius: 7px;
}
.mslo{width:225px;height:auto;float:left;margin-right:86px;    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: flex !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center!important;
    align-items: center !important;}
.mslo1{float:right;margin-right:0px}
.mslo img{margin-right:15px;}
.mslo b{font-size:14px;color:#333}
.mslo span{font-size:14px;color:#666}
.success-checkmark{margin:0 auto;width: 100%;display: flex;align-items: center;justify-content: center;}
.success-checkmark .check-icon{width:80px;height:80px;position:relative;border-radius:50%;box-sizing:content-box;border:4px solid #DCBF57;}
.success-checkmark .check-icon::before{top:3px;left:-2px;width:30px;transform-origin:100% 50%;border-radius:100px 0 0 100px;}
.success-checkmark .check-icon::after{top:0;left:30px;width:60px;transform-origin:0 50%;border-radius:0 100px 100px 0;animation:rotate-circle 4.25s ease-in;}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after{content:'';height:100px;position:absolute;background:#FFFFFF;transform:rotate(-45deg);}
.success-checkmark .check-icon .icon-line{height:5px;background-color: #DCBF57;display:block;border-radius:2px;position:absolute;z-index:10;}
.success-checkmark .check-icon .icon-line.line-tip{top:46px;left:14px;width:25px;transform:rotate(45deg);animation:icon-line-tip 0.75s;}
.success-checkmark .check-icon .icon-line.line-long{top:38px;right:8px;width:47px;transform:rotate(-45deg);animation:icon-line-long 0.75s;}
.success-checkmark .check-icon .icon-circle{top:-4px;left:-4px;z-index:10;width:80px;height:80px;border-radius:50%;position:absolute;box-sizing:content-box;border: 4px solid rgba(220, 191, 87, 0.5);}
.success-checkmark .check-icon .icon-fix{top:8px;width:5px;left:26px;z-index:1;height:85px;position:absolute;transform:rotate(-45deg);background-color:#FFFFFF;}
@keyframes rotate-circle{0%{transform:rotate(-45deg);}
5%{transform:rotate(-45deg);}
12%{transform:rotate(-405deg);}
100%{transform:rotate(-405deg);}
}
@keyframes icon-line-tip{0%{width:0;left:1px;top:19px;}
54%{width:0;left:1px;top:19px;}
70%{width:50px;left:-8px;top:37px;}
84%{width:17px;left:21px;top:48px;}
100%{width:25px;left:14px;top:45px;}
}
@keyframes icon-line-long{0%{width:0;right:46px;top:54px;}
65%{width:0;right:46px;top:54px;}
84%{width:55px;right:0px;top:35px;}
100%{width:47px;right:8px;top:38px;}
}
.success-form {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 11111111111;background: rgba(0,0,0,0.5);display: block;}
.content-container {background: #ffffff;max-width: calc(100% - 40px);height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-height: 310px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;padding: 20px;border-radius: 12px;width: 500px;}
.content-text {font-family:Roboto-Bold;font-size:21px;line-height: 1.6;}
#menumb1{width:100%;float:left;height:50px;position:fixed;top:0px;left:0px;z-index:11;display:none}
#menumb2{width:100%;float:left;height:auto;position:relative}

#page{ display: none;
    float: left;
    z-index: 11111111;
    top: 0px;
	left:5px;
    width: 40px;
    position: absolute;
    height: 40px;}

#logodt{    z-index: 1111111;
    position: absolute;
  
    display: none; top: 2px;
    height: 46px;
    left:45px;
    width: auto;
   }
#menurere{width: 100%;
    float: left;
    height: 50px;
    background: #fff;
    z-index: 111111;
    position: absolute;
    display: none;top:0px;border-bottom: 1px solid #e2e8f0; box-shadow: 0 4px 15px #0000001a;}
#cachtopre{width:100%;float:left;height:auto;display:none;margin-top:50px}	
.mmt-container{    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    z-index: 10000000000000000;}	
#metu .mmt-app{position: relative;
    display: flex;
    flex-direction: row;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    justify-content: center;
    box-sizing: border-box;
    min-height: 56px;
    -webkit-transition: all .24s;
    transition: all .24s;
    }
.mt-tooltip{    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;}
#metu .mmt-button:not(.mmt-button--mobile){justify-content: flex-start;
    border-radius: 3px;
    height: 40px;
    background-color: hsla(0,0%,100%,.2);
    margin: 10px 5px;
}
#metu .mmt-button__icon{width: 20px;
    height: 20px;
    margin-right: 10px;
    box-sizing: border-box;}
#metu .mmt-button__label{    font-size: 14px;
    line-height: 20px;}
.mt-tooltip__text{    position: absolute;
    visibility: hidden;
    z-index: 1;
    background: #232f34;
    color: #fff;
    text-align: center;
    padding: 4px 8px;
    border-radius: 4px;
    min-width: 120px;
    max-width: 240px;
    bottom: calc(100% + 5px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 12px;
    box-sizing: border-box;}
#metu .mmt-button:not(.mmt-button--mobile):hover{    background-color: rgba(27,27,27,.2);}
#metu .mmt-button{    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 0 10px;
    flex-direction: row;
    cursor: pointer;}
#metu{display:none}
#ghre{position:fixed;z-index:111111;top:20px;right:14px;display:none}
#flexvi{width:100%;float:left;height:auto}
#dongdkk{position:absolute;top:0px;right:0px;}
#ndctspdknt1{width:100%;float:left;height:auto}
#hientkre{width:100%;float:left;height:0px;overflow:hidden;position:fixed;top:50px;left:0px;z-index:1111111}
#nuttkre{display:none;position:fixed;top:14px;right:43px;z-index:1111111;cursor:pointer; font-size: 15px;
    padding: 6px;
    border-radius: 50%;
    color: #fff;


    background: #d8211e;}
#kngangre{width:100%;float:left;height:auto;position:fixed;left:0px;bottom:0px;z-index:11111;padding:5px 0px;background:#DCBF57;display:none;padding-top:7px}
#kngangre ul{margin:0px;padding:0px}
#kngangre ul li{margin:0px;padding:0px;list-style:none;width:25%;float:left;height:auto;text-align:center;line-height: 9px;}
#kngangre ul li img{height:26px;width:auto;margin:auto}
#kngangre ul li i{font-size:21px;color:#fdfdfd;}
#kngangre ul li a{color:#fff;font-size:13px}
#kngangre ul li a span{color:#fff}	
#bmcre{width:100%;float:left;height:auto;padding:0px 0px;padding-top:15px;display:none}
#bmcre ul{margin:0px;padding:0px}
#bmcre ul li{margin:0px;padding:0px;list-style:none;width:25%;float:left;height:auto;text-align:center;padding:0px 5px}
#bmcre ul li a{color:#333;font-size:14px}
#bmcre ul li a i{width:35px;height:35px;line-height:35px;text-align:center;color:#fff;background:#4cb551;border-radius:50%;margin-bottom:5px;font-size:18px}
#kghangre{width: 50px;
    text-align: right;
    right: 50%;
    top: 10px;
    font-size: 21px;
    position: absolute;
    z-index: 1111111;
    display: none;
    color: #fff;}
#kghangre span{font-size:15px;position:relative;top:-6px}	
#knghare{width:40px;height:32px;border:1px solid #DCBF57;border-radius: 5px;float:right;z-index: 1111111;position:absolute;top:12px;right:5px;display:none}
#knghare svg{position:relative;top:4px;left:7px}
#knghare span{top: -8px; position: absolute; right: -2px;width: 22px; height: 22px; line-height: 22px; background: #DCBF57; display: inline-block; color: #fff; text-align: center; border-radius: 100%;font-size:14px}

@media only screen and (min-width : 1px) and (max-width : 1200px) {
#knghare{display:block}	
#menumb1{display:block}	
#hotlinere{display:block}	
#tdktoptc h2 span{font-size:16px}	
#tdktoptc h2 i{font-size:20px;top:2px}
#kghangre{display:block}	
#bmcre{display:block}	
#kngangre{display:block}		
#nuttkre{display:block}	
#hientkre{display:block}	
#menurere{display:block}
#logodt{display:block}		
#ghre{display:block}	
#cachtopre{display:block}
#menudung{display:none}
#page{        display: block;}	
nav:not(.mm-menu)
{
	display: none;
}
#khungchinh2{width:96%;float:left;margin-left:2%}
#kttuc2{width:96%;float:left;margin-left:2%}
#kfter2{width:96%;float:left;margin-left:2%}
#kdmuc2{width:96%;float:left;margin-left:2%;top:-20px}
#kvct2{width:96%;float:left;margin-left:2%}
#kct2{width:96%;float:left;margin-left:2%}
#kkh2{width:96%;float:left;margin-left:2%}
#kdkn2{width:96%;float:left;margin-left:2%}
#kdmuc1{height:auto;margin-bottom:20px}
#ftermot{width:100%;margin-left:0px;margin-right:0px;margin-bottom:15px}
#fterhai{width:100%;padding-top:0px;margin-left:0px;margin-right:0px;margin-bottom:15px}
#fterba{width:100%;padding-top:0px;margin-left:0px;margin-right:0px;margin-bottom:15px}
.zalo-container{display:none!important}
#metu{display:block}
#khungchinh2{overflow:hidden}
.noidungtrong table{width:100%!important}
.noidungtrong td{width:auto!important}
.social-button{display:none!important}
#top{bottom:70px!important;right:10px!important}
#kfter{padding-bottom:70px}
#klotk1{display:none}
#kheaslo1{display:none}
#kmnu1{display:none}
#kkmai{display:none}
#tdkspbct h2{width:100%;height:auto}
#tdkspbct #xtcsr{display:none}
#ndkspbct{padding: 20px 10px;}
#trttuc{width:100%;margin-bottom:15px}
#phttuc{width:100%}
.mttucp{width:48%}
#ksli1{margin-top:0px}
#ksli2{width:100%}
#ksliph{width:100%}
#kbonm{display:none}
#kheatr1{display:none}
#kheadu1{display:none}
.tdkdmsp ul li h3 a{display:none}
.mttuc{margin-bottom:15px}
#kfter1{padding-bottom:60px}
.mdmuc img{width:40px;height:40px;}
.mdmuc{width:50%;margin-right:0px;padding-right:10px;float:left}
.mvsc{width:100%;float:left;height:auto;margin-bottom:10px;margin-right:0px;    text-align: center;
    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: block !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center!important;
    align-items: initial !important;}
.mkha{width:100%;float:left;height:auto;margin-bottom:15px}	
#kdkn1{background:#000;padding:20px 0px;height:auto}
#kdkn2{float:left;height:auto}
#kdkn3{padding-top:0px;padding-left:0px;margin-bottom:10px}
#tddknt{width:100%;margin-bottom:5px}
#kndknt{width:100%}
#kndknt input{width:70%}
#kndknt button{width:30%}
.mslo{width:100%;float:left;height:auto;margin-bottom:10px;margin-right:0px;    text-align: center;
    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: block !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center!important;
    align-items: initial !important;}
}	

@media only screen and (min-width : 800px) and (max-width : 1200px) {
.sanpham{width:24.2%!important;margin-right:1%!important;float:left!important}	
.mctri{width:24.2%!important;margin-right:1%!important;float:left!important}	
.mctri{width:24.2%!important;margin-right:1%!important;float:left!important}	
.mttuc{width:24.2%!important;margin-right:1%!important;float:left!important}	
}
@media only screen and (min-width : 600px) and (max-width : 799px) {
.sanpham{width:32.6%!important;margin-right:1%!important;float:left!important}	
.mctri{width:32.6%!important;margin-right:1%!important;float:left!important}	
.mttuc{width:32.6%!important;margin-right:1%!important;float:left!important}	
}
@media only screen and (min-width : 301px) and (max-width : 599px) {
.sanpham{width:49.5%!important;margin-right:1%!important;float:left!important}
.mctri{width:49.5%!important;margin-right:1%!important;float:left!important}
.mttuc{width:49.5%!important;margin-right:1%!important;float:left!important}
}
@media only screen and (min-width : 0px) and (max-width : 300px) {
.sanpham {width:98%!important;margin-left:1%!important;margin-right:1%!important;float:left}
.mctri {width:98%!important;margin-left:1%!important;margin-right:1%!important;float:left}
.mttuc {width:98%!important;margin-left:1%!important;margin-right:1%!important;float:left}
}