@media (min-width: 1550px){
    .img-logo-top {
        top: 20%;
        width: 20%;
        left: 50%;
        transform: translateX(-50%) translateY(-20%);
    }
}
@media (min-width: 992px){
    .floating-wrapper {
        position: fixed;
        right: 150px;
        bottom: 50px;
        width: 500px;
        padding: 10px 0 5px;
        z-index: 10;
        background-color: #f8a620;
        opacity: 1;
    }
    .floating-wrapper .form-group {
        width: 48%;
        float: right;
        margin-right: 0;
    }
    .floating-wrapper .form-group:nth-child(2n) {
        float: left;
    }
    .floating-wrapper .close-floating {
        display: block;
    }
    .floating-wrapper.hide .register-button {
        opacity: 1;
        top: calc(100% - 40px);
    }

    .form-input {
        top: 15em;
        left: 10em;
        position: absolute;
        width: 380px;
    }

}
@media (max-width: 1550px){
    #kimcuong .kiet-tac-1 {
        width: 35%;
    }
    #kimcuong .kiet-tac-2,#kimcuong .kiet-tac-3 {
        width: 55%;
    }
    #vitri .description-vitri p {
        font-size: 14px;
    }
    #matbang-tang img {
        width: 70%;
        margin:auto;
    }
    #matbang-tang .owl-nav .owl-prev {
        left: 10%;
    }
    #matbang-tang .owl-nav .owl-next {
        right: 10%;
    }
    #vitri .background-vitri .goc-trai,#vitri .background-vitri .goc-phai {
        height: 60%;
    }
}
@media (max-width: 1140px){
    #slider,.background-top {
        height: auto;
    }
    #tieukhu .text-tieukhu h2 {
        font-size: 1.5em;
    }
    #tieukhu .text-tieukhu p, #tieukhu .text-tieukhu li {
        font-size: 1.3em;
    }
    #tieukhu .text-tieukhu .quymo {
        margin:0;
    }
}
@media (max-width: 992px){
    .nav {
        display: none;
        margin: auto;
    }
    #slider {
        height: auto;
    }
    #phankhu .img-phankhu-02 {
        position: unset;
        transform: translateY(0);
    }
    #khuvuc,#khuvuc .container-fluid {
        padding:50px 0px;
    }
    #khuvuc .container-fluid .row{
        margin:0
    }
    #matbang-tang img {
        width: 95%;
    }
    #matbang-tang .owl-nav .owl-prev {
        left:-5%;
    }
    #matbang-tang .owl-nav .owl-next {
        right:-5%;
    }
}
@media (max-width: 520px){
    #phankhu .title-phankhu {
        font-size: 2em;
    }
    #kimcuong .kiet-tac-2, #kimcuong .kiet-tac-3 {
        width: 35%;
    }
    #phankhu .tongthe-phankhu,#phankhu .list-phankhu {
        padding:0;
    }
    #phankhu .img-phankhu-02 {
        border-radius: 0;
    }
    #phankhu .list-phankhu .list-phankhu-1 p {
        font-size: 0.75em;
    }
    #tieukhu .slider-tieukhu img {
        height: 50vh;
        object-fit: cover;
    }
    #tieukhu .text-tieukhu {
        width: 100%;
        left:0;
    }
    #tieukhu .text-tieukhu h2 {
        font-size: 1.2em;
    }
    #tieukhu .owl-item .text-tieukhu p {
        font-size: 1em;
    }
    #tieukhu .text-tieukhu .quymo {
        margin:0;
    }
    #tieukhu .text-tieukhu li {
        font-size: 0.85em;
    }
    .floating-wrapper .register-button {
        background-color: #f8a620;
    }
    .floating-wrapper {
        background-color: #f8a620;
    }
    #kimcuong {
        padding: 50px 20px;
    }
    #vitri {
        padding: 30px 0px;
    }
    #vitri .background-vitri {
        background-size: 100% 100%;
    }
    #vitri .description-vitri h2,#matbang-tang .description-vitri h2 {
        font-size: 1.5rem;
    }
    #vitri .description-vitri, #matbang-tang .description-vitri {
        padding: 30px 10px;
    }
    .background-legend>img:first-child,.background-elite>img:first-child {
        width: 70%;
    }
    #tieukhu .tongthe-tieukhu {
        margin-top: 20px;
    }
    #matbang-tang {
        padding: 50px 0px;
    }
    .slider-matbang {
        margin:0;
    }
    #khuvuc .owl-nav .owl-prev, #khuvuc .owl-nav .owl-next, #matbang-tang .owl-nav .owl-prev, #matbang-tang .owl-nav .owl-next {
        font-size: 25px;
    }
    #matbang-tang .owl-nav .owl-prev {
        left:0%;
    }
    #matbang-tang .owl-nav .owl-next {
        right: 0%;
    }
    #matbang-tang .goc-trai,#matbang-tang .goc-phai {
        height: 60%;
    }
    #khuvuc, #khuvuc .container-fluid {
        padding: 10px 0px;
    }
    #vitri .description-vitri h2 {
        margin-bottom: 20px;
    }
    #vitri .description-vitri p {
        font-size: 0.85em;
    }
    .background-top {
        height: auto;
    }
}




