@media only screen and (max-width: 768px) {
    #banner .flex-prev,
    #banner .flex-prev:hover {
        left: 15px !important;
    }

    #banner .flex-next,
    #banner .flex-next:hover {
        right: 15px !important;
    }

    #banner .flex-next, #banner .flex-prev {
        height: 40px;
        line-height: 20px;
        width: 40px;
    }
    #banner .flex-caption p {
        font-size: 14px;
    }

    .project {
        background: #FFF url(../images/bg.png) no-repeat scroll center center / auto 100%;
    }

    .page-content.catalogue {
        background: #FFF url(../images/bg.png) no-repeat scroll center center / auto 100%;
    }
}

@media only screen and (max-width: 640px) {
    .service .box-title {
        padding-left: 30px;
    }

    .service ul {
        padding: 0 0 0 30px;
    }

    .navbar-toggle {
        margin-top: 13px;
    }

    .main-menu-page .nav-menu .logo {
        padding-left: 15px;
    }

    .main-menu-page .nav-menu .main-menu > li {
        height: 40px;
    }

    .main-menu-page .nav-menu .main-menu > li > a {
        line-height: 40px;
    }
    .about::after {
        background: transparent url(../images/hoa-van-goc-phai.png) no-repeat scroll left / 110px auto;
        width: 110px;
        height: 130px;
    }
    
    .about::before {
        background: transparent url(../images/hoa-van-goc-trai.png) no-repeat scroll left / 110px auto;
        width: 110px;
        height: 130px;
    }
}

@media only screen and (max-width: 480px) {
    .seperat {
        height: 20px;
    }
}