﻿
.guithongntin  table tr td input{ width:275px !important;border:1px solid #d7d7d7; border-radius:3px; height:30px}
.guithongntin  table tr td textarea { width:275px !important;border:1px solid #d7d7d7; border-radius:3px;}
.dangky table tr td input{ width:275px !important;border:1px solid #d7d7d7; border-radius:3px; height:30px}
.dangky table tr td textarea { width:275px !important;border:1px solid #d7d7d7; border-radius:3px;}
div#t_phonehwa {
    display: none;
}
.container{ display:none}
@media screen and (min-width:768px) and (max-width:1000px)
{
img{border:medium none;height:auto;line-height:normal;margin:0;max-width:100%;padding:0;vertical-align:middle;width:auto;transition:all 0.2s ease-in;}
body{width:100%;background:#fff}
*{padding:0px; margin:0px;}
.comment input {
    width: 57.5%;
    font-size: 12px;
    border: 1px solid #ddd;
    margin: 7px 3px 0 0;
}
textarea#ctl09_u_load_control1_ctl00_txtbinhluan{width: 58.5%!important;}
.author, .email, .binhluan {
    color: black !important;
    margin-top: 8px;
}

#divAdvLeft{ display:none}
#divAdvRight{ display:none}
#col-left{ display:none}
#col-mid1 .top2{ width:100%;display:none !important}
.banner{ width:100%  !important; text-align:center}
html body form#form1 div#wrapper div#content{ padding:0px; width:100%}
#floatdiv{ display:none !important;}
#floatdivleftpage{ display:none !important;}


#wrapper, .banner, .menu_mid, .search-box, #content, #menu-bottom, #footer{ width:100%  !important;}
#col-mid {margin: 5px;width: 97%;}/**/
.twocol2 {float: left;width: 100%;}
#BottomLayer{ display:none}
.container {background: #000 none repeat scroll 0 0;display: block;float: left;width: 100%;}/**/
.quangcao{     float: left; width:100%;}
.quangcao a img{float: left;height: 108px;width: 33.2%;}


#content, .menu-bottom, .footer{ width:100%  !important;}
.box-head h1, .box-head h2{border-bottom: 0px solid #fd7603;color: #fff;font-size: 13px;margin: auto;text-transform: uppercase;width: 97%; font-weight:bold; text-align:left;}
#col-mid .box-head {margin-bottom: 5px; float:left;   border-bottom: 1px solid #fd7603;color: #fff;font-size: 13px;margin: auto;text-transform: uppercase;width: 97%; font-weight:bold;}
#col-mid .div_img img {width: auto;max-width: 100%!important;height:auto}
#col-mid .box-body .div_img{height:129px}
#footer div.footer div span{font-size: 15px;}
#footer div.footer span{font-size: 15px;}

.pro-view .dathang {margin-left:25% !important}
.pro-view{float: left !important;
margin: 2px !important;
min-height: auto;
width: 24.1% !important;
height: 234px !important;}
.pro-view .price{width: 100%!important;display: table; margin:auto}
#col-mid .box-body .row .pro-view img {display: table;float: none;margin: auto;max-height: 259px;min-width: 100%;width: 100%;}
#col-mid .box-body .div_img {display: table;width: 100% !important;}
#menu12 .sear{ margin:auto; width:100%; float:none;margin-top: 5px;}
#search-box,.search{ margin:auto;  float:none; display:none}
.MenuMobile{ display:none;  margin-top: 7px;}
#slider-wrapper{ width:100% !important; height:auto !important}
.nivoSlider{ width:100% !important; height:auto !important}
.slide {margin-top: 10px;clear: both;}
.nivo-caption{ display:none!important}
.cart1 {float: left;padding-top: 0;width: 50%;margin: auto;text-align: center;    display: none;}
.menu-bottom, .footer{ width:100%}
#col-mid{ width:99.3%;margin:0px;margin-top: 5px;}
.top1{width: 95% !important;height: auto !important;  }
.banner{float: left;width: 100% !important;margin-bottom: 5px; }
#header{ min-width:100%}
#bannerMobile{ width:100%; text-align:center}
.banner1{  width:100%;}
.titleNews{margin-top: 50px!important;}
#menu{ display:none}/*---*/
.container{ display:block}
#menu12{ height:auto; background:none; width:100%; border:none}
#col-mid .box-body{ width:100%;padding: 0px;min-width:100% !important; border:none; padding:0px; margin:0px; background:none}
.hotline{ width:100%}
.hotline p{ font-size:12px;}
.cart1 .box-body p { margin-left: 0 !important; text-align: center; margin: 0 !important; }
.pro-view .view-more{ float:none}
#menu,  #menu-bottom, #footer{ width:100%;min-width:100%}
#footer{ width:100%!important;min-width:100% !important; background:#35be32; height:auto;border: 0; }
.footer{padding-left:0px; width: 97% !important;}
.cat-news {margin: 5px;width: 97%;}
.news-more{ margin:0px}
.shares{ display:none}
.news-other ul{ margin-left:10px;}
.send-entry{ padding-left:10px}
.send-entry h3{ font-size:16px;}
.cat-news a:link, .cat-news a:hover, .cat-news a{ font-size:12px}
#col-mid .group-product .box-body{width: 100% !important;border:none}
.guithongntin { float:left;width:100%}
.guithongntin  table{ width:100%}
.guithongntin table tr { width:100%}
.guithongntin  table tr td { width:98%!important; float:left; text-align:left;}
.dangky { float:left;width:100%}
.dangky table{ width:100%}
.dangky table tr { width:100%}
.dangky table tr td { width:98%!important; float:left; text-align:left;}
.lienhe2 { font-size:13px;}                                
.guithongntin table tbody tr td.lienhe2 span#ctl07_u_load_control1_ctl00_lblConfig p strong span { font-size:13px!important;}
.dangky table tbody tr td.lienhe2 span#ctl07_u_load_control1_ctl00_lblConfig p strong span { font-size:13px!important;}   
.contact-text {color: #000;font-family: Tahoma;font-size: 10pt;margin-left: 5px;text-align: left;}
.imgCaptcha img { width:140px!important;}
#col-mid .box-body .div_img { width: 292px;}
.titleNews {padding-left: 5px;}  
table tr td b {padding-left: 5px;} 
#ctl08_u_load_control1_ctl00_ddlthanhtoan {height:29px!important;width:60%!important} 
  
.guithongntin  table tr td input{ width:60% !important;border:1px solid #d7d7d7; border-radius:3px; height:30px;margin-top: 0;}
.guithongntin  table tr td textarea { width:60% !important;border:1px solid #d7d7d7; border-radius:3px;display: block}
.dangky table tr td input{ width:100% !important;border:1px solid #d7d7d7; border-radius:3px; height:30px;margin-top: 0;}
.dangky table tr td textarea { width:70% !important;border:1px solid #d7d7d7; border-radius:3px;}  
.contact-button{ height:35px!important;}
    select#ctl09_u_load_control1_ctl00_ddlthanhtoan{width: 60%!important;height: 30px!important;}
.jwplayer{ width:100% !important;  margin:0; padding:0; height:250px !important}
#MyPlayer_wrapper{ left:0px;width:100% !important;  margin:0; padding:0; height:250px !important; top: 10px;}
#MyPlayer{ width:100% !important;  margin:0; padding:0; height:250px !important}

#col-mid .box-body  table{ width:100% !important}
#col-mid .box-body  p{ margin:0px; padding:0px;padding:5px!important}
#col-mid .box-body  table tr { width:100%}
#col-mid .box-body  table tr td { /*width:100%*/;margin-top: 5px;}
#col-mid .box-body  table tr td img{ width:100%}
#col-mid .box-body  p embed{width:100%}
#col-mid .box-body  p iframe{width:100%}
#col-mid .box-body  p object{width:100%}
#col-mid .box-body  embed{width:100%}
#col-mid .box-body iframe{width:100%}
#col-mid .box-body  object{width:100%}
.An{  display:none}
.Hien{ display:block}
#divAdvLeft{display:none}
#divAdvRight{display:none}

.prodetailright { float: left; width: 47%; margin: 5px; }
.img-box{ width:310px}
.proleftdet{ width:310px; float:left; margin:auto}
.CloudZoom{ display:none}
.CNews{ margin:5px;}
.news-related ul {margin-left: 5px;padding: 5px;}
.News_detail { padding-left: 5px; }

.News_detail div{width:100% !important;margin:0px;padding:0px;}
.News_detail p{margin:0!important;padding:0!important;}
.News_detail table tbody{width:100% !important;}
.News_detail table tr{width:100% !important;}
.News_detail table tr td{width:100%;}
.News_detail table tr td img{width:98% !important;}
.News_detail img{margin:0px;padding:0px;height:auto!important; width:100%!important;}
.News_detail p img{margin:0px;padding:0px; height:auto!important; width:100%!important;}
.News_detail p embed{width:100% !important;}
.News_detail p iframe{width:100% !important;}
.News_detail p object{width:100% !important;}
.News_detail embed{width:100% !important;}
.News_detail iframe{width:100% !important;}
.News_detail object{width:100% !important;}
.News_detail table tr td embed{width:100% !important;}
.News_detail table tr td iframe{width:100% !important;}
.News_detail table tr td object{width:100% !important;}
.cloudzoom-zoom{ display:none}
.cloudzoom-blank{ display:none}
#divToolTip{ display:none!important}
.cloudzoom-blank{ display:none!important}
.cloudzoom-lens{ display:none!important}
.cloudzoom-caption{ display:none!important}


.Mobile{ display:block}
.Destop{ display:none}
.for-home-mobile{ display:block !important; } .thosuakhoa_img_view{ width:300px!important}



.mm{ display:none}
#hd-container ul{ display:none}
.wrap-p{width:100% !important;}
#header{ height:auto}
#hd-container #logo{width:100%; float:none; padding:0px; margin:0px}
.search-tk.clearfix{ display:none!important}
.main{width:98% !important; margin-top:0px!important;  padding-left:5px; padding-right:5px}
.footer .chantrang{width:100% !important;}
.menu-bottom{padding:0px; margin:0px}
.baner{width:100%;}
#top-bar{ text-align:center}
li{ padding:0px; margin:0px}
.modul{width:100%;padding-top:0px}
.modul .bgContent_31{ display:none}
.modul .bgContent_21{width:100%;margin:0px!important; padding:0px!important}
.modul .bgContent_23{width:100%;margin:0px!important; padding:0px!important}
.modul .bgContent_33{ display:none}
.modul .bgContent_43{ display:none}

.main div#load{width:100%;padding-top: 5px}
.fst-c {margin-left: 0;}
.post {margin: 7px !important;transition: border 0.4s ease-in-out 0s;width: 31.2%;}
.post .photo-holder{ height:auto}
.post .shadow{width:30%;}
.post img {height: 270px;;max-width: 100%;transform: scale(1);width: 100%;}



.proleftdet {width: 37%;
margin-right: 10px;
padding: 10px;}
.img-box{width:100%; }
.img-box{ height:auto}
.img-box img { max-width: 100%; width:100%;height:auto}
.product-thumbnail{ padding:0px;}
#jquery-overlay{ display:none!important}
#jquery-lightbox{ display:none!important}
.proname h1{ font-size:13px}
.prodetailright{ float:left; width:52%}
.pro-hotline {background: none repeat scroll 0 0 #d7d7d7;border: 1px solid #ffcb08;border-radius: 3px;line-height: 22px;margin-left: 7px;width: 47%;}
.pro-bottom-left {float: none;width: 100%;}
.pro-bottom-left img {border: 1px solid #e4a206;height: 200px;width: 100%;}
.prolayout .innerBox1 {width:100%;}
.prolayout {float: left;width: 30%;margin-bottom:10px;  margin-left:18px}
.button-bottom{ padding:0px; margin:0px; float:right}
.price-info .buy-btn{ float:left;}
.price-info{ margin-bottom:60px}
.addthis_toolbox{margin-left:0px}
.pro-main{ padding:0px; margin:0px}
.prodetailright div.pro-main.clearfix table#price tbody tr td.status{ font-size:11px;}
.pro-bottom-right{ width:100%; float:none}
.post-comment{ padding:0px; margin:0px; line-height:37px}
.content-bottom li {background: none repeat scroll 0 0 #fff;border: 1px solid #dfa400;height: 30px;line-height: 25px;margin: auto auto 6px;text-align: center; list-style:none; margin-right:10px}
.content-bottom li a {text-transform: uppercase;margin-top: 2px;}

.pro-bottom-left .box-head{ float:none; width:100%;  text-align:left;}
.box-bgContent_3{ display:none}
.pro-viewed.clearfix div.box-head{ width:98%}
.tab-content{ padding:5px}

.checkout {display: initial;margin: 0;width: 100%;}
.checkout .checkout-left{width:100%}
.checkout .field-div-button{ background:none; border:none;  padding: 5px;}
.checkout .field-div-button {margin: auto;text-align: left;width: 100%;}
.tieptuc-span {float: left;margin-right: -3px;margin-bottom: 8px;margin-top: 8px;}
.dathang {margin: 0 0 0 12px;}
.checkout .checkout-right {float: right;margin-left: 0;margin-top: 10px;width: 100%;}
.register-checkout-span, .continue-button, .button_left_span {float: left;text-align: center;width: 51%;}
.tieptuc-span {float: left;margin-right: 10px;width: 51%;}
.checkout .field-div-button{padding-bottom: 45px;}
h2, h2 a{ font-size:12px;}
.checkout-left-body div.step3 div.step3-body div.step3-body-inline div textarea#ctl12_load_ctl00_txtComment{ width:90%}
.checkout .title{ font-size:17px;}
.modul .bgContent_21{line-height: 38px;}
#left-menu.menu, .box-body{box-shadow:none}
.main div#prolist{margin: 48px auto auto !important;width: 100% !important;}

.post span.price{ width:auto!important}
.post span.percent{ font-size:25px}
.modul .bgContent_2 a {padding-left: 6px;font-size: 14px;}
.pro-detail.clearfix div.box-body div.tag.last{ margin-top:6px;}

.product-thumbnail div.bx-wrapper div.bx-viewport ul.imageslider.noSlide li{ width:60px !important}
.product-thumbnail div.bx-wrapper div.bx-viewport ul.imageslider.noSlide{ transform: translate3d(19px, 0px, 0px)!important}

.menu-bottom li.parent {border-left: medium none;min-height: 130px;padding-left: 5px;padding-right: 5px;width: 30%;}
#header{ width:100%!important }
.header div.logo{ display:none}
#top-bar a {float: right;}
.post .photo-holder{display: table !important;text-align:center}
}

@media screen and (min-width:640px) and (max-width:767px)
{
img{border:medium none;height:auto;line-height:normal;margin:0;max-width:100%;padding:0;vertical-align:middle;width:auto;transition:all 0.2s ease-in;}
body{width:100%;background:#fff}
*{padding:0px; margin:0px;}
#divAdvLeft{ display:none}
#divAdvRight{ display:none}
#col-left{ display:none}
.orderInfo .orderLeft {
    width: 18%;
    display: inline-block;
    padding-left: 15px;
    line-height: 25px;
}
input#ctl09_u_load_control1_ctl00_txtname,input#ctl09_u_load_control1_ctl00_txtemail{width: 420px!important;}
select#ctl09_u_load_control1_ctl00_ddlthanhtoan{width: 421px!important;height: 30px!important;}
#col-mid1 .top2{ width:100%;display: none;}
.banner{ width:100%  !important; text-align:center}
html body form#form1 div#wrapper div#content{ padding:0px; width:100%}
#floatdiv{ display:none !important;}
#floatdivleftpage{ display:none !important;}


#wrapper, .banner, .menu_mid, .search-box, #content, #menu-bottom, #footer{ width:100%  !important;}
#col-mid {margin: 5px;width: 97%;}/**/
.twocol2 {float: left;width: 100%;}
#BottomLayer{ display:none}
.container {background: #000 none repeat scroll 0 0;display: block;float: left;width: 100%;}/**/
.quangcao{     float: left; width:100%;}
.quangcao a img{float: left;height: 108px;width: 33.2%;}

#content, .menu-bottom, .footer{ width:100%  !important;}
.box-head h1, .box-head h2{border-bottom: 0px solid #fd7603;color: #fff;font-size: 13px;margin: auto;text-transform: uppercase;width: 97%; font-weight:bold; text-align:left}
#col-mid .box-head {margin-bottom: 5px; float:left;   border-bottom: 1px solid #fd7603;color: #fff;font-size: 13px;margin: auto;text-transform: uppercase;width: 97%; font-weight:bold;}
#col-mid .div_img img {width: auto;max-width: 210px;height:auto}
#col-mid .box-body .div_img{height:132px}
#footer div.footer div span{font-size: 15px;}
#footer div.footer span{font-size: 15px;}

.pro-view .dathang {margin-left:25% !important}
.pro-view{ min-height: auto;
width: 32.3% !important;
float: left !important;
margin: 2px !important;
height: 233px !important;}
.author, .email, .binhluan {
    color: black !important;
    margin-top: 7px;
	width: 421px !important;
padding: 5px;
}
.pro-view .price{width: 100%;display: table; margin:auto}
#col-mid .box-body .row .pro-view img {display: table;float: none;margin: auto;max-height: 259px;min-width: 100%;width: 100%;}
#col-mid .box-body .div_img {display: table;width: 100% !important;}
#menu12 .sear{ margin:auto; width:100%; float:none;margin-top: 5px;}
#search-box,.search{ margin:auto;  float:none;display:none}
.MenuMobile{ display:none;  margin-top: 7px;}
#slider-wrapper{ width:100% !important; height:auto !important}
.nivoSlider{ width:100% !important; height:auto !important}
.slide {margin-top: 10px;clear: both;}
.nivo-caption{ display:none!important}
.cart1 {float: left;padding-top: 17px;width: 100%;margin: auto;text-align: center;display: none;}


.menu-bottom, .footer{ width:100%}
#col-mid{ width:99%;margin:0px;margin-top: 5px;}
.top1{ width: 95% !important;height: auto !important; }
.banner{ }
#header{ min-width:100%}
#bannerMobile{ width:100%; text-align:center}
.banner1{  width:100%;}
#menu{ display:none}/*---*/
.container{ display:block}
#menu12{ height:auto; background:none; width:100%; border:none}
#col-mid .box-body{ width:99%;padding: 0px;min-width:99% !important; border:none; padding:0px; margin:0px; background:none}
.hotline{ width:100%}
.hotline p{ font-size:12px;}

.pro-view .view-more{ float:none}
#menu,  #menu-bottom, #footer{ width:100%;min-width:100%}
#footer{ width:100%!important;min-width:100% !important; background:#35be32; height:auto;    border: 0; }
.footer{padding-left:0px;    width: 97% !important;}
.cat-news {margin: 5px;width: 97%;}
.news-more{ margin:0px}
.shares{ display:none}
.news-other ul{ margin-left:10px;}
.send-entry{ padding-left:10px}
.send-entry h3{ font-size:16px;}
.cat-news a:link, .cat-news a:hover, .cat-news a{ font-size:12px}
#col-mid .group-product .box-body{width: 100% !important;border:none}
.guithongntin { float:left;width:100%}
.guithongntin  table{ width:100%}
.guithongntin table tr { width:100%}
.guithongntin  table tr td { width:98%!important; float:left; text-align:left;}
.dangky { float:left;width:100%}
.dangky table{ width:100%}
.dangky table tr { width:100%}
.dangky table tr td { width:98%!important; float:left; text-align:left;}
.lienhe2 { font-size:13px;}                                
.guithongntin table tbody tr td.lienhe2 span#ctl07_u_load_control1_ctl00_lblConfig p strong span { font-size:13px!important;}   
.dangky table tbody tr td.lienhe2 span#ctl07_u_load_control1_ctl00_lblConfig p strong span { font-size:13px!important;}   
.contact-text {color: #000;font-family: Tahoma;font-size: 10pt;margin-left: 5px;text-align: left;}
.imgCaptcha img { width:140px!important;}
#col-mid .box-body .div_img { width: 292px;}
  
  
  
.guithongntin  table tr td input{ width:421px !important;border:1px solid #d7d7d7; border-radius:3px; height:30px;margin-top: 0px;}
.guithongntin  table tr td textarea { width:421px !important;border:1px solid #d7d7d7; border-radius:3px;display: block}
#ctl08_u_load_control1_ctl00_ddlthanhtoan {height: 33px!important;
width: 70%!important;} 
.dangky table tr td input{ width:100% !important;border:1px solid #d7d7d7; border-radius:3px; height:30px;margin-top: 0;}
.dangky table tr td textarea { width:70% !important;border:1px solid #d7d7d7; border-radius:3px;} 
.contact-button{ height:35px!important;}

.jwplayer{ width:100% !important;  margin:0; padding:0; height:250px !important}
#MyPlayer_wrapper{ left:0px;width:100% !important;  margin:0; padding:0; height:250px !important; top: 10px;}
#MyPlayer{ width:100% !important;  margin:0; padding:0; height:250px !important}

#col-mid .box-body  table{ width:100% !important;padding-left: 5px}
.titleNews{margin-top: 50px;margin-left: 6px!important;}
#col-mid .box-body  p{ margin:0px; padding:0px;padding:5px!important}
#col-mid .box-body  table tr { width:100%}
#col-mid .box-body  table tr td { /*width:100%*/;margin-top: 9px;}
#col-mid .box-body  table tr td img{ width:100%}
#col-mid .box-body  p embed{width:100%}
#col-mid .box-body  p iframe{width:100%}
#col-mid .box-body  p object{width:100%}
#col-mid .box-body  embed{width:100%}
#col-mid .box-body iframe{width:100%}
#col-mid .box-body  object{width:100%}
.An{  display:none}
.Hien{ display:block}
#divAdvLeft{display:none}
#divAdvRight{display:none}

.prodetailright { float: left; width: 47%; margin: 5px; }
.img-box{ width:310px}
.proleftdet{ width:310px; float:left; margin:auto}
.CloudZoom{ display:none}
.CNews{ margin:5px;}
.news-related ul {margin-left: 5px;padding: 5px;}


.News_detail div{width:100% !important;margin:0px;padding:0px;}
.News_detail p{margin:0!important;padding:0!important;}
.News_detail table tbody{width:100% !important;}
.News_detail table tr{width:100% !important;}
.News_detail table tr td{width:100%;}
.News_detail table tr td img{width:98% !important;}
.News_detail img{margin:0px;padding:0px;height:auto!important; width:100%!important;}
.News_detail p img{margin:0px;padding:0px; height:auto!important; width:100%!important;}
.News_detail p embed{width:100% !important;}
.News_detail p iframe{width:100% !important;}
.News_detail p object{width:100% !important;}
.News_detail embed{width:100% !important;}
.News_detail iframe{width:100% !important;}
.News_detail object{width:100% !important;}
.News_detail table tr td embed{width:100% !important;}
.News_detail table tr td iframe{width:100% !important;}
.News_detail table tr td object{width:100% !important;}
.cloudzoom-zoom{ display:none}
.cloudzoom-blank{ display:none}
#divToolTip{ display:none!important}
.cloudzoom-blank{ display:none!important}
.cloudzoom-lens{ display:none!important}
.cloudzoom-caption{ display:none!important}


.Mobile{ display:block}
.Destop{ display:none}
.for-home-mobile{ display:block !important; } .thosuakhoa_img_view{ width:300px!important}


.mm{ display:none}
#hd-container ul{ display:none}
.wrap-p{width:100% !important;}
#header{ height:auto}
#hd-container #logo{width:100%; float:none; padding:0px; margin:0px}
.search-tk.clearfix{ display:none!important}
.main{width:98% !important; margin-top:0px!important;  padding-left:5px; padding-right:5px}
.footer .chantrang{width:100% !important;}
.menu-bottom{padding:0px; margin:0px}
.baner{width:100%;}
#top-bar{ text-align:center}
li{ padding:0px; margin:0px}
.modul{width:100%;padding-top:0px}
.modul .bgContent_31{ display:none}
.modul .bgContent_21{width:100%;margin:0px!important; padding:0px!important}
.modul .bgContent_23{width:100%;margin:0px!important; padding:0px!important}
.modul .bgContent_33{ display:none}
.modul .bgContent_43{ display:none}

.main div#load{width:100%;padding-top: 5px}
.fst-c {margin-left: 0;}
.post {margin: 5px !important;transition: border 0.4s ease-in-out 0s;width: 48%;}
.post .photo-holder{ height:auto}
.post .shadow{width:46%;}
.post img {height: 325px;max-width: 100%;min-height: 325px;transform: scale(1);width: 100%;}


.proleftdet {width: 45%;margin-right: 10px;}
.img-box{width:100%; }
.img-box{ height:auto}
.img-box img { max-width: 100%; width:100%;height:auto}
.product-thumbnail{ padding:0px;}
#jquery-overlay{ display:none!important}
#jquery-lightbox{ display:none!important}
.proname h1{ font-size:13px}
.prodetailright{ float:left; width:51%}
.pro-hotline {background: none repeat scroll 0 0 #d7d7d7;border: 1px solid #ffcb08;border-radius: 3px;line-height: 22px;margin-left: 7px;width: 47%;}
.pro-bottom-left {float: none;width: 100%;}
.pro-bottom-left img {border: 1px solid #e4a206;height: 200px;width: 100%;}
.prolayout .innerBox1 {width:100%;}
.prolayout {float: left;width: 46%;margin-bottom:10px;  margin-left:18px}
.button-bottom{ padding:0px; margin:0px; float:right}
.price-info .buy-btn{ float:left;}
.price-info{ margin-bottom:60px}
.addthis_toolbox{margin-left:0px}
.pro-main{ padding:0px; margin:0px}
.prodetailright div.pro-main.clearfix table#price tbody tr td.status{ font-size:11px;}
.pro-bottom-right{ width:100%; float:none}
.post-comment{ padding:0px; margin:0px; line-height:37px}
.content-bottom li {background: none repeat scroll 0 0 #fff;border: 1px solid #dfa400;height: 30px;line-height: 25px;margin: auto auto 6px;text-align: center; list-style:none; margin-right:10px}
.content-bottom li a {text-transform: uppercase;margin-top: 2px;}

.pro-bottom-left .box-head{ float:none; width:100%;  text-align:left;}
.box-bgContent_3{ display:none}
.pro-viewed.clearfix div.box-head{ width:98%}
.tab-content{ padding:5px}

.checkout {display: initial;margin: 0;width: 100%;}
.checkout .checkout-left{width:100%}
.checkout .field-div-button{ background:none; border:none;  padding: 5px;}
.checkout .field-div-button {margin: auto;text-align: left;width: 100%;}
.tieptuc-span {float: left;margin-right: -3px;margin-bottom: 8px;margin-top: 8px;}
.dathang {margin: 0 0 0 12px;}
.checkout .checkout-right {float: right;margin-left: 0;margin-top: 10px;width: 100%;}
.register-checkout-span, .continue-button, .button_left_span {float: left;text-align: center;width: 51%;}
.tieptuc-span {float: left;margin-right: 10px;width: 51%;}
h2, h2 a{ font-size:12px;}
.checkout-left-body div.step3 div.step3-body div.step3-body-inline div textarea#ctl12_load_ctl00_txtComment{ width:90%}
.checkout .title{ font-size:17px;}
.modul .bgContent_21{line-height: 38px;}
#left-menu.menu, .box-body{box-shadow:none}
.main div#prolist{margin: 48px auto auto !important;width: 100% !important;}

.post span.price{ width:auto!important}
.post span.percent{ font-size:25px}
.modul .bgContent_2 a {padding-left: 6px;font-size: 14px;}
.pro-detail.clearfix div.box-body div.tag.last{ margin-top:6px;}

.product-thumbnail div.bx-wrapper div.bx-viewport ul.imageslider.noSlide li{ width:60px !important}
.product-thumbnail div.bx-wrapper div.bx-viewport ul.imageslider.noSlide{ transform: translate3d(19px, 0px, 0px)!important}
.menu-bottom li.parent {border-left: medium none;min-height: 130px;padding-left: 5px;padding-right: 5px;width: 30%;}
#header{ width:100%!important }
.header div.logo{ display:none}
#top-bar a {float: right;}
.post .photo-holder{display: table !important;text-align:center}
#col-right{width:100% !important}
#col-right .box-head{background: rgba(0, 0, 0, 0) url("/uploads/layout/Default/css/images/bgcam.jpg") repeat scroll 0 0 !important;}
}
@media screen and (min-width:480px) and (max-width:639px)
{img{border:medium none;height:auto;line-height:normal;margin:0;max-width:100%;padding:0;vertical-align:middle;width:auto;transition:all 0.2s ease-in;}
body{width:100%;background:#fff}
*{padding:0px; margin:0px;}
#divAdvLeft{ display:none}
#divAdvRight{ display:none}
#ctl08_u_load_control1_ctl00_ddlthanhtoan {height: 31px!important;
width: 69%!important;}
.binhluan  {
	word-break: keep-all;
width: 62% !important;
display: block;
margin-top: 10px;
}
    .titleNews{margin-top: 50px!important;}
#ctl08_u_load_control1_ctl00_RequiredFieldValidator5 {
    width: 30%;
    display: block;
}
#col-left{ display:none}
.comment input{width: 60%;}
textarea#ctl09_u_load_control1_ctl00_txtbinhluan{width: 62%!important;}
#col-mid1 .top2{ width:100%;display:none !important}
.banner{ width:100%  !important; text-align:center}
html body form#form1 div#wrapper div#content{ padding:0px; width:100%}
#floatdiv{ display:none !important;}
#floatdivleftpage{ display:none !important;}
.Library { clear: none; padding: 5px; margin: 8px 3px 2px 3px; float: left; border: #d3d3d3 1px solid; background-color: #FFF; cursor: default; text-align: center; vertical-align: middle; width: 46%; }
.Library .lbrname { margin: 0; padding: 2px 0; max-width: 100%; height: 25px; font-size: 12px; line-height: normal; font-weight: 400; }
.Library table { text-align: center; vertical-align: middle; padding: 0; margin: 0; width: 142px; height: 140px; border-spacing: 0; }
#wrapper, .banner, .menu_mid, .search-box, #content, #menu-bottom, #footer{ width:100%  !important;}
#col-mid {margin: 5px;width: 98%;}/**/
.twocol2 {float: left;width: 100%;}
#BottomLayer{ display:none}
.container {background: #000 none repeat scroll 0 0;display: block;float: left;width: 100%;}/**/
.quangcao{     float: left; width:100%;}
.quangcao a img{float: left;height: 108px;width: 33.2%;}
input#ctl10_u_load_control1_ctl00_Button1 { width: 15% !important; }

#content, .menu-bottom, .footer{ width:100%  !important;}
.box-head h1, .box-head h2{border-bottom: 0px solid #fd7603;color: #fff;font-size: 13px;margin: auto;text-transform: uppercase;width: 97%; font-weight:bold;}
#col-mid .box-head {margin-bottom: 5px;    padding-left: 5px; float:left;   border-bottom: 1px solid #fd7603;color: #fff;font-size: 13px;margin: auto;text-transform: uppercase;width: 97%; font-weight:bold;}
#col-mid .div_img img {width: auto; max-width: 100%!important;height:auto}
#col-mid .box-body .div_img{height: 122px;}
#footer div.footer div span{font-size: 15px;}
#footer div.footer span{font-size: 15px;}




.pro-view .dathang {margin-left:25% !important}
.pro-view{ min-height: 205px;width: 31.9% !important; float:left !important; margin:2px !important}
.pro-view .price{width: 100% !important;;display: table; margin:auto}
#col-mid .box-body .row .pro-view img {display: table;float: none;margin: auto;max-height: 259px;min-width: 100%;width: 100%;}
#col-mid .box-body .div_img {display: table;width: 100% !important;}
#menu12 .sear{ margin:auto; width:100%; float:none}
#search-box,.search{ margin:auto;  float:none; margin-top: 10px; display:none}
.MenuMobile{ display:none;  margin-top: 7px;}
#slider-wrapper{ width:100% !important; height:auto !important}
.nivoSlider{ width:100% !important; height:auto !important}
.slide {margin-top: 10px;clear: both;}
.nivo-caption{ display:none!important}
.cart1 {float: right;padding-top: 0;width: 55%;margin: auto;text-align: center;display:none;}
.box-head .sortbox, .box-head .views { float: right; margin-right: 5px; height: 26px; overflow: hidden; font-size: 11px; display: none; }
.lang { float: right; overflow: hidden; padding: 0px 69px; padding-top: 4px; height: 28px; line-height: 28px; display: none; }
.menu-bottom, .footer{ width:100%}

.top1{ width: 95% !important;height: auto !important; }
.banner{width: 100% !important; text-align: center; float: none;}
#header{ min-width:100%}
#bannerMobile{ width:100%; text-align:center}
.banner1{  width:100%;}
#menu{ display:none}/*---*/
#menu12{ height:auto; background:none; width:100%; border:none}
#col-mid .box-body{ width:100%;padding: 0px;min-width:100% !important; border:none; padding:0px; margin:0px; background:none}
.hotline{ width:100%}
.hotline p{ font-size:12px;}
.pro-view {float: none;
margin: 5px auto 33px;
height: 234px !important;
min-height: auto;}
.pro-view .view-more{ float:none}
#menu, #menu-bottom, #footer{ width:100%;min-width:100%}
#footer{ width:100%!important;min-width:100% !important; background:#35be32; height:auto;border: 0; }
.footer{padding-left:0px;width: 97%;}
.cat-news {margin: 5px;width: 97%;}
.news-more{ margin:0px}
.shares{ display:none}
.news-other ul{ margin-left:10px;}
.send-entry{ padding-left:10px}
.send-entry h3{ font-size:16px;}
.cat-news a:link, .cat-news a:hover, .cat-news a{ font-size:12px}
#col-mid .group-product .box-body{width: 100% !important;border:none}
.guithongntin { float:left;width:100%}
.guithongntin  table{ width:100%}
.guithongntin table tr { width:100%}
.guithongntin  table tr td { width:98%!important; float:left; text-align:left;}
.dangky { float:left;width:100%}
.dangky table{ width:100%}
.dangky table tr { width:100%}
.dangky table tr td { width:98%!important; float:left; text-align:left;}
.lienhe2 { font-size:13px;}                                
.guithongntin table tbody tr td.lienhe2 span#ctl07_u_load_control1_ctl00_lblConfig p strong span { font-size:13px!important;}
.dangky table tbody tr td.lienhe2 span#ctl07_u_load_control1_ctl00_lblConfig p strong span { font-size:13px!important;}      
.contact-text {color: #000;font-family: Tahoma;font-size: 10pt;margin-left: 5px;text-align: left;}
.imgCaptcha img { width:140px!important;}
#col-mid .box-body .div_img { width: 292px;}
  
  
  
.guithongntin  table tr td input{ width:69% !important;border:1px solid #d7d7d7; border-radius:3px; height:30px;margin-top: 0px!important;}
.guithongntin  table tr td textarea { width:69%!important;border:1px solid #d7d7d7; border-radius:3px;display: block}
.dangky table tr td input{ width:69% !important;border:1px solid #d7d7d7; border-radius:3px; height:30px;margin-top: 0;}
.dangky table tr td textarea { width:69%!important;border:1px solid #d7d7d7; border-radius:3px;}  
.contact-button{ height:35px!important;}

.jwplayer{ width:100% !important;  margin:0; padding:0; height:250px !important}
#MyPlayer_wrapper{ left:0px;width:100% !important;  margin:0; padding:0; height:250px !important; top: 10px;}
#MyPlayer{ width:100% !important;  margin:0; padding:0; height:250px !important}

#col-mid .box-body  table{ width:100% !important}
#col-mid .box-body  p{ margin:0px; padding:0px,padding:5px!important}
#col-mid .box-body  table tr { width:100%}
#col-mid .box-body  table tr td { /*width:100%*/;padding-top: 0 !important; margin-top: 5px;}
#col-mid .box-body  table tr td img{ width:100%}
#col-mid .box-body  p embed{width:100%}
#col-mid .box-body  p iframe{width:100%}
#col-mid .box-body  p object{width:100%}
#col-mid .box-body  embed{width:100%}
#col-mid .box-body iframe{width:100%}
#col-mid .box-body  object{width:100%}
select#ctl09_u_load_control1_ctl00_ddlthanhtoan{width: 69%!important;height: 30px!important;}
.An{  display:none}
.Hien{ display:block}
#divAdvLeft{display:none}
#divAdvRight{display:none}

.prodetailright { float: left; width: 97%; margin: 5px; }
.img-box{ width:310px}
.proleftdet{ width:310px; float:none; margin:auto}
.CloudZoom{ display:none}
.CNews{ margin:5px;}
.news-related ul {margin-left: 5px;padding: 5px;}


.News_detail div{width:100% !important;margin:0px;padding:0px;}
.News_detail p{margin:0!important;padding:0!important;}
.News_detail table tbody{width:100% !important;}
.News_detail table tr{width:100% !important;}
.News_detail table tr td{width:100%;}
.News_detail table tr td img{width:98% !important;}
.News_detail img{margin:0px;padding:0px;height:auto!important; width:100%!important;}
.News_detail p img{margin:0px;padding:0px; height:auto!important; width:100%!important;}
.News_detail p embed{width:100% !important;}
.News_detail p iframe{width:100% !important;}
.News_detail p object{width:100% !important;}
.News_detail embed{width:100% !important;}
.News_detail iframe{width:100% !important;}
.News_detail object{width:100% !important;}
.News_detail table tr td embed{width:100% !important;}
.News_detail table tr td iframe{width:100% !important;}
.News_detail table tr td object{width:100% !important;}
.cloudzoom-zoom{ display:none}
.cloudzoom-blank{ display:none}
#divToolTip{ display:none!important}
.cloudzoom-blank{ display:none!important}
.cloudzoom-lens{ display:none!important}
.cloudzoom-caption{ display:none!important}


.Mobile{ display:block}
.Destop{ display:none}
.for-home-mobile{display:block !important;}.prodetail{margin-left: 3px;}


.mm{ display:none}
#hd-container ul{ display:none}
.wrap-p{width:100% !important;}
#header{ height:auto}
#hd-container #logo{width:100%; float:none; padding:0px; margin:0px}
.search-tk.clearfix{ display:none!important}
.main{width:98% !important; margin-top:0px!important;  padding-left:5px; padding-right:5px}
.footer .chantrang{width:100% !important;}
.menu-bottom{padding:0px; margin:0px}
.baner{width:100%;}
#top-bar{ text-align:center}
li{ padding:0px; margin:0px}
.modul{width:100%;padding-top:0px}
.modul .bgContent_31{ display:none}
.modul .bgContent_21{width:100%;margin:0px!important; padding:0px!important}
.modul .bgContent_23{width:100%;margin:0px!important; padding:0px!important}
.modul .bgContent_33{ display:none}
.modul .bgContent_43{ display:none}

.main div#load{width:100%;padding-top: 5px}
.fst-c {margin-left: 0;}
.post {margin: 3px !important;transition: border 0.4s ease-in-out 0s;width: 48%;}
.post .photo-holder{ height:auto}
.post .shadow{width:46%;}
.post img {height: 260px;max-width: 100%;transform: scale(1);width: 100%;min-height: 227px;}


.proleftdet{width:98% }
.img-box{width:100%; display:block}
.img-box{ height:auto}
.img-box img { max-width: 100%; width:auto;height:auto}
.product-thumbnail{ padding:0px;}
#jquery-overlay{ display:none!important}
#jquery-lightbox{ display:none!important}
.proname h1{ font-size:13px}
.prodetailright{ float:none; width:98%}
.pro-hotline{ border:1px solid #ffcb08; background:#d7d7d7; border-radius:3px; width:93%; line-height:22px}
.pro-bottom-left {float: none;width: 100%;}
.pro-bottom-left img {border: 1px solid #e4a206;height: 200px;width: 100%;}
.prolayout .innerBox1 {width:100%;}
.prolayout {float: left;width: 46%;margin-bottom:10px;  margin-left:12px}
.button-bottom{ padding:0px; margin:0px;}
.price-info .buy-btn{ float:left;}
.price-info{ margin-bottom:60px}
.addthis_toolbox{margin-left:0px}
.pro-main{ padding:0px; margin:0px}
.prodetailright div.pro-main.clearfix table#price tbody tr td.status{ font-size:11px;}
.pro-bottom-right{ width:100%; float:none}
.post-comment{ padding:0px; margin:0px; line-height:37px}
.content-bottom li {background: none repeat scroll 0 0 #fff;border: 1px solid #dfa400;float: none;height: 30px;line-height: 25px;margin: auto auto 6px;text-align: center;width: 96%; list-style:none}
.content-bottom li a {text-transform: uppercase;margin-top: 2px;}

.pro-bottom-left .box-head{ float:none; width:100%;  text-align:left;}
.box-bgContent_3{ display:none}
.pro-viewed.clearfix div.box-head{ width:98%}
.tab-content{ padding:5px}

.checkout {display: initial;margin: 0;width: 100%;}
.checkout .checkout-left{width:100%}
.checkout .field-div-button{ background:none; border:none;  padding: 5px;}
.checkout .field-div-button {margin: auto;text-align: left;width: 100%;}
.tieptuc-span {float: left;margin-right: -3px;margin-bottom: 8px;margin-top: 8px; width:51%}
.register-checkout-span, .continue-button, .button_left_span{ width:51%}
.dathang {margin: 0 0 0 12px;}
.checkout .checkout-right {float: right;margin-left: 0;margin-top: 10px;width: 100%;}

h2, h2 a{ font-size:12px;}
.checkout-left-body div.step3 div.step3-body div.step3-body-inline div textarea#ctl12_load_ctl00_txtComment{ width:90%}
.checkout .title{ font-size:17px;}
.modul .bgContent_21{line-height: 38px;}
#left-menu.menu, .box-body{box-shadow:none}
.main div#prolist{margin: 48px auto auto !important;width: 100% !important;}
.post span.price{ width:auto!important}
.post span.percent{ font-size:25px}
.modul .bgContent_2 a {padding-left: 6px;font-size: 14px;}
.pro-detail.clearfix div.box-body div.tag.last{ margin-top:6px;}
.product-thumbnail div.bx-wrapper div.bx-viewport ul.imageslider.noSlide li{ width:60px !important}
.product-thumbnail div.bx-wrapper div.bx-viewport ul.imageslider.noSlide{ transform: translate3d(19px, 0px, 0px)!important}
.menu-bottom li.parent {border-left: medium none;min-height: 130px;padding-left: 5px;padding-right: 5px;width: 30%;}
#header{ width:100%!important }
#logo a img{ width:auto!important; height:auto!important}
.header div.logo{ display:none}
#top-bar a {float: right;}
.post .photo-holder{display: table !important;text-align:center}
#col-right{width:100% !important}
#col-right .box-head{background: rgba(0, 0, 0, 0) url("/uploads/layout/Default/css/images/bgcam.jpg") repeat scroll 0 0 !important;}
}
@media screen and (min-width:1px) and (max-width:479px)
{img{border:medium none;height:auto;line-height:normal;margin:0;max-width:100%;padding:0;vertical-align:middle;width:auto;transition:all 0.2s ease-in;}
body{width:100%; background:#fff}
*{padding:0px; margin:0px;}
#divAdvLeft{ display:none}
#divAdvRight{ display:none}
#ctl08_u_load_control1_ctl00_ddlthanhtoan {width:97%!important;    height: 32px!important;}
#col-left{ display:none}
#col-mid1 .top2{ width:100%;display:none !important}
.banner{ width:100%  !important; text-align:center}
html body form#form1 div#wrapper div#content{ padding:0; width:100%}
.nivoSlider img{height: 170px!important;}

#wrapper, .banner, .menu_mid, .search-box, #content, #menu-bottom, #footer{ width:100%  !important;}
#col-mid {margin: 5px;width: 97%;}/**/
.twocol2 {float: left;width: 100%;}
#BottomLayer{ display:none}
.container {background: #000 none repeat scroll 0 0;display: block;float: left;width: 100%;}/**/
#col-mid div.quangcao div.box-body.center a img{ width:100%}
#floatdiv{ display:none !important;}
#floatdivleftpage{ display:none !important;}
.cart1 .box-body p { margin-left: 0; text-align: center; margin: 0 !important; }
#content, .menu-bottom, .footer{ width:100%  !important;}
.box-head h1, .box-head h2{border-bottom: 0px solid #fd7603;color: #fff;font-size: 13px;margin: auto;text-transform: uppercase;width: 95%; font-weight:bold;text-align:left;}
#col-mid .box-head {margin-bottom: 5px;border-bottom: 1px solid #fd7603;color: #fff;font-size: 13px;margin: auto;text-transform: uppercase;width: 95%; font-weight:bold;padding-left: 0;}
#col-mid .div_img img {width: auto;max-width: 100%!important;height: auto;
max-height: 190px !important;}
#col-mid .box-body .div_img{height:auto}
#footer div.footer div span{font-size: 15px;}
#footer div.footer span{font-size: 15px;}
.lang { float: right; overflow: hidden; padding: 0px 69px; padding-top: 4px; height: 28px; line-height: 28px; display: none; }
.pro-view .dathang {margin-left:25% !important}
.pro-view{width: 47% !important;float: left !important;margin-left: 0px !important;height: 270px !important;}
.pro-view .price{width: 100% !important;display: table; margin:auto}
#col-mid .box-body .row .pro-view img {display: table;float: none;margin: auto;max-height: 259px;min-width: 100%;width: 100%;}
#col-mid .box-body .div_img {display: table;width: 100% !important;height: 173px;}
#menu12 .sear{ margin:auto; width:100%; float:none;margin-top: 5px;}
#search-box,.search{ margin:auto;  float:none; display:none}
.MenuMobile{ display:none;  margin-top: 7px;}
#slider-wrapper{ width:100% !important; height:auto !important}
.nivoSlider{ width:100% !important; height:auto !important}
.slide {margin-top: 10px;clear: both;}
.nivo-caption{ display:none!important}
.cart1 {float: left;padding-top: 0;width: 100%;margin: auto;text-align: center;display:none}
.menu-bottom, .footer{ width:100%}
.top1{width: 95% !important;height: auto !important; }
.banner{    margin-bottom: 5px; }
#header{ min-width:100%}
#bannerMobile{ width:100%; text-align:center}
.banner1{  width:100%;}
#menu{ display:none}/*---*/
.box-head .sortbox, .box-head .views { float: right; margin-right: 5px; height: 26px; overflow: hidden; font-size: 11px; display: none; }
#menu12{ height:auto; background:none; width:100%; border:none}
#col-mid .box-body{ width:99%;padding: 0px;min-width:99% !important; border:none; padding:0px; margin:0px; background:none}
.hotline{ width:100%}
.hotline p{ font-size:12px;}
.pro-view {float: none;margin: auto auto 33px;margin-top:5px}
.pro-view .view-more{ float:none}
#menu,  #menu-bottom, #footer{ width:100%;min-width:100%; }
#footer{ width:100%!important;min-width:100% !important; background:#35be32; height:auto;border: 0;}
.footer{padding-left:0px; width: 97% !important;}
.cat-news {margin: 5px;width: 97%;}
.news-more{ margin:0px}
.shares{ display:none}
.news-other ul{ margin-left:10px;}
.send-entry{ padding-left:10px}
.send-entry h3{ font-size:16px;}
.cat-news a:link, .cat-news a:hover, .cat-news a{ font-size:12px}
#col-mid .group-product .box-body{width: 100% !important;border:none}
.guithongntin{ width:100%; float:left;}
.guithongntin  table{ width:100%}
.guithongntin table tr { width:100%}
.guithongntin  table tr td { width:98%!important; float:left; text-align:left;}
.dangky{ width:100%; float:left;}
.dangky table{ width:100%}
.dangky table tr { width:100%}
.dangky table tr td { width:98%!important; float:left; text-align:left;}
.lienhe2 { font-size:13px;}                                
.guithongntin table tbody tr td.lienhe2 span#ctl07_u_load_control1_ctl00_lblConfig p strong span { font-size:13px!important;}   
.dangky table tbody tr td.lienhe2 span#ctl07_u_load_control1_ctl00_lblConfig p strong span { font-size:13px!important;}   
.contact-text {color: #000;font-family: Tahoma;font-size: 10pt;margin-left: 5px;text-align: left;}
.imgCaptcha img { width:140px!important;}
#col-mid .box-body .div_img { width: 292px;}
input#ctl10_u_load_control1_ctl00_btn_Gui { width: 35% !important; }
input#ctl10_u_load_control1_ctl00_lbtXoa { width: 35% !important; }  
.guithongntin  table tr td input{ width:96% !important;border:1px solid #d7d7d7; border-radius:3px; height:26px;margin-top:0;    margin-top: 0px!important;
    margin-bottom: 0px;}
.guithongntin  table tr td textarea { width:96% !important;border:1px solid #d7d7d7; border-radius:3px;}
.dangky table tr td input{ width:90% !important;border:1px solid #d7d7d7; border-radius:3px; height:26px;margin-top:0;}
.dangky table tr td textarea { width:275px !important;border:1px solid #d7d7d7; border-radius:3px;}  
.contact-button{ height:35px!important;}
.Library .lbrname { margin: 0; padding: 2px 0; max-width: 100%; height: 25px; font-size: 12px; line-height: normal; font-weight: 400; }
.Library table { text-align: center; vertical-align: middle; padding: 0; margin: 0; width: 142px; height: 140px; border-spacing: 0; }
.jwplayer{ width:100% !important;  margin:0; padding:0; height:250px !important}
#MyPlayer_wrapper{ left:0px;width:100% !important;  margin:0; padding:0; height:250px !important; top: 10px;}
#MyPlayer{ width:100% !important;  margin:0; padding:0; height:250px !important}
.binhluan>table {width: 30% !important;}
.Library { clear: none; padding: 5px; margin: 8px 3px 2px 3px; float: left; border: #d3d3d3 1px solid; background-color: #FFF; cursor: default; text-align: center; vertical-align: middle; width: 44%; }
#col-mid .box-body  table{ width:100%;    margin-left: 0 !IMPORTANT;pađing:5px!important}
#col-mid .box-body  p{ margin:0px; padding:0px}
#col-mid .box-body  table tr { width:100%}
#col-mid .box-body  table tr td { /*width:100%*/;margin-top: 5px;    padding-top: 0 !important;    padding-left: 0 !important;}
#col-mid .box-body  table tr td img{ width:100%}
#col-mid .box-body  p embed{width:100%}
#col-mid .box-body  p iframe{width:100%}
#col-mid .box-body  p object{width:100%}
#col-mid .box-body  embed{width:100%}
#col-mid .box-body iframe{width:100%}
#col-mid .box-body  object{width:100%}
select#ctl09_u_load_control1_ctl00_ddlthanhtoan{width: 96%!important;height: 30px!important;}
.An{  display:none}
.Hien{ display:block}
#divAdvLeft{display:none}
#divAdvRight{display:none}

.prodetailright { float: left; width: 97%; margin: 0px; }
.img-box{ width:310px}
.proleftdet{ width:310px; float:none; margin:auto}
.CloudZoom{ display:none}
.CNews{ margin:5px;}
.news-related ul {margin-left: 5px;padding: 5px;}


.News_detail div{width:100% !important;margin:0px;padding:0px;}
.News_detail p{margin:0!important;padding:0!important;}
.News_detail table tbody{width:100% !important;}
.News_detail table tr{width:100% !important;}
.News_detail table tr td{width:100%;}
.News_detail table tr td img{width:98% !important;}
.News_detail img{margin:0px;padding:0px;height:auto!important; width:100%!important;}
.News_detail p img{margin:0px;padding:0px; height:auto!important; width:100%!important;}
.News_detail p embed{width:100% !important;}
.News_detail p iframe{width:100% !important;}
.News_detail p object{width:100% !important;}
.News_detail embed{width:100% !important;}
.News_detail iframe{width:100% !important;}
.News_detail object{width:100% !important;}
.News_detail table tr td embed{width:100% !important;}
.News_detail table tr td iframe{width:100% !important;}
.News_detail table tr td object{width:100% !important;}
.cloudzoom-zoom{ display:none}
.cloudzoom-blank{ display:none}
#divToolTip{ display:none!important}
.cloudzoom-blank{ display:none!important}
.cloudzoom-lens{ display:none!important}
.cloudzoom-caption{ display:none!important}
.orderInfo .orderLeft { width: 23%; display: inline-block; padding-left: 15px; line-height: 25px; }
.comment textarea { width: 100% !IMPORTANT; margin-top:10px;}
.comment input { width: 97% !IMPORTANT; }
.buttonCart1{margin-right: 0px!important;padding-bottom: 2px;}
input#ctl10_u_load_control1_ctl00_Button1 { width: 25% !important; }
.Mobile{ display:block}
.Destop{ display:none}
.for-home-mobile{display:block !important;}.prodetail{margin-left: 3px;}
input#ctl10_u_load_control1_ctl00_submit { width: 20% !IMPORTANT; }
.mm{ display:none}
#hd-container ul{ display:none}
.wrap-p{width:100% !important;}
#header{ height:auto}
#hd-container #logo{width:100%; float:none; padding:0px; margin:0px}
.search-tk.clearfix{ display:none!important}
.main{width:95% !important; margin-top:0px!important;  padding-left:5px; padding-right:5px}
.footer .chantrang{width:100% !important;}
.menu-bottom{padding:0px; margin:0px}
.baner{width:100%;}
#top-bar{ text-align:center}
li{ padding:0px; margin:0px}
.modul{width:100%;padding-top:0px}
.modul .bgContent_31{ display:none}
.modul .bgContent_21{width:100%;margin:0px!important; padding:0px!important}
.modul .bgContent_23{width:100%;margin:0px!important; padding:0px!important}
.modul .bgContent_33{ display:none}
.modul .bgContent_43{ display:none}

.main div#load{width:100%;padding-top: 5px}
.fst-c {margin-left: 0;}
.post{width:100%;margin:5px 0px 5px!important; transition: border 0.4s ease-in-out 0s;}
.post .photo-holder{ height:auto}
.post .shadow{width:95%;}
.proleftdet.Mobile { display: block; margin-top: 5px;}
.proleftdet.Destop { display: none;}
.proleftdet{width:100% }
.img-box{width:100% }
.img-box{ height:auto}
.img-box img { max-width: 100%; width:100%;height:auto}
.product-thumbnail{ padding:0px;}
#jquery-overlay{ display:none!important}
#jquery-lightbox{ display:none!important}
.proname h1{ font-size:13px}
.prodetailright{ float:none; width:100%}
.pro-hotline{ border:1px solid #ffcb08; background:#d7d7d7; border-radius:3px; width:93%; line-height:22px}
.pro-bottom-left {float: none;width: 100%;}
.pro-bottom-left img {border: 1px solid #e4a206;height: auto;width: 89%;}
.prolayout .innerBox1 {width: 89.5%;}
.prolayout{ width:99%}
.button-bottom{ padding:0px; margin:0px;}
.price-info .buy-btn{ float:left;}
.price-info{ margin-bottom:60px}
.addthis_toolbox{margin-left:0px}
.pro-main{ padding:0px; margin:0px}
.prodetailright div.pro-main.clearfix table#price tbody tr td.status{ font-size:11px;}
.pro-bottom-right{ width:100%; float:none}
.post-comment{ padding:0px; margin:0px; line-height:37px}
.content-bottom li {background: none repeat scroll 0 0 #fff;border: 1px solid #dfa400;float: none;height: 30px;line-height: 25px;margin: auto auto 6px;text-align: center;width: 96%; list-style:none}
.content-bottom li a {text-transform: uppercase;margin-top: 2px;}
.tab-content{ padding:5px}

.checkout {display: initial;margin: 0;width: 100%;}
.checkout .checkout-left{width:100%}
.checkout .field-div-button{ background:none; border:none;  padding: 5px;}
.checkout .field-div-button {margin: auto;text-align: center;width: 100%;}
.tieptuc-span {float: left;margin-right: -3px;margin-bottom: 8px;margin-top: 8px;}
.dathang {margin: 0 0 0 12px;}
.checkout .checkout-right {float: right;margin-left: 0;margin-top: 10px;width: 100%;}
.checkout .checkout-inside{ width:100%}

h2, h2 a{ font-size:12px;}
.checkout-left-body div.step3 div.step3-body div.step3-body-inline div textarea#ctl12_load_ctl00_txtComment{ width:90%}
.checkout .title{ font-size:17px;}
.modul .bgContent_21{line-height: 38px;}
#left-menu.menu, .box-body{box-shadow:none}

.main div#prolist{margin: 48px auto auto !important;width: 100% !important;}

.modul .bgContent_2 a {padding-left: 6px;font-size: 14px;}
.pro-detail.clearfix div.box-body div.tag.last{ margin-top:6px;}
.product-thumbnail div.bx-wrapper div.bx-viewport ul.imageslider.noSlide li{ width:60px !important}
.product-thumbnail div.bx-wrapper div.bx-viewport ul.imageslider.noSlide{ transform: translate3d(19px, 0px, 0px)!important}
.menu-bottom li.parent {border-left: medium none;float: none;min-height: 130px;padding-right: 0;width: 100%; padding-left:0px}
#header{ width:100%!important }
#logo a img{ width:auto!important; height:auto!important}
.header div.logo{ display:none}
#top-bar a {float: right;}
.post .photo-holder{display: table !important;text-align:center}
#trai .group-box{width:95%}
#col-right{width:100% !important}
#col-right .box-head{background: rgba(0, 0, 0, 0) url("/uploads/layout/Default/css/images/bgcam.jpg") repeat scroll 0 0 !important;}
}
@media screen and (min-width:360px) and (max-width:639px)
{
.img-box {height: auto;width: 99%;}.for-home-mobile{display:none !important;}
}
@media (max-width: 799px) {.for-home-mobile{display:block !important;}

.tele{display: none;}

div#t_phonehwa {
    display: block;
}
.fp-phone{display: block !important;}
}
.thosuakhoa_img_view{width:99%;height:auto;border: 1px solid #d2d2d2;float:left;}
.thosuakhoa_img_view img{width:100%;height:auto;float:left;}
