@charset "utf-8";
@media screen and (max-width: 1175px) {
    #menutop ul li.current{ display: none }
}
@media screen and (max-width: 1150px) {
    .cartphai { position: absolute; right: 0; display: inline-block; top: 0; z-index: 6666; margin: 5px }
    .kw_menu{ display: block }
    #menutop{ margin: 0 auto;  position: relative; width: 100%; clear: both; float: left; text-align: inherit }
    .bgtop{ padding: 0 }
    #MobileMenu{ width: 96%; height: auto; background: #006cb5 url(../images/threeline.png) left 20px center no-repeat; color: #fff; padding: 15px 2%; display: block; cursor: pointer; text-indent: -9999px }
    #menutop{ position:relative; z-index: 5555; font-size: 120%; width: 100%; margin: 0; clear: both }
    #menutop ul{ position:absolute; background: #444; width: 100%; display: none; top:100%;}
    #menutop ul li{ position:relative; float:none; width: 100%}
    #menutop ul ul{ position:relative; background:#fff; padding:0}
    #menutop ul ul li{ width: 100%; display: none}
    #menutop ul ul ul{ background: #23aecc }
    #menutop ul ul ul li { position: relative; top:100%; left:0; display: none; border-top: 0px #eee solid }
    #menutop ul ul li:hover > ul{ display: none }
    #menutop ul ul ul{ position: relative; top:0; left:0;}
    #menutop ul > li > span{ display: inline-block; position: absolute; top: 10px; right: 5px; cursor: pointer }
    #menutop ul > li > span > img{ width: 36px; height: auto }
    #menutop ul li a:hover, #menutop ul li.current a:hover { background: #1c75bc; color: #fff }
    #menutop > ul > li > a{ text-align: left; display: block !important; background: #1385d2; color: #fff !important; padding: 15px 15px !important; border-bottom: 1px #4fd3ef solid }
    .page0 .page_container .main { width: 96% }
    .bgtop{ border: 0px }
    #menutop ul ul{ border : 0px }
    #menutop ul ul a{ padding-left: 30px; color: #000 }
    .set_content{ margin-top: 25px; margin-bottom: 30px }
    #menutop ul li.current{ display: none }
    #menutop ul .level3, #menutop ul .level2{ top: 5px !important }
    #menutop ul ul ul a{ background: #23aecc; padding-left: 45px !important; border-top: 1px #65cfe6 solid }
    #menutop ul ul ul ul a{ padding-left: 60px !important }
}
@media screen and (max-width: 980px) { 
    .bx-wrapper .bx-controls-direction a{ display : none !important }
    .kw_menu .logo{ margin: 15px }
    .kw_search input { width: 200px; border-bottom: 1px solid #ccc; transition: 0.5s; border-radius: 0px }
    .wrap-tinnoibat .bx-viewport{ height: 300px !important }
    ul.kw_tinmoi li { width: 100% }
    ul.kw_tinmoi li a {  }
    ul.kw_tinmoi li:nth-child(1) a{ border-top: 0px #ccc dashed !important; padding-top: 0px !important }
    ul.kw_tinmoi li a .sethinh{ max-height: inherit }
    ul.kw_tinmoi li a .sethinh img{ width: 100%; height: auto }
    ul.kw_tinmoi li a .sethinh{ width: 23% }
    #menutop ul li.current a{ background: #1385d2 }
    .mailletter ul li:nth-child(2) div input#txtEmailLetter{ min-width: 150px }
    .hoidap .support li h3 p { max-width: 95%; line-height: 20px; font-size: 13px }
    #menutop ul ul{ border: 0px }
    .kw_search:hover input, .kw_search input{ width: auto }
    #menutop ul ul a { color: #333; padding-left: 25px !important; background: #2abedd }
    .box-video .setvideo{ display: none }
    .box-video .intro, .hoidap, .tinmoi, .formBook .item, .formBook .item span.icon i{ }
    .formBook .item span.icon{  }
    .formBook .item input{ }
    .formBook .item select{ width: 95% }
    .formBook a.book{ width: 100% }
    .box-video{ padding: 0 }
    .tutshoatdong img{ margin: 0 }
    .tinmoi{ margin-bottom: 0 }
    .formBook .item textarea{ resize: none; background: #009ddc; border: 0; outline: 0; font-family: "Arial"; color: #c1e9ff; font-size: 14px; line-height: 18px; float: left; display: inline-block; padding: 7px 2% }
    .hoidap .support li h3 span { position: absolute; top: 0; right: 0; cursor: pointer; font-size: 16px; padding: 8px 15px; font-family: monospace; background: #666; border: 0.5px #666 solid; bottom: 0; display: flex; align-items: center }
    .chitietbaiviet img{ max-width: 100% }
    #menutop > ul{ margin-top: 0px }
    .bot .main{ text-align: left }
    .mailletter .trai, .mailletter .phai{ padding: 10px 0px }
    .mailletter .phai{ padding-left: 2% }
    #boxsp li.news{ width: 46%; margin: 1%; padding: 1% }
    #boxsp li.news h3 span, #boxsp li.news h3 a, #boxsp li.news{ height: auto }
    ul.spbanchay > li{ width: 50% }
    #boxsp li.news{ height: 315px; overflow: hidden }
    ul.spbanchay > li > a .hinhbanchay{ height: 250px }
    .hoidap .support li h3{ padding: 3px 10px }
    .top-content{ padding: 15px 0px }
    ul.hoatdong{ margin: 0; margin-bottom: 30px; padding: 0 }
    .leftbody, .rightbody, .box_hoat_dong, .tinmoi{ width: 100% }
    .setvideo .video{ min-height: 350px }
    .hoidap .support li h3 { padding: 10px 10px }
    .set_content .rightbody, .trian{ display: none }
}
@media screen and (max-width: 768px) {  
    ul.hoatdong li { display: inline-block; text-align: center; margin: 1%; padding: 1%; max-width: inherit }
    .setlinhvuc a span{ font-weight: normal }
    .setInfo, .setInfo *{ line-height: 20px; font-size: 14px }
    .page0 .page_container .main .setmain .logo { max-width: 15%; float: left; display: inline-block; margin-right: 1% }
    /*.page0 > img{ height: 100px }*/
    .footer .info, .footer .menubottom, .footer .camnan{ width: 100%; margin: 0; padding: 0; margin: 5px 0px }
    ul.hoatdong li img { margin-bottom: 5px; height: 36px; width: auto }
    .thongtin{ padding: 10px }
    .thongtin h2{ font-size: 24px }
    .thongtin *, .detailcat *{ font-size: 13px !important; line-height: inherit }
    .lcontact, .rcontact{ width : 100%; margin-bottom : 25px }
    .traiChay, .phaiChay, .option{ display : none }
    .leftbody .main{ width : 100% }
}
@media screen and (max-width: 640px) {
    .setlinhvuc a span { font-weight: normal; font-size: 12px; line-height: inherit; display: block }
    ul.hoatdong li img { margin-bottom: 5px; height: 30px; width: auto }
    .listbox .active{ padding: 0px !important }
    .setInfo * { line-height: 20px !important; font-size: 13px !important }
    .page0 .page_container .main .setmain .logo{ max-width: 18% }
    ul.hoatdong li{ max-width: inherit }
    .setvideo marquee{ height: 125px }
    ul.spbanchay > li, #boxsp li.news { width: 98%; height: auto }
    .carousel-item{ padding: 0px }
    ul.slider li a .infoSlide p{ display: none }
    ul.slider li a .infoSlide h2 { margin-bottom: 0; text-transform: capitalize; font-size: 18px; color: #fff }
    ul.slider li a{ height: 250px }
    .setvideo .video{ min-height: 250px }
    #boxtin li.tin h3{ max-height: 42px; overflow: hidden }
    #boxtin li.tin .clr10{ height: 5px }
    .phai-chitiet h2 {  margin: 0; color: #006cb5; font-size: 24px }
    .cttintuc h2{ font-size: 24px }
}
@media screen and (max-width: 480px) {  
    .language li{ clear: both; margin: 3px 0px }
    .page0 .page_container .main .setmain .logo{ max-width: 20% }
    #boxtin li.tin .frame{ width: 28% }
    #boxtin li.tin .info{ height: auto; max-height: inherit }
    ul.spbanchay > li > a{ padding: 1%; margin: 1%; height: auto }
    .setlinhvuc a span{ font-size: 10px }
    .footer{ padding: 0px 0px }
    .footer .main{ width: 95% }
}
@media screen and (max-width: 415px) {
    .setmain .logo { max-width: 15% }
    .setInfo * { line-height: 18px !important; font-size: 12px !important }
    .language{ top: 30px }
    .setvideo .video { min-height: 222px }
}
@media screen and (max-width: 350px){ 
 
}