@media only screen and (max-width:1024px) {
    .container{width: 100%}
    #header{height: 60px}
    .slideshow{float: none;width: 156%;padding-left: 18px}
    .slideshow img{width: 100%}
    #banner-right{width: 100%;float: none}
    #banner-right img{width: 100%;float: none}
    .homenews{float: none;width: 100%}
    .homenews .toptop{width: 100%;  float: none}
    .homenews ul{width: 100%; float: none}
    .homeproduct{width: 100%}
    .homeproduct img{width: 100%}
    .homeproduct ul li{width: 100%;float: none}
    .homeproduct li button{display: none}
    .homeproduct.fullwidth{width: 100%}
    .homeproduct.fullwidth img{width: 100%}
    .homeproduct .fullwidth ul li{width: 100%;float: none}
    #tintuc{width: 100%;float: none;margin-bottom: 10px}
    #chinhsach{width: 100%;float: none;margin-bottom: 10px}
    #dvuhotro{width: 100%;float: none;margin-bottom: 10px}
    #yeuthich{width: 100%;float: none}
    #gioithieu{width: 100%;float: none;margin-bottom: 10px}
    #thacmac{width: 100%;float: none;margin-bottom: 10px}
    #thanhtoan{width: 100%;float: none;margin-bottom: 10px}
    #lket{width: 100%;float: none}
    iframe{width: 100%;float: none}
}
@media only screen and (min-width:768px) and (max-width:989px) {
    .container{width: 100%}
    #header{height: 60px}
    .slideshow{float: none;width: 156%;padding-left: 18px}
    .slideshow img{width: 100%}
    #banner-right{width: 100%;float: none}
    #banner-right img{width: 100%;float: none}
    .homenews{float: none;width: 100%}
    .homenews .toptop{width: 100%;  float: none}
    .homenews ul{width: 100%; float: none}
    .homeproduct{width: 100%}
    .homeproduct img{width: 100%}
    .homeproduct ul li{width: 100%;float: none}
    .homeproduct li button{display: none}
    .homeproduct.fullwidth{width: 100%}
    .homeproduct.fullwidth img{width: 100%}
    .homeproduct .fullwidth ul li{width: 100%;float: none}
    #tintuc{width: 100%;float: none;margin-bottom: 10px}
    #chinhsach{width: 100%;float: none;margin-bottom: 10px}
    #dvuhotro{width: 100%;float: none;margin-bottom: 10px}
    #yeuthich{width: 100%;float: none}
    #gioithieu{width: 100%;float: none;margin-bottom: 10px}
    #thacmac{width: 100%;float: none;margin-bottom: 10px}
    #thanhtoan{width: 100%;float: none;margin-bottom: 10px}
    #lket{width: 100%;float: none}
    iframe{width: 100%;float: none}
}

@media only screen and (min-width:480px) and (max-width:767px){
    .container{width: 100%}
    #header{height: 60px}
    .slideshow{float: none;width: 156%;padding-left: 18px}
    .slideshow img{width: 100%}
    #banner-right{width: 100%;float: none}
    #banner-right img{width: 100%;float: none}
    .homenews{float: none;width: 100%}
    .homenews .toptop{width: 100%;  float: none}
    .homenews ul{width: 100%; float: none}
    .homeproduct{width: 100%}
    .homeproduct img{width: 100%}
    .homeproduct ul li{width: 100%;float: none}
    .homeproduct li button{display: none}
    .homeproduct.fullwidth{width: 100%}
    .homeproduct.fullwidth img{width: 100%}
    .homeproduct .fullwidth ul li{width: 100%;float: none}
    #tintuc{width: 100%;float: none;margin-bottom: 10px}
    #chinhsach{width: 100%;float: none;margin-bottom: 10px}
    #dvuhotro{width: 100%;float: none;margin-bottom: 10px}
    #yeuthich{width: 100%;float: none}
    #gioithieu{width: 100%;float: none;margin-bottom: 10px}
    #thacmac{width: 100%;float: none;margin-bottom: 10px}
    #thanhtoan{width: 100%;float: none;margin-bottom: 10px}
    #lket{width: 100%;float: none}
    iframe{width: 100%;float: none}
}
@media only screen and (max-width:479px){
    .container{width: 100%}
    #header{height: 60px}
    .slideshow{float: none;width: 156%;padding-left: 18px}
    .slideshow img{width: 100%}
    #banner-right{width: 100%;float: none}
    #banner-right img{width: 100%;float: none}
    .homenews{float: none;width: 100%}
    .homenews .toptop{width: 100%;  float: none}
    .homenews ul{width: 100%; float: none}
    .homeproduct{width: 100%}
    .homeproduct img{width: 100%}
    .homeproduct ul li{width: 100%;float: none}
    .homeproduct li button{display: none}
    .homeproduct.fullwidth{width: 100%}
    .homeproduct.fullwidth img{width: 100%}
    #num1{float: none;width: 100%}
    #num2{float: none;width: 100%}
    #num3{float: none;width: 100%}
    #num4{float: none;width: 100%}
    #num5{float: none;width: 100%}
    #num6{float: none;width: 100%}
    #tintuc{width: 100%;float: none;margin-bottom: 10px}
    #chinhsach{width: 100%;float: none;margin-bottom: 10px}
    #dvuhotro{width: 100%;float: none;margin-bottom: 10px}
    #yeuthich{width: 100%;float: none}
    #gioithieu{width: 100%;float: none;margin-bottom: 10px}
    #thacmac{width: 100%;float: none;margin-bottom: 10px}
    #thanhtoan{width: 100%;float: none;margin-bottom: 10px}
    #lket{width: 100%;float: none}
    iframe{width: 100%;float: none}
}
.navbar-default{z-index: 5}
#header nav{background-color: #2ea98f;  }
#header nav a{color: black;  }
#header nav a:hover{color: black}
#header .dropdown-menu a{color: black;  }
ul .dropdown-menu{z-index: 3}
#header .dropdown-menu{background-color: lightgreen;margin: 5px}
#header .navbar-default .navbar-toggle .icon-bar{background-color: #ffffff}
.slideshow {
    position:relative;
    height:450px;
    overflow:hidden;
}
.slideshow div {
    position:absolute;
    top:0px;;
    left:0;
    z-index:0;
}
.slideshow div img
{
    text-align: center;
}
.slideshow div.active {
    z-index:2;
}
.slideshow div.lastactive {
    z-index:1;
}
#banner-right{
    height: 450px;
    padding-left: 5px;
    overflow: hidden;
}
.homenews figure{
    display:block;
    overflow:hidden;
    border-bottom:3px solid #fdd504;
    background:#f0f0f0;
    margin-top: 10px
}
.homenews .toptop{
    float:none;
    background:none;
}
.homenews h2{
    float:left;
    padding:12px 20px 8px;
    background-color:#fdd504;
    font-size:13px;
    color:#000;
}
.homenews figure a{
    float:right;
    font-size:15px;
    color:#288ad8;
    margin-right: 15px;

}
.homenews ul{
    display:block;
    overflow:scroll;
    margin-bottom: 10px;
    background-color: lightgrey;

}
.homenews li{
    display:block;
    background:#fff;
    background-color: lightgrey;
}
.homenews li img{
    float:right;
    height:54px;
    margin-right: 15px;
    margin-top: 10px;
}
.homenews li a{
    display:block;
    overflow:hidden;
    float:none;
    margin-top:5px;
}
.homenews li h3{
    display:block;
    font-size:14px;
    color:#333;
    margin-top:37px;
}
.homenews li h3:hover{
    color:#288ad6
}
.homeproduct ul{display:block;width:100%;margin-top:10px}
.homeproduct li{float:left;position:relative;width:50%;height:270px;margin-bottom:10px;overflow:hidden}
.homeproduct li a{display:block;overflow:hidden;width:100%;height:100%;background:#fff}
.homeproduct li a:hover h3{color:#288ad6}
.homeproduct li h3{display:block;line-height:1.3em;font-size:16px;color:#333;font-weight:600;max-width:245px;overflow:hidden}
.homeproduct li strong{float:left;font-size:14px;color:#d0021b;margin:0 9px 0}
.homeproduct li span{display:block;font-size:14px;color:#797979;margin-bottom:5px}
.homeproduct li div{display:block;font-size:12px;color:#797979;margin:0 9px}
.homeproduct li button{position:absolute;right:20px;bottom:50px;z-index:10;background:#fff;border:1px solid #288ad6;padding:6px 20px;font-size:14px;color:#288ad6}
.homeproduct li button:hover{background:#288ad6;color:#fff}
.homeproduct li .bginfo{display:block;overflow:hidden;background:#fff;padding:25px 20px 0;font-size:12px;color:#fff;line-height:16px;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}
.homeproduct li:hover .bginfo{opacity:1;-o-transition-duration:.5s;transition-duration:.5s}
.homeproduct li .bginfo div{border-bottom:1px solid #ddd;margin-bottom:10px}
.homeproduct li .bginfo h3:hover{cursor:pointer;color:#288ad6}
.homeproduct li .bginfo span{display:block;color:#666;padding:2px 6px;text-decoration:none;font-size:13px;line-height:18px}
.homeproduct li .bginfo strong{position:absolute;top:26px;right:6px;font-size:16px;color:#ed5564}
.homeproduct li .bginfo .fb-like{z-index: 20}
.homeproduct.fullwidth{width:100%}
.homeproduct.fullwidth li{float:left;position:relative;width:32.75%;margin-right:.35%; margin-left: .25%}
.homeproduct.fullwidth li:nth-child(2n+1){clear:none}
.homeproduct.fullwidth li:nth-child(2n){margin-right:.35%;float:left}
.homeproduct.fullwidth li:nth-child(3n+3){margin-right:.25%;float:right}
.bot{
    padding-top: 15px;
    background-color: lightgrey;
    padding-bottom: 15px;
    margin-top: 5px;
}
#bot1{
    margin-left: 10px;
    padding-bottom: 25px;
}
#bot1 li a{
    color: black;
}
#gioithieu{
    margin-top: 35px;
}
#link a{
    margin-left: 10px;
}
#link a:hover{
    color: darkred;
}