@media(max-width: 767px){

    .quick-alo-phone{
        display: none;
    }
    .suport-call {
        position: fixed;
        bottom: 0px;
        text-align: center;
        left: 0px;
        right: 0px;
    }

    .suport-call .btn{
        background-color: #2f93ac;
        color: #fff;
        padding: 8px 20px;
        border-radius: 4px 4px 0px 0px;
        margin: auto;
    }
    .suport-call .btn-1{
        background-color: #7fac34;
    }
    .caption {
        top: 50%;
    }
    .title-slide {
        font-size: 24px;
    }
    .content-service .title{
        margin-top: 0px;
    }
    /*.box-img {
        width: 105px;
        height: 105px;
    }*/
    .box-news-home .item-first{
        margin-bottom: 30px;
    }
    .box-about .title{
        margin-top: 0px;
    }
    .box-thumb-about,
    .txt-slide,
    .nav-top,
    .box-news-home .box-date,
    .box-news-home .txt{
        display: none;
    }
    .txt-name{
        height: 38px;
        overflow: hidden;
        margin-bottom: 15px;
    }
    .contact-us {
        padding: 15px 140px 15px 15px;
        text-align: justify;
    }
    .box-hotline{
        margin-bottom: 10px;
    }
    .item-line{
        margin-left: 10px;
        border: none;
    }
    .box-frm{
        width: 90%;
    }
    .box-partner .prev-control{
        left: -30px;
    }
    .box-partner .next-control{
        right: -30px;
    }
    .navbar-site{
        margin-bottom: 0px;
    }
    .navbar-default .navbar-toggle .icon-bar{
        color: #444;
    }
    .navbar.navbar-default .navbar-toggle{
       background-color: #fff;
        margin-top: 10px;
    }
    .navbar.navbar-default{
        background-color: #63ad34;
        border: none;
    }
    .navbar.navbar-default .navbar-brand img{
        width: 74px;
    }
    .navbar-nav{
        margin: 0px;
    }
    .navbar.navbar-default ul li a{
        color: #222;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    .box-about{
        padding-top: 45px;
        padding-bottom: 45px;
    }
    .box-news-home,
    .box-service{
        padding-top: 45px;
        padding-bottom: 40px;
    }
    .title-main{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .box-news-home .name,
    .list-news .name{
        font-size: 14px;
        line-height: 18px;
    }
    .thumb {
        margin-right: 15px;
    }
    .box-suport{
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .box-cs{
        padding-top: 40px;
        padding-bottom: 10px;
    }
    .box-search-home{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .ic-search{
        display: none;
    }
    .box-ic-home .fa{
        font-size: 20px;
    }
    .box-ic-home h4{
        font-size: 14px;
    }
    .box-ic-home .item{
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .icon-home .item{
        padding: 8px 0px;
    }
    .owl-item .thumb-project{
        width: 100%;
        border-radius: 50%;
        overflow: hidden;
    }
    .content-info{
        padding: 5px 8px 5px 8px;
    }
    .pro-tabs{
        margin-top: 0px;
    }
    .pro-tabs li a{
        display: block;
        padding: 5px 8px 5px 8px;
        border: 1px solid #eee;
        margin-right: 10px;
        margin-top: 6px;
        font-size: 14px;
    }
    .content-news{
        margin-right: 15px;
        margin-left: 15px;
    }
    .item-news-col.box-left .content{
        padding-left: 110px;
    }
    .item-news-col.box-right .content{
        padding-right: 110px;
    }
    .item-news{
        position: relative;
        min-height: 95px;
    }
    .item-news-col .thumb-news{
        position: absolute;
        top: 0px;
        width: 95px;
        height: 95px;
    }
    .item-news-col.box-left .thumb-news{
        left: 0px;
    }
    .item-news-col.box-right .thumb-news{
        right: 0px;
    }
    .map{
        margin-bottom: 30px;
    }
    .box-fill{
        clear: both;
        padding-top: 15px;
        display: block;
    }
    .row.row-item{
        margin-left: -8px;
        margin-right: -8px;
    }
    .row.row-item .col-item{
        padding-left: 8px;
        padding-right: 8px;
    }
    .block-news.list-news .name{
        margin-top: 10px;
    }
    .page-content{
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .m-mar15{
        margin-bottom: 15px;
    }
    .contact-txt{
        margin-top: 15px;
    }
    .box-map{
        margin-bottom: 25px;
        margin-top: 30px;
    }
    .owl-item .name,
    .txt-name{
        font-size: 14px;
    }
    .ic-info{
        width: 60px;
        height: 70px;
        margin-left: -30px;
        top: -33px;
    }
    .txt-intro{
        display: none;
    }
    .item-service .link-readmore{
        display: none;
    }
    .item-service .thumb-service-hover{
        width: 40px;
        height: 46px;
        left: 10px;
    }
    .box-category .thumb-cat{
        width: 74px;
        height: 74px;
        top: -30px;
        position: absolute;
        margin-left: -37px;
    }
    .box-category .content{
        width: 50%;
        padding-top: 48px;
    }
    .box-category .item-cat{
        min-height: 160px;
    }
    .box-project{
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .text-center{
        clear: both;
    }
    .home-contact .title {
        line-height: 24px;
    }
    .home-contact .txt-phone {
        font-size: 24px;
    }
    .home-contact {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer .map{
        margin-top: 15px;
    }
    .item-project .content .box{
        padding: 6px 3px;
    }
    .item-project .content {
        left: 0px;
        bottom: 0px;
        background-color: rgba(0,0,0,0.4);
        right: 0px;
    }
    .pro-tabs li{
        float: left !important;
        width: 50%;
        border-right: none !important;
    }
    .box-category .title-main{
        margin-bottom: 50px;
    }
    .navbar-brand{
        padding-top: 9px;
    }
    .navbar.navbar-default .navbar-brand img {
        width: 150px;
    }
    .navbar-collapse{
        padding-left: 0px;
        padding-right: 0px;
    }
    .title-slide{
        text-align: center;
        font-size: 20px;
    }

}
@media(min-width: 768px){
.item-service .txt-intro{
	height: 64px;
	overflow: hidden;
}
    .title-slide span{
        margin-left: 30px;
        display: block;
        font-family: SFUSolex;
        text-transform: uppercase;
        line-height: 1.2;
        background-color: rgba(0,0,0,0.5);
        padding: 15px 20px;
        float: left;
    }

    .title-slide:after{
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 9;
        content: '';
        width: 20px;
        background-color: #f49e33;
    }
    .fixed.navbar>.container .navbar-brand{
        margin-top: 3px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .navbar.navbar-default.fixed .navbar-brand img{
        width: 210px;
    }
    .navbar.navbar-default ul li.active>a{
        background: none;
        color: #ffd800 !important;
    }
    .box-category .title-main{
        margin-bottom: 75px;
    }
    .home-contact {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .home-contact:after{
        content: '';
        background: url("../images/img-contact.png") no-repeat top right;
        background-size: auto 100%;
        position: absolute;
        right: 0px;
        top: 0px;
        bottom: 0px;
        width: 200px;
        height: 100%;
    }
    .box-project{
        padding-top: 65px;
        padding-bottom: 40px;
    }
    .box-category{
        padding-bottom: 40px;
    }

    .box-category .content{
        width: 50%;
    }
    .box-category .ic-info{
        top: -102px;
    }
    .item-service .thumb-service-hover{
        width: 79px;
        height: 90px;
        left: 15px;
    }
    .ic-info{
        width: 120px;
        height: 140px;
        margin-left: -60px;
        top: -33px;
    }
    .item-project:hover .content{
        position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;
        transition: all 0.5s ease;
        z-index: 9;
        background-color: rgba(0,0,0,0.4);
    }
    .item-project .content {
        position: absolute;
        bottom: -80px;
        left: 0px;
        right: 0px;
        transition: all 0.5s ease;
    }
    .txt-name{
        font-size: 16px;
    }
    .box-map{
        margin-bottom: 45px;
        margin-top: 30px;
    }
    .page-content{
        padding-top: 45px;
        padding-bottom: 20px;
    }
    .content-info{
        padding: 6px 5px 6px 15px;
    }
    .owl-item .thumb-project{
        width: 200px;
        height: 200px;
        border-radius: 50%;
        overflow: hidden;
    }
    .box-ic-home .item{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .box-ic-home h4{
        font-size: 20px;
    }
    .box-ic-home .fa{
        font-size: 70px;
    }
    .box-fill {
        float: right;
    }
    .title-label {
        float: left;
    }
    .suport-call .btn-2{
        display: none;
    }
    .suport-call  a{
        color: #ffd800;
        font-size: 30px;
        padding: 10px 25px;
        border-radius: 4px 4px 0px 0px;
        text-shadow: 2px 2px 2px #000;

    }
    .suport-call {
        position: fixed;
        left: 50px;
        bottom: 50px;
        z-index: 999;

    }
    .suport-call .btn-1 .fa{
        display: none;
    }
    .suport-call .btn-1{
        position: relative;
        padding-left: 86px;
    }
    .suport-call .btn-1:after{
        content: '';
        position: absolute;
        top: -5px;
        left: 0px;
        width: 80px;
        height: 80px;
        background: url(../images/ic-prive.png) no-repeat;
        background-position: 4px -114px;
        background-size: 260px auto;
    }
    .navitor.row{
        margin: 0px;
    }
    .navbar-nav{
        float: right;
        margin-right: 12px;
    }
    .navitor{
        position: relative;
    }
    .navitor .ic-search{
        padding-left: 15px;
        position: absolute;
        right: 0px;
        top:28px;
    }
    .fixed  .frm-search-site{
        top: 40px;
    }
    .fixed   .navitor .ic-search{
        top: 14px;
    }
    .navitor .ic-search .fa-sb{
        color: #fff;
    }
    .fixed .frm-search-box .btn-search,
    .fixed .frm-search-box .form-control,
    .fixed .frm-search-box .frm{
        background-color: #666;
    }
    .fixed .frm-search-box .btn-search .fa{
        color: #fff;
    }
    .fixed .frm-search-box .form-control{
        color: #fff;
    }
    .fixed .navbar-nav .frm-search-site{
        top: 54px;
    }
    .navbar-nav .ic-search .fa-sb{
        top: 18px;
    }
    .fixed .navbar-nav .ic-search .fa-sb{
        top: 20px;
    }
    .box-partner{
        padding-top: 10px;
    }
    .box-search-home{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .box-cs{
        padding-top: 60px;
        padding-bottom: 30px;
    }
    .box-suport{
        padding-top: 60px;
    }
    .thumb {
        margin-right: 30px;
    }
    .box-news-home .name,
    .list-news .name{
        font-size: 16px;
        line-height: 24px;
    }
    .title-main{
        font-size: 34px;
        margin-bottom: 30px;
    }
    .box-news-home,
    .box-service{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .box-service{
        padding-top: 120px;
        padding-bottom: 95px;
    }
    .box-about{
        padding-top: 120px;
        padding-bottom: 60px;
    }
    .navbar.navbar-default ul li.active>a{
        border-bottom: 1px solid #ffd800;
    }
    #slide-main{
        position: relative;
    }
    .box-frm{
        width: 40%;
    }
    .box-hotline{
        margin-bottom: 25px;
    }
    .contact-us {
        padding: 15px 160px 15px 15px;
    }

    .content-service .content-txt{
        margin-right: 10px;
    }
    .content-service .col-master-5{
        width: 20%;
        display: inline-block;
    }


    .box-partner .prev-control{
        left: -45px;
    }
    .box-partner .next-control{
        right: -45px;
    }
    .fillter .name{
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 6px;
    }
}

@media(min-width: 768px) and (max-width: 1024px){
    .title-slide{
        font-size: 24px;
    }
    .txt-slide{
        width: 80%;
        margin: auto;
    }
    .caption {
        bottom: 50px;
    }
    .box-news-home .txt{
        display: none;
    }
    .menu li a {
        padding: 7px 5px;
    }
    .group-news .item.item-first{
        width: 160px;
    }
    .navbar.navbar-default ul li a {
        font-size: 13px;
    }
    .navbar-collapse .navbar-nav>li {
        padding-left: 3px;
        padding-right: 3px;
    }
    #navbar{
        padding: 0px;
    }
    .frm-search-site{
        top: 56px;
    }
    .fixed.navbar.navbar-default .navbar-brand img{
        margin-top: 9px;
    }
    .fixed .navbar-default .navbar-brand{
        padding-bottom: 6px;
    }
    .ic-search{
        display: none;
    }
    .navbar.navbar-default.fixed .navbar-brand img {
        width: 135px;
    }
    .box-category .item-cat{
        min-height: 240px;
    }
}
@media(min-width: 768px) and (max-width: 1199px){
    .box-category .content{
        padding-top: 75px;
    }
    .box-category .thumb-cat{
        width: 90px;
        height: 90px;
        top: -30px;
        position: absolute;
        margin-left: -45px;
    }
    .txt-intro{
        height: 42px;
        overflow: hidden;
    }
    .content-news{
        margin-top: 50px;
    }
    .item-news-col{
        position: relative;
        min-height: 232px;
        width: 50%;
    }
    .item-news-col.box-left{
        float: left;
    }
    .item-news-col.box-right{
        float: right;
    }
    .item-news-col .thumb-news{
        position: absolute;
        top: -58px;
        width: 240px;
    }
    .item-news-col.box-left .thumb-news{
        right: -230px;
    }
    .item-news-col.box-right .thumb-news{
        left: -230px;
    }
    .item-news-col .content{
        background-color: rgba(233,233,233,0.6);
        padding: 20px 30px;
    }
    .box-category .item-cat{
        min-height: 295px;
    }

    .latest-post .thumb-hot{
        width: 52px;
    }
    .list-menu li a{
        padding-left: 6px;
        padding-right: 6px;
        font-size: 14px;
    }
    .box-frm{
        width: 195px;
    }
    .list-news .box-img {
        width: 52px;
        height: 52px;
    }
    .box-suport .box-btn{
       text-align: center;
    }
    .news-home .txt{
        display: none;
    }
    .m-mar15{
        margin-bottom: 15px;
    }
    .box-ic-home .fa {
        font-size: 40px;
    }
    .box-ic-home .item {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .text-center{
        clear: both;

    }
}@media(min-width: 1025px) and (max-width: 1199px){
    .menu li a {
        padding: 7px 10px;
    }
    .caption {
        top: 34%;
    }
    .txt-slide{
        width: 50%;
        margin: auto;
    }
    .title-slide {
        font-size: 40px;
    }


}
@media(min-width: 1200px){
    .content-service{
        width: 840px;
        margin: auto;
    }
    .box-about .txt{
        width: 84%;
        margin: auto;
        text-align: center;
    }
    .box-category .content{
        padding-top: 86px;
    }
    .box-category .item-cat{
        min-height: 260px;
    }
    .box-category .thumb-cat{
        width: 100px;
        height: 100px;
        top: -28px;
        position: absolute;
        margin-left: -50px;
    }
    .box-category .ic-info{
        top: -102px;
    }
    .content-news {
        padding-top: 50px;
        width: 890px;
        margin: auto;
    }
    .item-news-col{
        position: relative;
        min-height: 192px;
        width: 50%;
    }
    .item-news-col.box-left{
        float: left;
        margin-left: -56px;

    }
    .item-news-col.box-right{
        float: right;
        margin-right: -56px;
    }
    .item-news-col .thumb-news{
        position: absolute;
        top: -58px;
        width: 240px;
    }
    .item-news-col.box-left .thumb-news{
        right: -230px;
    }
    .item-news-col.box-right .thumb-news{
        left: -230px;
    }
    .item-news-col .content{
        background-color: rgba(233,233,233,0.6);
        padding: 20px 30px;
    }
    .caption {
        bottom: 60px;
    }
    .title-slide {
        font-size: 26px;
    }
    .container {
        width: 1040px;
    }
    .box-suport .box-btn{
        position: absolute;
        top: 50%;
        right: 0px;
        z-index: 999;
        margin-top: -24px;
    }
    .box-service .col-column{
        border-right: 1px solid #eee;
        margin-left: -1px;
        margin-right: -1px;
    }
    .list-menu li a{
        padding-left: 12px;
        padding-right: 12px;
    }
    .latest-post .thumb-hot{
        width: 74px;
    }
    .thumb-product{
        display: block;
        margin: auto;
    }
    .box-column .col-right,
    .box-column .col-left{
        width: 21% !important;
    }
    .box-column .col-main{
        width: 58% !important;
    }
}
@media(min-width: 1280px) and (max-width: 1919px){
}
@media(min-width: 1920px){
    .box-column .col-left{
        width: 22% !important;
    }
    .box-column .col-right{
        width: 78% !important;
    }
    .container{
        width: 1200px;
	    margin: auto;
    }
}