@import url(/cms/display/CommonControls/CommonFixedTopMenu/css.css) screen and (max-width: 1023px);
@import url(/cms/display/CommonControls/CommonLanguage/cssMedia.css) screen and (max-width: 1023px);
@import url(/cms/display/Adv/AdvLogoMobile/css.css) screen and (max-width: 1023px);
@import url(/cms/display/CommonControls/CommonMenuFooter/cssMedia.css) screen and (max-width: 1023px);
@import url(/cms/display/CommonControls/CommonMenuMain/css.css) screen and (min-width: 1024px);
@import url(/cms/display/CommonControls/CommonLanguage/css.css) screen and (min-width: 1024px);
@import url(/cms/display/CommonControls/CommonMenuFooter/css.css) screen and (min-width: 1024px);
@media screen and (max-width: 1023px) {
#CommonHeader{display: none}
#CommonSupportOnline .icon{display: none}
#CommonFixedTopMenu,#AdvLogoMobile,#headerMobile .orderbox {display: table-cell}
#FloatMenu .topmenu{display: block}
#CommonSearchMany { width: 100%;display: table;padding: 0 10px;box-sizing: border-box;margin: 10px 0}
#CommonSearchMany .frameSearch{ width: 100%;}
#CommonSearchMany .drop{display: none}
#CommonSearchMany .input{ background: none;padding: 0 0 0 10px;width: calc(100% - 65px);margin: 0 auto}
#CommonSearchMany .search{ background: url(picMedia/search.png.ashx) no-repeat center var(--color-main);width: 53px;text-indent: 9999px}
#HomepageLoadControl{ width: 100%;margin: 0 auto}
#HomepageLoadControl #AdvBackgroundSlide{ display: none}
#HomepageLoadControl #AdvBackgroundSlide2{ display: block}
#HomepageLoadControl #AdvBackgroundSlide2, #HomepageLoadControl #AdvBackgroundSlide2 .bgleft{ border: none;border-radius: 0px;padding: 0 0 45%}
.frameSearch2 .hotline{display: block;;width: 100%;height: 40px;background: url(picMedia/phone.png.ashx) no-repeat left 10px top 8px #f6f6f6;text-indent: 45px;font: 18px/40px UTMImpact;color: var(--color-sub); }
#SubProductSlideHome {width: 100%;position: relative;padding: 0 10px;box-sizing: border-box}
#SubProductSlideHome .rightTitle .titleMenuProduct{display: inline-block}
#SubProductSlideHome .rightTitle ul { position: absolute;right: 0;top: 25px;display: none;background: #FAFAFA; }
#SubProductSlideHome .rightTitle:hover ul{ display: block;z-index: 9}
#SubProductSlideHome .rightTitle ul li{ clear: both;background: none; float: right}
#SubProductSlideHome .rightTitle ul li:last-child{display: none}
#SubProductSlideHome .titleCate.active::after{display: none}
#SubProductSlideHome .hr{display: none}
#SubProductSlideHome .imagefoot img{ width: calc(100% - 10px);margin: 0 auto 20px;max-height: none}
#SubProductSlideHome .more2{ font:bold 12px/26px Arial;color: #333333;display: inline-block;height: 26px;padding: 0 25px 0 20px;background: linear-gradient(to bottom, #fff, #fbfbfb, #f7f7f7);position: relative;border: 1px solid #cccccc;border-radius: 3px;margin:10px 0 20px;}
 #SubProductSlideHome .more2:after{ background: url(picMedia/more2.png.ashx) no-repeat ;width: 4px;height: 7px;content: "";display: block;position: absolute;right: 18px;top: 10px;}
 #SubNewHot{ width: 100%;padding: 0 10px;box-sizing: border-box;margin-top: -40px}
 #SubNewHome{ margin-top: 20px;width: 100%;padding: 0 10px;box-sizing: border-box}
 #SubNewHome .desc{ max-height: 54px;overflow: hidden}
 #SubNewPromotion{ width: 100%;padding: 0 10px;background: none}
 #SubNewPromotion .list{ width: 100%;clear: both;background: #EDEDED;padding: 0 10px;box-sizing:border-box}
 #SubNewPromotion .KhungAnh{ width: 100%;clear: both;height: auto}
 #AdvPartnerHome{ width: 100%;padding: 0 10px;box-sizing: border-box}
 #CommonFooterTop .frame{ width: 100%;padding: 0 10px;box-sizing: border-box}
 #CommonMenuHome{ border-top: 1px solid #fff}
 #CommonMenuHome .top{ display: none}
 #CommonMenuHome ul li{margin-right: 17px}
 #CommonRegistryEmail{width: 100%}
 #AdvShareFooter{ clear: both;margin-top: 10px;float: left}
 #CommonFooter .framefooter1{ width: 100%;padding: 0 10px}
 #CommonFooter .cntFT .cnt{ width: 100%;}
 #CommonFooter #copyRight{clear: both}
 #CommonFooter #CommonStatistic{display: none}
 #SubContactSlideHome{ clear: both;float: none;padding-top: 15px;width: calc(100% - 20px);box-sizing: border-box;overflow: hidden}
 #CommonFaceFan{ margin: 30px auto 0;float: none}
 #CommonSupportOnline { width: calc(100% - 20px);margin: 15px auto 0;z-index: 1;position: relative}
 #CommonSupportOnline #SupportOnlineClose,#TitleSupportOnline{ position: relative;transform: none;top: 0;right: 0;width: 100%;background: url(picMedia/support.png.ashx) no-repeat left 53px top 11px var(--color-sub);text-indent: 87px;border-radius: 5px 5px 0 0}
 #SupportOnlineOpen{ position: relative;bottom: 0;right: auto;width: 100%;top: auto;box-shadow: none;display: none}
 #btnSupportOnlineOpen{ display: none;}
 #SupportOnlineOpen #ContentSupportOnlineOpen{ width: 100%;margin-top: 0;box-shadow: none;border-radius: 5px 5px 0 0}
#CommonSupportOnline .Viber{ clear: none;float: left;margin:0 0 0 3px}
#AdvRight{ display: none;}
#CommonPageRoad{ padding-left: 10px;box-sizing: border-box;width: 100%}
#CommonPageRoad .inner{ width: 100%;}
#ProductIndex, #ProductCategory{ width: 100%;padding: 0 10px;box-sizing: border-box}
#ProductIndex .rightframe, #ProductCategory .rightframe{ width: 100%;}
#SubProductSlideHome2 .innerpn{width: 100%}
#SubProductHot .innerpn{width: 100%}
#CommonCateHome{display: none}
#ProductIndex .leftframe, #ProductCategory .leftframe{width: 100%}
#ProductCategory .lefttool{display: none}
#SubNewLef{width: 100%}
#ProductCategory .rightframe .download{ position: relative;left: 50%;transform: translateX(-50%);margin-top: 10px}
#CommonSearchAdvance{display: none}
#ProductDetail{ width: 100%;padding: 0 10px;box-sizing: border-box}
#ProductDetail .descProduct{ clear: both;float: none}
#ProductDetail .line{display: none}
#ProductDetail .left{ width: 100%;float: none;overflow: hidden}
#ProductDetail .contentP .right{ width: 100%;clear: both;float: none}
#ProductDetail .contentP .desc3 span:last-child{ clear: both;display: block}
#ProductDetail .fhelper{display: none}
#ProductDetail .bourdOrder{ display: block;padding: 7px 10px 15px;}
#ProductDetail .bourdOrder .item{ display: block;float: left;}
#ProductDetail .bourdOrder .item:nth-child(2){ margin: 8px 0 15px 20px;}
#ProductDetail .bourdOrder .item:last-child{clear: both}
#ProductDetail .bourdOrder .iconv{margin-left: 108px;}
#ProductDetail .contentDetails>div{ width: 100%;clear: both}
#ProductDetail .tabii{ display: block;width: 100%;box-sizing: border-box;position: relative;clear: both;left: auto !important;top: auto;}
#ProductDetail .tabii.active{ border-bottom: 1px solid #e8e4df}
#ProductDetail .tabct{width: 100%}
#SubProductOtherItem{ margin-top: 30px;}
#SubProductOtherItem .head-product-other { width: 100%;color: var(--color-main);font: 17px/38px UVNDaLatBold;text-transform: uppercase;height: 38px;position: relative;border: none;text-indent: 0}
#SubProductOtherItem .head-product-other:before{display: none}
#SubProductOtherItem .head-product-other:after{ content: "";display: block;width: 50px;background: var(--color-main);height: 3px;position: absolute;left: 0;bottom: 0}
#SubProductOtherItem .btnPrevPrO, #SubProductOtherItem .btnNextPrO {position:absolute;top:8px;width:19px;height:19px;z-index:100}
#SubProductOtherItem .btnNextPrO {right:0px;background:url(picMedia/next.png.ashx) no-repeat center center}
#SubProductOtherItem .btnPrevPrO {right:28px;background:url(picMedia/prev.png.ashx) no-repeat center center}
#SubProductOtherItem .btnNextPrO:hover {background:url(picMedia/nexthv.png.ashx) no-repeat center center}
#SubProductOtherItem .btnPrevPrO:hover {background:url(picMedia/prevhv.png.ashx) no-repeat center center}
#ProductCart{ width: 100%;padding: 0 10px;box-sizing: border-box}
#SubProductGioHang{ padding: 0;}
#SubProductGioHang #TableCart {border: 1px solid #d6d6d6}
#SubProductGioHang .cartinfo tr.head{display: none}
#SubProductGioHang .cartinfo tr .col2{display: none}
#SubProductGioHang .cartinfo tr td.col4{ display: none}
#SubProductGioHang .cartinfo tr div.col4{ display: block !important;width: 160px;float: left;text-align: left}
#SubProductGioHang .cartinfo tr a.del{ display: block !important;margin: 8px 0 10px 15px;}
#SubProductGioHang .cartinfo tr .col1{width: auto}
#SubProductGioHang .cartinfo tr .col3{ padding-left: 0;width: 41px;float: right}
#SubProductGioHang .tablebottom .hotline{display: none}
#SubProductGioHang .tablebottom .paycount{margin: 10px}
#formCart textarea{margin-top: 10px}
#formCart .rightForm{ clear: both;float: none;width: 100%}
#formCart textarea{width: 490px}
#ContactUsl{ max-width: 100%;padding: 0 10px;box-sizing: border-box}
#contactus .Left{ width: 100%;clear: both;float: none}
#contactus .Right{ width: 100%;clear: both;float: none;margin-top: 10px;}
#contactus .KhungMar{width: 100%}
#contactus .tb{float: none}
#contactus .textBoxPhone,#contactus .textBoxEmail,#contactus .textBox:not(.mabaomat),#contactus .textBoxMul{ width: 100%;box-sizing: border-box;}
#contactus .textBoxPhone{margin-bottom: 10px}
#ServiceLoadControls .leftframe{display: none}
#ServiceLoadControls .rightframe{ width: 100%;padding: 0 10px;box-sizing: border-box}
#ServiceIndex .view,#ServiceIndex .date,#ServiceIndex a.detail{display: none}
#CommonShareDetail a.email,#CommonShareDetail a.print,#CommonShareDetail .at4-icon.aticon-twitter,#CommonShareDetail a.top{display: none}
#CommonShareToSocial .item{ margin-right: 0;}
#CommonShareToSocial .addthis_toolbox .item:not(:first-child){ display: none}
#NewLoadControls .leftframe{display: none}
#NewLoadControls { padding: 0 10px;box-sizing: border-box}
#NewLoadControls .rightframe,#NewIndex .leftCate,#NewIndex .rightCate,#NewLoadControls{ width: 100%;float: none;}
#NewIndex .leftCate .date,#NewIndex .leftCate .itemContent .tar{display: none}
#NewIndex .rightCate{ margin-top: 8px;}
#NewIndex .khungAnh{ width: 150px;height: 95px}
#NewIndex a.title{ max-height: 36px;overflow: hidden}
#NewIndex .desc{ max-height: 54px;overflow: hidden}
#NewIndex .cateWrapper{ margin-bottom: 15px;padding-bottom: 10px}
#CommonTool a.NormalSize{display: none}
#CustomerLoadControl .leftframe,#CustomerIndex .more,#SubCustomerForm .helper{display: none}
#CustomerLoadControl .rightframe{ float: none;clear: both}
#CustomerLoadControl{ padding: 0 10px;box-sizing: border-box}
#CustomerIndex .more2{display: inline-block}
#CustomerLoadControl .desc .desc2{display: inline}
#CustomerLoadControl .desc .desc1{display: none}
#FileLibraryLoadControls .leftframe{display: none}
#FileLibraryLoadControls .rightframe{ float: none;clear: both}
#FileLibraryIndex{ padding: 0 10px;box-sizing: border-box}
#FileLibraryIndex .BangDowload .sothutu,#FileLibraryIndex .BangDowload .detail,#FileLibraryIndex .BangDowload .ngaytao,#FileLibraryIndex .BangDowload .ngaydang{display: none}
#FileLibraryIndex .BangDowload .Tendichvu{width: auto}
#TourIndex, #TourCategory{ width: 100%;padding: 0 10px;box-sizing: border-box}
#TourIndex .rightframe, #TourCategory .rightframe{ width: 100%;}
#SubTourSlideHome2 .innerpn{width: 100%}
#SubTourHot .innerpn{width: 100%}
#CommonCateHome{display: none}
#TourIndex .leftframe, #TourCategory .leftframe{width: 100%}
#TourCategory .lefttool{display: none}
#SubNewLef{display: none}
#TourCategory .rightframe .download{ position: relative;left: 50%;transform: translateX(-50%);margin-top: 10px}
#TourCategory #SubProductHot2{display: none}
}
@media screen and (max-width: 400px) {
#SubProductSlideHome2 .item{width: 140px}
#SubProductHot .item{width: 140px}
}
@media screen and (max-width: 1024px) {
#SubProductSlideHome .listItem{ width: 784px;}
}
@media screen and (max-width: 800px) {
#SubProductSlideHome .listItem{ width: 588px;}
}
@media screen and (max-width: 600px) {
#SubProductSlideHome .listItem{ width: 392px;}
#SubTourHot .innerpn .item{ width: 150px;}
}
@media screen and (max-width: 410px) {
#SubProductSlideHome .listItem{ width: auto;}
#SubProductSlideHome .listItem .item{width: 150px;float: left}
}
@media screen and (max-width: 620px) {
#SubProductSBuy{ clear: both;float: none}
#NewCategory .fdate,#NewCategory a.detail{display: none}
#NewCategory .khungAnh{ width: 127px;height: 80px;margin-right: 10px;}
#NewCategory a.title h2{max-height: 20px}
}
@media screen and (min-width: 1024px) {
#CommonFixedTopMenu,#FloatMenu .topmenu,#AdvLogoMobile,#headerMobile .orderbox {display: none}
#HomepageLoadControl{ width: 980px;margin: 0 auto}
#HomepageLoadControl #AdvBackgroundSlide2{ display: none}
#AdvBackgroundSlide2 .dotlist{display: none}
.frameSearch2 #CommonSearchMany{display: none}
.frameSearch2 .hotline{display: none}
#CommonCateHome{display: block}
}

@media screen and (max-width: 767px){
    #CommonFooter #copyRight {width: 100%; line-height: 22px; margin-bottom: -10px; display: block; margin-top: 10px;}
}

@media screen and (max-width: 479px){
    #FloatMenu {width: 80%;}
    #CommonFixedTopMenu.active {padding-left: 40px;}
}

#CommonFooter {
    background: url(/cms/display/CommonControls/CommonFooter/cloud.png.ashx) repeat-x left top var(--color-main);
}