.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}
@media screen and (min-width:640px) and (max-width:1024px)
{
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}
#col-mid1{margin: 0 auto;
    width: 100%!important;}
#wrapper, .banner, .menu_mid, .search-box, #content, #menu-bottom, #footer{ width:99%  !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%;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 .pro-item{
width:30%!important;
}
#pro{width:100%!important}
.box-head{color:white!important;background:none!important; text-align:center!important;}

.pro-view .dathang {margin-left:0;margin-bottom: 0}
.pro-view{ float: left !important;margin: 2px !important;min-height: 220px;width:32% !important;border:1px solid #d7d7d7}
.Library{width:32%;}
.pro-view .price{width: 100%!important;display: table; margin:auto;height:40px !important}
#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;float:left;margin:2px auto 0px;}
.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}
.cat-news{padding:5px 0 20px 10px!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}
#col-mid .box-head {background: #9e366f url("images/h2.gif") no-repeat scroll 0 -4px !important;border-top: 3px solid red;width: 99%;}
}
@media screen and (min-width:360px) and (max-width:639px)
{
.cat-news{padding:5px 0 10px 5px!important;}
#col-mid1 {width:100%!important;}
#col-mid1 #pro{width:100%!important;}
.pro-item{width:46%!important;}
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:99%  !important;margin-left:0px;}
#col-mid {margin: 5px 5px 5px 0;width: 100%;}/**/
.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;width: 100%;width: 100%;}
#col-mid .box-head { float:none;color: #fff;font-size: 13px;margin:-8px 0 0 -2px !important;}
#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:0;margin-bottom: 0}
.pro-view{ min-height: 205px;width:48% !important; float:left !important; margin:5px 5px 5px 0 !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;float:left;}
.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: 0px;width:100%;}
 #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: auto; border:none;margin:0;}
  
  
  
.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: 98%;}
.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{ border:none;}
.Library{width:48%!important;}
.img-box {height: 175px;width: 349px;}
.for-home-mobile{display:none !important;}
}
@media screen and (min-width:1px) and (max-width:359px)
{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}

.banner img{
max-width:99%;
}
.Library{width:45%;}
#wrapper, .banner, .menu_mid, .search-box, #content, #menu-bottom, #footer{ width:99%  !important;}
#col-mid {margin: 5px 0 0 0;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 {font-size:12px;}

#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: -8px 0 0 0px !important;}
#col-mid .div_img img {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: 15px;}
#footer div.footer span{font-size: 15px;}

.pro-view .dathang {margin-left:0; margin-bottom: 0}
.pro-view{width:70% !important}
.pro-item{width:75% !important;display:block;}

.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%!important}
.footer{ width:98%!important; padding:3px;}


.top1{width: 100% !important;height: auto !important; margin:0px !important; padding:0px!important}
.banner{}
 #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}
#col-mid1{width:99%!important;}
#col-mid1 #pro{width:99%!important;}
.hotline{ width:100%}
.hotline p{ font-size:12px;}
.pro-view {float: none;margin: auto auto 10px;margin-top:5px; border:1px solid #d7d7d7}
.pro-view .view-more{ float:none}
.pro-item {float: none;margin:0 auto;margin-top:5px; border:1px solid #d7d7d7}

#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: 0px;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:2px; padding:0px}
#col-mid .box-body  table tr { width:100%}
#col-mid .box-body  table tr td {float:left; width:98%!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%}
.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}
.menu-bottom li.parent{ width:95%; border:none}

}
@media and (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:1024px)
{
.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;height:250px;}
  
.bx-viewport{display:none !important;}
.divlinkfb {width:100% !important;
margin-top:-45px;
    }
.chantrang{width:100% !important;
    }
    .divgiohang {
        float:left !important;
    }
.divmail{
        float:left !important;
    }
.divphone{
        float:left !important;
    }
.divmail h3, .divphone h3{
font-size:12px;
}
.menu-button{
background:#f4da8d !important ;
}
#pro{margin:0!important;}
.box-head{color:white!important;}
#pro .pro-item h3{font-size:12px!important;
}
#pro .pro-item a{font-size:12px!important;
}
.NavContent{display:none;}
#col-mid2, #col-mid1{margin-top:1px!important;}
.pro-view h3{height:20px!important;}
.gia{margin-top:5px;color:blue!important;}
.nivoSlider img{margin-left:3px!important;width:98%!important;}
#col-mid .box-head a{margin-left:5px;font-size:13px;}
#col-mid .box-head { float:none;color: red!important;font-size: 13px;margin:0px!important;background:#bbd7ff !important;display:block;}
.buttonCart{margin-right:none!important;margin-top:none!important;}

.Library table{height:none;}
.Library .lbrname{margin:0 auto!important;}
.tintt .group-box{width:100%!important;}
.group-box .box-body .cat-news img{width:35%!important;}
.box-head{display:none;}
.trai{width:99%;}
#content{margin-top:0px!important;}
.shares{display:block; width:98%!important;}
#col-mid .trai .box-body{width:100%;}
#left-menu.menu, .box-body{margin-left:0px!important}
.trai .cat-news{width:100%!important;}
#col-mid .trai .cat-news .clearfix{width:70%;}
#wrapper, body {background: #fff!important;}
.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;}

}
@media screen and (min-width:0px) and (max-width:400px) {
	#col-mid .box-body  table tr td {float:left; width:98%!important;}
    .Mobile .adv-m .box-body{padding:8px;}
    .Mobile .adv-m .box-body a img{width:100%;margin:5px 0px;}
	.contact-text{font-size:12px !important;}
	.group-box .box-body .cat-news img{height:105px!important;}
	.cat-news{padding:5px 0 10px 5px!important;}
	.slider-wrapper, .nivoSlider{margin-top:1px!important;}
	#col-mid2, #col-mid1{width:100%;}
	.top-mid{width:100%;}
}
@media screen and (min-width:0px) and (max-width:500px) {
.tintt .gt, .tintt .tinmoi, .tintt .tinmoi1{margin-left:0px;width:98%;}
.tintt .gt .box-body, .tintt .tinmoi .box-body{width:100%;}
.center{display:none;}
#col-right{ display:none} 
#col-mid .trai .cat-news .clearfix{display:block!important;}
.shares{display:none;}
.top-mid{width:100%!important;}
.pro-item, .news-item{width:100%;}
#col-mid2, #col-mid1{width:100%;}
}
@media screen and (min-width:500px) and (max-width:900px) {
.tintt .gt, .tintt .tinmoi, .tintt .tinmoi1{margin-left:0px;width:45%;margin-top:10px;}
.tintt .gt .box-body, .tintt .tinmoi .box-body{width:100%;}
#col-right{ display:none} 
.top-mid{width:47%;margin-right:10px;}
.pro-item, .news-item{width:100%!important;}
#col-mid2, #col-mid1{width:100%;}
.group-box{width:47%; margin-right:10px;float:left;}
}
@media screen and (min-width:901px) and (max-width:1024px) {
.tintt .gt, .tintt .tinmoi, .tintt .tinmoi1{margin-left:0px;width:29%;margin-top:10px;margin-right:38px;}
#col-mid{width:65%!important;margin-top:12px;}
.top-mid{width:49%;margin-right:5px;float:left;}
.pro-item, .news-item{width:100%;}
#col-mid2, #col-mid1{width:100%;}
}