@media screen and  (max-width: 866px) and  (min-width: 666px)
{
.menutop, .menutop1
{display: none;}

.wrap
{
width: 100%;
overflow: hidden;
}
.header img
{
      
       width: 100%;
       height: auto;
}
.banner
{
width: 100%;
overflow: hidden;
}
.banner img
{
       
       width: 100%;
       height: auto;
}


.banner img
{
       
       width: 100%;
       height: auto;
}


.chuchay{
    display:inline-block;
    background:rgba(0, 255, 255);
	margin: 6 6 6 6px;
	font-size:18px;

	color:red;
}

.sub-menu {
display: inline-block; 
background:#3399CC;
height:36px;
width: 100%;

}
ul#sub-menu {
 position: absolute;
display: block; 

}

.sub-menu img{
    margin-top:3px;
    height:28px;
    width: 88px; 
}
ul#sub1 ul#sub
{
    display:none;
    position: relative;
   
   
}

 .sub-menu ul#sub1
{
    display:none;
    position: absolute;
    
}

 .sub-menu:hover ul#sub1
{
    display: block;
  position: relative;
    
}

.sub-menu h2 {
    font-size:18px;
    margin-left:3px;
    margin-right:3px;
    text-shadow: 0.1em 0.1em 0.2em #CDCD00;
    background:#FFCC99;
}
.sub-menu li{
	width:228;
	padding:3px;
    display:inline-block;
	background:#ffffff;
    text-align:center; 
	border-bottom:solid 1px #DADADA;
	margin-left:1px;
	}
.sub-menu a{
	margin-left:3px;
	display:inline-block;
	color:blue;
    font-size:15px;
}

.bentrong
{
    width: 100%;
    margin-left:0px;
    display:inline-block;
	text-align:center;
}

.bentrong li
{
	width: 26%;
	margin-left:3px;
display:inline-block;
}
.baiviet{
	width:100%;
	}
.noidungbai img{
   max-width:69%;
   height:auto;
}

.dthang {
	
	width: 99%;

	
}




.menucontent {

	width:31%;
    overflow: hidden;
}

.bentrong h3{
	font-size:13px;
}


}

@media screen and  (max-width: 666px) and  (min-width: 536px){
.menutop, .menutop1
{display: none;}


.wrap
{
width: 100%;
overflow: hidden;
}
.banner
{
width: 100%;
overflow: hidden;
}
.banner img
{
       
       width: 100%;
       height: auto;
}
.trc{
  width: 100%;
overflow: hidden;  
}
.sub-menu {
display: inline-block; 
background:#3399CC;
height:36px;
width: 100%;

}
ul#sub-menu {
 position: absolute;
display: block; 

}

.sub-menu img{
    margin-top:3px;
    height:28px;
    width: 88px; 
}
ul#sub1 ul#sub
{
    display:none;
    position: relative;
   
   
}

 .sub-menu ul#sub1
{
    display:none;
    position: absolute;
    
}

 .sub-menu:hover ul#sub1
{
    display: block;
  position: relative;
    
}

.sub-menu h2 {
    font-size:18px;
    margin-left:3px;
    margin-right:3px;
    text-shadow: 0.1em 0.1em 0.2em #CDCD00;
    background:#FFCC99;
}
.sub-menu li{
	width:258;
	padding:3px;
    display:inline-block;
	background:#ffffff;
	border-bottom:solid 1px #DADADA;
	margin-left:1px;
	text-align:center; 
	}
.sub-menu a{
	margin-left:3px;
	display:inline-block;
	color:blue;
    font-size:15px;
}

.bentrong
{
width: 100%;
margin-left:0px;
display:inline-block;
text-align:center;
}

.bentrong li
{
max-width: 39%;
margin-left:3px;
display:inline-block;
}

.bentrong h3{
	font-size:13px;
}
.baiviet{
	width:96%;
	}
.noidungbai img{
   max-width:86%;
   height:auto;
}

.dthang {
	
	width: 52%;

	
}

.dthang5{
     width : 96%;
}

.dthang5 img {
    
    max-height: 288px;
	width : auto;
}


.menucontent{
    position: relative;
	width:100%;
}
.listmenu li{
     width : 48%;
}
  .menucontent ul#listmenu{
      display:none;
       position: absolute;
  }
.menucontent:hover ul#listmenu{
      display: block;
     position: relative;
  }
.menucontent .tplNews{
       display:none;
       position: absolute;    
}
.menucontent:hover .tplNews{
       display:block;
       position: relative;    
}

.footercontent h1
{
	font-size: 16px;
	text-align:center;
}

}
@media screen and  (max-width: 536px) and  (min-width: 289px){
.menutop, .menutop1
{display: none;}

.trc{
  width: 100%;
overflow: hidden;  
}
.wrap
{
width: 100%;
overflow: hidden;
}
.banner img
{
       
       width: 100%;
       height: auto;
}
.tplContact{
  width : 100%;  
}

.tplContact li{
  width : 39%;  
}

.sub-menu {
display: inline-block; 
background:#3399CC;
height:36px;
width: 100%;

}
ul#sub-menu {
 position: absolute;
display: block; 

}

.sub-menu img{
    margin-top:3px;
    height:28px;
    width: 88px; 
}
ul#sub1 ul#sub
{
    display:none;
    position: relative;
   
   
}

 .sub-menu ul#sub1
{
    display:none;
    position: absolute;
    
}

 .sub-menu:hover ul#sub1
{
    display: block;
  position: relative;
    
}

.sub-menu h2 {
    font-size:18px;
    margin-left:3px;
    margin-right:3px;
    text-shadow: 0.1em 0.1em 0.2em #CDCD00;
    background:#FFCC99;
}
.sub-menu li{
	width:258;
	padding:3px;
    display:inline-block;
	background:#ffffff;
    box-shadow: none;
	border-bottom:solid 1px #DADADA;
	margin-left:1px;
	text-align:center; 
	}
.sub-menu a{
	margin-left:3px;
	display:inline-block;
	color:blue;
    font-size:15px;
}


.bentrong
{
    width: 100%;
    display:inline-block;
    margin-left:0px;
	text-align:center;
}
.bentrong h3{
	font-size:15px;
}
.bentrong li
{
max-width: 39%;
margin-left:0px;
display:inline-block;
}

.noidungbai img{
   max-width:52%;
   height:auto;
}

.dthang {
	
	width: 100%;

	
}
.anh{
	overflow: hidden;
	margin-top:3px;
    width:96%;
	
}

.baiviet{
	width:96%;
	}
.noidungbai img{
   max-width:86%;
   height:auto;
}

.dthang {
	
	width: 51%;

	
}


.dthang5{
     width : 96%;
}

.dthang5 img {
    
    max-height: 288px;
	width : auto;
}

.menucontent{
    position: relative;
	width:100%;
}
.listmenu li{
     width : 48%;
}
  .menucontent ul#listmenu{
      display:none;
       position: absolute;
  }
.menucontent:hover ul#listmenu{
      display: block;
     position: relative;
  }
.menucontent .tplNews{
       display:none;
       position: absolute;    
}
.menucontent:hover .tplNews{
       display:block;
       position: relative;    
}

.footercontent h1
{
	font-size: 15px;
	text-align:center;
}

}
@media screen and  (max-width:288px) and  (min-width: 99px){
.menutop, .trc
{display: none;}


.wrap
{
width: 100%;
overflow: hidden;
}
.banner
{
width: 100%;
overflow: hidden;
}
.banner img
{
       
       width: 100%;
       height: auto;
}
.sub-menu {
display: inline-block; 
background:#3399CC;
height:36px;
width: 100%;

}
ul#sub-menu {
 position: absolute;
display: block; 

}

.sub-menu img{
    margin-top:3px;
    height:28px;
    width: 88px; 
}
ul#sub1 ul#sub
{
    display:none;
    position: relative;
   
   
}

 .sub-menu ul#sub1
{
    display:none;
    position: absolute;
    
}

 .sub-menu:hover ul#sub1
{
    display: block;
  position: relative;
   text-align:center; 
}

.sub-menu h2 {
    font-size:18px;
    margin-left:3px;
    margin-right:3px;
    text-shadow: 0.1em 0.1em 0.2em #CDCD00;
    background:#FFCC99;
}
.sub-menu li{
	width:199px;
	padding:3px;
    display:inline-block;
	background:#ffffff;
   
    box-shadow: none;
   
	border-bottom:solid 1px #DADADA;
	margin-left:1px;
	}
.sub-menu a{
	margin-left:3px;
	display:inline-block;
	color:blue;
    font-size:15px;
}


.bentrong
{
width: 100%;
margin-left:0px;
display:inline-block;
}
.bentrong li
{
width: 45%;
margin-left:1px;
display:inline-block;
}

.bentrong h3{
	font-size:13px;
}

.noidungbai img{
   max-width:88%;
   height:auto;
}

.dthang {
	
	width: 100%;

	
}
.anh{
	overflow: hidden;
	margin-top:3px;
    width:99%;
	
}
.baiviet{
	width:100%;
	}

.dthang5 {

	width : 100%;
    margin-left:0px;
}

.dthang5 img {
    
    max-height: 288px;
	width : auto;
}
.tplContact{
  width : 100%;  
}

.tplContact li.text {
	
	width:96%;
}

.tplContact li{
  width : 96%;  
}

.footer{
	width:100%;
	text-align:center;
}

.footer .footercontent
{
	width:99%;
	padding: 1px;

}

.footercontent h1
{
	font-size: 12px;
	text-align:center;
}

}

/*---- end Responsive base screen witdh ------- */
/*-----------------------------------------------------------------------------------*/
/*	1.	Text - Color
/*-----------------------------------------------------------------------------------*/