﻿@media (max-width: 986px) {
	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;}
	
	.indexhome{
		background: none repeat scroll 0 0 #ffffff;
		padding: 0 3px;
		width: 100%;
		text-align:left;
	}	
}

.advbaner_mobile{
	width:100%;
	min-height:90px;
	display:none;
	float:left;
}

.mattblackmenu{
	display:block !important;
}

#menu_mobile{
	display:none !important;
}

@media (max-width: 800px) {
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	: before,: after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}
	#wrapper > div.indexright > div.subrightindex > h3:nth-child(4) > .headright { display: block !important; }
	#divAdvLeft{ display:none}
	#divAdvRight{ display:none}	
	#ChatPopup{ display:none}	
	
.container.scrollfixed { position: relative !important; }
	.advbaner {
		display:block;
	}
	.advbaner_mobile{
		display:none;
	}
	
	
	.mattblackmenu{
		display:none !important;
	}
	
	#menu_mobile{
		display:block !important;
	}
	
	.search {
          width: 70%;
		/*display:none !important;*/
	}
    .search .inputs {
        background: url(images/search.gif) no-repeat 2px 2px;
    }
	.dongchuchay marquee {
		width: 100%;
		padding:0px 10px;
	}
	
	.indexleft {
		display:none !important;
	}	
	
	.subrightindex {
        width:100% !important;
            	display: none !important;
	}
    .lbt-giohang {
    }
    .subrightindex  div:nth-child(1) {
        display:none !important;
    }
      .subrightindex  div:nth-child(3) {
        display:none !important;
    }
        .subrightindex  div:nth-child(9) {
        display:none !important;
    }
     .subrightindex  div:nth-child(7) {
        display:none !important;
    }
    .subrightindex > div:nth-child(8){
        display:none !important;
    }
     .subrightindex > div:nth-child(10){
        display:none !important;
    }
       .subrightindex > div:nth-child(11){
        display:none !important;
    }
         .subrightindex > div:nth-child(12){
        display:none !important;
    }
          
         .subrightindex > div:nth-child(14){
        display:none !important;
    }
          .subrightindex > div:nth-child(15){
        display:none !important;
    }
           .subrightindex > div:nth-child(16){
        display:none !important;
    }
           .subrightindex > div:nth-child(17){
        display:none !important;
    }
    .subrightindex  div.advright{
        display:none !important;
    }
        .subrightindex > div.midhotrott {
        display:none !important;
    }
        .subrightindex .headright {
            width: 100%;
            background: #6CCBE7 !important;    padding-top: 3px;
        }
     .subrightindex .midright {
        width: 100%;
    }
	.sublefttindex {
		float: left;
		width: 100%;
	}	
	
	.advhome {
		border-top: 0 none;
		margin-bottom: 3px;
		text-align: center;
		width: 100%;
	}	
	
	#slider-wrapper {
		height: auto !important;
		margin: 0 auto;
		width: 100% !important;
		position:relative;
	}		
		
		
	.indexright {
		float: right;
		margin: 5px 0;
		width: 100%;
	}
	
	
	#slider {
		height: auto !important;
		position: relative;
		width: 100% !important;
	}	

	.nivoSlider{position:relative;
		-webkit-box-shadow:0 0px 0px 0 #4a4a4a !important;
		-moz-box-shadow:0 0px 0px 0 #4a4a4a !important;
		box-shadow:0 0px 0px 0 #4a4a4a !important;
	}
	

	.headboxpro {
		background:url("images/bgh2.png") repeat-x ;
		padding-left:10px;
		width: 100%;
	}
	
	.NavContent {
		padding-left: 0px;
	}	
	
	
	.bodyboxpro {
		width: 100%;
	}	
	
	.footertop {
		display:none !important;
	}	
	
	.footer {
		width: 100%;
	}	
	
	#table_copy{
		display:none !important;
	}
	
	.bodyboxpro {
		padding: 10px;
	}
	
	.nivo-controlNav {
		bottom: 10px;
		position: absolute;
		right: 10px;
	}	
	

	.tinkhac {
		width: 100% !important;
	}		
		
	.saleFlagPercent {
	    height: 56px;
	}	
	
	p, pre, blockquote {
		background:none !important;
	}

}

@media (max-width: 530px) {
	.advbaner_mobile img{
		width:90%;
		height:auto;
		margin-top:20px;
	}
}


@media (max-width: 360px) {
       .search-price{display:block !important}
       .search-price .headleft{width:100%;background:#6ccbe7 !important}
       .search-price .midleftno{width: 100%}
       .search-price .bottomleft{width: 100%; background: #91bee8;}
       .search-price .price-list li{text-align:center}
.news img { float: left; border: 1px solid #97bbdf; margin: 3px 5px 5px 0px; vertical-align: top; clear: both; width: 100%; height: 150px; object-fit: contain; }
.news> p { vertical-align: top; margin: 0px; font-family: Arial; font-size: 110%; height: 55px; width: 100%; text-align: justify; overflow: hidden; float: left; }
    .grid {
        height: auto !important;
        margin-bottom: 12px;
        margin-left: 0px;
        padding-right: 0px;
        width: 100%;
    }

        .grid .dathang {
              margin-left: 24%;
        }
        

	.grid .div_img {
		border: 1px solid #bcbcbc;
		display:block;
		height: auto;
		text-align: center;
		vertical-align: middle;
		width: 100%;
	}	
	
	.grid .div_img img{
		height:auto;
		max-width:none !important;
		max-height:none !important;
		width: 100%;
	}
	.detailpro {
		width: 71px;
	}
	

	.proleftdet {
		float: left;
		margin-right: 10px;
		overflow: hidden;
		width: 100%;
	}
	
	.proimg {
		width: 100%;
		height: auto;
	}	
	
	.proimg img {
		border: 0 none;
		text-align: center;
		width: 100%;
	}	
	
	.prodetailright {
		float: left;
		text-align: left;
		width: 100%;
	}
	.contentpro	h1{
		line-height:30px;
	}
	
	.grid .productname {
		height: auto;
		overflow: hidden;
		text-align: center;
	}	
	
	.grid .price {
		margin-bottom: 5px;
		text-align: center;
		height: 40px;
	}
    table{
		margin: 0 !important;
		width: 100% !important;
		table-layout: fixed;
	}

	table td{
		width:auto !important;
		margin:0px !important;
		padding:0px !important;
	}
.News_detail table{width:100% !important;margin:0px;padding:0px;table-layout: fixed;}	
.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:auto !important;margin:0px !important;padding:0px !important;}
.News_detail table tr td img{width:98% !important;}
.News_detail img{width:100% !important; margin:0px;padding:0px;}
.News_detail p img{width:100% !important;margin:0px;padding:0px; height:auto!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}
#tooltip{ display:none!important}
.cloudzoom-blank{ display:none!important}
.cloudzoom-lens{ display:none!important}
.cloudzoom-caption{ display:none!important}
.guithongntin  table{ width:100%}
.guithongntin table tr { width:100%}
.guithongntin  table tr td { width:98%!important; float:left;text-align:left !important}                             
.guithongntin table tbody tr td.lienhe2 span#ctl07_u_load_control1_ctl00_lblConfig p strong span { font-size:13px!important;}   
.imgCaptcha img { width:140px!important;}
.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;} 

}


@media screen and (min-width: 361px) and (max-width: 640px){
        .search-price{display:block !important}
       .search-price .headleft{width:100%;background:#6ccbe7 !important}
       .search-price .midleftno{width: 100%}
       .search-price .bottomleft{width: 100%; background: #91bee8;}
       .search-price .price-list li{text-align:center}
	.bodyboxpro {
		padding: 10px 0px;
	}	
	.grid {
		height: 270px  !important;
		margin-bottom: 12px;
		margin-left: 0px;
		padding-right: 0px;
		width: 50%;
		padding:0px 10px;
	}
	 .grid .dathang {
              margin-left: 15%;
        }	
	.grid .div_img {
		border: 1px solid #bcbcbc;
		display:block;
		height: auto;
		text-align: center;
		vertical-align: middle;
		width: 100%;
	}	
	
	.grid .div_img img{
		height:auto;
		max-width:none !important;
		
		width: 100%;
	}
	.detailpro {
		width: 71px;
	}	
	
	.grid .productname {
		height: auto;
		overflow: hidden;
		text-align: center;
	}	
	
	.grid .price {
		margin-bottom: 5px;
		text-align: center;
		height: 40px;
	}
    table{
		margin: 0 !important;
		width: 100% !important;
		table-layout: fixed;
	}

	table td{
		width:auto !important;
		margin:0px !important;
		padding:0px !important;
	}	
.News_detail table{width:100% !important;margin:0px;padding:0px;table-layout: fixed;}
.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:auto !important;margin:0px !important;padding:0px !important;}
.News_detail table tr td img{width:98% !important;}
.News_detail img{width:100% !important;margin:0px;padding:0px;}
.News_detail p img{width:100% !important;margin:0px;padding:0px; height:auto!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}
#tooltip{ display:none!important}
.cloudzoom-blank{ display:none!important}
.cloudzoom-lens{ display:none!important}
.cloudzoom-caption{ display:none!important}	
.guithongntin  table{ width:100%}
.guithongntin table tr { width:100%}
.guithongntin  table tr td { width:98%!important; float:left;text-align:left !important}                             
.guithongntin table tbody tr td.lienhe2 span#ctl07_u_load_control1_ctl00_lblConfig p strong span { font-size:13px!important;}   
.imgCaptcha img { width:140px!important;}
.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;} 	

}


@media screen and (min-width: 641px) and (max-width: 800px){
        .search-price{display:block !important}
       .search-price .headleft{width:100%;background:#6ccbe7 !important}
       .search-price .midleftno{width: 100%}
       .search-price .bottomleft{width: 100%; background: #91bee8;}
       .search-price .price-list li{text-align:center}
	.bodyboxpro {
		padding: 10px 0px;
	}	
	
	.grid {
		height: 270px !important;
		margin-bottom: 12px;
		margin-left: 0px;
		padding-right: 0px;
		width: 33.3333%;
		padding:0px 10px;
	}
	 .grid .dathang {
              margin-left: 24%;
        }	
	.grid .div_img {
		border: 1px solid #bcbcbc;
		display:block;
		height: auto;
		text-align: center;
		vertical-align: middle;
		width: 100%;
	}	
	
	.grid .div_img img{
		height:auto;
		/*max-width:none !important;*/
		max-height:none !important;
		width: 100%;
	}
	.detailpro {
		width: 71px;
	}	
	
	.grid .productname {
		height: auto;
		overflow: hidden;
		text-align: center;
	}	
	
	.grid .price {
		margin-bottom: 5px;
		text-align: center;
		height: 40px;
	}
    table{
		margin: 0 !important;
		width: 100% !important;
		table-layout: fixed;
	}

	table td{
		width:auto !important;
		margin:0px !important;
		padding:0px !important;
	}	
.News_detail table{width:100% !important;margin:0px;padding:0px;table-layout: fixed;}
.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:auto !important;margin:0px !important;padding:0px !important;}
.News_detail table tr td img{width:98% !important;}
.News_detail img{width:100% !important;margin:0px;padding:0px;}
.News_detail p img{width:100% !important;margin:0px;padding:0px; height:auto!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}
#tooltip{ display:none!important}
.cloudzoom-blank{ display:none!important}
.cloudzoom-lens{ display:none!important}
.cloudzoom-caption{ display:none!important}	
.guithongntin  table{ width:100%}
.guithongntin table tr { width:100%}
.guithongntin  table tr td { width:98%!important; float:left;text-align:left !important}                             
.guithongntin table tbody tr td.lienhe2 span#ctl07_u_load_control1_ctl00_lblConfig p strong span { font-size:13px!important;}   
.imgCaptcha img { width:140px!important;}
.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;} 
}











