/*header*/

@media screen and (max-device-width: 1200px){.menu li a{padding:0 11px}



.gt a

{

width:100%;	

}

}

@media screen and (max-device-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}

.service3 .cnt {

    width: 100% !important;

    float: right;

    text-align: center;

}



.news li {

    float: left;

    margin: 10px 2%;

    width: 46%;

}

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

.nutbamlivechat
{
display:none;	
}

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

.header .logo{text-align:center;margin:15px 0}

.header .support{padding:5px 0}

.menu{background:#2c2c2c}

.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}
.logo
{
margin-bottom:-20px;	
}

}

@media screen and (max-device-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:#2c2c2c; padding:5px 0; margin-top:10px}

}



/*slider*/

@media screen and (max-device-width: 768px){

.slider{border-top:none; margin-top:1px}

}



/*content*/

@media screen and (max-device-width: 480px){

.content h2{font:20px 'Roboto Condensed'}

.content h2 .viewmore{ text-transform:none}

}



/*dich vu*/

@media screen and (max-device-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}

.service3 .cnt{width:60%; float:right}

.service3 .col-sm-12{margin-bottom:10px; padding-bottom:10px}

}

@media screen and (max-device-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-device-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-device-width: 1200px){

.project li{}

.project li:last-child,.project li:nth-last-child(2){}

}

@media screen and (max-device-width: 992px){

.project li{width:31%}

.project li:nth-last-child(2){display: block}

.project li:last-child{}

.gt,.gt-anh{ width:100%;}

}

@media screen and (max-device-width: 640px){

.project li{width:48%}

.project li:last-child{display: block}

}

@media screen and (max-device-width: 480px){

.project li a{text-transform:none}

.project li img{padding:2px}

}

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

.project li{width:100%}

}



/*tin tuc*/

@media screen and (max-device-width: 640px){

.news li{width:100%;margin-bottom:20px; border-bottom:solid 1px #ddd}

.news li:last-child{display:none}

.news .more{ margin-bottom:10px}

}

@media screen and (max-device-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-device-width: 768px){

.partner li{width:33%; margin-bottom:5px}

}

@media screen and (max-device-width: 480px){

.partner li{width:50%}

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

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

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

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

}