/*header*/
@media screen and (max-width: 1200px){.menu li a{padding:0 13px}
.product-img img 
{ 
    height: 100%;
}
.motangantintuc 
{
    height: 80px;
    overflow: hidden;
}
.news li img {
    
    height: 100%;
 
}
}
@media screen and (max-width: 992px){
.menu li a{padding:0 4px; text-transform:none; font-size:15px}
.header .support{padding:15px 0}
.header .support .contact,.header .support .contact a{font-size:15px}
.social_header a{margin-left:10px;font-size:17px}
.gt-anh, .gt {
    width: 96%;
    margin-left: 2%;
}
}
@media screen and (max-width: 899px){
	.service3 .img, .service3 .cnt {
    text-align: left;
	}
}
@media screen and (max-width: 800px)
{

.nutbamlivechat
{
display:none;	
}

}
@media screen and (max-width: 767px){
.logo{float:left;width:100%; margin-top:17px;margin-bottom:-7px;}
.header .support{padding:5px 0}
.menu{background:#68ab07}
.navbar-nav{margin:5px 0}
.navbar-collapse,.navbar-collapse.in{overflow-y:visible}
.navbar-toggle{ background:#fff!important; margin-left:5px;margin-top:5px; margin-bottom:5px; padding:7px 8px; float:left}
.menu li a{font:17px/35px 'Roboto Condensed'; color:#fff!important;padding:0 30px 0 15px; }
.menu li:last-child a{border:none}
.menu li a:hover,.menu li a:focus,.menu li a:active,.menu li.active a{ color:#fff!important}
.navbar-collapse{background:#525252}
.product-img img {
    padding: 5px;
    width: 100%;
    margin-bottom: 5px;
    height: 100%;
    border-radius: 100%;
    border: 2px solid #74B90C;
}
.fr {
    float: right;
    margin-right: 2%;
}
}
@media screen and (max-width: 640px){
.header .support{padding:1px 0}
.header .support .contact,.social_header{width:100%; text-align:center}
.header .support .contact .call{border-right:none}
.header .support .contact .email{float:right}
.social_header{float:left; background:#68ab07; padding:5px 0; margin-top:10px}
}
/*slider*/
@media screen and (max-width: 768px){
.slider{border-top:none; margin-top:1px}
}
/*content*/
@media screen and (max-width: 480px){
.content h2{font:20px 'Roboto Condensed'}
.content h2 .viewmore{ text-transform:none}
}
/*dich vu*/
@media screen and (max-width: 992px){
.service li{width:31%}
.service li:last-child{display:none}
.service2 .img{width:36%}
.service2 .cnt{width:60%}
.service2 .col-sm-12{margin-bottom:10px}
.service3 .img{width:100%; float:left; text-align:center;}
.service3 .cnt{width:100%; float:right; text-align:center}
.service3 .col-sm-12{margin-bottom:10px; padding-bottom:10px}
}
@media screen and (max-width: 640px){
.service li{width:48%;margin-bottom:20px; border-bottom:solid 1px #ddd}
.service li:last-child{display: block}
.service .more{ margin-bottom:10px}
}
@media screen and (max-width: 480px){
.service li{width:100%}
.service li .title,.service li p,.service li img{height:auto}
.service li .title a{text-transform:none}
.service2 .img,.service2 .cnt{width:100%}
.service2 .img img{margin-bottom:10px}
.service3 .img,.service3 .cnt{width:100%}
.service3 .img img{margin-bottom:10px}
}
@media screen and (max-width: 436px){
}
/*du an tieu bieu*/
@media screen and (max-width: 1200px){
.project li{}
.project li:last-child,.project li:nth-last-child(2){display:block}
}
@media screen and (max-width: 992px){
.project li{width:33%}
.project li:nth-last-child(2){display: block}
.project li:last-child{display:block}
.gt-cty {
    margin-left: 0;
    margin-right: 0;
}
.gt-anh,.gt {
    width: 100%;
}
}
@media screen and (max-width: 640px){
.project li{width:48%}
.project li:last-child{display: block}
}
@media screen and (max-width: 480px){
.project li a{text-transform:none}
.project li img{padding:2px}
}
@media screen and (max-width: 436px){

}
@media screen and (max-width: 320px){
.project li{width:100%}
}

/*tin tuc*/
@media screen and (max-width: 640px){
.news li{width:48%;margin-bottom:20px; border-bottom:solid 1px #ddd}
.news li:last-child{display: block}
.news .more{ margin-bottom:10px}
.logo
{
margin-bottom:-30px;	
}
.call
{
margin-left:30px !important;	
}
}
@media screen and (max-width: 480px){
.news li{width:100%}
.news li:last-child{display: block}
.news li .title,.news li p,.service li img{height:auto}
.news li .title a{text-transform:none}
}

/*doi tac*/
@media screen and (max-width: 768px){
.partner li{width:33%; margin-bottom:5px}

}
@media screen and (max-width: 480px){
.partner li{width:50%}
.call
{
margin-left:10px;
}
.contact .email
{
margin-top:0px;
padding-bottom:10px;	
}
.call
{
margin-left:10px !important;	
}
}
@media screen and (max-width: 360px)
{

.item-partner {
    margin-left: 35px !important;
}

}
@media screen and (max-width: 320px)
{

.item-partner {
    margin-left: 15px !important;
}
.contact .email
{
margin-top:-20px;
padding-bottom:10px;	
}
}