/* ----------------------       MIN width       -------------------------*/
@media (min-width: 1400px) {
    .menu .menu-item {
        margin: 0 40px;
    }
}

@media (min-width: 1200px) {
    .ngay-khai-truong-title {
        font-size: 30px;
    }

    .ngay-khai-truong span {
        font-size: 18px;
    }
    
}

@media (min-width: 992px) {
    
}

/* ----------------------       MAX width       -------------------------*/
@media (max-width: 1200px) {
    .lotte-cicle img {
        max-width: 190px;
    }
}

@media (max-width: 991px) {
    .only-mobile {
        display: block !important;
    }

    .only-desktop {
        display: none !important;
    }

    .lotte-cicle {
        position: relative;
        right: 0;
        text-align: right;
    }

    .menu-desktop-wrapper {
        display: none;
    }

    div#header-wrapper.sticky {
        padding-top: 10px;
    }

    .logo-header img {
        width: 110px;
    }

    #header-wrapper > .row {
        position: relative;
    }

    #hamburger {
        display: block;
    }

    .top-banner img {
        width: 100%;
    }

    .tt-sk-left-icon {
        width: 80px;
        height: 80px;
    }

    .tt-sk-left {
        margin-bottom: 25px;
        width: 80%;
        margin: auto;
    }

    .tt-sk-left {
        margin-bottom: 25px;
    }

    .ttsk-arrow {
        display: none;
    }

    h3.km-title {
        margin-bottom: 20px;
        margin-top: 10px;
        min-width: 400px;
        max-width: 400px;
    }   

    h3.title, h3.km-title {
        font-size: 24px;
    }





    #footer-wrapper {
        padding: 30px 0;
    }

    .footer {
        padding: 14px 0 10px;
    }

    .footerr-col1,
    .footerr-col2 {
        margin-bottom: 20px;
    }

    .footerr-col3.align-self-center,
    .footerr-col2.align-self-center {
        align-self: baseline !important;
    }

    .footer-title {
        font-size: 12px;
        margin-bottom: 8px;
    }

    .footer-title2 {
        text-align: left;
        font-size: 12px;
        margin-bottom: 7px;
    }

    .footer-social {
        text-align: left;
    }

    .footer-dia-chi, .footer-open-time, .footer-email, .footer-phone a {
        font-size: 10px;
        margin-bottom: 5px;
        padding-left: 27px;
        height: 20px;
        line-height: 20px;
    }

    .footer-dia-chi {
        background-size: auto 16px;
        background-position: 3px 0;
    }

    .footer-open-time {
        background-size: auto 11px;
    }

    .footer-email {
        background-size: auto 13px;
    }

    .footer-phone {
        background: url(../images/ico-phone.png) 1px 1px no-repeat;
        background-size: auto 16px;
    }

    .ico-social {
        width: 12px;
        height: 12px;
        background-size: 12px;
        padding: 8px;
    }

    h3.title {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }



    .footer-title {
        font-size: 12px;
    }

    .footer-dia-chi, .footer-open-time, .footer-email, .footer-phone a {
        font-size: 12px;
        margin-bottom: 5px;
        padding-left: 36px;
        line-height: 17px;
    }

    .footer-title2 {
        font-size: 12px;
    }

    .ico-social {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
        padding: 2px 25px 2px 2px;
        display: inline-block;
    }

    body {
        font-size: 16px;
    }
    .menu .menu-item {
        font-size: 12px;
        margin: 0 10px;
    }

    .ngay-khai-truong-title {
        font-size: 24px;
        margin-bottom: 2px;
    }

    .ngay-khai-truong span {
        font-size: 14px;
    }

    .menu-wrapper {
        padding-bottom: 8px;
        margin-bottom: 8px;
    }

    .top-banner-text {
        padding: 35px 55px 17px;
    }

    #tin-tuc-su-kien {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    #qua-tang-khai-trung {
        margin-bottom: 30px;
    }
    #grab-khuyen-mai {
        margin-bottom: 30px;
    }
    #khuyen-mai {
        margin-bottom: 30px;
    }
    
     
    #uu-dai-thanh-vien-ls-point {
        margin-bottom: 30px;
    }

    #ung-dung-ls-point {
        margin-bottom: 30px;
    }


}

@media (max-width: 767px) {
    body {
        font-size: 11px;
    }

    #header-wrapper {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .ngay-khai-truong-title {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .ngay-khai-truong span {
        font-size: 12px;
    }

    #ngay-khai-truong-2  {
        margin-bottom: 20px;
    }

    #top-banner-wrapper {
        padding: 0 15px;
    }

    .top-banner-text {
        border-radius: 20px;
        padding: 17px;
        margin-top: -25px;
        text-align: justify;
        max-width: 86%;
    }

    h3.title, 
    h3.km-title {
        font-size: 16px;
        padding: 8px 0;
    }

    h3.km-title {
        display: inline-block;
        min-width: 250px;
        margin-bottom: 15px;
    }

    .lotte-cicle img {
        max-width: 112px;
    }

    .ud-text {
        display: flex;
        margin-bottom: 20px;
        margin-top: 14px;
    }

    .ud-txt-col1 {
        width: 250px;
        padding-right: 15px;
    }

    #uu-dai-thanh-vien-ls-point {
        margin-bottom: 20px;
    }

    #ung-dung-ls-point {
        margin-bottom: 20px;
    }

    .tt-sk-left {
        margin-bottom: 16px;
    }

    #tin-tuc-su-kien {
        margin-top: 16px;
        margin-bottom: 25px;
    }

    #qua-tang-khai-trung {
        margin-bottom: 25px;
    }

    #grab-khuyen-mai {
        margin-bottom: 25px;
    }

    #khuyen-mai {
        margin-bottom: 25px;
    }
    

    h3.title {
        max-width: 225px;
    }



}

@media (max-width: 575px) {
    .logo-header img {
        width: 136px;
        margin-right: 0;
    }

    #hamburger {
        left: 32px;
    }

    .only-mobile-575 {
        display: none !important;
    }
    
    .only-desktop-575 {
        display: block !important;
    }

    .footer-col3 .footer-social {
        text-align: center;
    }
}