@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=vietnamese');*/
@font-face {font-family:'UTM Aristote';font-display:block;src:url('UTM Aristote.ttf');}
*{-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
a{text-decoration:none;color:#333}	
input,select,textarea{transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
input:focus,select:focus, textarea:focus{
  color: #495057;
  background-color: #fff;
  border-color: #005DAC;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 93, 172, 0.25);
}
#ktkiem input:focus,#txtGuiThu,input[type="radio"]{border-color: none; box-shadow:none}
h1, h2, h3, h4, h5{margin:0px;padding:0px}	
body {
	       
      font-family: 'Roboto', sans-serif!important;
	  font-size:15px;
	margin: 0px;
	padding: 0px;
	color: #000;
	
	background:#F8F8F8 ;
	    line-height: 1.5;
   
}
.lazy{opacity: 1;
    transition: opacity 300ms;}
input,select,textarea{  font-family: 'Roboto', sans-serif!important;}
#khead1{position: absolute;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 0;}
body .stuck{    animation: stuckMoveDown .6s;webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);}
.stuck{top: 0!important;
    position: fixed!important;
    left: 0!important;
    right: 0!important;
    margin: 0 auto!important;z-index:1111111111;background:#0f4255}
@keyframes stuckMoveDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}@keyframes stuckMoveUp{0%{transform:translateY(100%)}100%{transform:translateY(0)}}@keyframes stuckFadeIn{0%{opacity:0}100%{opacity:1}}
	
#khead2{width:1200px;height:auto;margin:auto}	
#logotc{height:120px;width:auto;float:left}
body .stuck #logotc{height:70px}
#phaihea{height:42px;width:1000px;float:right;margin-top:39px}
body .stuck #phaihea{margin-top:15px}

#nuttki{width:42px;height:42px;float:right;height:auto;position:relative}
#inuttk{width:42px;height:42px;border:1px solid #f2d67e;color:#f2d67e;border-radius:50%;line-height:42px;text-align:center;font-size:16px;cursor:pointer}
#ktkiem{position: absolute;
    top: 50px;
    right: 0px;
    width: 0px;
    height: 40px;padding-right:40px;
    width:0px;overflow:hidden;
    background: #ffffff;
    border: 1px solid #ffc107;
    z-index: 2;
    opacity: 0;
    border-radius: 25px;
    line-height: normal;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.hientk{opacity:1!important;width:228px!important;}	
#ktkiem input{    width: 100%;
    float: right;height: 38px;padding-left:10px;
    outline: none;
    border: none;
    color: #000;
    font-size: 13px;
    font-style: italic;
    letter-spacing: 1px;}
#ktkiem i{position: absolute;
    top: 11px;
    right: 9px;
    color: #0f4255;
    font-size: 18px;
    cursor: pointer;} 	
#menuhe{width:940px;float:left;height:42px}
#menuhe ul{margin:0px;padding:0px;}
#menuhe ul li{margin:0px;padding:0px;list-style:none;float:right;position:relative}
#menuhe ul li a{border-radius: 50px;
    padding: 0 22px;
    border: solid 1px transparent;font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 40px;float:left;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#menuhe ul li a i{width: 8px;
    height: 8px;
    background: transparent;
    display: inline-block;
    border-radius: 50%;
    margin-right: 5px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#menuhe ul li a#mnacti{color: #F2D67E;
    border: solid 1px #F2D67E;}
#menuhe ul li:hover a.amncap1{color: #F2D67E;
    border: solid 1px #F2D67E;}
#menuhe ul li a#mnacti i{background: #F2D67E;}	
#menuhe ul li:hover a.amncap1 i{background: #F2D67E;}	
#menuhe ul li ul{    position: absolute;
    min-width: 250px;
	top:41.6px;
    left: 0;
    background: #0f4255;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transform-origin: 0 0 0;
    transform-origin: 0 0 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    border-radius: 10px;}
#menuhe ul li:hover ul{    -webkit-transform: perspective(600px) rotateX(0);
    transform: perspective(600px) rotateX(0);
    -webkit-transform-origin: 0 0 0;
    opacity: 1;
    visibility: visible;
    transition: all 0.7s;}	
#menuhe ul li ul li{width:100%;float:left;height:auto;    text-align: left;
    border-bottom: 1px solid rgb(255 184 212);}	
#menuhe ul li ul li:last-child{border-bottom:0px solid #000}	
#menuhe ul li ul li a{width:100%;float:left;height:auto;    font-size: 14px;
    padding: 10px;
    display: block;
    text-decoration: none !important;
    line-height: 20px;
    text-align: left;
    text-transform: capitalize;position:relative;
    color: #fff;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
#menuhe ul li ul li a:before{position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 0;
    height: 1px;
    background: #fed402;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    visibility: hidden;
    opacity: 0;}	
#menuhe ul li ul li a:hover{    padding-left: 40px;}
#menuhe ul li ul li a:hover:before{left: 0;
    visibility: visible;
    opacity: 1;
    width: 30px;}
#slitc{    width: 100%;
    float: left;
    height: 100vh;}
.mucflexslide{width: 100%;
    float: left;
    height: 100vh;}
.mucflexslide img{display:none!important;width:100%;height:auto}	
#khungchinh1{width:100%;float:left;height:auto;padding:75px 0px;}
#khungchinh2{width:1200px;height:auto;margin:auto;}
#trgthi{
	width: 50%;
    text-align: center;
    background: url(../images/bggt.png) no-repeat;
    background-size: 100% 100%;
    padding: 50px;
}
.title_about{font-size: 15px;
    color: #fff;
    font-family: Inter;
    letter-spacing: 3px;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 10px;}
.name_about{text-transform: capitalize;
    font-family: "Playfair Display";
    font-size: 55px;
    background: linear-gradient(180deg, #D6A73C 0%, #FFF0A2 56.77%, #DCB045 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;}
#trgthi p.slogan{color: #FAE8CC;
        font-family: Inter;
    font-size: 16px;
  
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 2.4px;
    background: url(../images/tt_gt.png) no-repeat center bottom;
    padding-bottom: 35px;
    margin-bottom: 20px;}	
.desc_about{    color: #FAE8CC;
    -webkit-line-clamp: 9;
    line-height: 30px;
    font-size: 13px;
    margin-bottom: 20px;}	
.text-split{    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;}	
a.views{display: inline-flex;
    padding: 10px 60px;font-family: Inter;
    align-items: flex-start;
    gap: 30px;
    border-radius: 30px;
    border: 1px solid #FFF0A2;
    color: #FFF0A2;
    
    font-size: 13px;
  
    font-weight: 400;
    line-height: 30px;
    text-transform: capitalize;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}	
a.views:hover{background:#FFF0A2;color:#000}	
#phgthi{width:48%;}	
#mpgthi{width:100%;float:left;height:auto;border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;}
#mpgthi a{width:100%;float:left;height:auto}
#mpgthi img{width:100%;float:left;height:auto;}
#hbpgthi{width:100%;float:left;height:auto;}
#hpgthi{width:278px;float:left;    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.40);
    padding: 10px;border-radius: 10px;
    overflow: hidden;}
#hpgthi	a{    border-radius: 10px;
    overflow: hidden;width:100%;float:left;height:auto}	
#hpgthi img{width:100%;float:left;height:auto}
#bpgthi{width:278px;float:right;    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.40);
    padding: 10px;border-radius: 10px;
    overflow: hidden;}
#bpgthi	a{    border-radius: 10px;
    overflow: hidden;width:100%;float:left;height:auto}		
#bpgthi img{width:100%;float:left;height:auto}	
#kdvutc1{width:100%;float:left;height:auto;padding: 75px 0;
    overflow: hidden;background: #FFFAEC;}
#kdvutc2{width:1200px;height:auto;margin:auto;}	
.nhdmtc{width:100%;float:left;height:auto;text-align:center;font-size:20px;    margin-bottom: 0px;
    color: #3E3E3E;display:none;    font-family: "Playfair Display";}
.tddmtc{width:100%;float:left;height:auto;text-align:center;margin-bottom:0px}
.tddmtc h2{    font-family: "Playfair Display";font-size:50px;color:#0f4255;font-weight: 400;}	
.mtdmtc{width:100%;float:left;height:auto;text-align:center;font-size:15px;color: #535353;padding-bottom: 30px;
    background: url(../images/ttgt1.png) no-repeat center bottom;margin-bottom:20px}
.nddmtc{width:100%;float:left;height:auto;}

#nhphkh{display:none;width:100%;float:left;height:auto;text-align:center;font-size:20px;    margin-bottom: 0px;
    color: #fff;    font-family: "Playfair Display";}
#tdphkh{width:100%;float:left;height:auto;text-align:center;margin-bottom:0px;    background: linear-gradient(180deg, #D6A73C 0%, #FFF0A2 56.77%, #DCB045 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;font-family: "Playfair Display";}
#tdphkh h2{font-size:50px;color:#0f4255;font-weight: 400;}	
#mtphkh{width:100%;float:left;height:auto;text-align:center;font-size:15px;color: #fff;padding-bottom: 30px;
    background: url(../images/tt_gt.png) no-repeat center bottom;margin-bottom:20px}
#ndphkh{width:100%;float:left;height:auto;}
.mdvu{width:383px;float:left;height:auto;border-radius: 20px 20px 20px 0;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.40);
    overflow: hidden;margin-right:25px;margin-bottom:25px}
.mdvu1{float:right;margin-right:0px}	
.hmdvu{width:100%;float:left;height:auto}	
.hmdvu img{width:100%;float:left;height:auto}
.dumdvu{width:100%;float:left;height:auto;padding:30px;    background: url(../images/bgdv.jpg) repeat;}	
.temdvu{width:100%;float:left;height:auto;margin-bottom:10px}
.temdvu h3 a{font-size:20px;color:#fff;font-weight:400;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.temdvu h3 a:hover{color:#FFDB67}
.giamdvu{width:100%;float:left;height:auto;color:#FFDB67;font-size:16px}
#kvdeotc1{width:100%;float:left;height:auto;position:relative}
.mflexvd{width:100%;float:left;height:auto}
.mflexvd img{width:100%;float:left;height:auto}
.title_vd{position: absolute;
    top: 0;
    left: 8%;
    color: #fff;
    z-index: 11;
    display: flex;
    align-items: center;
    transform: rotate(90deg);
    transform-origin: 0% 100%;
    text-transform: uppercase;
    font-size: 25px;}
.title_vd span{padding-right: 20px;}
.title_vd img{max-width:100%;animation: xoay 2s infinite linear;}
@keyframes xoay{0%{transform:rotate(0);}50%{transform:rotate(180deg);}100%{transform:rotate(360deg);}}
.title_vd i{width: 100px;
    height: 2px;
    background: #fff;
    margin-left: 20px;}	
.info_vd{position: absolute;
    top: 0;
    bottom: 0;
    left: 20%;
    right: 20%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    color: #fff;
    pointer-events: none;}	
.info_vd .name{    color: rgba(255, 255, 255, 0.20);
    text-align: center;
    font-size: 100px;font-family: "UTM Aristote";}
.info_vd p{    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.20);
    text-align: center;
    font-size: 44px;
    letter-spacing: 7.48px;    font-family: "Playfair Display";}
.align-items-center{    align-items: center !important;}
.flex-wrap{    flex-wrap: wrap !important;}
.d-flex{    display: flex !important}	
#khanhtc1{width:100%;float:left;height:auto;padding: 75px 0;
    overflow: hidden;background: #FFFAEC;}
#khanhtc2{width:1200px;height:auto;margin:auto;position:relative;}
#trkha{width:797px;float:left;height:auto;}	
#mtrkha{width:100%;float:left;height:auto;margin-bottom:10px}
.mhatc{width:100%;float:left;height:auto;position:relative;    border-radius: 10px;
    overflow: hidden;}
.hmhatc{width:100%;float:left;height:auto;}
.hoverha{ position:relative; overflow:hidden; }
.hoverha:before{position: absolute;
    top: 0;
    left: -85%;
    z-index: 10;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);}
.hoverha:hover:before { transition:1s; left:100%; }	
.mhatc h3{position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 0;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, black, transparent);
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 1s;
    opacity: 0;}	
.mhatc h3:before{border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
    top: 25px;
    bottom: 25px;
    left: 15px;
    right: 15px;
    transform: scale(0, 1);position: absolute;
    content: '';
    transition: all 1s;}
.mhatc h3:after{border-left: solid 1px #fff;
    border-right: solid 1px #fff;
    top: 15px;
    bottom: 15px;
    left: 25px;
    right: 25px;
    transform: scale(1, 0);position: absolute;
    content: '';
    transition: all 1s;}
.mhatc:hover h3:before,.mhatc:hover h3:after{transform:scale(1);transition:all 1s;}	
.mhatc:hover h3{transition:all 1s;opacity:1;}
#htrha{width:100%;float:left;height:auto;}
#thtrha{width:393px;float:left;height:auto}
#mthtrha{margin-bottom:10px}
#phtrha{width:393px;float:right;height:auto}
#phkha{width:393px;float:right;height:auto}
#namha{margin-bottom:10px}
#xtkha{width:100%;float:left;height:auto;text-align:center;margin-top:10px}
#xtkha a{text-align: center;
    display: inline-block;
    color: #857162;
    font-size: 18px;
    letter-spacing: 0.9px;
    background: url(../images/line_views.png) no-repeat right 0px bottom;
    padding-bottom: 20px;
    padding-right: 30px;
    height: auto;}
#ndhanhk{position:relative;padding-bottom: 80px;}
#ndhanhk:after{position: absolute;
    content: '';
    bottom: -20px;
    right: 20px;
    background: url(../images/beforeab.png) no-repeat;
    width: 205px;
    height: 154px;
    animation: jumb 2s infinite linear;
    pointer-events: none;}	
#ndhanhk:before{position:absolute;content:'';bottom:-10px;left:-85px;background:url(../images/afterab.png) no-repeat;width:412px;height:382px;z-index:1;animation:jumb 2s infinite linear;pointer-events:none;}
@keyframes jumb{0%{transform:translateY(0);}50%{transform:translateY(-10px);}100%{transform:translateY(0px);}}
#kphkh1{width:100%;float:left;height:auto;background: url(../images/bgkh.jpg) no-repeat center fixed;
    background-size: cover;padding: 75px 0;
    overflow: hidden;}
#kphkh2{width:1200px;height:auto;margin:auto}
.hover_sang2{position: relative;
    overflow: hidden;float:left}
.hover_sang2:before{position: absolute;
    top: 0;
    left: -85%;
    z-index: 10;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);}	
.hover_sang2:hover:before { transition:1s; left:100%; }	
.item_kh{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;}
.item_kh .img {border-radius:30px;border:10px solid #FFF;background:#EBEBEB;aspect-ratio:285/530;}
.item_kh .icon {border-radius:50%;border:6px solid #FFF;width:105px;margin-left:-60px;aspect-ratio:1/1;} 
.info_kh {padding:10px 15px;width:37%;margin-top:50px;background:#fff;border-radius:10px;}
.info_kh img{display:inline-block}
p.name_kh {font-size:15px;font-weight:500;margin-bottom:5px;}
p.desc_kh {color:#027B76;font-size:13px;margin-bottom:0;}
p.content_kh {margin-bottom:0;margin-top:10px;color:#303030;font-size:13px;line-height:30px;text-align:justify;-webkit-line-clamp:6;}
.text-right{    text-align: right !important;}
.scale-img img{transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s; }
.scale-img: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); }

#kttuc1{width:100%;float:left;height:auto;padding: 75px 0;
    overflow: hidden;background: #FFFAEC;}
#kttuc2{width:1200px;height:auto;margin:auto;}	
.flexttm{width:100%;float:left;height:auto}
.httmoi{width:100%;float:left;height:auto;    border-radius: 15px;overflow:hidden}
.httmoi a{width:100%;float:left;height:auto}
.httmoi img{width:100%;float:left;height:auto}
.duttmoi1{width:100%;float:left;height:auto;padding:0px 20px}
.duttmoi2{width:100%;float:left;border-radius: 10px 0px 10px 10px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 30px;height:auto;position: relative;
    z-index: 1;
    top: -20px;}
.ndattmoi{top:-30px;height:30px;line-height:30px;padding:0px 10px;background:#0f4255;color:#fff;    border-radius: 10px 10px 0px 0px;position:absolute;right:0px}	
.tenttmoi{width:100%;float:left;height:auto;margin-bottom:10px}
.tenttmoi h3{margin:0px;padding:0px}
.tenttmoi h3 a{color:#232323;line-height:28px;font-size:16px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;font-weight:500;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.tenttmoi h3 a:hover{color:#0f4255}	
	
.mtttmoi{width:100%;float:left;height:auto;    color: #333333;
    line-height: 23px;font-size:13px;display: -webkit-box;-webkit-line-clamp: 3;overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;margin-bottom:10px}	
.xtttmoi{width:100%;float:left;height:auto;text-align:center}
.xtttmoi a{position: relative;
    display: inline-block;
    line-height: 36px;
    color: #696969;
    border-radius: 30px;
    border: 1px solid #0f4255;
    background:#fff;
    width: 140px;
    height: 40px;
    font-size: 14px;
    padding: 2px;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
.xtttmoi a:hover{color:#0f4255}	
.xtttmoi a i{color: #0f4255;
    font-size: 26px;
    float: right;
    margin: 3px;    margin-top: 4px;}	
#fter{width:100%;float:left;height:auto}
#tfter1{width:100%;float:left;height:auto;    background-image: url(../images/bgdv.jpg);
    background-repeat: repeat;}	
#tfter2{width:1200px;height:auto;margin:auto;padding: 75px 0;
    overflow: hidden;padding-bottom:0px}	
#ttfter2{width:100%;float:left;height:auto}	
#ftermot{width:300px;height:auto;float:left;margin-right:90px;}
#logoft{width:100%;float:left;height:auto;text-align:center;margin-bottom:10px}
#logoft img{height:170px;width:auto;margin:auto;max-width:100%}
#sllgft{width:100%;float:left;height:auto;text-align:center;margin-bottom:10px;color: #FFFAEC;
    font-size: 13px;overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;margin-bottom:30px}
#xtlgft{width:100%;float:left;height:auto;text-align:center}
#xtlgft a{width: 135px;
    height: 40px;
    padding: 0 10px;
    line-height: 38px;
    justify-content: center;border: 1px solid #FFF0A2;
    color: #FFF0A2;border-radius: 30px;	    display: inline-flex;transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s; -webkit-transition:0.3s;}
#xtlgft a:hover{background:#FFF0A2;color:#000}	
#fterhai{width:420px;float:left;height:auto;margin-right:90px;}
#tctft{width:100%;float:left;height:auto;color: #F2D67E;
    font-size: 46px;
    margin-bottom: 15px;font-family: "Playfair Display";}
#ttft{width:100%;float:left;height:auto;color: #FFFAEC;
    font-size: 13px;
    line-height: 35px;margin-bottom:20px}	
#ttft p{margin:0px;padding:0px}	
#lkft{width:100%;float:left;height:auto}
#lkft img{height:50px;width:auto;float:left;margin-right:10px}
#fterba{width:300px;float:right;height:auto;}
#tdface{width:100%;height:auto;float:left;margin-bottom:20px;color: #F2D67E;

    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;}
#ndface{width:100%;float:left;height:auto;overflow:hidden}	
#dtfter2{width:100%;float:left;height:auto;padding:15px 0px;border-top: solid 1px rgba(255, 250, 236, 0.30);margin-top:50px}
#tdtfter2{width:50%;float:left;height:auto;color:#fff;font-size:13px}
#pdtfter2{width:50%;float:right;height:auto;}
#pdtfter2 ul{margin:0px;padding:0px}
#pdtfter2 ul li{margin:0px;padding:0px;list-style:none;float:right;margin-left:10px;font-size:13px;color:#fff}
#kmap{width:100%;float:left;height:auto}
#kmap iframe{width:100%!important;float:left;height:470px!important}
#tdul2{width:1200px;height:auto;margin:auto}
#ktrot1{width:100%;float:left;height:auto;padding:20px 0px;}
#ktrot2{width:1200px;height:auto;margin:auto}
#tdbvhm{ text-align: center;width:100%;float:left;height:auto;margin-bottom:20px;margin-top:20px}
#tdbvhm h1 a{    font-size: 35px;
    color: #0f4255;
    font-weight: 700;
    text-transform: capitalize;
   
    font-family: 'Playfair Display';}
#tdlqu{width:100%;float:left;height:auto;margin-bottom:20px;text-transform: capitalize;
    font-size: 35px;margin-top:20px;
    font-family: 'Playfair Display';color:#0f4255;text-align:center}	
#ndlqu{width:100%;float:left;height:auto;}
#chsebv{width:100%;float:left;height:auto;padding: 17px 10px 10px 10px;
    line-height: normal;
    background: rgba(128, 128, 128, 0.15);
    margin-top: 15px;
    border-radius: 5px;}
#chsebv2{width:100%;float:left;height:auto;margin-top:5px}
.mttuct{width:387px;float:left;height:auto;margin-right:19px;margin-bottom:20px}
.mttuct1{float:right;margin-right:0px}
#menumb1{width:100%;float:left;height:50px;position:fixed;top:0px;left:0px;z-index:111111;display:none}
#menumb2{width:100%;float:left;height:auto;position:relative}
#knutdungp{position:fixed;bottom:55px;right:10px;z-index:1111111;border:1px solid #ddd;width:80px;height:auto;padding:10px 5px;background:#fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}#knutdungp ul{margin:0px;padding:0px;}#knutdungp ul li{margin:0px;padding:0px;list-style:none;width:100%;float:left;height:auto;margin-bottom:5px;}.hmndph{width:100%;float:left;height:auto;text-align:center;margin-bottom:0px;}.hmndph img{height:36px;margin:auto}.tmndph{width:100%;float:left;height:auto;text-align:center;font-weight:bold;color:#000;font-size:13px;font-weight:initial}
#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: #0f4255;
    z-index: 111111;
    position: absolute;
    display: none;top:0px;}
#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:#0f4255;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}
#akghangre{right:5px;position:absolute;top:10px;z-index: 1111111; display: none;}
#kghangre{width: 50px;
    height:auto;
    font-size: 21px;
   
    color: #005DAC;}
#kghangre span{font-size:15px;position:relative;top:-6px}	
#ktkire1{width:50%;position:absolute;top:0px;right:5px;height:50px;z-index:1111111;padding:10px 5px;display:none;}
#ktkire2{width:100%;height:30px;float:left;position:relative;border-radius:4px;overflow:hidden}
#ktkire2 input{width:100%;float:left;height:28px;border:1px solid #005DAC;padding-left:5px;outline:none;border-radius:4px}
#ktkire2 i{
    position: absolute;
    top: 1px;
    right: 1px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 18px;
    color: #0f4255;
    background: #fff;
    width: 26px;
    line-height: 26px;
    text-align: center;
    height: 26px;}
#dmcmre{width:100%;float:left;height:auto;margin-bottom:10px;display:none}
#dmcmre ul{margin:0px;padding:0px}
#dmcmre ul li{margin:0px;padding:0px;list-style:none;width:19%;margin-bottom:10px;float:left;height:auto;margin-right:1.2%;border:1px solid #ddd;border-radius:4px;padding:10px 0px}
#dmcmre ul li.lidmc1re1{float:right;margin-right:0px}
#dmcmre ul li.lidmc1re:nth-child(n+10) {display:none}
.hinhc1re{margin:0px;padding:0px;width:100%;float:left;height:auto;text-align:center;margin-bottom:5px;text-align:center}
.hinhc1re img{height:30px;width:auto;margin:auto}
.tenc1re{width:100%;float:left;margin:0px;padding:0px 2px;text-align:center;font-size:12px;color:#000}
#xtcdmc1re{cursor:pointer;}
.tenc1rextc{color:#005DAC;margin-top: 7px}
.hinhc1re i{color:#005DAC;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;border:1px solid #005DAC;font-size:20px}
.hiendmc1re ul li.lidmc1re:nth-child(n+10) {display:block!important}
.hiendmc1re #xtcdmc1re{display:none!important}
.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 #4CAF50;}
.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: #0083FF;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(0, 131, 255, 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-weight: 700;font-size:24px;line-height: 1.6;}

@media only screen and (min-width : 1px) and (max-width : 1200px) {
#top{bottom:70px!important;right:10px!important}	
.social-button{display:none!important}	
.content-container{max-height:250px}	
.content-text{font-size:16px}
#dmcmre{display:block}	
#menumb1{display:block}	
#ktkire1{display:block}	
#tdktoptc h2 span{font-size:16px}	
#tdktoptc h2 i{font-size:20px;top:2px}
#akghangre{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:100%;}
#flexdt .owl-nav button.owl-prev{left: 0px!important;}
#flexdt .owl-nav button.owl-next{right: 0px!important;}
#footermot{width:100%;margin-left:0px;margin-right:0px;margin-bottom:15px}
#footerhai{width:100%;margin-left:0px;margin-right:0px;margin-bottom:15px}
#footerba{width:100%;margin-left:0px;margin-right:0px;margin-bottom:15px}
.zalo-container{display:none!important}
#metu{display:block}
#kdoitactc2{width:96%;float:left;margin-left:2%}
#footertc2{width:96%;float:left;margin-left:2%}
#bannertc2{width:96%;float:left;margin-left:2%}
#ktintuctc2{width:96%;float:left;margin-left:2%}
#copyrighttc2{width:96%;float:left;margin-left:2%;text-align:left}

#knutdungpba{display:none}
#knutdungpbon{display:none}
#knutdungp ul li{margin-bottom:0px}

#knutdungp{bottom:70px}
.tensanpham{    height: 46px;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}
#logotc{display:none}
#giohangtc{display:none}
.khungtimkiemtc{width:100%;float:left;margin-left:0px;margin-right:0px;margin-top:0px}
#menu2{width:96%;float:left;margin-left:2%}
#flexttm .owl-nav button.owl-prev{left: 0px!important;}
#flexttm .owl-nav button.owl-next{right: 0px!important;}
.ktrens{width:100%;height:auto;position:absolute;top:10%;left:0px}
.ktrens2{width:95%;float:left;height:auto;margin-left:2%}
.ktrens3{width:100%;float:left;height:auto}
.tenktrens{margin-bottom:10px}
.mtktrens{display:none;margin-bottom:2px;line-height:23px}
.xtktrens a{padding:2px 20px}

#headertc1{background:#fff;}
#headertc2{width:100%;}
#trhead{display:none}
#phhead{width:70px;position:fixed;top:7px;right:10px;z-index:111111}
#phhead ul li:last-child{display:none}
#phhead ul li a{color:#004aad}
#gibannertc{display:none}
#trbannertc{width:100%;margin-bottom:5px}
#phbannertc{width:100%;margin-top:0px}
#phbannertc ul li#ghrrm{display:none}
.flexnb .owl-nav button.owl-prev{left:0px!important}
.flexnb .owl-nav button.owl-next{right:0px!important}
#tintuctc2{width:96%;float:left;margin-left:2%}
#dknttc2{width:96%;float:left;margin-left:2%}
#trdknttc{width:100%;float:left;margin-bottom:0px;font-size:18px}
#phdknttc{width:100%;float:left;height:auto}
#phbannertc ul li ul{left:inherit;right:0px}
#phbannertc ul li{padding-bottom:0px}
#dknttc1{padding:10px 0px}
.lSAction  a{opacity:1!important}
#ghre i{font-size:21px;color:#ed1f24}
#ghre span{position:absolute;top:-10px;right:-10px;font-size:13px;background:#ed1f24;color:#fff;width:20px;height:20px;text-align:center;line-height:20px;border-radius:50%;}
#dndktc{display:none}
#htdktc{display:none}
#slidertc2{width:100%}
#flexdm .owl-nav button.owl-prev{left:0px!important}
#flexdm .owl-nav button.owl-next{right:0px!important}
#csbqtc2{width:96%;float:left;margin-left:2%}
#kykkhtc2{width:96%;float:left;margin-left:2%}
.hinhflexttm{width:100%}
.pflexttm{width:100%;float:right}
#phbanner{width:100%}
#trphbanner{display:none}
#menutr{display:none}
#bannertc1{height:auto;padding:0px 0px;background:#fff}
#bannertc2{height:auto;}
#aca{float:left}
.hotline-1{display:none!important}
#tdchusli{font-size:18px}
#mtchusli{font-size:15px}
.tdmkuntc h2 a{font-size:21px;width:100%;float:left;margin-bottom:15px}
.tabs li{font-size:18px!important;padding:0px 3px!important}
.tabs li:first-child{padding-left:0px!important}
.tabs li:last-child{padding-right:0px!important}
#tdkykkhtc{font-size:14px;padding:0px 0px}
#kykkhtc1{padding:30px 0px}
#c2dmdau ul li{width:23%;margin-right:2%;margin-bottom:15px}
#c2dmdau ul li .lic1tr{float:right;margin-right:0px}
#c2dmdau ul li a{width:100%;height:50px;overflow:hidden;padding:3px 5px;text-align:center}
.noidungtrong table{width:100%!important}
.noidungtrong td{width:auto!important}
#duoislitc2{width:100%;height:auto}
#duoislitc3{width:100%;height:auto}
#kspc1tc2{width:96%;float:left;margin-left:2%}
.mspcm{width:25%}
.hinhmspcm img{height:40px}
.tdkmdmcmtc h2 a{margin-bottom:5px;margin-top:0px}
.tdkmdmcmtc ul li{margin-bottom:10px}
.hinhsanpham img{width:100%;float:left;margin:0px 0px;height:auto}
.giacmpsp ul li.giasanpham{width:100%}
#footerbon{width:100%}
.giacmpsp{min-height:44px}
.tenmspcm{    height: 46px;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}
.tdkmdmcmtc ul li h3 a{    padding: 0px 0px;border: 0px solid #fff;}	
.tdkmdmcmtc ul li{margin-bottom:5px;margin-left:5px}
.tdkmdmcmtc ul li.lixtc{display:none}
.tdkmdmcmtc ul li a{    padding: 0px 0px;border: 0px solid #fff;}	
#bamucbanner ul li{display:none}
#bamucbanner ul li:first-child{display:block}
#bamucbanner ul li a .chuligh{display:none}
#bamucbanner ul li{width:40px;margin-right:14px;margin-left:0px}
#bamucbanner{top:11px;width: 59px;
    float: right;
    margin-top: 0px;
    z-index: 111111;
    padding: 0px 0px;
    right: 0px;
    position: fixed;
    background: none;}
#bamucbanner ul li a i{width: 35px;
    height: 35px;
    float: left;
    background: #fff;
    color: #4cb551;
    border-radius: 50%;
    line-height: 39px;
    text-align: center;
    font-size: 18px;
    margin-right: 10px;}	
#ktkiemtc{width:100%;float:left;margin-left:0%;border:1px solid #ddd;margin-top:5px;margin-bottom:5px}	
#ktkiemtc select{width:30%;height:32px}
#ktkiemtc input{width:69%;height:32px}
#kslbmuc2{width:96%;float:left;margin-left:2%}
#kslbmuc3{width:100%;float:left;height:auto;}
#kslitr{width:100%;float:left;height:auto;}
#ksliph{display:none}
.tdkdmtc h2 a:after{display:none}
.kdmtc ul{display:none}
.tdkdmtc .xtckdmtc{display:none}
.tdkdmtc h2 a{font-size:18px}
.tdkdmtc{border-bottom:0px solid #000;background:#4cb551;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.ndkdmtc{padding:0px 0px}
#kdnnttc2{width:96%;float:left;margin-left:2%}
#trkdnnttc{width:100%;float:left;height:auto;margin-bottom:10px}
#phkdnnttc{width:100%;float:left;height:auto;margin-top:0px}
#footermoth{width:100%;float:left;height:auto;margin-bottom:15px}
#chatzalotr{display:none}
#bamucbanner ul li:first-child{width:44px}
.tghsanpham{width:100%;float:left;height:auto;text-align:left}
#ptrkdnnttc{width:100%}
.mshow{width:100%;float:left;margin-right:0px;margin-bottom:25px}
.giasanpham{color:red}
#bannertc1{display:none}
#phhead ul li a span#chugh{display:none}
#sync2{display:none}
#kslbnern2{width:100%;}
#phaisli{width:100%}
#kslider{width:100%;min-height:0px}
#kbamvih{display:none}
#kdmso{display:none}
#menu1{margin-top:5px;margin-bottom:5px}
#menu2{padding:3px 3px;height:auto;overflow:hidden}
#ktktc{width:100%;margin-left:0px;margin-top:0px}
#phmenu{display:none}
.tdkmdmtc ul{display:none}
.ndkmdmtc{border:0px solid #000}
.thgsanpham{padding:0px 0px}
.tensanpham{padding:0px 0px}
.thgsanpham .thsanpham{width:100%;float:left;height:auto;margin-bottom:5px}
.thgsanpham .gsanpham{width:100%;float:left;height:auto;margin-bottom:5px}
.sanpham{border-right: 0px solid #eeeeee;
    border-bottom: 0px solid #eeeeee;margin-bottom:25px;}
#kslbnern1{padding:0px 0px;margin-bottom:10px}	
#kttutc2{width:96%;float:left;margin-left:2%}
#kdtac2{width:96%;float:left;margin-left:2%}
#kcnhatc2{width:96%;float:left;margin-left:2%}
#kttuctc2{width:96%;float:left;margin-left:2%}

.mchinft{width:100%;float:left;margin-right:0px;margin-bottom:20px}
.ndmchinft{height:auto}
#bnkmtc1{display:none}
#menu1{display:none}
#bamutc{display:none}
#kslitc1{width:100%;padding:0px}
#kslitc2{width:100%}
#phsli{width:100%;border-radius:0px}
#ktoptc2{width:100%;border-radius:0px}
#kdmnb2{width:100%}
.mdmnb{width:33.3%;margin-bottom:15px}
#mdttuc{width:100%;margin-bottom:15px}
#phttuctc{width:100%}
.sanphamtc{margin-bottom:20px}
#copyrighttc1{padding-bottom:70px}
.mdmnb{width:32.6%!important;margin-right:1%!important;float:left!important}	
.mdmnbre3{float:right!important;margin-right:0px!important}
.sanphamtc{padding:5px}
.flexsp{padding:5px}
.tenmdmnb{height: 46px;
    line-height: 23px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;}
.giasanpham{width:100%;float:left;height:auto;margin-bottom:5px}
.dabansp{float:left}	
#headtc1{display:none}
#ksli1{min-height:0px}
#ksli2{width:100%;float:left;height:auto}
#kbamuc{display:none}
#kttuc{width:100%;min-height:0px;margin-bottom:10px;padding:0px}
#kvitc{width:100%;float:left;}
.mttuctc{width:49%} 
#ndkdkntt2{width:96%;float:left;margin-left:2%}
#fttren2{width:96%;float:left;margin-left:2%}
#khthft2{width:96%;float:left;margin-left:2%}
#copyright2{width:96%;float:left;margin-left:2%}
#tdkdkntt1 h2{font-size:16px}
#fttrenmo{width:100%;float:left;margin-bottom:20px;margin-right:0px}
#fttrenha{width:100%;float:left;margin-bottom:20px;margin-right:0px}
#fttrenba{width:100%;float:left;margin-bottom:20px;margin-right:0px}
#fttrenbo{width:100%;float:left;margin-bottom:20px;margin-right:0px}
#fttrenna{width:100%;float:left;margin-bottom:20px;margin-right:0px;overflow:hidden}
.mhtho{width:100%;float:left;height:auto;margin-right:0px;margin-bottom:15px}
#phcopy{width:100%;float:left;height:auto;margin-right:0px;margin-bottom:15px}
#hinhbct{margin-top:0px}
#trcopy{width:100%;float:left;height:auto;margin-right:0px;margin-bottom:15px;padding-bottom:40px}
.tdkdmc h2{width:100%;float:left;height:auto;margin-bottom:5px}
#haimuc{display:none}
#tdkudai h2{font-size:21px}
#tdkudai h2 i{font-size:30px}
#tdspmoi h2 a{font-size:18px}
.tdkdmc h2 a{font-size:18px}
.tdkdmc{    padding: 17px 0px 13px 0px;}
.ndkdmc{padding:0px 0px}
.tdkdmc ul li:first-child h3 a{padding-left:0px}
.mucflexslide img{display:block!important}
.mucflexslide{height:auto!important;background-image:none!important}
#slitc{height:auto}
#trgthi{width:100%;margin-bottom:10px}
#phgthi{width:100%}
#hpgthi{width:49%}
#bpgthi{width:49%}
#kdvutc2{width:100%;padding:0px 10px;}
#khungchinh1{padding:10px 10px}
.info_vd .name{font-size:21px}
.info_vd p{font-size:15px}
.title_vd{font-size:15px}
.title_vd img{height:40px;width:auto}
.title_vd i{display:none}
#khanhtc2{width:100%;padding:0px 10px;}
#ktrot2{width:100%;padding:0px 10px;}
#tdul2{width:100%;padding:0px 10px;}
#kphkh2{width:100%;padding:0px 10px;}
#kttuc2{width:100%;padding:0px 10px;}
#tfter2{width:100%;padding:50px 10px;}
#trkha{width:69%}
#phkha{width:29%}
#thtrha{width:49%}
#phtrha{width:49%}
#ndhanhk:before,#ndhanhk:after{display:none}
#ndhanhk{padding-bottom:0px}
.item_kh .img{display:none}
.info_kh{width:100%}
.item_kh .icon{margin-left:0px}
#flexphkh .owl-nav{display:none}
#ftermot{width:100%;float:left;margin-right:0px;margin-bottom:20px}
#fterhai{width:100%;float:left;margin-right:0px;margin-bottom:20px;
        text-align: center;}
#lkft img{float:none}
#fterba{width:100%;float:left;margin-right:0px;margin-bottom:20px}
#tdface{text-align:center}
#ndface{text-align:center}
#ndface iframe{margin:auto;float:none}
#tdtfter2{width:100%;text-align:center;margin-bottom:10px}
#pdtfter2{width:100%;text-align:center;margin-bottom:10px}
#pdtfter2 ul li{float:none;}
#khead1{display:none}
#flexphkh .owl-dots{display:block!important}
.tenmvideo h3 a{-webkit-line-clamp: 2!important;}
.name_about{font-size:44px}
.tddmtc h2{font-size:44px}
#tdphkh h2{font-size:36px}
#tctft{font-size:44px}
.temdvu h3 a{    display: -webkit-box;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-box-orient: vertical;}
}	
@media only screen and (min-width : 800px) and (max-width : 1200px) {
.mdvu{width:24.2%!important;margin-right:1%!important;float:left!important}	
.mttuct{width:24.2%!important;margin-right:1%!important;float:left!important}	
.mcmot  {width:23%!important;margin-left:1%!important;margin-right:1%!important;float:left}	
.sanphamre4{float:right!important;margin-right:0px!important}
.tenc1re{text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;line-height:20px;height:40px}

}


@media only screen and (min-width : 600px) and (max-width : 799px) {
.mdvu{width:32.6%!important;margin-right:1%!important;float:left!important}	
.mttuct{width:32.6%!important;margin-right:1%!important;float:left!important}	
.mcmot  {width:31%!important;margin-left:1%!important;margin-right:1%!important;float:left}	
.sanphamre3{float:right!important;margin-right:0px!important}
.tenc1re{text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;line-height:20px;height:40px}
}

@media only screen and (min-width : 301px) and (max-width : 599px) {
.mdvu{width:49.5%!important;margin-right:1%!important;float:left!important}
.mttuct{width:49.5%!important;margin-right:1%!important;float:left!important}
.mcmot  {width:48%!important;margin-left:1%!important;margin-right:1%!important;float:left}
.sanphamre2{float:right!important;margin-right:0px!important}
.tenc1re{text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;line-height:20px;height:60px;}
}

@media only screen and (min-width : 0px) and (max-width : 300px) {
.mdvu{width:100%!important;margin-left:0%!important;margin-right:0%!important;float:left!important}	
.mttuct {width:98%!important;margin-left:1%!important;margin-right:1%!important;float:left}
.mcmot {width:98%!important;margin-left:1%!important;margin-right:1%!important;float:left}
.tenc1re{text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
	line-height:20px;height:60px;
	}
}