@media screen and (max-width:1700px) {
    /* .................................. HOME .................................. */
    .title-h2 { 
        font-size: 60px;
        line-height: 60px;
    }
    /* .................................. HOME END .................................. */

    /* .................................. TRAVEL .................................. */
    #travel-hotel-partners #intro-3 .hotel-partner-list .item .left .main-img {
        height: 500px;
    }

    #travel-hotel-partners #intro-3 .hotel-partner-list .item .left .logo { 
        height: 140px;
    }
    
    /* .................................. TRAVEL END .................................. */
    
}

@media screen and (max-width:1400px) {
    /* .................................. EXHIBITOR .................................. */
    #why-exhibit .event-info .item .bg-img {
        height: 450px !important;
    }
    /* .................................. EXHIBITOR END .................................. */

    /* .................................. TRAVEL .................................. */
     #travel-hotel-partners #intro-3 .hotel-partner-list .item .left .main-img {
            height: 450px;
        }      
    /* .................................. TRAVEL END .................................. */
}

@media screen and (max-width:1400px) {
    /* .................................. NAV .................................. */
    nav .nav-link a {
        font-size: 16px;
    }

    nav .nav-link {
        gap: 23px;
        margin-bottom: 10px;
    }

    nav .inner .left img {
        width: 120px !important;
    }

    main {
        padding-top: 85px !important;
    }

    .logo-wakeni {
        width: 250px !important;
    }

    .desc-l {
        font-size: 16px !important;
        line-height: 23px !important;
    }
    /* .................................. NAV END .................................. */

    /* .................................. VISIT .................................. */
    .title-h1-med {
        font-size: 55px;
        line-height: 65px; 
    }
    /* .................................. VISIT END .................................. */
}

@media screen and (max-width:1366px) {
        /* .................................. CONTACT .................................. */
    
        #contact-us .subtitle-contact p {
            font-size: 40px;
            line-height: 50px;
        }

        #contact-us .sect-title {
            padding-right: 30px;
        }
        /* .................................. CONTACT END .................................. */

        /* .................................. ABOUT  .................................. */
       .btnc-lg {
            width: 250px !important;
            font-size: 22px !important;
        }

        #travel-hotel-partners #intro-2 .sect-cta a {
            width: 350px !important;
        }

        #travel-hotel-partners #intro-1 {
            background-position-x: 83% !important;
        }
        /* .................................. ABOUT END .................................. */

        /* .................................. EXHIBITOR .................................. */
        .exh-product-list .inner div {
            width: 80%;
            height: 250px;
        }
        /* .................................. EXHIBITOR END .................................. */
}    
@media screen and (max-width:1300px) {
    /* .................................. VISITOR .................................. */
    #why-visit #intro-2 .inner {
        gap: 60px !important;
    }
    /* .................................. VISITOR END .................................. */
}
@media screen and (max-width:1200px) {
    
    /* .................................. NAV .................................. */
    nav .nav-link a {
        font-size: 16px;
    }

    nav .nav-link {
        padding: 0;
    }


    nav .inner .left img {
        width: 100px !important;
    }

    nav .nav-link a {
        font-size: 12px;
    }
    /* .................................. NAV END .................................. */

    /* .................................. EXHIBITOR .................................. */
    #why-exhibit .event-info .item .bg-img {
        height: 450px !important;
    }
    /* .................................. EXHIBITOR END .................................. */

    /* .................................. CONTACT .................................. */
    
   
    /* .................................. CONTACT END .................................. */

}

@media screen and (max-width:1100px) {
    .title-h2 {
        font-size: 50px;
        line-height: 50px;
    }

    #home #intro-1 .sect-left .sect-cta a {
        min-width: 150px;
    }
    
}

@media screen and (max-width:1024px) {

    .btn-custom.btnc-lg {
        font-size: 22px;
    }
    
    /* .................................. NAV .................................. */
    nav .nav-link a {
        font-size: 14px;
    }

    #home .section {
        height: auto !important;
    }

    nav .nav-link {
        gap: 15px;
    }
    /* .................................. NAV END .................................. */

    /* .................................. HOME  .................................. */
    .gallery-list {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .gallery-list .item .bg-img {
        height: 250px !important;
    }
    /* .................................. HOME END .................................. */
    
    /* .................................. ABOUT  .................................. */
    .event-info { 
        grid-template-columns: repeat(2, 1fr);
    }
    /* .................................. ABOUT END .................................. */

    /* .................................. EXHIBITOR .................................. */
    #why-exhibit .event-info .item {
        width: 44%;
    }
    /* .................................. EXHIBITOR END .................................. */
    /* .................................. GALLERY .................................. */
    .media-support-list {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    /* .................................. GALLERY END .................................. */

    /* .................................. TRAVEL .................................. */
    #travel-hotel-partners #intro-3 .hotel-partner-list .item {
        gap: 2%;
    }
    
    #travel-hotel-partners #intro-3 .hotel-partner-list .item .left {
        width: 37%;
    }
    /* .................................. TRAVEL END .................................. */

    /* .................................. AFTER LOGIN .................................. */
    .onsite-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .onsite-list .item .left div {
        height: 320px !important;
    }

    .yt-wrapper .inner {
        width: 100%;
    }
 
    /* .................................. AFTER LOGIN END .................................. */

}

@media screen and (max-width:991px) {
    main {
        padding-top: 75px;
    }


    #desktop-nav .sub-parent.active {
        color: var(--purple2);
        background: var(--yellow3);
        padding: 10px 0px 10px 20px;
    }

    .has-sub-1:hover .inner-sub-1 {
        display: none;
    }

    .has-sub-2:hover .inner-sub-2 {
        display: none;
    }
    

    .title-h2-xl {
        font-size: 20px !important;
        line-height: 25px !important;
    }
    
    #subs h2 br {
        display: none;
    }
    
    /* .................................. NAV .................................. */
    .sub-menu-login {
        width: 100% !important;
    }
    
    #subs {
        padding-bottom: 60px !important;
    }
    
    #subs .sect-right .inner {
        margin-top: 30px;
    }

    .foot-top-mid {
        margin-top: 30px;
        justify-content: start !important;
    }
    
    .foot-top-right {
        gap: 35px;
        margin-top: 30px;
        display: flex;
    }

    .foot-top-right > div {
        width: 45%;
        display: block !important;
    }

    .foot-top-right .in-conj .mt30 {
        margin-top: 0px !important;
    }

    .foot-top-left .logo-wakeni {
        width: 200px;
    }

    footer .logo-fbi {
        width: 180px;
        max-width: 95%;
    }

    footer .logo-feast {
        width: 150px;
        max-width: 95%;
    }

    .desc-l {
        font-size: 14px;
        line-height: 21px;
    }

    .title-h2-larg {
        font-size: 24px;
        line-height: 31px;
    }

    .frm-custom {
        font-size: 16px;
    }

    
    #mobile-nav {
        background: var(--white);
        display: flex !important;
        justify-content: space-between;
        z-index: 99;
    }

    #desktop-nav {
        z-index: 99;
        /* display: none; */
    }

    #mobile-nav-open {
        font-size: 30px;
        color: var(--purple2);
    }

    #mobile-nav-close {
        display: none;
    }

    #mobile-nav-close img { 
        width: 43px;
    } 

    #mobile-nav a:hover {
        opacity: .5;
        transition: opacity .3s ease-in-out;
    }

    #desktop-nav {
        position: fixed;
        left: 100%;
        right: 0;
        top: 68px;
        bottom: 0;
        background: var(--white);
        height: 100%;
        transition: .3s ease-in;
    }

    #desktop-nav.open {
        left: 0;
        padding-top: 60px;
    }

    #desktop-nav ul {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    #desktop-nav ul li a {
        font-size: 20px;
        margin-bottom: 25px;
        display: block;
    }


    .inner-sub-1 {
        position: unset;
        width: 100%;
        padding-top: 0;
        margin-bottom: 40px;
    }
    
    .inner-sub-1 ul {
        list-style: unset;
        box-shadow: unset;
    }

    .inner-sub-1 a {
        margin-bottom: 0 !important; 
    }

    #desktop-nav .inner {
        max-height: 700px;
        overflow-y: scroll;
    }

    #mobile-nav .left img {
        width: 150px;
    }

    #desktop-nav  {
        padding-bottom: 100px;
    }

    #desktop-nav .inner {
        display: block;
    }

    #desktop-nav .inner .left {
        display: none;
    }
    /* .................................. NAV END .................................. */

    
    /* .................................. HOME .................................. */
    #home #intro-1 .sect-left {
        order: 2;
        margin-top: 30px;
    }

    #home #intro-1 .sect-right img {
       width: 80% !important;
    }

    #home #intro-2 .sect-left img {
       width: 80% !important;
    }

    #intro-1 .sect-right {
        position: unset !important;
    }

    #intro-1 .sect-right {
        width: 100% !important;
    }

    #intro-2 .sect-left {
        position: unset !important;
        margin-bottom: 20px;
    }

    #intro-2 .sect-left {
        width: 100% !important;
    }

    #intro-2 .sect-right .inner .top {
        justify-content: left !important;
    }

    #intro-2 .sect-right .inner .top .wrap {
        width: 100% !important;
    }

    #subs .sect-right .inner {
        padding-left: 0px !important;
    }
    /* .................................. HOME END .................................. */
    
    /* .................................. ABOUT .................................. */
    #about-fbi #intro-1 .sect-right .inner {
        margin-top: 30px;
    }

    #about-fbi #intro-1 .sect-left {
        text-align: center;
    }

    #about-fbi #intro-1 .sect-left img {
        width: 90% !important;
        margin: 0 auto;
    }

    #about-fbi #intro-1 .sect-subtitle h3 {
        font-size: 14px;
    }

    #about-fbi #intro-2 {
        padding-top: 0px !important;
    }

    #about-sfbc #intro-1 .sect-left {
        order: 2;
        margin-top: 30px;
    }

    #about-sfbc #intro-1 .sect-right {
        text-align: center;
    }

    #about-sfbc #intro-1 .sect-right img {
        width: 90% !important;
        margin: 0 auto;
    }
    
    /* .................................. ABOUT END .................................. */

    /* .................................. EXHIBITOR .................................. */
    #why-exhibit .card-list .item {
        width: 43%;
    }

    #why-exhibit #intro-1 .sect-left {
        text-align: center;
    }

    #why-exhibit #intro-1 .sect-left img {
        width: 90% !important;
        margin: 0 auto !important;
    }

    #why-exhibit #intro-1 .sect-left {
        margin-bottom: 30px;
    }

    #exh-reg .frm-wrapper {
        width: 100%;
        margin: 0 auto;
    }

    #exh-reg #intro-1 .sect-right {
        text-align: center;
    }

    #exh-reg #intro-1 .sect-right img {
        width: 90% !important;
    }

    #exh-reg #intro-1 {
        padding-top: 40px !important;
        padding-bottom: 0px !important;
    }

    #exh-reg #intro-3 {
        padding-top: 0px !important;
        padding-bottom: 60px !important;
    }

    .title-h1-main {
        font-size: 70px;
        line-height: 75px; 
    }
    

    /* .................................. EXHIBITOR END .................................. */

    /* .................................. VISITOR .................................. */
    #visitor-profile #intro-1 .sect-right {
        text-align: center;
    }

    #visitor-profile #intro-1 .sect-right img {
        width: 90% !important;
        margin-top: 30px;
    }

    #why-visit #intro-2 .inner {
        grid-template-columns: repeat(2, 1fr) !important;
    }


    .key-visitors {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    /* .................................. VISITOR END .................................. */

    /* .................................. GALLERY .................................. */
    .list-news-update .item .left {
        width: 45%;
    }

    .list-news-update .item .right {
        width: 57%;
    }
    /* .................................. GALLERY END .................................. */

    /* .................................. TRAVEL .................................. */

    #travel-visa-info .sect-wrapper {
        width: 100% !important;
    }

    #travel-hotel-partners #intro-3 .hotel-partner-list .item .left .main-img {
        width: 65%;
    }

    #travel-hotel-partners #intro-3 .hotel-partner-list .item {
        flex-wrap: wrap;
    }
    
    #travel-hotel-partners #intro-3 .hotel-partner-list .item .left,
    #travel-hotel-partners #intro-3 .hotel-partner-list .item .right {
        width: 100%;
    }



    #travel-getting-venue .getting-venue-wrapper,
    #travel-getting-venue #intro-1 .sect-title,
    #travel-getting-venue .accordion-body__contents {
        width: 100% !important;
    }

    #travel-getting-venue .accordion-body__contents {
        padding-left: 0 !important;
    }

    #travel-getting-venue .venue-track-detail {
        width: 100% !important;
    }


    .visa-info { 
        gap: 50px;
    }

    /* .................................. TRAVEL END .................................. */

    /* .................................. CONTACT .................................. */
    #contact-us .contact-list .item {
        width: 48%;
    }
    /* .................................. CONTACT END .................................. */


    /* .................................. AFTER LOGIN .................................. */

    .form-group .form-inner {
        margin-bottom: 10px;
    }

    #exh-showcatalogue #intro-1 {
        padding: 0px !important;
    }

    .categories-wrapper {
        border-top-right-radius: unset !important;
        border-bottom-right-radius: unset !important;
        margin-bottom: 30px;
        padding-left: 20px !important;
    }

    #exh-list .item .left .logo-img {
        height: 120px !important;
    }

    #exh-list .item .left {
        padding: 0px 10px !important;
    }

    .dd-t2-wrapper {
        margin-top: 30px;
    }

    .person-qr, .qr-inner {
        width: 100%;
    }

    .qr-main .left h3 {
        font-size: 30px;
    }

    .qr-main .right .qr-event-date h3 {
        font-size: 40px;
    }

    .qr-top {
        width: 80%;
    }

    .person-qr .person-qr-img .corner-border {
        width: 100px;
        height: 100px;
    }

    /* .................................. AFTER LOGIN END .................................. */

    .menu-recip-list .item {
        width: 31.5% !important;
    }
    
}


@media screen and (max-width:768px) {
    /* .................................. GALLERY END .................................. */
    .media-support-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    } 


    #news-and-update-detail .share-wrapper,
    #news-and-update-detail #intro-2 .news-content,
    #news-and-update-detail #intro-1 img {
        width: 100%;
    }

    #news-and-update-detail .share-link {
        width: 100%;
    }


    #news-and-update-detail .share-medsos .share-medsos-list a {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    #news-and-update-detail .share-medsos {
        gap: 20px;
    }

    #news-and-update-detail .share-link input {
        width: 70%;
    }

    #news-and-update-detail .share-link a { 
        width: 30%;
    }

    #news-and-update-detail .share-link input,
    #news-and-update-detail .share-link a {
        font-size: 12px;
        height: 40px;
    }

    #notif-copy .inner {
        font-size: 14px;
    }
    /* .................................. GALLERY END .................................. */

    /* .................................. TRAVEL .................................. */
    .visa-info {
        flex-wrap: wrap;
    }

    .visa-info .item {
        width: 100%; 
    }

    /* .................................. TRAVEL END .................................. */
    
    /* .................................. AFTER LOGIN .................................. */

    #exh-showcatalogue-detail .title-h2-med {
        font-size: 22px !important;
    }
    
    #exh-showcatalogue-detail .left-title-rounded {
        padding: 10px 40px 10px 30px;
    }

    .exh-product-list .inner div {
        height: 420px !important;
    }

    #exh-showcatalogue-detail #intro-1 {
        padding: 0px !important;
    }

    .arrow-slider i {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .next-arrow.arrow-slider {
        right: -18px !important;
    }

    .prev-arrow.arrow-slider {
        left: -18px !important;
    }
    /* .................................. AFTER LOGIN END .................................. */


}
@media screen and (max-width:700px) {
    /* .................................. AFTER LOGIN .................................. */
    
    .onsite-list .item .inner {
        flex-wrap: wrap;
    }

    .onsite-list .item .left,
    .onsite-list .item .right {
        width: 100% !important;
    }

    .onsite-list .item .left a {
        display: block;
        width: 85%;
        margin: 0 auto;
    }

    .onsite-list .item .inner .left::after {
        width: 80% !important;
    }

    .onsite-list .dd-t2 {
        position: unset !important;
    }

    .onsite-list .item .right {
        margin-top: 30px !important;
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid var(--fresh-yellow);
    }

    #exh-showcatalogue-detail #intro-5 {
        padding-top: 20px !important;
    }

    #exh-showcatalogue-detail #intro-5 iframe {
        height: 250px !important;
    }
    /* .................................. AFTER LOGIN END .................................. */
}

@media screen and (max-width:600px) {
    .slide-arrow {
        font-size: 20px;
        width: 40px;
        height: 40px;
    }

    .slide-arrow.arr-l {
        left: -10px !important;
    }

    .slide-arrow.arr-r {
        right: -10px !important;
    }
    
    .title-h2-sm,
    .title-h2-med,
    .title-h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .title-h1-med {
        font-size: 35px;
        line-height: 45px; 
    } 

    #home #intro-1 .sect-left .sect-cta a {
        min-width: 120px;
        max-width: 100%;
        box-sizing: border-box;
        font-size: 14px;
    }
    
    .exhibit-with-us {
        padding: 20px 10px 30px;
    }

    #mobile-nav .left img {
        width: 120px !important;
    }

    .desc-xl {
        font-size: 14px;
        line-height: 20px;    
    }

    .card-purple {
        padding: 25px 20px;
    }

 
    #about-fbi #intro-3 .sect-left a {   
        font-size: 16px;
        width: max-content;
    }

    .dropdown-sub a {
        font-size: 12px !important;
    }
    

    .frm-custom2 {
        font-size: 14px;
    }

    .exhibit-with-us .sect-cta {
        bottom: -20px !important;
    }

    .exhibit-with-us .sect-cta a {
        padding: 5px 26px;
        width: max-content;
        font-size: 18px;
    }
    

    .bg-title.yellow {
        padding: 11px 0 2px;
    }


    /* .................................. NAV .................................. */
    #desktop-nav ul li a {
        font-size: 18px;
    }
    /* .................................. NAV END .................................. */

    /* .................................. HOME .................................. */
    #home #intro-1 .sect-right img {
        width: 90% !important;
    }

    #home #intro-2 .sect-left  img {
        width: 90% !important;
    }

    .counter {
        font-size: 18px;
        line-height: 20px;
    }

    .gallery-list {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .slider-sup .bg-img {
        height: 80px !important;
    }

    .bg-notice .inner {
        width: 100% !important;
    }
    /* .................................. HOME END .................................. */
    
    /* .................................. ABOUT .................................. */
    #about-fbi #intro-3 .sect-left {
        text-align: center;
        margin-bottom: 30px;
    }

    #about-fbi #intro-3 {
        padding-bottom: 0px !important;
    }

    #about-fbi #intro-3 .sect-left img {
        width: 250px;
        max-width: 95%;
    }

    .event-info { 
        grid-template-columns: repeat(1, 1fr);
    }

    #about-sfbc #intro-2,
    #about-sfbc #intro-4 {
       padding-top: 0px !important;
    }
    
    #about-fbi #intro-3 {
        background-position: bottom !important;
        background-size: 400px !important;
    }

    #about-fbi #intro-3 .sect-cta {
        margin-top: 30px !important;
    }

    #about-fbi #intro-3 .sect-cta a {
        margin: 0 auto !important;
    }
    
    /* .................................. ABOUT END .................................. */

    /* .................................. EXHIBITOR .................................. */
    #why-exhibit .card-list .item,
    #why-exhibit .event-info .item {
        width: 100%;
    }

    .card-list .item {
        min-height: 200px !important;
    }

    #why-exhibit #intro-4 {
        padding-top: 0px !important;
    }

    #why-exhibit #intro-5 {
        padding-top: 0px !important;
        padding-bottom: 60px !important;
    }


    #exh-reg #intro-4 {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    #exh-reg #intro-1  {
        background-size: 450px !important;
        background-position: bottom !important;
    }

    .title-h1-main {
        font-size: 50px;
        line-height: 55px;
    }
    /* .................................. EXHIBITOR END .................................. */

    /* .................................. VISITOR  .................................. */
    #visitor-profile .vp-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }

    #visitor-profile #intro-2 {
        padding-top: 20px !important;
    }

    #visitor-profile #intro-3 {
        padding-top: 0px !important;
        padding-bottom: 60px !important;
    }

    #visitor-profile .vp-list {
        gap: 30px;
    }

    .visit-us .sect-cta a {
        width: auto;
    }

    #visitor-profile #intro-1 {
        padding-top: 40px !important;
    }

    #visreg #intro-1 {
        padding-top: 40px !important;
    }

    #visreg #intro-1 .sect-right {
        text-align: center;
    }

    #visreg #intro-1 .sect-right img {
        width: 90% !important;
    }

    .question-title h4 {
        font-size: 16px;
    }

    .question-title.bg-title {
        padding: 13px 0 5px 20px;
    }

    .question-list {
        margin-left: 22px;
    }

    #visitor-login #intro-1  {
        padding-top: 40px !important; 
        padding: 0px !important; 
    }

    #visitor-login #intro-1 .sect-right {
        text-align: center;
    }

    #visitor-login #intro-1 .sect-right img {
        width: 90% !important;
    }


    /* #why-visit #intro-2 .inner {
        grid-template-columns: repeat(2, 1fr) !important;
    } */

    .key-visitors {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    
    #why-visit #intro-1 {
        padding-top: 40px !important;
        padding-bottom: 0px !important;
    }

    #why-visit #intro-1 .sect-left {
        text-align: center;
    }
    
    #why-visit #intro-1 img {
        margin-bottom: 30px;
        width: 90% !important;
    }

    #why-visit #intro-2 .inner {
        column-gap: 20px !important;
        row-gap: 60px !important;
    }

    #why-visit #intro-2 .box-custom .head img {
        width: 55px !important;
    }

    #why-visit #intro-2 .box-custom .head:before {
        height: 45px !important;
        left: -10px !important;

    }

    #why-visit #intro-2 .box-custom .head {
        padding: 10px !important;
    }

    #why-visit #intro-2 .box-custom .head h3 {
        font-size: 16px !important;
        line-height: 18px !important;    
    }
 
    #why-visit #intro-2 .box-custom .head {
        width: 90% !important;
        border-radius: 30px !important;
        height: 180px !important;
    }

    #why-visit #intro-2 .box-custom .body {
        margin-top: 10px !important;
    }

    .exhibit-with-us .sect-cta a {
        width: max-content !important;
    }
 
    #why-visit #intro-1 .sect-title {
        text-align: left !important;
    }

    #why-visit #intro-1 .justify-content-end {
        justify-content: start !important;
    }

    #visitor-login #intro-1,
    #visreg #intro-1  {
        background-position-y: 74% !important ;
        background-size: 400px !important;
    }

    /* .................................. VISITOR END .................................. */

    /* .................................. ABOUT .................................. */
    #about-feast #intro-3 .mt80 {
        margin-top: 0px !important;
        margin-bottom: 20px !important;
    }

    #about-feast #intro-2,
    #about-feast #intro-3 {
        padding-bottom: 0px !important;
    }
    /* .................................. ABOUT END .................................. */

    /* .................................. GALLERY .................................. */
    #news-gallery #intro-1 {
        padding-top: 40px !important;
        padding-bottom: 0px !important;
    }

    #news-gallery #intro-1 .sect-left img {
        margin-bottom: 30px;
    }

    .media-support-list {
        gap: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .media-support-list .item .bg-img {
        height: 80px;
    }

    #news-and-update #intro-1 {
        padding-top: 40px !important;
    }

    .list-news-update .item  {
        flex-wrap: wrap !important;
        gap: 20px;
        border-bottom: 2px solid var(--black);
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .list-news-update .item .line {
        display: none;
    }

    .list-news-update .item .left , .list-news-update .item .right {
        width: 100% !important;
    }

    .list-news-update {
        margin-bottom: 40px;
    }
    
    /* .................................. GALLERY END .................................. */ 

    /* .................................. TRAVEL END .................................. */ 
    #travel-hotel-partners #intro-3 .hotel-partner-list .item .left .main-img {
        width: 85%;
    }

    #travel-hotel-partners #intro-1 .sect-title {
        width: 100%; 
    }

    #travel-getting-venue  .accordion-header strong {
        font-size: 18px !important;
    }

    #travel-getting-venue .accordion__item > .accordion-header:after {
        font-size: 16px !important;   
        width: 30px !important;
        height: 30px !important;
        padding: 0 !important;
        align-items: center;
        display: flex;
    }

    #travel-getting-venue .venue-track-detail .item {
        font-size: 14px !important;
    }

    #travel-getting-venue .venue-track-detail .left {
        padding: 5px 0px 5px 10px !important;
    }
    #travel-getting-venue #intro-3 .title-h2-sm {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    #travel-visa-info #intro-1 .sect-title {
        width: 100% !important;
    }

    #travel-visa-info #intro-2 .title-h2-sm {
        font-size: 16px !important;
    }

    .visa-info .sect-title .inner {
        padding: 8px 0px 9px 40px;
    }

    .visa-info .sect-title .inner img {
        width: 40px;
    }

    .visa-info .sect-title {
        padding: 17px 0;
    }

    #travel-visa-info #intro-1 ,
    #travel-hotel-partners #intro-1,
    #travel-getting-venue #intro-1 {
        background-position-x: 71% !important;
        background-position-y: 47% !important;
        background-size: 200px !important;
    }


    #travel-visa-info #intro-1 {
        background-position-x: 54% !important;
    }
    /* .................................. TRAVEL END .................................. */ 

    /* .................................. CONTACT .................................. */ 

    #contact-us .subtitle-contact p {
        font-size: 16px;
        line-height: 20px;
    }

    #contact-us .sect-title {
        padding: 30px 0 30px 50px;    
    }

    #contact-us .contact-list .item {
        width: 100% !important;
    }


    #contact-us #intro-1 .sect-content {
        padding-bottom: 30px;
    }

    #contact-us #intro-1 {
        padding-top: 40px !important;
    }

    #contact-us #intro-2 {
        padding-top: 0px !important;
    }
    /* .................................. CONTACT END .................................. */ 

    /* .................................. AFTER LOGIN .................................. */ 


    #exh-showcatalogue #intro-2 .mt40 {
        margin-top: 10px !important;
    }


    .qr-top {
        width: 100%;
        margin-top: 0px;
    }


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

    .qr-main .left {
        border-width: 3px !important;
    }

    .qr-main .left h3 {
        font-size: 20px !important;
    }

    .qr-main .right .qr-event-date h3 {
        font-size: 22px !important;
    }

    .qr-main .right { 
        border-width: 3px !important;
        padding: 11px 16px !important;
    }

    .qr-main .rounded img {
        width: 29px !important;
    }
/* 
    .qr-main .rounded {
        right: -16px !important;
    }

    .qr-main .top-rounded {
        top: -17.5px !important;
    }

    .qr-main .bottom-rounded {
        bottom: -17.5px !important;
    } */

    .person-qr .person-qr-img .corner-border.cor-tl {
        top: -10px;
        left: 6px;
    }

    .person-qr .person-qr-img .corner-border.cor-tr {
        top: -10px;
        right: 6px;
    }

    .person-qr .person-qr-img .corner-border.cor-bl {
        bottom: -10px;
        left: 6px;
    }
    
    .person-qr .person-qr-img .corner-border.cor-br {
        bottom: -10px;
        right: 6px;
    }

    .qr-main {
        flex-wrap: wrap;
    }

    .qr-main .left h3 {
        font-size: 20px !important;
        writing-mode: unset !important;
        transform: unset;
        left: 10px;
    }

    .person-qr, .qr-inner {
        width: 75% !important;
    }

    .qr-main .left {
        width: 100%;
        height: 130px;
        border-right: 4px solid #000;
        border-bottom: 4px dashed #000;
        border-top-right-radius: 15px !important;
        border-top-left-radius: 15px !important;
    }

    .qr-main .right {
        width: 100%;
        border-top: unset;
        border-left: 5px solid #000;
        border-bottom-left-radius: 15px;
        flex-wrap: wrap;
    }

    .qr-main .top-rounded {
        top: unset !important;
        bottom: -17.5px !important;
        left: -18px;
        right: unset !important;
        transform: rotate(270deg);
    }

    .qr-main .bottom-rounded {
        transform: rotate(90deg);
        bottom: -17.5px !important;
        transform: rotate(270deg);
        right: -17.5px !important;
    }

    .qr-main .right .qr-event-info,
    .qr-main .right .qr-event-img {
        width: 100% !important;
    }

    .qr-main .right .qr-event-info {
        gap: 20px;
        padding: 20px 0 10px;
    }

    .qr-wrapper .person-info p {
        font-size: 18px !important;
    }

    .btn-filter {
        display: flex;
        justify-content: end;
    }
    /* .................................. AFTER LOGIN END .................................. */ 


    .menu-recip-list .item {
        width: 48.5% !important;
    }


    .menu-recip-list .item .inner .bg-img {
        height: 200px !important;
    }

}

@media screen and (max-width:320px) {
    /* .................................. AFTER LOGIN .................................. */ 
    
    .qr-main .right .qr-event-date h3 {
        font-size: 18px !important;
    }

    
    /* .................................. AFTER LOGIN END .................................. */ 

}