﻿
/*------------------------Chỉnh-menu--------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
    
}

/*------------------------Chỉnh header------------------------*/
@media (max-width: 1199px) {
    .headerBottom .boxMenu-header > ul > li > a{
        padding:0px 12px;
    }
}




@media (max-width: 992px) {
    .headerTop .text-headerTop{
        text-align:center;
        border-bottom:1px solid #6c6b69;
    }
    .headerTop .text-headerTop ul li{
        display:inline-block;
        float:none;
    }

    .headerTop .action-header-top{
        text-align:center;
    } 
    .headerTop .action-header-top ul{
        float:none;
    }

    .headerBottom .boxLogo-header{
        text-align:center;
    }
    .headerBottom .boxMenu-header{
        padding-top:0px;
        margin-bottom:15px;
    }
}

@media (max-width: 768px) {
    .headerBottom{
        padding:0px 0px;
    }
    /*.headerBottom .boxMenu-header ul{
        display:none;
    }*/

    .headerBottom .boxMenu-header{
        background-color:#00a85a;
    }

    .headerTop .action-header-top{
        padding-left:0px;
        padding-right:0px;
    } 

    .headerTop .action-header-top form {
        float: left;
    }
     .navbar-toggle .icon-bar{background:#ffd800}
    .navbar-toggle {float:left;}
     .boxMenu-header .navbar-collapse { background:#00a85a; position:absolute; z-index:1005; padding:0px;}
    .boxMenu-header ul li {float:none; border-bottom:solid 1px #fff; width:100%;}
    .boxMenu-header ul li ul {display:none;}
    .boxMenu-header ul li:hover ul, .boxMenu-header ul ul li:hover ul, .boxMenu-header ul li:hover ul ul {opacity:0; display:none;}
        .boxMenu-header ul li a { line-height:30px;}
            .boxMenu-header ul li a:hover { background:#0466b0; border-radius:0;}
}

@media (max-width: 600px) {
    .headerTop .text-headerTop{
        border-bottom:none;
        display:none;
    }
    
}


/*------------------------Chỉnh Content home 01------------------------*/
@media (max-width: 992px) {
    .boxHome01{
        padding-left:0px;
        padding-right:0px;
    }
    .boxHome01 .content-boxHome01 .item-boxHome01{
        margin-bottom:10px;
    }
}

/*------------------------Chỉnh Content home 02------------------------*/
@media (max-width: 992px) {
    .boxHome02{
        padding-left:0px;
        padding-right:0px;
    }
    .boxHome04 .content-boxHome04 .bgItem-boxHome04 {
        margin-bottom:15px;
    }
}

/*------------------------Chỉnh Content home 03------------------------*/
@media (max-width: 992px) {
    .boxHome03{
        padding-left:0px;
        padding-right:0px;
    }
}
@media (max-width: 500px) {
    .boxHome03 .content-boxHome03 .item-boxHome03 {
        width:100%;
    }
}

/*------------------------Chỉnh Content home 04------------------------*/
@media (max-width: 500px) {
    .boxHome04{
        padding-left:0px;
        padding-right:0px;
    }
    .boxHome04 .content-boxHome04 .bgItem-boxHome04 {
        width:100%;
    }
}

/*------------------------Chỉnh Content home 05------------------------*/
@media (max-width: 992px) {
    .boxHome05{
        padding-left:0px;
        padding-right:0px;
    }
    .boxHome05 .boxAlbumHome {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .boxHome05 .boxProjectHome {
        padding-top: 20px;
        padding-bottom: 20px;
        border-top:2px solid #ffffff;
    }

    .boxHome05 .boxProjectHome{
        float:right;
    }
    .boxHome05 .boxAlbumHome{
        float:right;
    }

    .boxHome05 .boxProjectHome .content-boxProject .itemAlbumHome {
        margin-bottom:15px;
    }

    .boxHome05 .boxProjectHome .content-boxProject .itemAlbumHome > a {
        margin-bottom:10px;
    }

}

/*------------------------Chỉnh Content home 06------------------------*/
@media (max-width: 992px) {
    .boxHome06{
        padding-left:0px;
        padding-right:0px;
    }
    .boxHome06 .boxQuestion {
        padding-top: 20px;
        padding-bottom: 15px;
    }
   .boxHome06 .boxAdvisory {
        padding-top:15px;
        padding-bottom: 15px;
        border-top:1px solid #cccccc;
    }
}

/*------------------------Chỉnh Content home 07------------------------*/
@media (max-width: 992px) {
    /*.boxHome07{
        padding-left:0px;
        padding-right:0px;
    }*/
    .boxHome07 .boxAgency {
        border-top:1px solid #cccccc;
    }
}


/*------------------------Chỉnh Footer------------------------*/
@media (max-width: 992px) {
    .footerTop{
        padding-left:0px;
        padding-right:0px;
    }
    .footerTop .boxFooterTop {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom:1px solid #cccccc;
    }
}



