/* Desktop */
.navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navigation ul li {
    display: inline-block;
    margin: 0 10px;
}

button#mobileMenuBtn {
    display: none;
}

@media (min-width: 1400px) and (max-width: 1440px) and (min-height: 800px) and (max-height: 900px) {
    #wrapper {
        background-image: url('../img/mac.png') !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center top !important;
    }

    #welcome-video-container{
                 width: 85% !important;
        right: -79px !important;
    }
    #scroll-right{
            right: 28px !important;
    }

    button#scroll-left{
         left: 48px !important;
    }
    body.events section.main .full-splash .nav-container{
            left: 42px !important;
    }

    body.events section.main .full-splash .nav-container{
        padding: 17px 43px !important;
    }
       .padd-r {
    padding-left: 23px !important;
    padding-top: 30px !important;
}
}

@media (min-width: 2600px) and (max-width: 2736px) {
      #wrapper {
            background-image: url(../img/27.png) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
        background-position: top center;
    }
    body .wedding_page_copy_background_color_80, .bg_color_interior_80{
            width: 67% !important;
    }
    body.events section.main .full-splash .nav-container{
        right: 0% !important;
            left: 32% !important;
    }
    .inner-scroll{
            max-height: 41vh !important;
    }
}


@media (min-width: 1801px) and (max-width: 2000px) {
    #wrapper {
            background-image: url(../img/pdf.png) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-attachment: fixed !important;
        background-position: top center;
    }

    body.events section.main .full-splash .nav-container {
        left: 76px !important;
    }

    .inner-scroll {
        max-height: 72vh !important;
        overflow-y: auto;
    }

    .padd-r {
        margin: 0 auto !important;
        padding: 0px !important;
    }

    #scroll-right {
        right: 65px !important;
    }

    #scroll-left {
        left: 65px !important;
    }

    .faq-section {
        padding: 48px 296px !important;
    }
}


@media (min-width: 481px) and (max-width:767px){
    .yt-bg {
    /* position: relative; */
    width: 100% !important;
    height: 295px !important;
    /* overflow: hidden; */
    /* background: #000; */
}
   
     .new-pro-evt-title {
        font-size: 18px !important;
    }

    .new-pro-evt-question {
        font-size: 1rem !important;
               gap: 18px !important;
        letter-spacing: 0px !important;
    }

   
.new-pro-evt-section{
    margin: 76px  74px!important;
}
    .new-pro-evt-answer iframe {
        height: 140px !important;
    }

    header#top-banner {
        position: fixed !important;
        padding: 40px 0;
        top: hh;
        top: 0px;
        z-index: 99999;
        display: flex;
        align-items: center;
        background: white;
    }

    #lo-snn {
        margin-bottom: 15px;
        width: 34% !important;
        padding: 16px !important;
    }

    .padd-r {
        padding: 78px 7px !important;
        width: 100% !important;
    }

    section.main .welcome-box .welcome-box-border {
        margin: 0px !important;
        width: 39% !important;
    }

    section.main .welcome-box.wide-box {
        width: 100% !important;
    }

    body .wedsite-page-content-sections-wrapper,
    .bg_theme_img {
        background: transparent !important;
    }

    .welcome-video {
        width: 38% !important;
        margin-top: 33px;
    }

    #top-banner .headline {
        align-items: flex-start !important;
    }

    #top-banner {
        height: 75px !important;
    }

    h1.titleT2.theme_coloredfont {
        font-size: 33px !important;
    }

    .hero-section {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: flex-start !important;
    }

    .hero-content {
        padding: 6px 12px !important;
        margin-left: 21px;
        width: 45%;
        padding: 25px;
    }

    .hero-btn {
        padding: 3px 11px !important;
        font-size: 12px !important;
    }

    .hero-buttons {
        position: absolute;
        top: 20px;
        left: 19px;
        z-index: 9;
        display: flex;
        gap: 144px !important;
    }

    .line .next-page-btn {
        position: absolute;
        z-index: 9999;
        bottom: 62px !important;
        left: 18% !important;
        display: inline-block;
        padding: 7px 9px !important;
        background-color: #bd2525;
        color: #fff;
        font-size: 9px !important;
        font-weight: bold;
        border-radius: 8px;
        text-decoration: none;
        overflow: hidden;
        transition: all 0.3s ease;
        box-shadow: 0 0 5px #bd2525, 0 0 10px #bd2525, 0 0 15px #bd2525;
    }

    .date {
        margin-top: 0px !important;
    }

    .desc {
        margin-top: 0px !important;
    }

    .couple-name {
      
        font-size: 26px !important;
        padding: 12px 0px !important;
    }

    .block-content.text-center.remove-padding-l.remove-padding-r {
        width: 100%;
    }

    .push-10-t {
        margin-top: 10px !important;
             width: 92%;
        padding-right: 0;
        /*margin-left: 4px;*/
    }

    .ttps {
        text-align: center !important;
    }

    .block-login p {
        text-align: justify !important;
    }

    .checcks {
        font-size: 18px !important;
    }

    .block-login {
        padding: 0px !important;
    }

    .content-boxed-sm {
        width: 100% !important;
    }

    .wps {
        padding: 0px !important;
    }

    .subhead {
        text-align: justify !important;
    }

    .faq-section {
        display: flex;
        gap: 30px;
        padding: 0px !important;
        /* flex-wrap: revert-layer; */
        flex-direction: column;
        margin-top: 75px !important;
        margin-top: 33px;
    }

    .guestbook-list {
        max-width: 100% !important;
        margin: 20px 0px !important;
    }

    .faq-left h2 {
        margin-bottom: -10px !important;
        font-size: 16px !important;
        padding-left: 20px;
    }

    .faq-right {
        width: 100% !important;
    }

    #remoss .full-splash.container.flex-container {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    /* Navigation comes first */
    .travel-nav-container {
        order: 1;
        width: 100% !important;
        background: rgba(255, 255, 255, 0.1);
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    /* Make travel nav horizontally scrollable */
    .travel-nav {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 8px 10px;
        gap: 8px;
    }

    .travel-nav-item {
        flex: 0 0 auto;
        white-space: nowrap;
        background: rgba(255, 255, 255, 0.15);
        color: #fff;
        padding: 8px 14px;
        border-radius: 6px;
        font-size: 14px;
        text-align: center;
        transition: background 0.3s;
    }

    .travel-nav-item:hover,
    .travel-nav-item.active {
        background: rgba(255, 255, 255, 0.3);
        color: #000;
    }

    .travel-nav-item .menu-icon {
        display: block;
        font-size: 18px;
        margin-bottom: 4px;
    }

    .travel-nav-item .menu-text {
        font-size: 13px;
        display: block;
    }

    /* Travel content below nav */
    #travel-content-box {
        order: 2;
        width: 100% !important;
        padding: 0px !important;
    }

    .widget-container {
        padding: 0px 12px !important;
    }

    /* Remove unnecessary columns layout for mobile */
    .col-xs-6 {
        width: 100% !important;
        float: none !important;
    }

    /* Widgets layout fix */
    .widget-container {
        margin: 0;
        padding: 0;
    }

    .widget-content {
        width: 100% !important;
    }

    .widget-content-title p {
        font-size: 16px;
        font-weight: bold;
    }

    .widget-content-text p {
        font-size: 14px;
        line-height: 1.5;
    }

    .travel-nav-container {
        padding: 0px !important;
    }

    section.main .full-splash .inner-scroll-special {
        height: -webkit-calc(81vh - 147px) !important;
    }

    .widget-content-img-circle {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    /* Section spacing */
    section#remoss {
        padding: 0;
    }

    body.events section.main .full-splash .nav-container {
        padding: 25px !important;
    }

    body.events section.main .full-splash .nav-container {
        padding: 3em 0 3em 4em;
        font-size: 1rem;
        position: relative !important;
        left: -20px !important;
        right: 0;
        align-items: stretch;
        min-height: 100%;
    }

    #remoss {
        background: transparent !important;
    }

    #events {
        display: flex;
        flex-direction: column;
    }

    #event-nav-container {
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding: 10px 0;
    }

    .event-details-container,
    .event-map-container {
        width: 100% !important;
        padding: 15px 0 0 0 !important;
    }

    .event-details-container {
        margin-bottom: 15px;
    }

    /* Nav items horizontal scroll */
    .event_nav ul {
        display: inline-grid !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-left: 0;
        -webkit-overflow-scrolling: touch;
    }

    .event_nav li {
        display: inline-block;
        margin-right: 10px;
    }

    .event-nav-item {
        white-space: nowrap;
        display: inline-block;
        padding: 8px 12px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid transparent;
    }

    .nav-day-label {
        display: none;
        /* Hide date labels on very small screens */
    }

    /* Map iframe responsive */
    .event-map iframe {
        width: 100% !important;
        height: 250px;
    }

    /* Details font resize */
    .event-details h2 {
        font-size: 20px;
    }

    .event-details p {
        font-size: 14px !important;
    }


    /* Couple container padding */
    #couple-container {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Hide left/right scroll buttons on small screens */
    .left-btn,
    .right-btn {
        display: none;
    }

    /* Slider thumbnails - horizontal scroll */
    #couple .sub-nav-inner ul.cycle-slideshow {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 5px 0 !important;
    }

    #couple .sub-nav-inner ul.cycle-slideshow li.menuitem {
        min-width: 50px;
        height: 50px;
        margin-right: 8px;
        background-size: cover !important;
        background-position: center;
    }

    /* Story content stack */
    .story .row {
        display: block !important;
    }

    .story .polaroid-col,
    .story .story-text {
        width: 78% !important;
        float: none !important;
        margin-bottom: 15px;
        box-sizing: border-box;
    }

    /* Story image size */
    .story .polaroid-col .story-img {
        max-width: 100%;
        height: auto;
    }

    /* Story text adjustments */
    .story-text blockquote {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal !important;
        padding: 0 10px;
    }

    .story-text blockquote p {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }

    /* Polaroid caption */
    .story-title {
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
    }

    body {
        overflow-x: hidden;
        /* Horizontal scroll remove */
    }

    #couple-container {
        overflow-x: hidden;
        /* Slider ke outer container me bhi apply */
    }

    body {
        width: 100% !important;
    }

    /* Container overflow */
    #couple-stories {
        overflow-x: hidden;
        width: 55% !important;
        margin: 0px !important;
    }

    section.main .polaroid {
        margin: 0px !important;
    }

    section.main #couple-stories .story-text {
        padding: 0px 0px;
    }

    /* Reduce padding/margin for small devices */
    .sub-nav-inner {
        padding: 0 5px;
    }

    .story .row {
        margin-left: 0;
        margin-right: 0;
    }

    /* 
    .summary {
        width: 40%;
    }

    .details {
        width: 40%;
    } */

    /* body{
        overflow: hidden !important;
    } */



    /* #mobile-s{
        display: block;
    } */
    button#mobileMenuBtn {
        display: block;
        position: absolute;
        right: 0;
        top: 30%;
    }

    /* Hide main nav by default */
    #mainNav {
        display: none;
        width: 100%;
        background: rgba(255, 255, 255, 0.95);
        padding: 10px 0;
        border-top: 1px solid #ddd;
        position: relative;
        z-index: 9999;
    }

    /* #desk{
        display: none ;
    } */
    #top-banner nav.navigation ul li {
        display: block !important;
        margin: 24px 0px !important;
        padding: 0 22px !important;
        text-align: right !important;
    }

    i.fa-solid.fa-arrow-right.dds {
        display: none;
    }

    #top-banner nav.navigation ul {
        display: inline-block;
        list-style-type: none;
        /* padding: 0; */
        /* margin: 0; */
        width: 92%;
    }

    /* Show nav when open */
    #mainNav.nav-open {
        display: block;
        position: absolute !important;
        top: 81% !important;
    }



    /* Menu items stacked vertically */
    #mainNav ul li {
        display: block;
        margin: 10px 0;
    }

    #mainNav ul li a {
        display: block;
        padding: 10px 15px;
        font-size: 18px;
        border-bottom: 1px solid #eee;
        text-align: left;
        /* color: #000; */
    }

    #mainNav ul li:last-child a {
        border-bottom: none;
    }

    .mobile-menu-btn {
        background: none;
        border: none;
        font-size: 26px;
        padding: 10px;
        color: #000;
    }
    .status{
        letter-spacing: 2px;font-size: 15px;
    }

    /* Remove absolute display from top-banner nav */
    #top-banner {
        position: static !important;
    }

    html.font-style-variable.js.cssanimations {
        width: 100% !important;

    }


    .welcome-box {
        margin-top: 20px !important;
    }

    .btn-arrow {
        font-size: 18px !important;
        /* smaller button text on mobile */
    }

    #wrapper .main .full-splash {
        padding: 0px 0px !important;
        /* padding-left: 150px; */
        margin-top: 62px !important;
    }

    section.main .sub-nav .sub-nav-inner {
        padding: 0px 38px !important;
    }

    div#welcome-img-container {
        height: 84vh;
    }

    #welcome-video-container {
        border-radius: 0px !important;
        right: -13px !important;
    }

    body .theme_backcolor_transparent_85_alternate,
    .bg_transparent_overlay_85 {
        background-color: transparent !important;
    }

    .pswp__zoom-wrap>.row {
        flex-direction: column !important;
    }

    .pswp__zoom-wrap blockquote {
        width: 100% !important;
        padding: 12px 24px !important;
        margin: 0px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    
     .yt-bg {
                width: 100% !important;
       
  }
    h1.subhead.checcks.c-ss{
        text-align: justify !important;
    }
   .block-login p{
        text-align: justify !important;
    }
    .content.content-boxed.content-boxed-sm{
        width:100% !important;
    }
    .faq-left{
            flex: 0.10 !important;
    }
    .faq-left h2{
        margin:60px;
    }

     .new-pro-evt-title {
        font-size: 25px !important;
    }

    .new-pro-evt-question {
        font-size: 1rem !important;
               gap: 18px !important;
        letter-spacing: 0px !important;
    }

   
.new-pro-evt-section{
        margin: 80px 200px !important;
}
    .new-pro-evt-answer iframe {
        height: 140px !important;
    }
        header#top-banner {
        position: fixed !important;
        padding: 40px 0;
        top: hh;
        top: 0px;
        z-index: 99999;
        display: flex;
        align-items: center;
        background: white;
    }
    section.main #couple {
        width: 86% !important;
        margin-top: 90px;
     
    }

    #lo-snn {
        margin-bottom: 15px;
        width: 76% !important;
        padding: 16px !important;
    }

    .padd-r {
        padding: 38px 0px !important;
    }

    section.main .welcome-box .welcome-box-border {
        margin: 0px !important;
        width: 77% !important;
    }

    section.main .welcome-box.wide-box {
        width: 100% !important;
    }

    body .wedsite-page-content-sections-wrapper,
    .bg_theme_img {
        background: transparent !important;
    }

    .welcome-video {
        width: 100% !important;
    }

    #top-banner .headline {
        align-items: flex-start !important;
    }

    #top-banner {
        height: 75px !important;
    }

    h1.titleT2.theme_coloredfont {
        font-size: 33px !important;
    }

    .hero-section {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: flex-start !important;
    }

    .hero-content {
        padding: 46px 12px !important;
        margin-left: 32px;
        width: 100%;
        padding: 25px;
    }

    .hero-btn {
        padding: 3px 11px !important;
        font-size: 12px !important;
    }

    .hero-buttons {
        position: absolute;
        top: 20px;
        left: 19px;
        z-index: 9;
        display: flex;
        gap: 10px !important;
        left: 54% !important;
    }

    .line .next-page-btn {
        position: absolute;
        z-index: 9999;
        bottom: 62px !important;
        left: 37% !important;
        display: inline-block;
        padding: 7px 9px !important;
        background-color: #bd2525;
        color: #fff;
        font-size: 16px !important;
        font-weight: bold;
        border-radius: 8px;
        text-decoration: none;
        overflow: hidden;
        transition: all 0.3s ease;
        box-shadow: 0 0 5px #bd2525, 0 0 10px #bd2525, 0 0 15px #bd2525;
    }

    .date {
        margin-top: 0px !important;
    }

    .desc {
        margin-top: 0px !important;
    }

    .couple-name {
        font-size: 39px !important;
        padding: 12px 0px !important;
    }

    .block-content.text-center.remove-padding-l.remove-padding-r {
        width: 100%;
    }

    .push-10-t {
        margin-top: 10px !important;
        width: 100%;
        padding-right: 0;
        /*margin-left: 20px;*/
    }

    /* .ttps {
        text-align: center !important;
    } */

    /* .block-login p {
        text-align: justify !important;
    } */

    .checcks {
        font-size: 32px !important;
    }

    .block-login {
        padding-top: 23px !important;
    }

    /* .content-boxed-sm {
        width: 100% !important;
    } */

    .wps {
        padding: 0px !important;
    }

    .subhead {
        /* text-align: justify !important; */
        margin-bottom: 22px;
    }

    .faq-section {
        display: flex;
        gap: 30px;
        padding: 0px !important;
        /* flex-wrap: revert-layer; */
        flex-direction: column;
        margin-top: 33px;
    }

    .guestbook-list {
        max-width: 100% !important;
        margin: 23px 15px !important;
    }

    .faq-left h2 {
        margin-bottom: -10px !important;
        font-size: 23px !important;
        padding-left: 23px;
    }

    .faq-right {
        width: 100% !important;
    }

    #remoss .full-splash.container.flex-container {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    /* Navigation comes first */
    .travel-nav-container {
        order: 1;
        width: 100% !important;
        background: rgba(255, 255, 255, 0.1);
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    /* Make travel nav horizontally scrollable */
    .travel-nav {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 8px 10px;
        gap: 8px;
    }

    .travel-nav-item {
        flex: 0 0 auto;
        white-space: nowrap;
        background: rgba(255, 255, 255, 0.15);
        color: #fff;
        padding: 8px 14px;
        border-radius: 6px;
        font-size: 14px;
        text-align: center;
        transition: background 0.3s;
    }

    .travel-nav-item:hover,
    .travel-nav-item.active {
        background: rgba(255, 255, 255, 0.3);
        color: #000;
    }

    .travel-nav-item .menu-icon {
        display: block;
        font-size: 18px;
        margin-bottom: 4px;
    }

    .travel-nav-item .menu-text {
        font-size: 13px;
        display: block;
    }

    /* Travel content below nav */
    #travel-content-box {
        order: 2;
        width: 100% !important;
        padding: 0px !important;
    }

    .widget-container {
        padding: 0px 12px !important;
    }

    /* Remove unnecessary columns layout for mobile */
    .col-xs-6 {
        width: 100% !important;
        float: none !important;
    }

    /* Widgets layout fix */
    .widget-container {
        margin: 0;
        padding: 0;
    }

    .widget-content {
        width: 100% !important;
    }

    .widget-content-title p {
        font-size: 16px;
        font-weight: bold;
    }

    .widget-content-text p {
        font-size: 14px;
        line-height: 1.5;
    }

    .travel-nav-container {
        padding: 0px !important;
    }

    section.main .full-splash .inner-scroll-special {
        height: -webkit-calc(81vh - 147px) !important;
    }

    .widget-content-img-circle {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    /* Section spacing */
    section#remoss {
        padding: 0;
    }

    body.events section.main .full-splash .nav-container {
        padding: 25px !important;
    }

    body.events section.main .full-splash .nav-container {
        padding: 3em 0 3em 4em;
        font-size: 1rem;
        position: relative !important;
        left: -20px !important;
        right: 0;
        align-items: stretch;
        min-height: 100%;
    }

    #remoss {
        background: transparent !important;
    }

    #events {
        display: flex;
        flex-direction: column;
    }

    #event-nav-container {
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding: 10px 0;
    }

    .event-details-container,
    .event-map-container {
        width: 100% !important;
        padding: 15px 0 0 0 !important;
    }

    .event-details-container {
        margin-bottom: 15px;
    }

    /* Nav items horizontal scroll */
    .event_nav ul {
        display: flex !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-left: 0;
        -webkit-overflow-scrolling: touch;
    }

    .event_nav li {
        display: inline-block;
        margin-right: 10px;
    }

    .event-nav-item {
        white-space: nowrap;
        display: inline-block;
        padding: 8px 12px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid transparent;
    }

    .nav-day-label {
        display: none;
        /* Hide date labels on very small screens */
    }

    /* Map iframe responsive */
    .event-map iframe {
        width: 100% !important;
        height: 250px;
    }

    /* Details font resize */
    .event-details h2 {
        font-size: 20px;
    }

    .event-details p {
        font-size: 14px !important;
    }


    /* Couple container padding */
    #couple-container {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Hide left/right scroll buttons on small screens */
    .left-btn,
    .right-btn {
        display: none;
    }

    /* Slider thumbnails - horizontal scroll */
    #couple .sub-nav-inner ul.cycle-slideshow {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 45% !important;
        -webkit-overflow-scrolling: touch;
        padding: 5px 0 !important;
    }

    #couple .sub-nav-inner ul.cycle-slideshow li.menuitem {
        min-width: 50px;
        height: 50px;
        margin-right: 8px;
        background-size: cover !important;
        background-position: center;
    }

    /* Story content stack */
    .story .row {
        display: block !important;
    }

    .story .polaroid-col,
    .story .story-text {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px;
        box-sizing: border-box;
    }

    /* Story image size */
    .story .polaroid-col .story-img {
        max-width: 100%;
        height: auto;
    }

    /* Story text adjustments */
    .story-text blockquote {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal !important;
        padding: 0 10px;
    }

    .story-text blockquote p {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }

    /* Polaroid caption */
    .story-title {
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
    }

    body {
        overflow-x: hidden;
        /* Horizontal scroll remove */
    }

    #couple-container {
        overflow-x: hidden;
        /* Slider ke outer container me bhi apply */
    }

    body {
        width: 100% !important;
    }

    /* Container overflow */
    #couple-stories {
        overflow-x: hidden;
        width: 88% !important;
        margin: 0px !important;
    }

    /* section.main .polaroid {
        margin: 0px !important;
    } */

    section.main #couple-stories .story-text {
        padding: 0px 0px;
    }

    /* Reduce padding/margin for small devices */
    .sub-nav-inner {
        padding: 0 5px;
    }

    .story .row {
        margin-left: 0;
        margin-right: 0;
    }

    /* 
    .summary {
        width: 40%;
    }

    .details {
        width: 40%;
    } */

    /* body{
        overflow: hidden !important;
    } */



    /* #mobile-s{
        display: block;
    } */
    button#mobileMenuBtn {
        display: block;
        position: absolute;
        right: 0;
        top: 30%;
    }

    /* Hide main nav by default */
    #mainNav {
        display: none;
        width: 100%;
        background: rgba(255, 255, 255, 0.95);
        padding: 10px 0;
        border-top: 1px solid #ddd;
        position: relative;
        z-index: 9999;
    }

    /* #desk{
        display: none ;
    } */
    #top-banner nav.navigation ul li {
        display: block !important;
        margin: 24px 0px !important;
        padding: 0 22px !important;
        text-align: right !important;
    }

    i.fa-solid.fa-arrow-right.dds {
        display: none;
    }

    #top-banner nav.navigation ul {
        display: inline-block;
        list-style-type: none;
        /* padding: 0; */
        /* margin: 0; */
        width: 92%;
    }

    /* Show nav when open */
    #mainNav.nav-open {
        display: block;
        position: absolute !important;
        top: 81% !important;
    }



    /* Menu items stacked vertically */
    #mainNav ul li {
        display: block;
        margin: 10px 0;
    }

    #mainNav ul li a {
        display: block;
        padding: 10px 15px;
        font-size: 18px;
        border-bottom: 1px solid #eee;
        text-align: left;
        color: #000;
    }

    #mainNav ul li:last-child a {
        border-bottom: none;
    }

    .mobile-menu-btn {
        background: none;
        border: none;
        font-size: 26px;
        padding: 10px;
        color: #000;
    }

    /* Remove absolute display from top-banner nav */
    #top-banner {
        position: static !important;
    }

    html.font-style-variable.js.cssanimations {
        width: 100% !important;

    }


    .welcome-box {
        margin-top: 20px !important;
    }

    .btn-arrow {
        font-size: 18px !important;
        /* smaller button text on mobile */
    }

    #wrapper .main .full-splash {
        padding: 0px 0px !important;
        width: 100%;
        /* padding-left: 150px; */
        margin: 0px !important;
    }

    section.main .sub-nav .sub-nav-inner {
        padding: 0px 3px !important;
    }

    div#welcome-img-container {
        height: 84vh;
    }

    body .theme_backcolor_transparent_85_alternate,
    .bg_transparent_overlay_85 {
        background-color: transparent !important;
    }
}



@media (min-width: 361px) and (max-width:480px){
     section.main #couple{
        width:100%;
    }
     .yt-bg {
                       width: 95% !important;
        height: auto !important;
  }

  .yt-bg iframe {
    width: 130vw;     /* zoom in for mobile */
    height: 73vw;     /* maintain cover */
  }
    .subheadd{
        font-size:21px !important;
    }
     .new-pro-evt-title {
        font-size: 20px !important;
                text-align: justify !important;
    }

    .new-pro-evt-question {
        font-size: 1rem !important;
               gap: 18px !important;
        letter-spacing: 0px !important;
    }

   
.new-pro-evt-section{
    margin: 80px 12px!important;
}
    .new-pro-evt-answer iframe {
        height: 140px !important;
    }
    .new-pro-evt-section{
        padding:2px !important;
    }

    header#top-banner {
        position: fixed !important;
        padding: 40px 0;
        top: hh;
        top: 0px;
        z-index: 99999;
        display: flex;
        align-items: center;
        background: white;
    }

    #lo-snn {
        margin-bottom: 15px;
        width: 34% !important;
        padding: 16px !important;
    }

    .padd-r {
        padding: 78px 7px !important;
        width: 100% !important;
    }

    section.main .welcome-box .welcome-box-border {
        margin: 0px !important;
        width: 100% !important;
    }

    section.main .welcome-box.wide-box {
        width: 100% !important;
    }

    body .wedsite-page-content-sections-wrapper,
    .bg_theme_img {
        background: transparent !important;
    }

    .welcome-video {
        width: 38% !important;
        margin-top: 33px;
    }

    #top-banner .headline {
        align-items: flex-start !important;
    }

    #top-banner {
        height: 75px !important;
    }

    h1.titleT2.theme_coloredfont {
        font-size: 33px !important;
    }

    .hero-section {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: flex-start !important;
    }

    .hero-content {
        padding: 6px 12px !important;
               margin-left: 14px;
        width: 91%;
        padding: 25px;
    }

    .hero-btn {
        padding: 3px 11px !important;
        font-size: 12px !important;
    }

    .hero-buttons {
        position: absolute;
        top: 20px;
        left: 19px;
        z-index: 9;
        display: flex;
        gap: 144px !important;
    }

    .line .next-page-btn {
        position: absolute;
        z-index: 9999;
        bottom: 62px !important;
        left:33% !important;
        display: inline-block;
        padding: 7px 9px !important;
        background-color: #bd2525;
        color: #fff;
        font-size: 9px !important;
        font-weight: bold;
        border-radius: 8px;
        text-decoration: none;
        overflow: hidden;
        transition: all 0.3s ease;
        box-shadow: 0 0 5px #bd2525, 0 0 10px #bd2525, 0 0 15px #bd2525;
    }

    .date {
        margin-top: 0px !important;
    }

    .desc {
        margin-top: 0px !important;
    }

    .couple-name {
      
        font-size: 26px !important;
        padding: 12px 0px !important;
    }

    .block-content.text-center.remove-padding-l.remove-padding-r {
        width: 100%;
    }

    .push-10-t {
        margin-top: 10px !important;
             width: 92%;
        padding-right: 0;
        /*margin-left: 4px;*/
    }

    .ttps {
        text-align: center !important;
    }

    .block-login p {
        text-align: justify !important;
    }

    .checcks {
        font-size: 18px !important;
    }

    .block-login {
        padding: 0px !important;
    }

    .content-boxed-sm {
        width: 100% !important;
    }

    .wps {
        padding: 0px !important;
    }

    .subhead {
        text-align: justify !important;
    }

    .faq-section {
        display: flex;
        gap: 30px;
        padding: 0px !important;
        /* flex-wrap: revert-layer; */
        flex-direction: column;
        margin-top: 75px !important;
        margin-top: 33px;
    }

    .guestbook-list {
        max-width: 100% !important;
        margin: 20px 0px !important;
    }

    .faq-left h2 {
        margin-bottom: -10px !important;
        font-size: 16px !important;
        padding-left: 20px;
    }

    .faq-right {
        width: 100% !important;
    }

    #remoss .full-splash.container.flex-container {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    /* Navigation comes first */
    .travel-nav-container {
        order: 1;
        width: 100% !important;
        background: rgba(255, 255, 255, 0.1);
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    /* Make travel nav horizontally scrollable */
    .travel-nav {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 8px 10px;
        gap: 8px;
    }

    .travel-nav-item {
        flex: 0 0 auto;
        white-space: nowrap;
        background: rgba(255, 255, 255, 0.15);
        color: #fff;
        padding: 8px 14px;
        border-radius: 6px;
        font-size: 14px;
        text-align: center;
        transition: background 0.3s;
    }

    .travel-nav-item:hover,
    .travel-nav-item.active {
        background: rgba(255, 255, 255, 0.3);
        color: #000;
    }

    .travel-nav-item .menu-icon {
        display: block;
        font-size: 18px;
        margin-bottom: 4px;
    }

    .travel-nav-item .menu-text {
        font-size: 13px;
        display: block;
    }

    /* Travel content below nav */
    #travel-content-box {
        order: 2;
        width: 100% !important;
        padding: 0px !important;
    }

    .widget-container {
        padding: 0px 12px !important;
    }

    /* Remove unnecessary columns layout for mobile */
    .col-xs-6 {
        width: 100% !important;
        float: none !important;
    }

    /* Widgets layout fix */
    .widget-container {
        margin: 0;
        padding: 0;
    }

    .widget-content {
        width: 100% !important;
    }

    .widget-content-title p {
        font-size: 16px;
        font-weight: bold;
    }

    .widget-content-text p {
        font-size: 14px;
        line-height: 1.5;
    }

    .travel-nav-container {
        padding: 0px !important;
    }

    section.main .full-splash .inner-scroll-special {
        height: -webkit-calc(81vh - 147px) !important;
    }

    .widget-content-img-circle {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    /* Section spacing */
    section#remoss {
        padding: 0;
    }

    body.events section.main .full-splash .nav-container {
        padding: 25px !important;
    }

    body.events section.main .full-splash .nav-container {
        padding: 3em 0 3em 4em;
        font-size: 1rem;
        position: relative !important;
        left: -20px !important;
        right: 0;
        align-items: stretch;
        min-height: 100%;
    }

    #remoss {
        background: transparent !important;
    }

    #events {
        display: flex;
        flex-direction: column;
    }

    #event-nav-container {
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding: 10px 0;
    }

    .event-details-container,
    .event-map-container {
        width: 100% !important;
        padding: 15px 0 0 0 !important;
    }

    .event-details-container {
        margin-bottom: 15px;
    }

    /* Nav items horizontal scroll */
    .event_nav ul {
        display: inline-grid !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-left: 0;
        -webkit-overflow-scrolling: touch;
    }

    .event_nav li {
        display: inline-block;
        margin-right: 10px;
    }

    .event-nav-item {
        white-space: nowrap;
        display: inline-block;
        padding: 8px 12px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid transparent;
    }

    .nav-day-label {
        display: none;
        /* Hide date labels on very small screens */
    }

    /* Map iframe responsive */
    .event-map iframe {
        width: 100% !important;
        height: 250px;
    }

    /* Details font resize */
    .event-details h2 {
        font-size: 20px;
    }

    .event-details p {
        font-size: 14px !important;
    }


    /* Couple container padding */
    #couple-container {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Hide left/right scroll buttons on small screens */
    .left-btn,
    .right-btn {
        display: none;
    }

    /* Slider thumbnails - horizontal scroll */
    #couple .sub-nav-inner ul.cycle-slideshow {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 5px 0 !important;
    }

    #couple .sub-nav-inner ul.cycle-slideshow li.menuitem {
        min-width: 50px;
        height: 50px;
        margin-right: 8px;
        background-size: cover !important;
        background-position: center;
    }

    /* Story content stack */
    .story .row {
        display: block !important;
    }

    .story .polaroid-col,
    .story .story-text {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px;
        box-sizing: border-box;
    }

    /* Story image size */
    .story .polaroid-col .story-img {
        max-width: 100%;
        height: auto;
    }

    /* Story text adjustments */
    .story-text blockquote {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal !important;
        padding: 0 10px;
    }

    .story-text blockquote p {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }

    /* Polaroid caption */
    .story-title {
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
    }

    body {
        overflow-x: hidden;
        /* Horizontal scroll remove */
    }

    #couple-container {
        overflow-x: hidden;
        /* Slider ke outer container me bhi apply */
    }

    body {
        width: 100% !important;
    }

    /* Container overflow */
    #couple-stories {
        overflow-x: hidden;
        width: 100% !important;
        margin: 0px !important;
    }

    section.main .polaroid {
        margin: 0px auto !important;
    }

    section.main #couple-stories .story-text {
        padding: 0px 0px;
    }

    /* Reduce padding/margin for small devices */
    .sub-nav-inner {
        padding: 0 5px;
    }

    .story .row {
        margin-left: 0;
        margin-right: 0;
    }

    /* 
    .summary {
        width: 40%;
    }

    .details {
        width: 40%;
    } */

    /* body{
        overflow: hidden !important;
    } */



    /* #mobile-s{
        display: block;
    } */
    button#mobileMenuBtn {
        display: block;
        position: absolute;
        right: 0;
        top: 30%;
    }

    /* Hide main nav by default */
    #mainNav {
        display: none;
        width: 100%;
        background: rgba(255, 255, 255, 0.95);
        padding: 10px 0;
        border-top: 1px solid #ddd;
        position: relative;
        z-index: 9999;
    }

    /* #desk{
        display: none ;
    } */
    #top-banner nav.navigation ul li {
        display: block !important;
        margin: 24px 0px !important;
        padding: 0 22px !important;
        text-align: right !important;
    }

    i.fa-solid.fa-arrow-right.dds {
        display: none;
    }

    #top-banner nav.navigation ul {
        display: inline-block;
        list-style-type: none;
        /* padding: 0; */
        /* margin: 0; */
        width: 92%;
    }

    /* Show nav when open */
    #mainNav.nav-open {
        display: block;
        position: absolute !important;
        top: 81% !important;
    }



    /* Menu items stacked vertically */
    #mainNav ul li {
        display: block;
        margin: 10px 0;
    }

    #mainNav ul li a {
        display: block;
        padding: 10px 15px;
        font-size: 18px;
        border-bottom: 1px solid #eee;
        text-align: left;
        /* color: #000; */
    }

    #mainNav ul li:last-child a {
        border-bottom: none;
    }

    .mobile-menu-btn {
        background: none;
        border: none;
        font-size: 26px;
        padding: 10px;
        color: #000;
    }
    .status{
        letter-spacing: 2px;font-size: 15px;
    }

    /* Remove absolute display from top-banner nav */
    #top-banner {
        position: static !important;
    }

    html.font-style-variable.js.cssanimations {
        width: 100% !important;

    }


    .welcome-box {
        margin-top: 20px !important;
    }

    .btn-arrow {
        font-size: 18px !important;
        /* smaller button text on mobile */
    }

    #wrapper .main .full-splash {
        padding: 0px 0px !important;
        /* padding-left: 150px; */
        margin-top: 62px !important;
    }

    section.main .sub-nav .sub-nav-inner {
        padding: 0px 38px !important;
    }

    div#welcome-img-container {
        height: 84vh;
    }

    #welcome-video-container {
        border-radius: 0px !important;
        right: -13px !important;
    }

    body .theme_backcolor_transparent_85_alternate,
    .bg_transparent_overlay_85 {
        background-color: transparent !important;
    }

    .pswp__zoom-wrap>.row {
        flex-direction: column !important;
    }

    .pswp__zoom-wrap blockquote {
        width: 100% !important;
        padding: 12px 24px !important;
        margin: 0px !important;
    }
}
@media (max-width: 360px) {
    section.main #couple{
        width:100%;
    }
     .yt-bg {
                width: 95% !important;
        height:auto !important;
  }

  .yt-bg iframe {
    width: 130vw;     /* zoom in for mobile */
    height: 73vw;     /* maintain cover */
  }

     .new-pro-evt-title {
        font-size: 20px !important;
         text-align: justify !important;
    }

    .new-pro-evt-question {
        font-size: 1rem !important;
               gap: 18px !important;
        letter-spacing: 0px !important;
    }

   
.new-pro-evt-section{
    margin: 59px 0 !important;
}
.new-pro-evt-section{
    padding:3px !important;
}
    .new-pro-evt-answer iframe {
        height: 140px !important;
    }

    header#top-banner {
        position: fixed !important;
        padding: 40px 0;
        top: hh;
        top: 0px;
        z-index: 99999;
        display: flex;
        align-items: center;
        background: white;
    }

    #lo-snn {
        margin-bottom: 15px;
        width: 34% !important;
        padding: 16px !important;
    }

    .padd-r {
        padding: 78px 7px !important;
        width: 100% !important;
    }

    section.main .welcome-box .welcome-box-border {
        margin: 0px !important;
        width: 100% !important;
    }

    section.main .welcome-box.wide-box {
        width: 100% !important;
    }

    body .wedsite-page-content-sections-wrapper,
    .bg_theme_img {
        background: transparent !important;
    }

    .welcome-video {
        width: 35% !important;
        margin-top: 33px;
    }

    #top-banner .headline {
        align-items: flex-start !important;
    }

    #top-banner {
        height: 75px !important;
    }

    h1.titleT2.theme_coloredfont {
        font-size: 33px !important;
    }

    .hero-section {
        position: relative;
        width: 100%;
        height: 100vh;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: flex-start !important;
    }

    .hero-content {
        padding: 6px 12px !important;
        margin-left: 6px;
        width: 96%;
        padding: 25px;
    }

    .hero-btn {
        padding: 3px 11px !important;
        font-size: 12px !important;
    }

    .hero-buttons {
        position: absolute;
        top: 20px;
        left: 19px;
        z-index: 9;
        display: flex;
        gap: 144px !important;
    }

    .line .next-page-btn {
        position: absolute;
        z-index: 9999;
        bottom: 62px !important;
        left: 32% !important;
        display: inline-block;
        padding: 7px 9px !important;
        background-color: #bd2525;
        color: #fff;
        font-size: 9px !important;
        font-weight: bold;
        border-radius: 8px;
        text-decoration: none;
        overflow: hidden;
        transition: all 0.3s ease;
        box-shadow: 0 0 5px #bd2525, 0 0 10px #bd2525, 0 0 15px #bd2525;
    }

    .date {
        margin-top: 0px !important;
    }

    .desc {
        margin-top: 0px !important;
    }

    .couple-name {
      
        font-size: 26px !important;
        padding: 12px 0px !important;
    }

    .block-content.text-center.remove-padding-l.remove-padding-r {
        width: 100%;
    }

    .push-10-t {
        margin-top: 10px !important;
             width: 100%;
        padding-right: 0;
        /*margin-left: 4px;*/
    }

    .ttps {
        text-align: center !important;
    }

    .block-login p {
        text-align: justify !important;
    }

    .checcks {
        font-size: 18px !important;
    }

    .block-login {
        padding: 0px !important;
    }

    .content-boxed-sm {
        width: 100% !important;
    }

    .wps {
        padding: 0px !important;
    }

    .subhead {
        text-align: justify !important;
    }

    .faq-section {
        display: flex;
        gap: 30px;
        padding: 0px !important;
        /* flex-wrap: revert-layer; */
        flex-direction: column;
        margin-top: 75px !important;
        margin-top: 33px;
    }

    .guestbook-list {
        max-width: 100% !important;
        margin: 20px 0px !important;
    }

    .faq-left h2 {
        margin-bottom: -10px !important;
        font-size: 16px !important;
        padding-left: 20px;
    }

    .faq-right {
        width: 100% !important;
    }

    #remoss .full-splash.container.flex-container {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    /* Navigation comes first */
    .travel-nav-container {
        order: 1;
        width: 100% !important;
        background: rgba(255, 255, 255, 0.1);
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    /* Make travel nav horizontally scrollable */
    .travel-nav {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 8px 10px;
        gap: 8px;
    }

    .travel-nav-item {
        flex: 0 0 auto;
        white-space: nowrap;
        background: rgba(255, 255, 255, 0.15);
        color: #fff;
        padding: 8px 14px;
        border-radius: 6px;
        font-size: 14px;
        text-align: center;
        transition: background 0.3s;
    }

    .travel-nav-item:hover,
    .travel-nav-item.active {
        background: rgba(255, 255, 255, 0.3);
        color: #000;
    }

    .travel-nav-item .menu-icon {
        display: block;
        font-size: 18px;
        margin-bottom: 4px;
    }

    .travel-nav-item .menu-text {
        font-size: 13px;
        display: block;
    }

    /* Travel content below nav */
    #travel-content-box {
        order: 2;
        width: 100% !important;
        padding: 0px !important;
    }

    .widget-container {
        padding: 0px 12px !important;
    }

    /* Remove unnecessary columns layout for mobile */
    .col-xs-6 {
        width: 100% !important;
        float: none !important;
    }

    /* Widgets layout fix */
    .widget-container {
        margin: 0;
        padding: 0;
    }

    .widget-content {
        width: 100% !important;
    }

    .widget-content-title p {
        font-size: 16px;
        font-weight: bold;
    }

    .widget-content-text p {
        font-size: 14px;
        line-height: 1.5;
    }

    .travel-nav-container {
        padding: 0px !important;
    }

    section.main .full-splash .inner-scroll-special {
        height: -webkit-calc(81vh - 147px) !important;
    }

    .widget-content-img-circle {
        width: 100%;
        height: auto;
        border-radius: 8px;
    }

    /* Section spacing */
    section#remoss {
        padding: 0;
    }

    body.events section.main .full-splash .nav-container {
        padding: 25px !important;
    }

    body.events section.main .full-splash .nav-container {
        padding: 3em 0 3em 4em;
        font-size: 1rem;
        position: relative !important;
        left: -20px !important;
        right: 0;
        align-items: stretch;
        min-height: 100%;
    }

    #remoss {
        background: transparent !important;
    }

    #events {
        display: flex;
        flex-direction: column;
    }

    #event-nav-container {
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        padding: 10px 0;
    }

    .event-details-container,
    .event-map-container {
        width: 100% !important;
        padding: 15px 0 0 0 !important;
    }

    .event-details-container {
        margin-bottom: 15px;
    }

    /* Nav items horizontal scroll */
    .event_nav ul {
        display: inline-grid !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-left: 0;
        -webkit-overflow-scrolling: touch;
    }

    .event_nav li {
        display: inline-block;
        margin-right: 10px;
    }

    .event-nav-item {
        white-space: nowrap;
        display: inline-block;
        padding: 8px 12px;
        font-size: 14px;
        border-radius: 6px;
        border: 1px solid transparent;
    }

    .nav-day-label {
        display: none;
        /* Hide date labels on very small screens */
    }

    /* Map iframe responsive */
    .event-map iframe {
        width: 100% !important;
        height: 250px;
    }

    /* Details font resize */
    .event-details h2 {
        font-size: 20px;
    }

    .event-details p {
        font-size: 14px !important;
    }


    /* Couple container padding */
    #couple-container {
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Hide left/right scroll buttons on small screens */
    .left-btn,
    .right-btn {
        display: none;
    }

    /* Slider thumbnails - horizontal scroll */
    #couple .sub-nav-inner ul.cycle-slideshow {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 5px 0 !important;
    }

    #couple .sub-nav-inner ul.cycle-slideshow li.menuitem {
        min-width: 50px;
        height: 50px;
        margin-right: 8px;
        background-size: cover !important;
        background-position: center;
    }

    /* Story content stack */
    .story .row {
        display: block !important;
    }

    .story .polaroid-col,
    .story .story-text {
        width: 100% !important;
        float: none !important;
        margin-bottom: 15px;
        box-sizing: border-box;
    }

    /* Story image size */
    .story .polaroid-col .story-img {
        max-width: 100%;
        height: auto;
    }

    /* Story text adjustments */
    .story-text blockquote {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal !important;
        padding: 0 10px;
    }

    .story-text blockquote p {
        font-size: 14px;
        line-height: 1.5;
        margin: 0 0 10px 0;
    }

    /* Polaroid caption */
    .story-title {
        font-size: 12px;
        text-align: center;
        margin-top: 5px;
    }

    body {
        overflow-x: hidden;
        /* Horizontal scroll remove */
    }

    #couple-container {
        overflow-x: hidden;
        /* Slider ke outer container me bhi apply */
    }

    body {
        width: 100% !important;
    }

    /* Container overflow */
    #couple-stories {
        overflow-x: hidden;
        width: 100% !important;
        margin: 0px !important;
    }

    section.main .polaroid {
        margin: 0px  !important;
    }

    section.main #couple-stories .story-text {
        padding: 0px 0px;
    }

    /* Reduce padding/margin for small devices */
    .sub-nav-inner {
        padding: 0 5px;
    }

    .story .row {
        margin-left: 0;
        margin-right: 0;
    }

    /* 
    .summary {
        width: 40%;
    }

    .details {
        width: 40%;
    } */

    /* body{
        overflow: hidden !important;
    } */



    /* #mobile-s{
        display: block;
    } */
    button#mobileMenuBtn {
        display: block;
        position: absolute;
        right: 0;
        top: 30%;
    }

    /* Hide main nav by default */
    #mainNav {
        display: none;
        width: 100%;
        background: rgba(255, 255, 255, 0.95);
        padding: 10px 0;
        border-top: 1px solid #ddd;
        position: relative;
        z-index: 9999;
    }

    /* #desk{
        display: none ;
    } */
    #top-banner nav.navigation ul li {
        display: block !important;
        margin: 24px 0px !important;
        padding: 0 22px !important;
        text-align: right !important;
    }

    i.fa-solid.fa-arrow-right.dds {
        display: none;
    }

    #top-banner nav.navigation ul {
        display: inline-block;
        list-style-type: none;
        /* padding: 0; */
        /* margin: 0; */
        width: 92%;
    }

    /* Show nav when open */
    #mainNav.nav-open {
        display: block;
        position: absolute !important;
        top: 81% !important;
    }



    /* Menu items stacked vertically */
    #mainNav ul li {
        display: block;
        margin: 10px 0;
    }

    #mainNav ul li a {
        display: block;
        padding: 10px 15px;
        font-size: 18px;
        border-bottom: 1px solid #eee;
        text-align: left;
        /* color: #000; */
    }

    #mainNav ul li:last-child a {
        border-bottom: none;
    }

    .mobile-menu-btn {
        background: none;
        border: none;
        font-size: 26px;
        padding: 10px;
        color: #000;
    }
    .status{
        letter-spacing: 2px;font-size: 15px;
    }

    /* Remove absolute display from top-banner nav */
    #top-banner {
        position: static !important;
    }

    html.font-style-variable.js.cssanimations {
        width: 100% !important;

    }


    .welcome-box {
        margin-top: 20px !important;
    }

    .btn-arrow {
        font-size: 18px !important;
        /* smaller button text on mobile */
    }

    #wrapper .main .full-splash {
        padding: 0px 0px !important;
        /* padding-left: 150px; */
        margin-top: 62px !important;
    }

    section.main .sub-nav .sub-nav-inner {
        padding: 0px 3px !important;
    }

    div#welcome-img-container {
        height: 84vh;
    }

    #welcome-video-container {
        border-radius: 0px !important;
        right: -13px !important;
    }

    body .theme_backcolor_transparent_85_alternate,
    .bg_transparent_overlay_85 {
        background-color: transparent !important;
    }

    .pswp__zoom-wrap>.row {
        flex-direction: column !important;
    }

    .pswp__zoom-wrap blockquote {
        width: 100% !important;
        padding: 12px 24px !important;
        margin: 0px !important;
    }
}


@media (min-width: 420px) and (max-width: 435px) {
      .guestbook-list {
        max-width: 100% !important;
        margin: 20px 0px !important;
    }
    .faq-right{
                width: 100% !important;
    }
      .faq-left{
            flex: 0.10 !important;
    }
    .faq-left h2{
        margin:60px;
        padding:0px !important;
    }
    .new-pro-evt-item{
        
    padding: 10px 20px !important;
    }
    .story .polaroid-col, .story .story-text{
                width: 100% !important;
    }
     .welcome-video{
        width:41% !important;
    }
    section.main .welcome-box .welcome-box-border{
        width: 100% !important;
    }
      .hero-content {
        padding: 6px 12px !important;
        margin-left: 14px;
        width: 92%;
        padding: 25px;
    }
    .line .next-page-btn{
        left:33% !important;
    }
}

@media (min-width: 400px) and (max-width: 420px) {
        .guestbook-list {
        max-width: 100% !important;
        margin: 20px 0px !important;
    }
    .welcome-video{
        width:40% !important;
    }
      .hero-content {
        padding: 6px 12px !important;
        margin-left: 14px;
        width: 91%;
        padding: 25px;
    }
    .line .next-page-btn{
        left:33% !important;
    }
}

@media (min-width: 361px) and (max-width: 375px) {
      .hero-content {
        padding: 6px 12px !important;
        margin-left: 14px;
        width: 91%;
        padding: 25px;
    }
    .line .next-page-btn{
        left:33% !important;
    }
}

/* iOS (iPhone Safari + iOS Chrome) ONLY */
/*@supports (-webkit-touch-callout: none) {*/

/*  .hero,*/
/*  .hero video {*/
/*    position: fixed;*/
/*    inset: 0;*/
/*    width: 100%;*/
/*    height: 100dvh;*/
/*    object-fit: cover;*/
/*    z-index: 1;*/
/*  }*/

/*  html, body {*/
/*    overflow: hidden;*/
/*    height: 100dvh;*/
/*  }*/
  
/*  .line .next-page-btn{*/
/*      bottom:100px important;*/
/*  }*/

  /*.hero-content,*/
  /*.content-box {*/
  /*  position: fixed;*/
  /*  transform: translate(-50%, -50%);*/
  /*  text-align: center;*/
  /*  z-index: 2;*/
  /*}*/

/*  .cta-button {*/
/*    position: fixed;*/
/*     left: 48%;*/*/
/*    transform: translateX(-50%);*/
    
/*    z-index: 2;*/
/*  }*/

  /* iPhone 12–14 */
  /*@media (max-width: 390px) {*/
  /*  .hero-content { top: 11%; left: 17%; width: 36%; }*/
  /*  .cta-button { top: calc(50% + 80px); */
  /*     
  /*  }*/
  /*}*/

  /* iPhone 14 Pro–17 */
  /*@media (min-width: 391px) and (max-width: 410px) {*/
  /*  .hero-content { top: 48%; left: 50%; width: 85%; }*/
  /*  .cta-button { top: calc(48% + 90px); }*/
  /*}*/

  /* Pro Max */
  /*@media (min-width: 411px) and (max-width: 430px) {*/
  /*  .hero-content { top: 46%; left: 50%; width: 80%; }*/
  /*  .cta-button { top: calc(46% + 100px); }*/
/*  }*/

/* iOS Safari + iOS Chrome ONLY – Android pe ignore ho jaayega */
/*@supports (-webkit-touch-callout: none) {*/
/*  html, body {*/
/*    margin: 0 !important;*/
/*    padding: 0 !important;*/
/*    width: 100% !important;*/
/*    height: 100svh !important;*/
/*    min-height: -webkit-fill-available !important;*/
/*    overflow-x: clip !important;*/
    overflow-y: clip !important;           /* agar page pe vertical scroll nahi chahiye to clip, warna auto kar dena */
/*    position: relative !important;*/
/*    overscroll-behavior: none !important;*/
/*    scrollbar-gutter: stable !important;*/
/*  }*/
/*body {*/
    /*overflow: clip !important;  */
/*  }*/
  /* Hero / background / full-screen elements ko lock karo */
/*  body,*/
/*  .hero,*/
/*  #wrapper,*/
/*  .full-splash,*/
/*  [style*="background-image"],*/
/*  .background,*/
/*  .bg_theme_img,*/
/*  .wedsite-page-content-sections-wrapper {*/
/*    position: fixed !important;*/
/*    inset: 0 !important;*/
/*    width: 100% !important;*/
/*    height: 100svh !important;*/
/*    max-width: 100% !important;*/
/*    overflow: clip !important;*/
    /*background-attachment: scroll !important;*/
/*    right: 0 !important;*/
/*    bottom: 0 !important;*/
/*    margin: 0 !important;*/
/*  }*/

  /* Negative right wale sab fix karo (sabse bada culprit) */
/*  #welcome-video-container {*/
/*    right: 0 !important;*/
/*    margin-right: 0 !important;*/
/*    left: auto !important;*/
/*  }*/

  /* Overlay / CTA / text box safe rakho */
/*  .cta-button,*/
/*  .maroon-box,*/
/*  .overlay-box,*/
/*  .red-strip,*/
/*  .hero-content,*/
/*  .hero-buttons {*/
/*    max-width: calc(100% - 40px) !important;*/
/*    left: 50% !important;*/
/*    transform: translateX(-50%) !important;*/
/*    right: auto !important;*/
/*    box-sizing: border-box !important;*/
/*  }*/

  /* Global safety – sab elements ko force clip */
/*  * {*/
/*    box-sizing: border-box !important;*/
/*    max-width: 100% !important;*/
/*    overflow-x: clip !important;*/
/*  }*/
/*}*/


/* iOS Safari specific fixes */
/*@supports (-webkit-touch-callout: none) {*/

  /* Fix viewport height issues */
/*  html {*/
/*    height: 100svh !important;*/
/*    overscroll-behavior: none !important;*/
/*  }*/

  /* DO NOT lock body scroll (safe for content pages) */
/*  body {*/
/*    min-height: 100svh !important;*/
/*    margin: 0 !important;*/
/*    background-attachment: scroll !important;*/
/*  }*/

  /* Fix background drift / zoom on iOS */
/*  .background-container,*/
/*  .hero,*/
/*  .full-splash,*/
/*  [style*="background-image"] {*/
/*    background-attachment: scroll !important;*/
/*    background-position: center center !important;*/
/*    background-size: cover !important;*/
/*    background-repeat: no-repeat !important;*/
/*  }*/

  /* Prevent horizontal overflow */
/*  * {*/
/*    max-width: 100% !important;*/
/*    overflow-x: clip !important;*/
/*  }*/
/*}*/
/* iOS Safari specific fixes */
/* iOS Safari – STOP elastic horizontal pan */
/*@supports (-webkit-touch-callout: none) {*/

/*  html {*/
/*    overflow-x: hidden !important;*/
/*    position: relative !important;*/
/*  }*/

/*  body {*/
/*    overflow-x: hidden !important;*/
/*    position: relative !important;*/
    touch-action: pan-y !important; /* allow vertical only */
/*  }*/

  /* Kill Pagelayer overflow */
/*  .pagelayer-row,*/
/*  .pagelayer-col,*/
/*  .pagelayer-container,*/
/*  [class*="pagelayer"] {*/
/*    max-width: 100% !important;*/
/*    overflow-x: hidden !important;*/
/*  }*/

  /* Absolute / fixed elements fix */
/*  * {*/
/*    max-width: 100% !important;*/
/*  }*/

  /* Hard fix for 100vw (MAIN CAUSE) */
/*  *[style*="100vw"] {*/
/*    width: 100% !important;*/
/*    max-width: 100% !important;*/
/*    left: 0 !important;*/
/*    right: 0 !important;*/
/*  }*/
/*}*/




/* ===== iPhone Safari Horizontal Scroll FIX ===== */
html, body {
  position: relative;
  overflow-x: hidden !important;
  width: 100% !important;
}

body {
  margin: 0 !important;
}

#wrapper {
  width: 100% !important;
  overflow-x: hidden !important;
}

/* Safari viewport rounding bug fix */
@supports (-webkit-touch-callout: none) {
  html, body {
    overflow-x: hidden !important;
  }

   @media (max-width: 480px) {
    .line .next-page-btn {
      position: fixed !important;
      left: 50% !important;
      transform: translateX(-50%) !important;
      bottom: calc(20px + env(safe-area-inset-bottom)) !important;
      z-index: 99999 !important;
      display: inline-block !important;
    }
  }
}














/* ✅ MOBILE FIX */