.guithongntin  table tr td input{ width:275px !important;border:1px solid #d7d7d7; border-radius:3px; height:20px}
.guithongntin  table tr td textarea { width:275px !important;border:1px solid #d7d7d7; border-radius:3px;} 
.container{ display:none; clear:both}
.Mobile{ display:none}
.Destop{ display:block}
.Hotline{ color:#fff; font-size:18px;  padding-top:10px;; text-align:center}
.menu-button {
    display:none !important
}
@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%;}
*{padding:0px; margin:0px;}
#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;}
#form1 > div:nth-child(11){ 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{ display:block;width: 100%;}/**/
.quangcao{     float: left; width:100%;}
.quangcao a img{float: left;height: 108px;width: 33.2%;}


#content{ width:100%  !important;}
.box-head h1, .box-head h2{color: #fff;font-size: 13px;margin: auto;}
#col-mid .box-head { float:none;color: #fff;font-size: 13px;margin: auto;}
#col-mid .div_img img {width: 100%;max-width: 100%;height:185px; margin-top:2px;  padding-top: 0;}
#col-mid .box-body .div_img{height:auto; border:none}
#footer div.footer div span{font-size: 15px;}
#footer div.footer span{font-size: 15px;}

.pro-view .dathang {margin-left:10% !important;margin-bottom: 10px}
.pro-view{ float: left !important;margin: 2px !important;min-height: 220px;width:32.5% !important;border:1px solid #d7d7d7}
.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; display:none}
#search-box{ margin:auto;  float:none; display:none}
.MenuMobile{ display:block;  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;}
.menu-bottom{ width:100%}
.footer{ width:97%; margin:3px!important}

#col-mid {margin: 5px;width: 99%;}
.top1{width: 100% !important;height: auto !important;margin:0px !important; padding:0px!important  }
.banner{ margin-top: 5px;}
 #header{background:none; 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: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 .view-more{ float:none}
#menu,  #menu-bottom, #footer{ width:100%;min-width:100%}
#footer{ width:100%!important;min-width:100% !important;  height:auto; }
.footer{padding-left:0px;}
.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  table{ width:100%}
.guithongntin table tr { width:100%}
.guithongntin  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;}   
.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:275px !important;border:1px solid #d7d7d7; border-radius:3px; height:20px}
.guithongntin  table tr td textarea { width:275px !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}
#col-mid .box-body  table tr { width:100%}
#col-mid .box-body  table tr td { /*width:100%*/}
#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 {margin: 5px;width: 97%;}
.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}


#menu{ display:none!important}
.divchantrang {width: 100%;float: none;}
#slide-qc, #qc-footer{width: 100%!important;float: none;}
.Menuchinh{width: 100%;}
.containerss{ width:100%}
.top2 .box-body{ padding:0px; width:100%; float:none;}
.top2 div.box-body.center a img{width: 32%;margin-left: 2px; padding:0 5px 5px;margin:0px; text-align:center}
#slide-qc > div > div > div.box-body.center > a:nth-child(2n+2) > img{ width: 32%;margin-left: 2px; padding:0px;margin:0px;padding-bottom:5px;text-align:center}
#content.clearfix div#col-mid div#qc_duoi{ display:none}
.box-cart table.cart-list tbody tr th{padding:0px;}
.menu-bottom li.parent{ width:45%; border:none}
}

@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%;}
*{padding:0px; margin:0px;}
#divAdvLeft{ display:none}
#divAdvRight{ display:none}
#col-left{ display:none}
#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;}
#form1 > div:nth-child(11){ 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{ display:block;width: 100%;}/**/
.quangcao{     float: left; width:100%;}
.quangcao a img{float: left;height: 108px;width: 33.2%;}

#content{ width:100%  !important;}
.box-head h1, .box-head h2{color: #fff;font-size: 13px;margin: auto;}
#col-mid .box-head { float:none;color: #fff;font-size: 13px;margin: auto;}
#col-mid .div_img img {width: 100%;max-width: 100%;height:139px; margin-top:2px;  padding-top: 0;}
#col-mid .box-body .div_img{height:auto; border:none}
#footer div.footer div span{font-size: 15px;}
#footer div.footer span{font-size: 15px;}

.pro-view .dathang {margin-left:9% !important;margin-bottom: 10px}
.pro-view{ min-height: 220px;width:32.3% !important; float:left !important; margin:2px !important;border:1px solid #d7d7d7}
.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; display:none}
#search-box{ margin:auto;  float:none;display:none}
.MenuMobile{ display:block;  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;}

.menu-bottom{ width:100%}
.footer{ width:97%; margin:3px!important}
#col-mid {margin: 5px;width: 98%;}
.top1{ width: 100% !important;height: auto !important; margin:0px !important; padding:0px!important}
.banner{ margin-top: 5px;}
 #header{background:none; 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; height:auto; }
.footer{padding-left:0px;}
.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  table{ width:100%}
.guithongntin table tr { width:100%}
.guithongntin  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;}   
.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:275px !important;border:1px solid #d7d7d7; border-radius:3px; height:20px}
.guithongntin  table tr td textarea { width:275px !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}
#col-mid .box-body  table tr { width:100%}
#col-mid .box-body  table tr td { /*width:100%*/}
#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 {margin: 5px;width: 97%;}
.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 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}

#menu{ display:none!important}
.divchantrang {width: 100%;float: none;}
#slide-qc, #qc-footer{width: 100%!important;float: none;}
.Menuchinh{width: 100%;}
.containerss{ width:100%}

.top2 .box-body{ padding:0px; width:100%; float:none;}
.top2 div.box-body.center a img{width: 32%;margin-left: 2px; padding:0 5px 5px;margin:0px; text-align:center}
#slide-qc > div > div > div.box-body.center > a:nth-child(2n+2) > img{ width: 32%;margin-left: 2px; padding:0px;margin:0px;padding-bottom:5px;text-align:center}
#content.clearfix div#col-mid div#qc_duoi{ display:none}
.box-cart table.cart-list tbody tr th{padding:0px;}
.menu-bottom li.parent{ width:45%; border:none}
}

@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%;}
*{padding:0px; margin:0px;}
#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;margin-top: 5px;}
html body form#form1 div#wrapper div#content{ padding:0px; width:100%}
#floatdiv{ display:none !important;}
#floatdivleftpage{ display:none !important;}
#form1 > div:nth-child(11){ display:none!important}


#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{ display:block;width: 100%;}/**/
.quangcao{     float: left; width:100%;}
.quangcao a img{float: left;height: 108px;width: 33.2%;}


#content{ width:100%  !important;}
.box-head h1, .box-head h2{color: #fff;font-size: 13px;margin: auto;}
#col-mid .box-head { float:none;color: #fff;font-size: 13px;margin: auto;}
#col-mid .div_img img {width: 100%;max-width: 100%;height:160px; margin-top:2px;  padding-top: 0;}
#col-mid .box-body .div_img{height:auto}
#footer div.footer div span{font-size: 15px;}
#footer div.footer span{font-size: 15px;}


.pro-view .dathang {margin-left:14% !important;margin-bottom: 10px}
.pro-view{ min-height: 205px;width:48.7% !important; float:left !important; margin:2px !important;border:1px solid #d7d7d7}
.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; display:none}
#search-box{ margin:auto;  float:none; margin-top: 10px; display:none}
.MenuMobile{ display:block;  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;}


.menu-bottom{ width:100%}
.footer{ width:97%; margin:3px!important}

.top1{ width: 100% !important;height: auto !important; margin:0px !important; padding:0px!important}
.banner{ margin-top: 5px;}
 #header{background:none; 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: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;border:1px solid #d7d7d7}
.pro-view .view-more{ float:none}
#menu, #menu-bottom, #footer{ width:100%;min-width:100%}
#footer{ width:100%!important;min-width:100% !important; height:auto; }
.footer{padding-left:0px;}
.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  table{ width:100%}
.guithongntin table tr { width:100%}
.guithongntin  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;}   
.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; border:none}
  
  
  
.guithongntin  table tr td input{ width:275px !important;border:1px solid #d7d7d7; border-radius:3px; height:20px}
.guithongntin  table tr td textarea { width:275px !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}
#col-mid .box-body  table tr { width:100%}
#col-mid .box-body  table tr td { /*width:100%*/}
#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: 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 {margin: 5px;width: 97%;}
.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;}


#menu{ display:none!important}
.divchantrang {width: 100%;float: none;}
#slide-qc, #qc-footer{width: 100%!important;float: none;}
.Menuchinh{width: 100%;}
.containerss{ width:100%}

.top2 .box-body{ padding:0px; width:100%; float:none;}
.top2 div.box-body.center a img{ width:98%; padding:0px;margin:0px;padding-bottom:5px; text-align:center}
#slide-qc > div > div > div.box-body.center > a:nth-child(2n+2) > img{ width:98%; padding:0px;margin:0px;padding-bottom:5px;text-align:center}
#content.clearfix div#col-mid div#qc_duoi{ display:none}
.box-cart table.cart-list tbody tr th{padding:0px;}
.menu-bottom li.parent{ width:95%; border:none}
}
@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%;}
*{padding:0px; margin:0px;}
#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:0; width:100%}
#form1 > div:nth-child(11){ display:none!important}

#wrapper, .banner, .menu_mid, .search-box, #content, #menu-bottom, #footer{ width:99%  !important;}
#col-mid {margin: 5px;width: 98%;}/**/
.twocol2 {float: left;width: 100%;}
#BottomLayer{ display:none}
.container{ display:block;width: 100%;}/**/
#col-mid div.quangcao div.box-body.center a img{ width:100%}
#floatdiv{ display:none !important;}
#floatdivleftpage{ display:none !important;}

#col-mid .box-head a {/*margin-left: 5px;*/}

#content{ width:100%  !important;}
.box-head h1, .box-head h2{color: #fff;font-size: 13px;margin: auto;}
#col-mid .box-head { float:none;color: #fff;font-size: 13px;margin: auto;}
#col-mid .div_img img {width: 100%;max-width: 100%;margin-top:0px; padding-top: 0;}
#col-mid .box-body .div_img{height:auto; border:none}
#footer div.footer div span{font-size: 12px;}
#footer div.footer span{font-size: 15px;}

.pro-view .dathang {margin-left:15% !important; margin-bottom: 10px}
.pro-view{width:70% !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; display:none}
#search-box{ margin:auto;  float:none; display:block;}
.MenuMobile{ display:block;  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;}


.menu-bottom{ width:100%!important}
.footer{ width:98%!important; padding:3px;}


.top1{width: 100% !important;height: auto !important; margin:0px !important; padding:0px!important}
 #header{background:none; 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: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; border:1px solid #d7d7d7}
.pro-view .view-more{ float:none}
#menu,  #menu-bottom, #footer{ width:100%;min-width:100%; }
#footer{ width:100%!important;min-width:100% !important;  height:auto; }
.footer{padding-left:0px;}
.cat-news {margin: 5px;width: 99%;}
.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  table{ width:100%}
.guithongntin table tr { width:100%}
.guithongntin  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;}   
.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:275px !important;border:1px solid #d7d7d7; border-radius:3px; height:20px}
.guithongntin  table tr td textarea { width:275px !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}
#col-mid .box-body  table tr { width:100%}
#col-mid .box-body  table tr td {float:left;width:98%;}
#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: 97%; margin: 5px; }
.img-box{ width:310px}
.proleftdet{ width:305px; float:none; margin:auto}
.CloudZoom{ display:none}
.CNews{ margin:5px;}
.news-related ul {margin-left: 5px;padding: 5px;}

.News_detail {margin: 5px;width: 97%;}
.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;}

#menu{ display:none!important}
.divchantrang {width: 100%;float: none;}
#slide-qc, #qc-footer{width: 100%!important;float: none;}
.Menuchinh{width: 100%;}


.containerss{ width:100%}
.top2 .box-body{ padding:0px; width:100%; float:none;}
.top2 div.box-body.center a img{ width:95%; padding:0px;margin:0px;padding-bottom:5px; text-align:center}
#slide-qc > div > div > div.box-body.center > a:nth-child(2n+2) > img{ width:95%; padding:0px;margin:0px;padding-bottom:5px;text-align:center}
#content.clearfix div#col-mid div#qc_duoi{ display:none}
.box-cart table.cart-list tbody tr th{padding:0px;}

#col-mid1 .top1{margin:0px !important; padding:0px!important}


}
@media screen and (min-width:360px) and (max-width:639px)
{
.img-box {height: 175px;width: 349px;}
.for-home-mobile{display:none !important;}
}
@media (max-width: 799px) 
{
.for-home-mobile{display:block !important;}
.thosuakhoa_img_view{width:99%;height:auto;border: 1px solid #d2d2d2;float:left;}
.thosuakhoa_img_view img{width:99%;height:auto;float:left;}
#myElement_wrapper{width: 100%!important;}
.player div#myElement_wrapper object{width: 100%!important;}
.player div#myElement_wrapper object#myElement{width: 100%!important;}
}
@media screen and (min-width:0px) and (max-width:1000px)
{
.menu-button {display:block;overflow:hidden;}
.dathang .detail{margin:0px;}
#col-mid .box-body .div_img>a{display:flex;width:100%;}
#col-mid .box-body .div_img>a>img{display:flex;width:100%;margin:auto;}
#col-right{ display:none}
#col-footer{width:95%}
.Mobile .news-item {width:100%;}
.Mobile .adv-m .box-body a img{margin: 10px;}
.Mobile .box-head{background: transparent url(images/bg_head_m.png) repeat-x left top;}
.Mobile .box-body{margin:0px;}
.banner img{float:left;width:99%;height:auto;}
#col-mid .box-body p img{width:98%!important;}
	#col-mid .box-body p{width:100%;}
.banner{margin-left:3px;}
#new-index ul{padding:0px;}
#new-index .priority .sukien ul{width:100%;}
#slider-wrapper{display:none;}
#menu, #search-box, #menu-bottom, #footer{width:100%;}
#menu, #search-box, #menu-bottom, #footer{min-width:100%;}
	#new{width:100%;float:left;}
	.news-item:hover{width:100%;}
}
@media screen and (min-width:0px) and (max-width:600px)
{
	#col-footer .box-body img{width:15%;}
#col-mid .group-box .cat-news{width:97%}
.nivoSlider{display:none;}
	#new-index{width:100%;}
	#new-index .latest{float:left;width:99%;}
	#new-index .priority img, #new-index .priority1 img{width:100%;}
	#new-index .priority{width:99%;}
	.col-left{width:100%;}
	#new-index .Chuyende .khung{width:100%;}
	.giua{float:left;width:100%;}
	.menu-bottom li.parent{ width:43%; border:none}
	.trai{width:100%;}
	.document{width:100%;}
}
@media screen and (min-width:601px) and (max-width:1000px)
{
	#col-footer .box-body img{width:11%;}
	#col-mid .group-box .cat-news{width:100%}
	#new-index .latest{width:50%;float:left;}
	#new-index .priority{width:48%;margin-right:8px;}
	#new-index{width:100%;}
	#new-index .Chuyende .khung{width:31%;margin-right:10px;}
	.giua{width:50%;}
	.menu-bottom li.parent{width:28%;}
	#new-index .priority img, #new-index .priority1 img{width:100%;}
	.col-left{width:49%;}
	.khung a .img{width:100%;}
	.trai{width:100%;}
	#new-index .Chuyende .khung a:link, #new-index .Chuyende .khung a:visited, #new-index .Chuyende .khung a:hover{width:100%;}
}	
@media screen and (min-width:0px) and (max-width:400px) {
    .Mobile .adv-m .box-body{padding:8px;}
    .Mobile .adv-m .box-body a img{width:100%;margin:5px 0px;}
	#col-footer .box-body img{width:15%;}	
	#new-index{width:98%}
	#new-index .Chuyende .khung{width:100%;}
	.khung a .img{width:96%;}
	.box-body table tbody tr td{width:100%!important;}
	#col-mid .box-body a img{max-width:50%;}

	.search{width:70%;}
	#new-index .Chuyende .khung a:link, #new-index .Chuyende .khung a:visited, #new-index .Chuyende .khung a:hover{width:100%;}
}