/*header*/
@media screen and (max-width: 1920px){
.p_xemthem a {
width: 75px !important;
}

}
@media screen and (max-width: 1200px){
	.menu li a{padding:0 11px}
	.navbar-nav {
     margin-left: 15px !important;
    margin-top: 5px !important;
}
	}
@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}
}
@media screen and (max-width: 800px)
{
.nutbamlivechat
{

}



}
@media screen and (max-width: 767px){
.header .logo{text-align:center;margin:15px 0}
.header .support{padding:5px 0}
.menu{background:#1b95e0}
.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 0 0 15px; border-bottom: dotted 1px #9c9c9c}
.menu li:last-child a{border:none}
.menu li a:hover,.menu li a:focus,.menu li a:active,.menu li.active a{ color:#1b95e0!important}
.navbar-collapse{background:#525252}
}
@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:#e1e1e1; padding:5px 0; margin-top:10px}
}
@media screen and (max-width: 340px){
	.header .support .contact .email{float:right;margin-top:-24px;}
}
/*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:38%; float:left}
.service3 .cnt{width:60%; float:right}
.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}
}

/*du an tieu bieu*/
@media screen and (max-width: 1200px){
.project li{width:23%}
.project li:last-child,.project li:nth-last-child(2){display:none}
}
@media screen and (max-width: 992px){
.project li{width:31%}
.project li:nth-last-child(2){display: block}
.project li:last-child{display:none}
}
@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{}
.project li img{padding:2px}

}

/*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:none}
.news .more{ margin-bottom:10px}
}
@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%}
}
@media screen and (max-width: 360px)
{
.item-partner {
    margin-left: 45px !important;
}

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

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