.navber-top {
    gap: 80px;
}
#picture-pc > a.d-flex,
.content-best > a {
    display: flex;
    align-items: center;
}

/* For Desktop View */
@media screen and (min-width: 1024px) and (max-width: 1280px) {
    
    #Best_Director>div>div>div.section-head.animated.fadeInDown {
        padding: 6rem 0 0 !important;
    }

    .justify-content-between {
        justify-content: flex-end !important;
        padding: 0px 20px !important;
    }

    #Best_Actress>div>div>div:nth-child(1)>div.section-head.text-center,
    /* #Best_Actress>div>div:nth-child(1)>div.section-head.text-center, */
    #Best_Actor>div.section-head.text-center {
        padding: 10rem 0px 0px !important;
    }

    #Best_Actress>div {
        padding: 0px !important;
    }

    #item-content-media>div>div.pt-20.d-flex.justify-content-between.section-bottom {
        justify-content: space-between !important;
    }

    .swiper-slide-banner {
        height: 60vh !important;
    }

    .img-best {
        width: 190px !important;
        height: 390px !important;
    }

    .title-best {
        font-size: 2rem !important;
        width: 180px !important;
        height: 100px !important;
    }

    #fullpage>div:nth-child(2)>div>div>div.section-2.wow.fadeInUp>img {
        width: 100%;
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 50px) !important;
        right: auto;
    }

    .swiper-button-next {
        right: var(--swiper-navigation-sides-offset, 50px) !important;
        left: auto;
    }

    .ab-list {
        padding: 0px 40px !important;
    }

    .list-text {
        font-size: 1.7rem !important;
    }

    .wrapper-top-th {
        background-size: cover !important;
    }

    .bg-inner {
        background-size: 35%, 35%, 425px, 35% !important;
    }

    .bg-inner .row-col-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 75px;
        align-items: center;
    }

    .bg-inner .content-best {
        flex-wrap: wrap;
        justify-content: center;
    }

    .bg-footer {
        background-image: url(/img/1024bg-footer-left.png),url(/img/1024bg-footer-right.png) !important;
        background-repeat: no-repeat;
        background-size: 50%, 56% !important;
        background-position: left, right !important;
    }

    .bg-award {
        background-size: 100% !important;
        background-color: #262626 !important;
        background-image: url(/img/bg_list_of_nominees.png);
        background-position: right !important;
        background-repeat: no-repeat;
    }
}

@media only screen and (min-width: 900px)and (max-height: 1000px) {
    .wrapper-top-th {
        background-size: cover !important;
    }
    /* .img-best {
        width: 160px !important;
        height: 290px !important;
    } */
}

@media only screen and (min-width: 1024px)and (max-height: 900px) {

    #main-content .award-left {
        width: 31%;
        height: 100%;
        margin: auto 0 0;
        position: absolute;
        left: 0;
        opacity: 0.8;
    }

    .award-right {
        width: 35%;
        height: 100%;
        margin: auto 0 0;
        position: absolute;
        right: 0;
        opacity: 0.8;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
    .header {
        padding: 0px !important;
        height: 80px;
    }
    .image-container2::after{
        height: 398.66px !important; 
    }
    .content-center {
        max-width: 1320px !important;
    }
    .title-best {
        height: 50px !important;
    }
    .img-best {
        width: 230px !important;
        height: 400px;
        border-radius: 0px 70px 0px 0px;
        object-fit: cover;
        object-position: top;
    }
    .content-best{
        height: 470px;
    }
    .popup-modal {
        height: 750px;
    }
    #picture-pc > a:nth-child(3) > img:nth-child(2),
    #Best_Director > div > div > div.content-best > a:nth-child(3) > img:nth-child(2){
        padding: 0px !important;
        width: 280px !important;
    }
    #picture-pc > a:nth-child(3),#Best_Director > div > div > div.content-best > a:nth-child(3){
        margin-bottom: 75px !important;
    }
    
    .section-head {
        padding: 5rem 0 0 !important;
    }
    #header > div > div > div.logo-header > a > img{
        height: 70px;
    }
    .swiper-slide img {
        width: 230px !important;
    }

    .content-center {
        padding: 0px !important;
    }

    #Best_Actress>div {
        justify-content: center !important;
    }

    .bg-best-actors>div>.col-xl-4.col-sm-100w.w-6.d-flex.flex-column {
        max-width: 50% !important;
        padding-bottom: 30px;
    }

    .bg-best-actors {
        background-image: linear-gradient(180deg, rgb(239 65 54 / 60%) 0%, rgb(249 229 143 / 60%) 80%), linear-gradient(180deg, hsl(184deg 100% 34% / 50%) 0%, rgb(221 246 102 / 36%) 74%), url(/img/nominees/bg-full-act01.png);
        /* height: 100%;
        background-size: cover;
        background-position: center; */
        background-position-x: left, right, center;
        background-repeat: no-repeat;
        background-size: 50%, 50%, cover;
    }

    a.d-flex.flex-column.row-col-5 {
        justify-content: flex-end !important;
        gap: 20px !important;
        padding: 0px 0px !important;
        display: flex;
    }
    #Best_Actress>div>div.col-xl-6:nth-child(1),
    #Best_Actress>div>div.col-xl-6:nth-child(2) {
        padding: 0rem 0 6rem 0 !important;
    }

    .bg-news-slide>div.swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-css-mode>div.swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 20px !important;
    }
    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: 0px !important;
    }

    .img-best-popup {
        width: 200px !important;
        height: 350px !important;
        object-fit: cover;
        object-position: top;
        border-radius: 0px 70px 0px 0px;
    }

    .popup-size .content-best {
        padding: 0rem 5rem 0rem;
        margin: auto 0px;
    }

    .popup-size {
        background-image: linear-gradient(180deg, rgb(255 255 255 / 2%) 0%, rgb(249 235 175 / 0%) 80%), linear-gradient(180deg, hsl(0deg 0% 100% / 0%) 0%, rgb(255 255 255 / 47%) 74%), url(/img/bg-popup-2.png);
    }

    .img-logo-popup {
        left: 12px !important;
    }

    .popup-head {
        font-size: 3rem !important;
        margin: 60px 0px 0px !important;
    }

    .detail-best-popup {
        color: #000000;
        font-weight: 300;
        line-height: 0.9;
        font-size: 1.8em !important;
        letter-spacing: 0;
        width: 180px !important;
        height: 20px !important;
        padding-top: 0px !important;
        word-break: break-word;
    }

    .title-best-popup {
        word-break: break-word;
        color: #000000;
        font-weight: 600 !important;
        line-height: 0.6;
        letter-spacing: 0px;
        font-size: 1.8rem !important;
        width: 200px;
        height: auto !important;
        padding: 0px;
    }

    .popup-modal {
        width: 90% !important;
        transform: translate(-50%, -103%) !important;
    }

}

/* For Tablet View */
@media screen and (min-device-width: 993px) and (max-device-width: 1023px) {
    .section-head {
        padding: 12rem 0 0 !important;
    }

    .content-center {
        padding-left: 20px !important;
        padding-right: 20px !important;
        max-width: 830px !important;
    }

}

@media screen and (min-device-width: 767px)and (max-device-width: 1000px) {
    #Best_Picture > div > div > div.swiper.mySwiper.content-best-slide.fade.swiper-initialized.swiper-horizontal.swiper-android.swiper-css-mode > div.swiper-button-prev{
        color: #000000 !important;
        top: var(--swiper-navigation-top-offset,55%);
    }
    #Best_Picture > div > div > div.swiper.mySwiper.content-best-slide.fade.swiper-initialized.swiper-horizontal.swiper-android.swiper-css-mode > div.swiper-button-next{
        color: #000000 !important;
        top: var(--swiper-navigation-top-offset,55%);
    }
    
    .pc-justify-content-space-around {
        justify-content: space-between !important;
        gap: 40px;
    }

    #Best_Actress>div>div:nth-child(1)>div.section-head.text-center,
    #Best_Actress>div>div:nth-child(2)>div.section-head.text-center {
        padding: 5rem 0 0 !important;
    }

    #Best_Actress>div>div.col-xl-6:nth-child(1),
    #Best_Actress>div>div.col-xl-6:nth-child(2) {
        -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 6rem 0 !important;
    }

    .swiper-slide-banner {
        height: 100vh !important;
    }

    .content-best {
        display: flex;
        align-items: flex-start !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
    }

    .bg-best-actors {
        background-image: linear-gradient(180deg, rgba(46, 19, 14, 0.8491771708683473) 50%, rgba(168, 150, 54, 0.28335084033613445) 50%), url(/img/nominees/bg-ipad-actor.png);
        height: auto;
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: unset;
    }

    .content-center {
        position: relative;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding-left: 45px;
        padding-right: 45px;
        max-width: 1320px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .col-xl-4.col-sm-100w {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.333333%;
        max-width: 100%;
    }

    .title-best {
        font-size: 2.9rem !important;
        letter-spacing: 2px;
        width: 300px !important;
    }

    #main-page-content {
        justify-content: center;
    }

    .section-bottom>a {
        text-align: center;
        font-size: 12px !important;
    }

    .bg-footer>.content-center {
        align-items: center !important;
    }

    .bg-list-nominees {
        background: #1b1b1b;
        height: 100%;
        padding-top: 40px;
    }

    .d-flex.flex-column.h-100.justify-content-center {
        padding: 40px 0px !important;
    }

    .bg-footer {
        height: 100% !important;
    }
}
@media screen and (max-device-width: 1000px) {
    /* .content-best{
        display: none;
    } */
    .content-best-slide{
        display: flex !important;
    }
    #Best_Picture > div > div > div.swiper.mySwiper.content-best-slide.fade.swiper-initialized.swiper-horizontal.swiper-ios.swiper-css-mode > div.swiper-button-next{
        color: #000000 !important;
        top: var(--swiper-navigation-top-offset,40%); 
    }
    #Best_Picture > div > div > div.swiper.mySwiper.content-best-slide.fade.swiper-initialized.swiper-horizontal.swiper-ios.swiper-css-mode > div.swiper-button-prev{
        color: #000000 !important;
        top: var(--swiper-navigation-top-offset,40%); 
    }
    #Best_Picture > div > div > div.swiper.mySwiper.content-best-slide > div.swiper-slide{
        justify-content: flex-end !important;
    }
}

/* For Mobile Portrait View */
@media screen and (max-device-width: 590px) {
    .mar-15{
        margin-bottom: 15px !important;
    }
    .body-blackout.is-blacked-out{
        display: none !important;
    }
    .swiper-slide img.win-img{
        width: 269px !important;
        height: 110px !important;
    }
    .swiper-pagination-bullet {
        background: #000000 !important;
    }
    .swiper-button-next, .swiper-button-prev {
        top: var(--swiper-navigation-top-offset,55%) !important;
        color: #000000 !important;
    }
    .content-best{
        display: none !important;
    }
    .popup-size .content-best {
        display: flex !important;
        align-items: flex-end;
        justify-content: center;
        flex-direction: column;
    }
    .content-best-slide{
        display: flex !important;
    }
    .bg-best-picture .fp-tableCell{
        background: none !important;
    }
    .Best_Director{
        display: none !important;
    }
    #Best_Actress > div > div > div:nth-child(1).col-xl-6 {
        max-width: 100% !important;
    }
    #Best_Actor {
        max-width: 100% !important;
    }
    .bg-best-actors {
        background-image: linear-gradient(180deg, rgba(187, 85, 67, 0.849) 50%, rgba(168, 150, 54, 0.28335084033613445) 50%), url(/img/nominees/bg-ipad-actor.png);
        height: auto;
        background-size: cover !important;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: unset;
    }

    .modal {
        display: none;
        position: fixed;
        z-index: 9;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
    }
    
    .modal-content {
        background-color: #ffffff;
        margin: 70% auto !important;
        padding: 10px !important;
        width: 80% !important;
        max-width: 900px;
        position: relative;
    }
    iframe#youtubeIframe {
        height: 270px !important;
    }
    .close-btn {
        position: absolute;
        top: 0;
        right: 0px;
        padding: 12px;
        font-size: 130px;
        background: #ffffff;
        cursor: pointer;
        height: 50px;
        width: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wrapper-top-th {
        background-image: url(/img/mpc_theme/MPC_Animation.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        height: 100vh;
        border-radius: 0px !important;
        display: flex;
        text-align: center;
        flex-direction: column;
        align-items: center;
        overflow: hidden;
    }
    #fullpage > div.section.page_1.fp-section.fp-table.active > div > div > div.section-3.wow.fadeInUp > img,
    #fullpage > div.section.page_1.fp-section.fp-table.active > div > div > div.section-4.wow.fadeInUp > img{
        width: 100% !important;
    }
    .section-5 > .section-title > h3 {
        font-size: 4rem !important;
    }
    .bg-best-picture {
        background-image: url(/img/mpc_theme/bg-Responsive.png) !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat;
        background-attachment: unset !important;
    }
    .bg-best-director {
        background-image: url(/img/mpc_theme/bg-picture.png) !important;
        background-size: 100% 100% !important;
        background-repeat: no-repeat;
        background-attachment: unset !important;
    }

    .section-5 > .section-title > h5 {
        font-size: 2.6rem !important;
        margin-top: 15px !important;
    }
    .bg-best-picture {
        height: 100% !important;
    }

    .bg-best-director {
        height: auto !important;
    }

    .swiper-slide-banner {
        height: 25vh !important;
    }

    .img-best {
        width: 100% !important;
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: var(--swiper-navigation-sides-offset, 4px) !important;
        left: auto;
    }
    .swiper {
        height: 66% !important;
    }
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 4px) !important;
        right: auto;
    }

    .title-best {
        font-size: 2.6rem !important;
        height: 90px;
    }

    .title-head {
        color: #000000;
        font-weight: 700;
        font-size: 4rem !important;
        letter-spacing: 2px;
    }
    .subtitle-head {
        color: #000000;
        font-size: 3rem !important;
        text-align: center !important;
    }
    .Best_Actor_slide {
        background: linear-gradient(180deg, #ef4136a6 0%, #f9e58fba 100%), url(/img/mpc_theme/Best_Actress-Responsive.png) !important;
        height: auto !important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .bd-row {
        flex-direction: column !important;
    }

    .section-head {
        padding-top: 6rem !important;
        padding-bottom: 0rem !important;
        margin: 0px auto !important;
    }

    .title-head-2c {
        color: #fff;
        font-weight: 700;
        font-size: 2rem !important;
        letter-spacing: 2px;
    }

    .content-center {
        padding-left: 45px;
        padding-right: 45px;
        justify-content: center !important;
    }

    a.d-flex.flex-column.row-col-5 {
        flex-direction: column-reverse;
        justify-content: flex-end !important;
        align-items: flex-start !important;
        gap: 20px !important;
        text-align: left;
        padding: 15px 0px !important;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 100%;
        max-width: 100%;
        width: 400px;
    }

    .d-flex-col {
        flex-direction: column !important;
        gap: 10px !important;
        padding: 10px 0px !important;
    }

    .bg-award {
        background-size: 100% !important;
        background-position: bottom;
        background-color: #262626;
    }

    .bg-footer {
        background-size: 100% 100%!important;
        background-image: url(/img/mpc_theme/bg-footer-590.png) !important;
        background-position-x: 0px, right !important;
    }
    .section-bottom > a {
        font-size: 20px !important;
    }
    .list-text {
        font-size: 2rem !important;
        line-height: 0.9 !important;
        padding-bottom: 25px;
    }
    .bg-award {
        height: 100% !important;
    }

    .ab-list {
        position: relative !important;
    }

    .text-border {
        font-size: 2.6rem !important;
        line-height: 50px !important;
    }

    .list-head {
        font-size: 2.5rem !important;
        line-height: 50px !important;
    }

    .bg-list-nominees {
        background: #232323;
        height: auto !important;
        padding-top: 45px;
        padding-bottom: 0px;
    }

    .d-flex.flex-column.h-100.justify-content-center {
        padding-bottom: 80px;
    }

    .col-xl-4.col-sm-100w {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.333333%;
        max-width: 100%;
    }

    #main-content {
        height: 100%;
    }

    .text-footer {
        text-align: center;
        padding: 29px 0;
        font-weight: 500;
        letter-spacing: 1px;
        font-size: 1.4rem !important;
        text-transform: uppercase;
    }
    #Best_Actress > div > div > div > div.swiper > .swiper-wrapper > div.swiper-slide.swiper-slide-active > img.win-img{
        width: 269px !important;
        height: 110px !important;
    }
    #Best_Actress > div > div > div > div.swiper > .swiper-wrapper > div.swiper-slide.swiper-slide-active > img{
        height: 500px !important;
        width: 230px !important;
        object-fit: cover !important;
    }
    .img-best-popup2{
        width: 195px !important;
        height: 310px !important;
        object-fit: cover !important;
    }
    .swiper-slide img {
        width: 230px !important;
        height: 400px !important;
        object-fit: cover !important;
    }
    .swiper-slide {
        justify-content: flex-start !important;
    }
    #picture-pc > div{
        display: none;
    }
    #picture-pc > .win-01{
        display: flex;
        align-items: center !important;
        align-content: center !important;
        margin: 0px auto !important;
    }
    /* popup */
    .popup-size {
        background-size: cover !important;
        background-position: center !important;
    }
    #List_Of_Nominees > div > div.popup-award > div.popup-modal.shadow.is--visible > div > img{
        position: relative;
        width: 145px !important;
        left: 29% !important;
        top: 10px !important;
        margin-bottom: 0px;
    }
    #List_Of_Nominees > div > div.popup-award > div.popup-modal.shadow.is--visible > div > h1{
        font-weight: 900;
        text-align: center;
        text-transform: uppercase;
        font-size: 2rem !important; 
        margin: 15px 0px 0px !important;
    }
    #swiper-wrapper-c931ee5ebecc2738 > div > div > img{
        width: 195px !important;
        height: 310px !important;
        object-fit: cover !important;
    }
    #List_Of_Nominees > div > div.popup-award > div.popup-modal.shadow.is--visible > div > i{
        font-size: 2em;
        color: #000 !important; 
    }
    .title-best-popup2 {
        color: #000000;
        font-weight: 600;
        font-size: 2.5rem !important;
        width: 300px;
        line-height: 0.7;
        height: auto;
        padding: 10px 0px;
    }
    .detail-best-popup2 {
        color: #000000;
        font-weight: 300;
        line-height: 25px;
        font-size: 2rem !important;
        letter-spacing: 0px;
        width: 200px;
        height: auto;
        padding-top: 10px;
    }
    .popup-modal {
        /* position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) !important;
        opacity: 0;
        pointer-events: none;
        transition: all 300ms ease-in-out;
        z-index: 1011;
        width: 95% !important;
        height: 710px !important; */
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%) !important;
        opacity: 0;
        pointer-events: none;
        transition: all 300ms ease-in-out;
        z-index: 1011;
        width: 95% !important;
        height: 710px !important;
    }
    .img-win::after {
        background-image: url(/img/mpc_theme/WINNER.png);
        background-repeat: no-repeat;
        content: "";
        position: absolute;
        background-size: 100%;
        bottom: 0;
        left: -15px;
        width: 222px !important;
        height: 90px !important;
        opacity: 1;
    }
    .image-container2::after {
        height: 400px !important;
    }
    /* end */
}