@media (max-width:1600px) {
    .container-inquiry {
        max-width: 1200px;
        margin: 0 auto;
    }
}

@media (max-width:1440px) {

    .content-influencer,
    .container-inquiry {
        margin: 0 auto;
    }
    .influencer-images .top-item h3 {
        font-size: 20px;
    }
}

@media (max-width:1366px) {
    .rst-menu ul li {
        padding-left: 20px;
    }

    .item-influencer {
        width: 60%;
    }

    .item-influencer2 {
        margin-right: -50px;
    }
}

@media (max-width:1280px) {
    .content-influencer {
        max-width: 100%;
        width: 970px;
        padding: 0 15px;
    }

    .container-contest-entry {
        max-width: 970px;
    }

    .rst-menu ul li {
        padding-left: 20px;
    }

    .influencer-left {
        padding-top: 0;
    }
    .influencer-images {
        width: 100%;
        padding-right: 0;
    }
    .item-hotel h3 {
        font-size: 20px;
    }
}

@media (max-width:1024px) {
    .item-influencer {
        width: 55%;
    }

    .item-influencer2 {
        margin-right: 0;
        margin-top: -125px;
    }

    .srcool-top {
        right: 5px;
        bottom: 0px;
    }

    .rst-menu ul li {
        padding-left: 0;
    }

    .click-mobile {
        display: block;
        text-align: right;
        right: 22px;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
    }

    .click-mobile .line {
        background: #0A65A7;
        height: 1px;
        margin-bottom: 4px;
        display: block;
        margin-left: auto;
    }

    .click-mobile .line1 {
        width: 16px;
    }

    .click-mobile .line2 {
        width: 12px;
    }

    .click-mobile .line3 {
        width: 20px;
    }

    .rst-menu {
        display: none;
        position: absolute;
        width: 100%;
        background: #fff;
        top: 59px;
        height: calc(100vh - 59px);
        z-index: -1;
    }

    .wrap-header {
        padding: 12px 0;
    }

    .logo {
        padding-left: 40px;
    }

    .is-header-mb::after {
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
        position: absolute;
        width: 100%;
        height: 100%;
        content: '';
        top: 0;
        left: 0;
        z-index: -1;
    }

    .rst-menu ul {
        padding: 32px 30px;
    }

    .rst-menu ul li {
        display: block;
    }

    .rst-menu ul li a {
        color: #4F627F;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .rst-menu li a::after {
        display: block;
        transform-origin: left center;
        transform: scale(1, 1);
        background: rgba(16, 120, 194, 0.30);
    }

    .click-mobile .line1.exit {
        -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
        transform: translate3d(0, 4px, 0) rotate(45deg);
        width: 20px;
        transition: all 0.5s ease-in-out 0s;
        background: #FA0BC8;

    }

    .click-mobile .line2.exit {
        display: none;
        transition: display 0.5s ease-in-out 0s;

    }

    .click-mobile .line3.exit {
        -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
        transform: translate3d(0, 0, 0) rotate(-45deg);
        transition: all 0.5s ease-in-out 0s;
        background: #FA0BC8;
    }


    .inquiry-left {
        width: 395px;
    }

    .inquiry-right {
        width: calc(100% - 395px);
    }
}

@media (max-width:1023px) {

    .item-entry {
        width: calc(50% - 15px);
    }

    .srcool-top {
        bottom: 10px;
        right: 10px;
    }

    .wrap-inquiry {
        gap: 50px;
    }

    .inquiry-left {
        width: 100%;

    }

    .inquiry-right {
        width: 100%;
        height: 500px;
        padding: 0;
    }

    .inquiry-left .btn-notification .btn-notification-cl::after {
        top: 42px;
        left: -650px;
        width: 700px;
    }

    .inquiry-left .btn-notification .btn-notification-cl:hover:after {
        left: 0;
        transform: rotate(0);
        top: -42px;
    }

    .item-slider:after {
        background-position: bottom center;
    }

    .notification-left p {
        font-size: 40px;
    }

    .title-meta {
        font-size: 28px;
    }
    .top-lst-ht .item-hotel {
        width: 50%;
    }
    .top-lst-ht .item-hotel img {
        width: 100%;
    }
    .bottom-lst-ht .ct-item-ht,
    .top-lst-ht .item-hotel {
        padding-left: 10px;
        padding-right: 10px;
    }
    .item-hotel h3 {
        font-size: 16px;
        line-height: normal;
    }
    .item-hotel h3 br {
        display: none;
    }
    .bottom-lst-ht,
    .top-lst-ht {
        margin-left: -10px;
        margin-right: -10px;
    }
}

@media (max-width:912px) {
    .content-influencer {
        padding: 0;
    }
    .influencer-left {
        width: 50%;
    }

    .influencer-right {
        width: 50%;

    }

    .item-influencer2 {
        margin-top: -100px;
    }

    .container-influencer {
        padding: 0 15px;
    }

    .sponsors .btn-notification .btn-notification-cl {
        padding: 0 80px;
    }

    .box-membership {
        gap: 30px;
    }

    .box-contribution {
        gap: 30px;

    }

    .item-contribution {
        width: calc(50% - 15px);
    }

    .influencer-left {
        width: 100%;
    }

    .influencer-right {
        width: 100%;
    }

    .content-influencer {
        width: 750px;
        gap: 30px 0;
    }
    .influencer-images h3 {
        font-size: 20px;
    }
}

@media (max-width:768px) {
    #myVideo {
        height: auto;
    }
    .content-party-bottom h3{
        font-size: 24px;
    }
    .sponsors {
        padding-bottom: 100px;
    }

    .srl-bottom {
        display: none;
    }

    .site-main .bg {
        top: 0;
    }

    .title-meta {
        font-size: 24px;
        letter-spacing: 1px;
    }

    .inner-about h3 {
        font-size: 18px;
    }

    .inner-about p {
        font-size: 16px
    }

    .about {
        padding: 50px 0 80px;
    }

    .contest-entry {
        padding-bottom: 100px;
    }

    .item-left-audition {
        width: 20%;
    }

    .item-right-audition {
        width: 80%;
        padding-right: 30px;
    }

    .audition-details {
        padding-bottom: 100px;
    }

    .contest-entry {
        padding-bottom: 100px;
    }
}

@media (max-width:767px) {
    .item-benefit {
        width: 100%;
        justify-content: start;
        margin: 0;
    }
    .box-membership{
        gap: 15px;
        margin-bottom: 30px;
    }
    .item-right-audition {
        padding-right: 0;
    }

    .global-influencer {
        padding-bottom: 100px;
    }

    .inner-party-bottom p {
        font-size: 16px;
        width: calc(100% - 270px);
    }
    .inner-party-bottom{
        margin-bottom: 25px;
    }
    .sponsors .btn-notification .btn-notification-cl {
        font-size: 18px;
        padding: 0 40px;
    }

    .inner-party-bottom img {
        width: 240px;
    }

    .list-benefit {
        flex-wrap: wrap;
        gap: 15px 0;
        margin: 0 0 30px;
    }

    .benefit h4 {
        font-size: 18px;
        margin-top: 20px;
    }

    .after-party {
        padding-bottom: 100px;
    }

    .membership {
        padding-bottom: 100px;
    }

    .social-contribution {
        padding-bottom: 100px;
    }

    .banner-sponsors {
        margin-bottom: 50px;
    }

    .content-party-bottom h3 {
        font-size: 24px;
    }

    .text-party-top {
        order: 2;
    }

    .img-party-top {
        order: 1;
        padding: 0 0 20px;
    }
    .influencer-images .row {
        margin-left: -4px;
        margin-right: -4px;
    }
    .influencer-images .row > * {
        padding-left: 4px;
        padding-right: 4px;
    }
    .influencer-images .top-item {
        margin-bottom: 8px;
    }
}

@media (max-width:576px) {
    .btn-notification .btn-notification-cl {
        font-size: 24px;
        padding: 0 65px 0 64px;
        width: 100%;
    }

    .membership .btn-notification .btn-notification-cl {
        margin: 0 15px;
    }

    .item-audition {
        gap: 0 20px;
    }

    .item-right-audition {
        width: calc(80% - 20px);
    }

    .contest-entry-list {
        gap: 15px;
    }

    .item-entry {
        width: calc(50% - 7.5px);
    }

    .content-party-bottom h3 {
        font-size: 16px;
    }

    .title-benefit h2 {
        font-size: 26px;
    }

    .inner-party-bottom p {
        font-size: 16px;
        width: 100%;
        text-align: center;
        max-width: 100%;
    }

    .inner-party-bottom {
        gap: 15px;
    }

    .after-party .btn-notification .btn-notification-cl {
        padding: 0 40px 0 40px;
    }

    .item-contribution img {
        margin: 0 auto;
    }

    .content-entry h3 {
        font-size: 22px;
    }

    .content-entry h3 {
        font-size: 14px;
    }

    .thumb-entry:hover .content-entry {
        bottom: 20px;
    }

    .inner-about h3 {
        font-size: 16px;
    }

    .inner-about p {
        font-size: 14px;
    }

    .qr-sponsors p {
        font-size: 18px;
    }

    .box-contribution {
        gap: 30px 0;
    }

    .item-contribution {
        width: 100%;
    }

    .inner-party-bottom img {
        width: 100%;
    }

    .inquiry-right {
        height: 406px;
    }

    .logo a {
        font-size: 18px;
    }

    .inner-footer {
        padding: 20px 0;
    }

    .wrap-header {
        padding: 17px 0 16px;
    }

    .logo {
        padding-left: 14px;
    }

    .rst-menu {
        top: 59px;
    }

    .btn-notification .btn-notification-cl {
        font-size: 24px;
        height: 60px;
        padding: 0 65px 0 64px;
    }

    .list-notification {
        padding-bottom: 40px;
    }

    .inquiry-left {
        padding: 30px 15px 45px;
    }

    .title-inquiry h2 {
        margin-bottom: 25px;
        font-size: 24px;
    }

    .item-audition {
        padding: 15px 0;
    }

    .title-inquiry p {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 45px;
    }

    .inquiry {
        padding-bottom: 115px;
    }

    .sponsors .btn-notification .btn-notification-cl br {
        display: block;
    }

    .sponsors .btn-notification .btn-notification-cl {
        justify-content: center;
        gap: 0 10px;
    }

    .inner-about .title-meta,
    .container-influencer .title-meta,
    .container-contest-entry .title-meta,
    .container-audition .title-meta,
    .container-party .title-meta,
    .container-membership .title-meta,
    .container-contribution .title-meta,
    .container-sponsors .title-meta {
        margin-bottom: 30px;
    }

    .global-influencer,
    .contest-entry,
    .audition-details,
    .after-party,
    .membership,
    .social-contribution,
    .sponsors,
    .inquiry {
        padding-bottom: 80px;
    }
    .influencer-left ul li {
        font-size: 14px;
    }
    .influencer-left ul {
        gap: 15px;
    }
    .bottom-lst-ht .ct-item-ht, .top-lst-ht .item-hotel {
        width: 100%;
        flex-basis: unset;
        margin-bottom: 25px;
    }
    .bottom-lst-ht {
        margin-top: 0;
    }
    .item-hotel h3 {
        font-size: 20px;
    }
    .item-hotel h3 br {
        display: block;
    }
    section.hotel {
        margin-bottom: 80px;
    }
    .title-meta {
        font-size: 23px;
    }
    .influencer-images .top-item h3 {
        font-size: 16px;
    }

}

@media (max-width:414px) {}