@media screen and  (max-width: 989px) and  (min-width: 689px){
 

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

.menutop{display:block;width: 100%;}
.dethi{
   
   width:100%; 
   height:288px;
  
}
.dscauhoi ul li{
   width:38%; 
   height:66px;
  
   margin-bottom:2px;
}
.video-container {
   
    width: 100%;
    height: auto;
}

.video-container iframe,
.video-container object,
.video-container embed {
 
    width: 100%;
    height: auto;
}



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

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


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

.menucontent {

	width:31%;
    overflow: hidden;
}

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


.dthang5 {

	width : 100%;

}

.dthang5 img {
    
    height: 286px;
	width : auto;
}

}

@media screen and  (max-width: 689px) and  (min-width: 512px){
 



.wrap
{
width: 100%;
overflow: hidden;
}
.banner
{
width: 100%;

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

.dethi{
   
   width:100%; 
   height:288px;
  
}
.dscauhoi ul li{
   width:38%; 
   height:66px;
  
   margin-bottom:2px;
}
.video-container {

    width: 100%;
    height: auto;
}

.video-container iframe,
.video-container object,
.video-container embed {
 
  width: 100%;
    height: auto;
}
.flag img{

     width:22px;
}


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

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

.bentrong h3{
	font-size:15px;
}
.noidungbai img{
   max-width:98%;
  
}


.tplContact{
  width : 98%;  
}

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

.tplContact li{
  width : 38%;  
}

.menucontent {

	width:89%;
    overflow: hidden;
}
.listmenu li{
     width : 48%;
}
 
.footercontent h1
{
	font-size: 16px;
	text-align:center;
}

}
@media screen and  (max-width: 512px) and  (min-width: 289px){


.wrap
{
width: 100%;
overflow: hidden;
}

.banner img
{
       
       width: 100%;
       height: auto;
}
.menutop{display:block;width: 100%;}
.tplContact{
  width : 100%;  
}

.tplContact li{
  width : 36%;  
}
.menutop a{

	font-size: 15px;
}
.dethi{
   
   width:100%; 
   height:288px;
 
   margin-top:5px;
}
.dscauhoi ul li{
   width:48%; 
   height:66px;
  
   margin-bottom:2px;
}
.video-container {
 
     width: 100%;
    height: auto;
}

.video-container iframe,
.video-container object,
.video-container embed
{

    width: 100%;
    height: auto;
}

.flag img{

     width:22px;
}


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

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

.tplContact{
  width : 98%;  
}

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

.tplContact li{
  width : 38%;  
}

.menucontent {
    
	width:98%;
}
.menucontent h2{
  width:100%; 
  background:#33cc99;
}
.listmenu li{
     width : 48%;
}


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

}
@media screen and  (max-width:288px) and  (min-width: 99px){



.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; 

}
.dethi{
   
   width:100%; 
   height:266px;
 
   margin-top:5px;
}
.dscauhoi ul li{
   width:89%; 
   height:66px;
  
   margin-bottom:2px;
}

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

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

.noidungbai img{
   max-width:98%;
   margin-top:8px;
   height:auto;
}


.tplContact{
  width : 99%;  
}

.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
/*-----------------------------------------------------------------------------------*/