@media screen and (min-width: 1200px) {
    .container {
        max-width: 1100px;
    }
}


@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .profile-qr-code img {
        width: 100px;
    }
    .profile-photo {
        max-width: 230px;
    }
    .profile-basic-info .profile-name {
        font-size: 25px;
    }
    .profile-basic-info .user-address,
    .profile-basic-info .member-since {
        font-size: 22px;
    }
    .contact-page.contact-area::before {
        height: 320px;
    }
    /* memory page  */
    #Megazine {
        width: 100%;
        /*! height: 842px; */
        max-width: 1100px;
        margin: 0 auto;
        transition: 0.3s;
    }
    .memory-slider-next {
        right: -30px;
        width: 70px;
        height: 70px;
    }
    .memory-slider-prev {
        left: -30px;
        width: 70px;
        height: 70px;
    }
    .comment-wp .quet-icon {
        position: absolute;
        left: -27px;
        top: -2px;
        max-width: 180px;
    }
}

/*
====================================
Medium Screen - Others
====================================
*/

@media screen and (min-width: 992px) and (max-width: 1199px) {
    /* nav area  */
    .navbar-nav {
        gap: 25px;
    }
    .navbar-brand span {
        font-size: 22.526px;
    }
    .navbar-nav .nav-link {
        padding-inline: 0 !important;
    }
    .sign-up-btn {
        max-width: 100px;
    }
    /* hero area  */
    .hero-content h2 {
        font-size: 50px;
    }
    .hero-content h2 img {
        top: -53px;
        left: 100px;
    }
    .slider-image img {
        height: 270px;
    }
    .hero-content {
        max-width: 340px;
    }
    .hero-qr-code .qr-box {
        width: 140px;
        height: 140px;
    }
    .hero-slider-content h4 {
        font-size: 30.891px;
    }
    .hero-actions {
        flex-direction: column;
        align-items: start !important;
    }
    .hero-slider-area {
        max-width: 450px;
        width: 100%;
    }
    /* how it work area  */
    .how-work-bottom {
        display: flex;
        gap: 30px;
    }
    .how-work-block h4 {
        font-size: 20px;
    }
    .how-work-image img {
        height: 185px;
    }
    .how-it-work-wrapper {
        gap: 80px;
    }
    .how-it-work-area {
        padding-block: 80px;
    }
    /* features area  */
    .features-area {
        padding-block: 80px;
    }
    .features-images img {
        max-width: 400px;
    }
    .features-content h4 {
        font-size: 35px;
    }
    /* story qr area  */
    .story-info .name {
        font-size: 18.964px;
    }
    .story-qr-area {
        padding-block: 80px;
    }
    .story-qr-wrapper {
        padding: 65px 50px;
        gap: 45px;
    }
    /* pricing area start hare  */
    .pricing-area {
        padding-block: 80px;
    }
    .single-package {
        padding: 32px 20px;
    }
    /* review area  */
    .review-area {
        padding-block: 80px;
    }
    .single-review {
        padding: 30px;
        gap: 40px;
    }
    .review-images img {
        max-width: 200px;
    }
    .review-content {
        gap: 10px;
    }
    .review-content p {
        font-size: 20px;
    }
    /* faq area  */
    .faq-area {
        padding: 80px 0;
    }
    /* contact area  */
    .contact-form-wrapper {
        padding: 45px;
    }
    .contact-form-wrapper h4 {
        font-size: 34px;
    }
    /* footer area  */
    .footer-nav ul a {
        font-size: 18px;
    }
    .footer-nav ul {
        gap: 25px;
    }
    .footer-card-left {
        gap: 40px;
    }
    .footer-logo a span {
        font-size: 50.513px;
    }
    /* profile page  */
    .profile-qr-code img {
        width: 90px;
    }
    .profile-photo {
        max-width: 200px;
    }
    .profile-basic-info .profile-name {
        font-size: 20px;
    }
    .profile-basic-info .user-address,
    .profile-basic-info .member-since {
        font-size: 18px;
    }
    .profile-wrapper {
        gap: 25px;
    }
    .profile-details {
        gap: 25px;
    }
    .upgrade-button .action-btn-two {
        padding: 15px 15px;
    }
    .profile-tab-nav button {
        font-size: 24px;
    }
    .profile-sidebar {
        max-width: 250px;
    }
    .obituary-content p {
        font-size: 22px;
    }
    .profile-content-wrapper {
        gap: 40px;
    }
    .photos-wrapper {
        padding-top: 20px;
    }
    .guestbook-area {
        padding-top: 20px;
    }
    /* contact us page  */
    .contact-us-left h2 {
        font-size: 45px;
    }
    .contact-us-right h2 {
        font-size: 40px;
    }
    .contact-items a {
        font-size: 25px;
    }
    .contact-page.contact-area::before {
        height: 245px;
    }
    /* memory page  */
    #Megazine {
        width: 100%;
        height: 875px;
        max-width: 900px;
        margin: 0 auto;
        transition: 0.3s;
    }
    .memory-slider-next {
        right: -30px;
        width: 70px;
        height: 70px;
    }
    .memory-slider-prev {
        left: -30px;
        width: 70px;
        height: 70px;
    }
    .comment-wp .quet-icon {
        position: absolute;
        left: -32px;
        top: -12px;
        max-width: 135px;
    }
    .comment-wp .comment-area {
        height: 185px;
        padding: 20px;
        padding-right: 35px;
    }
    .florist-content {
        position: absolute;
        max-width: 250px;
        left: 100px;
        top: 330px;
        display: flex;
        flex-direction: column;
        gap: 30px;
        right: 90px;
    }
    .florist-content .single-info-item .icon {
        width: 50px;
        height: 50px;
    }
    .florist-content .slide-title {
        font-size: 26px;
    }
    .single-info-item span {
        font-size: 16px;
    }
    .wake-info-list {
        gap: 15px;
    }
    .card-inner-content {
        position: absolute;
        left: 70px;
        bottom: 10px;
    }
    .card-inner-content .icon {
        width: 35px;
        height: 35px;
    }
    .card-top .sent-to {
        font-size: 16px;
    }
    .single-card-item .card-top {
        top: 20px;
    }
    .single-social-qr {
        width: calc(50% - 15px);
    }
    .qr-code {
        max-width: 100%;
    }
    .family-note-wrapper {
        padding: 40px 30px;
        padding-bottom: 30px;
        gap: 25px;
    }
    #Megazine.first-page-active {
        transform: translateX(-237px) !important;
    }
    .memory-cover-content {
        position: absolute;
        left: 50px;
        top: 80px;
        right: 50px;
        bottom: 108px;
        color: #fff;
        max-width: 366px;
    }
    .memory-cover-slide .frame {
        width: 100%;
        height: 100%;
    }
    .memory-photos {
        padding-inline: 15px;
    }
    .memory-photos>img {
        flex: 1;
        max-width: 40px;
    }
    .memory-cover-content h5 {
        font-size: 55px;
    }
}

/*
====================================
Small Screen - Tablate
====================================
*/

@media screen and (min-width: 768px) and (max-width: 991px) {
    /* hero area  */
    .hero-content h2 {
        font-size: 50px;
    }
    .hero-content h2 img {
        top: 57px;
        left: 80px;
    }
    .slider-image img {
        height: 270px;
    }
    .hero-content {
        max-width: 550px;
        text-align: center;
    }
    .hero-qr-code .qr-box {
        width: 140px;
        height: 140px;
    }
    .hero-slider-content h4 {
        font-size: 30.891px;
    }
    .hero-content .hero-actions {
        margin-top: 30px;
        justify-content: center;
    }
    .hero-wrapper {
        flex-direction: column;
        gap: 50px;
    }
    .hero-qr-code {
        display: none;
    }
    .hero-slider-area {
        margin-inline: auto;
    }
    .hero-content p {
        margin-inline: auto;
        text-align: center;
    }
    /* why choose area  */
    .why-choose-area {
        padding-block: 70px;
    }
    .why-choose-content h4 {
        font-size: 40px;
    }
    .single-why-choose-item .icon {
        width: 90px;
        height: 90px;
    }
    /* how it work area  */
    .how-work-bottom {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
    }
    .how-work-block h4 {
        font-size: 20px;
    }
    .how-work-image img {
        height: fit-content;
    }
    .how-it-work-wrapper {
        gap: 65px;
    }
    .how-it-work-area {
        padding-block: 70px;
    }
    .work-ractangle {
        display: none;
    }
    .how-work-block {
        width: calc(50% - 15px);
        flex: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .how-work-block .block-number {
        display: none;
    }
    .section-top h4 {
        font-size: 48px;
    }
    /* features area  */
    .features-area {
        padding-block: 60px;
    }
    .features-images img {
        max-width: 400px;
    }
    .features-content h4 {
        font-size: 35px;
    }
    .features-top h4 {
        font-size: 40px;
    }
    .features-card {
        padding: 30px;
        gap: 50px;
    }
    .features-card {
        flex-direction: column;
    }
    .features-area::before,
    .features-area::after {
        display: none;
    }
    .features-wrapper {
        gap: 45px;
    }
    /* story qr area  */
    .story-info .name {
        font-size: 18.964px;
    }
    .story-qr-area {
        padding-block: 60px;
    }
    .story-qr-wrapper {
        padding: 45px 40px;
        gap: 45px;
    }
    /* pricing area start hare  */
    .pricing-area {
        padding-block: 60px;
    }
    .single-package {
        padding: 32px 20px;
    }
    .package-slider-navigation {
        margin-top: 25px;
    }
    .pricing-top {
        gap: 40px;
    }
    /* review area  */
    .review-area {
        padding-block: 60px;
    }
    .single-review {
        padding: 20px;
        gap: 20px;
        flex-direction: column;
    }
    .review-images img {
        max-width: 200px;
    }
    .review-content {
        gap: 10px;
    }
    .review-content p {
        font-size: 16px;
        line-height: 120%;
    }
    .reviwer-info h4 {
        font-size: 20px;
    }
    .review-qoute {
        display: none;
    }
    .video-play-button {
        width: 70px;
        height: 70px;
    }
    .video-play-button svg {
        width: 100%;
        height: 100%;
    }
    .review-top-left h4 {
        font-size: 38px;
    }
    /* faq area  */
    .faq-area {
        padding: 60px 0;
    }
    .faq-title {
        padding: 20px 25px;
    }
    .faq-title span {
        font-size: 22px;
    }
    .faq-content {
        padding: 20px 25px;
    }
    .faq-wrapper {
        gap: 40px;
    }
    /* contact area  */
    .contact-form-wrapper {
        padding: 45px;
    }
    .contact-form-wrapper h4 {
        font-size: 34px;
    }
    .contact-wrapper {
        flex-direction: column-reverse;
    }
    /* footer area  */
    .footer-nav ul a {
        font-size: 18px;
    }
    .footer-nav ul {
        gap: 25px;
    }
    .footer-card-left {
        gap: 40px;
    }
    .footer-logo a span {
        font-size: 50.513px;
    }
    .footer-left {
        gap: 35px;
    }
    .footer-logo svg {
        width: 80px;
        height: 80px;
    }
    .footer-right {
        padding-top: 50px;
        gap: 30px;
    }
    .copyright-area {
        padding-top: 25px;
    }
    /* profile page  */
    .profile-qr-code img {
        width: 90px;
    }
    .profile-photo {
        max-width: 200px;
    }
    .profile-basic-info .profile-name {
        font-size: 20px;
    }
    .profile-basic-info .user-address,
    .profile-basic-info .member-since {
        font-size: 18px;
    }
    .profile-wrapper {
        gap: 40px;
        flex-direction: column;
        margin-top: -300px;
    }
    .profile-details {
        gap: 25px;
        flex-wrap: wrap;
        align-items: end;
    }
    .upgrade-button .action-btn-two {
        padding: 15px 15px;
        font-size: 16px;
    }
    .profile-social ul {
        justify-content: start;
    }
    .profile-info {
        gap: 25px;
    }
    .cover-photo {
        height: 400px;
    }
    .profile-tab-nav button {
        font-size: 24px;
    }
    .profile-sidebar {
        max-width: 250px;
    }
    .profile-tab-nav button {
        font-size: 24px;
    }
    .profile-sidebar {
        max-width: 100%;
        padding: 20px;
    }
    .obituary-content p {
        font-size: 22px;
    }
    .profile-content-wrapper {
        gap: 40px;
        width: 100%;
        max-width: 100%;
    }
    .photos-wrapper {
        padding-top: 20px;
        gap: 30px;
    }
    .guestbook-area {
        padding-top: 20px;
    }
    .profile-content-area {
        flex-direction: column;
        padding-top: 40px;
        gap: 25px;
    }
    .profile-sidebar ul {
        flex-direction: row;
    }
    .photos-wrapper h4 {
        font-size: 30px;
    }
    /* privacy policy page  */
    .mainContentWrapper {
        padding-top: 40px;
        gap: 40px;
    }
    .mainContentWrapper>h2 {
        font-size: 38px;
    }
    /* contact us page  */
    .contact-page.contact-area::before {
        height: 100px;
    }
    .contact-us-wrapper {
        flex-direction: column;
    }
    .contact-page .contact-right-card {
        gap: 40px;
    }
    .contact-right-card h4 {
        font-size: 38px;
    }
    .contact-us-main {
        padding-top: 55px;
    }
    /* memory page  */
    #Megazine {
        width: 100%;
        height: 875px;
        max-width: 900px;
        margin: 0 auto;
        transition: 0.3s;
    }
    .memory-slider-next {
        right: -30px;
        width: 70px;
        height: 70px;
    }
    .memory-slider-prev {
        left: -30px;
        width: 70px;
        height: 70px;
    }
    .comment-wp .quet-icon {
        position: absolute;
        left: 11px;
        top: -3px;
        max-width: 180px;
    }
    #Megazine.first-page-active {
        transform: unset !important;
    }
    .memory-cover-slide {
        max-width: 100%;
    }
    .wake-info-ractangle img {
        width: 100%;
        max-height: 400px;
    }
    .memory-cover-content {
        position: absolute;
        left: 50%;
        top: 108px;
        right: unset;
        bottom: 108px;
        color: #fff;
        max-width: 366px;
        transform: translateX(-50%);
    }
    .memory-cover-slide .frame {
        width: 100%;
        height: 100%;
    }
    .memory-gallery-wrapper img {
        max-width: 180px;
    }
    .memory-gallery-wrapper ul li {
        text-align: center;
    }
    .comment-wp {
        justify-content: center;
    }
    .funarel-media-video video {
        max-height: 280px;
    }
    .poems-ractangle img {
        width: 100%;
        max-height: 230px;
    }
    .family-note-wrapper {
        max-width: 500px;
        margin-inline: auto;
    }
    .florist-content {
        left: 180px;
        top: 290px;
    }
    .single-card-item .card-frame {
        width: 100%;
        max-width: 550px;
    }
    .single-card-item {
        position: relative;
        display: flex;
        justify-content: center;
    }
}

/*
====================================
Small Screen - Mobile
====================================
*/

@media screen and (max-width: 767px) {
    /* hero area  */
    .hero-content h2 {
        font-size: 45px;
        max-width: 400px;
    }
    .hero-content h2 img {
        top: 57px;
        left: 80px;
    }
    .slider-image img {
        height: 270px;
    }
    .hero-content {
        max-width: 550px;
    }
    .hero-qr-code .qr-box {
        width: 140px;
        height: 140px;
    }
    .hero-slider-content h4 {
        font-size: 30.891px;
    }
    .hero-content .hero-actions {
        margin-top: 48px;
        flex-direction: column;
    }
    .hero-wrapper {
        flex-direction: column;
        gap: 50px;
        align-items: start;
        padding-block: 40px;
    }
    .hero-qr-code {
        display: none;
    }
    .hero-slider-area {
        margin-inline: auto;
    }
    /* why choose area  */
    .why-choose-area {
        padding-block: 50px;
    }
    .why-choose-content h4 {
        font-size: 40px;
    }
    .single-why-choose-item .icon {
        width: 90px;
        height: 90px;
    }
    .why-inner-wp {
        text-align: center;
    }
    .single-why-choose-item {
        text-align: center;
        align-items: center;
    }
    /* how it work area  */
    .how-work-bottom {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
    }
    .how-work-block h4 {
        font-size: 20px;
    }
    .how-work-image img {
        height: fit-content;
    }
    .how-it-work-wrapper {
        gap: 45px;
    }
    .how-it-work-area {
        padding-block: 50px;
    }
    .work-ractangle {
        display: none;
    }
    .how-work-block {
        width: calc(50% - 15px);
        flex: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .how-work-block .block-number {
        display: none;
    }
    .section-top h4 {
        font-size: 44px;
    }
    /* features area  */
    .features-area {
        padding-block: 40px;
    }
    .features-images img {
        max-width: 400px;
        width: 100%;
    }
    .features-content h4 {
        font-size: 35px;
    }
    .features-top h4 {
        font-size: 38px;
    }
    .features-card {
        padding: 30px;
        gap: 50px;
    }
    .features-card {
        flex-direction: column;
    }
    .features-area::before,
    .features-area::after {
        display: none;
    }
    .features-wrapper {
        gap: 45px;
    }
    /* story qr area  */
    .story-info .name {
        font-size: 18.964px;
    }
    .story-qr-area {
        padding-block: 0;
        overflow: hidden;
    }
    .story-qr-wrapper {
        padding: 30px 0;
        gap: 24px;
    }
    .story-slider-navigation {
        margin-top: 32px;
    }
    /* pricing area start hare  */
    .pricing-area {
        padding-block: 60px;
    }
    .single-package {
        padding: 32px 20px;
    }
    .package-slider-navigation {
        margin-top: 25px;
    }
    .pricing-top {
        gap: 32px;
    }
    .best-value-card {
        display: none;
    }
    .package-slider .swiper-slide {
        padding-top: 32px;
    }
    /* review area  */
    .review-area {
        padding-block: 40px;
    }
    .single-review {
        padding: 20px;
        gap: 20px;
        flex-direction: column;
    }
    .review-images img {
        max-width: 100%;
        width: 100%;
    }
    .review-content {
        gap: 10px;
    }
    .review-content p {
        font-size: 22px;
        line-height: 120%;
    }
    .reviwer-info h4 {
        font-size: 24px;
    }
    .review-qoute {
        display: none;
    }
    .video-play-button {
        width: 70px;
        height: 70px;
    }
    .video-play-button svg {
        width: 100%;
        height: 100%;
    }
    .review-top-left h4 {
        font-size: 38px;
        text-align: center;
    }
    .review-top {
        flex-direction: column;
    }
    .review-top-left p {
        text-align: center;
    }
    .review-all-btn {
        width: 100%;
    }
    .review-images {
        width: 100%;
    }
    .review-wrapper {
        gap: 32px;
    }
    .review-slider-navigation {
        margin-top: 32px;
    }
    .video-container {
        position: relative;
        height: 100%;
        width: 100%;
    }
    .review-top {
        align-items: center;
    }
    /* faq area  */
    .faq-area {
        padding: 60px 0;
    }
    .faq-title {
        padding: 20px 25px;
    }
    .faq-title span {
        font-size: 22px;
    }
    .faq-content {
        padding: 20px 25px;
    }
    .faq-wrapper {
        gap: 40px;
    }
    .faq-inner-wp {
        gap: 16px;
    }
    /* contact area  */
    .contact-form-wrapper {
        padding: 30px;
    }
    .contact-form-wrapper h4 {
        font-size: 30px;
    }
    .contact-wrapper {
        flex-direction: column-reverse;
    }
    .contact-right-card h4 {
        font-size: 30px;
    }
    .contact-right-card {
        gap: 48px;
    }
    .contact-area::before {
        height: 160px;
    }
    .contact-form-wrapper {
        padding: 16px;
    }
    /* footer area  */
    .footer-nav ul a {
        font-size: 18px;
    }
    .footer-nav ul {
        gap: 25px;
    }
    .footer-card-left {
        gap: 32px;
    }
    .footer-logo a span {
        font-size: 37.513px;
    }
    .footer-left {
        gap: 35px;
    }
    .footer-logo svg {
        width: 56px;
        height: 56px;
    }
    .footer-right {
        padding-top: 32px;
        gap: 32px;
    }
    .copyright-area {
        padding-top: 48px;
        border: none;
    }
    .footer-links {
        gap: 25px;
    }
    .footer-nav {
        display: none;
    }
    .footer-right-bottom {
        flex-direction: column;
        align-items: start;
    }
    .footer-card-right h4 {
        text-align: left;
    }
    .copyright-wrapper {
        flex-direction: column-reverse;
        gap: 48px;
    }
    /* Create Form Page  */
    .msf-progress-step {
        width: 32px;
        height: 32px;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        font-weight: 600;
        z-index: 1;
        transition: background-color 0.3s ease-in-out;
        background: #AABBBC;
        padding: 5px;
    }
    .msf-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 48px;
    }
    .msf-form-card {
        max-height: calc(100dvh - 192px);
        overflow: hidden;
        padding: 20px;
        overflow-y: auto;
    }
    .msf-form-card::-webkit-scrollbar {
        width: 8px;
    }
    .msf-form-card::-webkit-scrollbar-track {
        background: #F1F1F1;
    }
    .msf-form-form-card::-webkit-scrollbar-thumb {
        background-color: #ffd700;
        border-radius: 4px;
    }
    .msf-form-card {
        scrollbar-width: thin;
        scrollbar-color: #ffd700 #F1F1F1;
    }
    .main-area {
        padding-block: 30px;
    }
    .msf-form-header p {
        font-size: 20px;
    }
    .msf-form-header h2 {
        font-size: 20px;
    }
    .msf-form-header {
        margin-bottom: 15px;
    }
    .msf-form-field .msf-input-group select,
    .msf-form-field input,
    .msf-form-field .msf-input-group textarea {
        width: 100%;
        padding: 14px 24px;
        font-size: 16px;
    }
    .msf-form-field label {
        font-size: 16px;
    }
    .msf-btn {
        width: 100%;
    }
    .msf-form-navigation {
        margin-top: 25px;
        flex-direction: column;
    }
    .main-top h2 {
        font-size: 38px;
    }
    .main-top {
        padding-bottom: 48px;
    }
    .life-dates-wp h4 {
        font-size: 22px;
    }
    .msf-input-field-group {
        flex-direction: column;
    }
    .msf-form-field {
        width: 100%;
    }
    .file-input-box p {
        font-size: 18px;
    }
    #life-biography {
        height: 129px;
    }
    .send-receiver-form {
        display: flex;
        gap: 20px;
        flex-direction: column;
    }
    .single-qr-code-select span {
        flex: 1;
        display: block;
    }
    button.print-btn {
        width: 100%;
    }
    .add-player-box {
        flex-direction: column;
    }
    .add-player-box button {
        width: 100%;
    }
    .msf-progress-line {
        display: none;
    }
    /* sign pages  */
    .sign-up-main {
        padding-top: 60px;
        padding-bottom: 30px;
        padding-inline: 30px;
    }
    .sign-form-area {
        padding: 30px;
    }
    /* profile page  */
    .profile-qr-code img {
        width: 90px;
    }
    .profile-photo {
        max-width: 200px;
    }
    .profile-basic-info .profile-name {
        font-size: 20px;
    }
    .profile-basic-info .user-address,
    .profile-basic-info .member-since {
        font-size: 18px;
    }
    .profile-wrapper {
        gap: 40px;
        flex-direction: column;
        margin-top: -305px;
    }
    .profile-details {
        gap: 25px;
        flex-wrap: wrap;
        align-items: end;
    }
    .upgrade-button .action-btn-two {
        padding: 15px 15px;
        font-size: 16px;
    }
    .profile-social ul {
        justify-content: start;
    }
    .profile-info {
        gap: 25px;
    }
    .cover-photo {
        height: 400px;
    }
    .profile-tab-nav button {
        font-size: 24px;
    }
    .profile-sidebar {
        max-width: 250px;
    }
    .profile-tab-nav button {
        font-size: 24px;
        width: 100%;
    }
    .profile-sidebar {
        max-width: 100%;
        padding: 20px;
    }
    .obituary-content p {
        font-size: 20px;
    }
    .profile-content-wrapper {
        gap: 40px;
        width: 100%;
        max-width: 100%;
    }
    .photos-wrapper {
        padding-top: 20px;
        gap: 30px;
    }
    .guestbook-area {
        padding-top: 20px;
    }
    .profile-content-area {
        flex-direction: column;
        padding-top: 40px;
        gap: 25px;
        padding-bottom: 40px;
    }
    .profile-sidebar ul {
        flex-direction: column;
    }
    .photos-wrapper h4 {
        font-size: 30px;
    }
    /* privacy policy page  */
    .mainContentWrapper {
        padding-top: 40px;
        gap: 40px;
    }
    .mainContentWrapper>h2 {
        font-size: 38px;
    }
    .mainContentArea {
        padding-bottom: 40px;
    }
    /* contact us page  */
    .contact-page.contact-area::before {
        height: 0;
    }
    .contact-us-wrapper {
        flex-direction: column;
    }
    .contact-page .contact-right-card {
        gap: 40px;
        flex-direction: column;
        padding-top: 30px;
    }
    .contact-right-card h4 {
        font-size: 38px;
    }
    .contact-us-main {
        padding-top: 32px;
    }
    .contact-us-left h2 {
        font-size: 38px;
    }
    .contact-us-left p {
        font-size: 18px;
    }
    .contact-us-left {
        gap: 16px;
    }
    .contact-us-right h2 {
        font-size: 38px;
    }
    .contact-us-right {
        padding: 20px;
    }
    .submit-btn .action-btn {
        width: 100%;
    }
    /* memory page  */
    #Megazine {
        width: 100%;
        height: 800px;
        max-width: 900px;
        margin: 0 auto;
        transition: 0.3s;
    }
    .memory-slider-next {
        width: 70px;
        height: 70px;
        padding: 20px;
        transform: none;
        position: unset;
    }
    .memory-slider-prev {
        width: 70px;
        height: 70px;
        padding: 20px;
        transform: none;
        position: unset;
    }
    .comment-wp .quet-icon {
        position: absolute;
        left: -30px;
        top: -3px;
        max-width: 150px;
    }
    #Megazine.first-page-active {
        transform: unset !important;
    }
    .memory-cover-slide {
        max-width: 100%;
    }
    .wake-info-ractangle img {
        width: 100%;
        max-height: 400px;
    }
    .memory-cover-content {
        position: absolute;
        left: 75px;
        top: 108px;
        right: unset;
        bottom: 108px;
        color: #fff;
        max-width: 366px;
    }
    .memory-cover-slide .frame {
        width: 100%;
        height: 100%;
    }
    .memory-gallery-wrapper img {
        max-width: 180px;
    }
    .memory-gallery-wrapper ul li {
        text-align: center;
    }
    .comment-wp {
        justify-content: end;
    }
    .funarel-media-video video {
        max-height: 280px;
    }
    .poems-ractangle img {
        width: 100%;
        max-height: 230px;
    }
    .family-note-wrapper {
        max-width: 550px;
        margin-inline: auto;
        padding-inline: 30px;
    }
    .florist-content {
        left: 100px;
        top: 270px;
    }
    .single-card-item .card-frame {
        width: 100%;
        max-width: 550px;
    }
    .single-card-item {
        position: relative;
        display: flex;
        justify-content: center;
    }
    .memory-main-area {
        min-height: 90dvh;
    }
    .comment-wp .comment-area {
        height: 170px;
        padding: 15px;
        gap: 10px;
    }
    .slide-title {
        font-size: 26px;
    }
    .memory-slider-nav {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 24px;
        margin-top: 100px;
    }

    .video-review video {
        min-height: 530px;
    }
}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/

@media screen and (max-width: 576px) {
    body {
        font-size: 16px;
    }
    .hero-slider-area {
        padding-right: 30px;
    }
    .hero-slider-content h4 {
        font-size: 24.891px;
    }
    .hero-slider-content p {
        color: #545A64;
        text-align: center;
        font-size: 10.556px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
    }
    .hero-slider-area::before {
        width: 350px;
        height: 350px;
    }
    .hero-actions .action-btn {
        width: 100%;
    }
    .hero-content h2 img {
        top: 40px;
        left: 135px;
    }
    .hero-content h2 {
        font-size: 38px;
        line-height: 126%;
    }
    .hero-slider-pagination {
        gap: 10px;
    }
    .hero-slider-pagination .swiper-pagination-bullet {
        width: 10.556px;
        height: 10.556px;
    }
    /* why choose area  */
    .why-choose-area {
        padding-block: 40px;
    }
    .why-choose-content h4 {
        font-size: 38px;
    }
    .single-why-choose-item .icon {
        width: 90px;
        height: 90px;
    }
    .why-inner-wp {
        text-align: center;
    }
    .single-why-choose-item {
        text-align: center;
        align-items: center;
    }
    .why-choose-content {
        padding: 16px;
    }
    .why-choose-content p {
        font-size: 16px;
    }
    .action-btn-two {
        width: 100%;
        justify-content: center;
    }
    .why-choose-wrapper .row {
        gap: 16px 0;
    }
    /* how it work area  */
    .how-work-bottom {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
    }
    .how-work-block h4 {
        font-size: 24px;
    }
    .how-work-image img {
        height: fit-content;
    }
    .how-it-work-wrapper {
        gap: 32px;
    }
    .how-it-work-area {
        padding-block: 40px;
    }
    .work-ractangle {
        display: none;
    }
    .how-work-block {
        width: 100%;
        flex: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .how-work-block .block-number {
        display: none;
    }
    .section-top h4 {
        font-size: 44px;
    }
    .section-top p {
        font-size: 18px;
    }
    .section-top h4 {
        font-size: 38px;
    }
    .pricing-area {
        padding-block: 40px;
    }
    .qr-code-img {
        width: 55px;
        height: 55px;
    }
    .single-qr-code-select span {
        flex: 1;
        display: block;
        max-width: 175px;
    }
    /* sign pages  */
    .sign-up-main {
        padding-top: 40px;
        padding-bottom: 30px;
        padding-inline: 16px;
    }
    .sign-form-area {
        padding: 20px;
    }
    .input-group {
        gap: 30px;
        flex-direction: column;
    }
    .sign-container h4 {
        font-size: 38px;
    }
    /* profile page  */
    .profile-details {
        gap: 25px;
        align-items: start;
        flex-direction: column;
    }
    .upgrade-button {
        width: 100%;
    }
    .profile-tab-nav {
        flex-direction: column;
    }
    .guestbook-actions {
        flex-direction: column;
    }
    .guestbook-actions button {
        width: 100%;
        max-width: 100%;
    }
    /* contact us  */
    .contact-items a {
        font-size: 24px;
    }
    .contact-items a br {
        display: none,
    }
    .single-input input,
    .single-input textarea {
        font-size: 16px;
    }
    /* memory page  */
    #Megazine {
        width: 100%;
        height: 510px;
        max-width: 365px;
        margin: 0 auto;
        transition: 0.3s;
    }
    .memory-slider-next {
        width: 70px;
        height: 70px;
        padding: 20px;
        transform: none;
        position: unset;
    }
    .memory-slider-prev {
        width: 70px;
        height: 70px;
        padding: 20px;
        transform: none;
        position: unset;
    }
    .comment-wp .quet-icon {
        position: absolute;
        left: -4px;
        top: -3px;
        max-width: 121px;
    }
    #Megazine.first-page-active {
        transform: unset !important;
    }
    .memory-cover-slide {
        max-width: 100%;
    }
    .wake-info-ractangle img {
        width: 100%;
        max-height: 200px;
    }
    .memory-cover-content {
        position: absolute;
        left: 70px;
        top: 50px;
        right: unset;
        bottom: 108px;
        color: #fff;
        max-width: 366px;
    }
    .memory-cover-slide .frame {
        width: 100%;
        height: 100%;
    }
    .memory-gallery-wrapper img {
        max-width: 180px;
    }
    .memory-gallery-wrapper ul li {
        text-align: center;
    }
    .comment-wp {
        justify-content: end;
    }
    .funarel-media-video video {
        max-height: 150px;
    }
    .poems-ractangle img {
        width: 100%;
        max-height: 230px;
    }
    .family-note-wrapper {
        max-width: 550px;
        margin-inline: auto;
        padding-inline: 30px;
        padding-block: 20px;
        gap: 16px;
    }
    .florist-content {
        left: 80px;
        top: 160px;
        gap: 18px;
    }
    .single-card-item .card-frame {
        width: 100%;
        max-width: 550px;
    }
    .single-card-item {
        position: relative;
        display: flex;
        justify-content: center;
    }
    .memory-main-area {
        min-height: 90dvh;
    }
    .comment-wp .comment-area {
        height: 125px;
        padding: 10px;
        gap: 10px;
        max-width: 254px;
        padding-right: 30px;
    }
    .slide-title {
        font-size: 20px;
    }
    .memory-cover-content h5 {
        color: #FFF;
        text-align: center;
        font-family: var(--mandelyn);
        font-size: 38px;
        font-style: normal;
        font-weight: 300;
        line-height: 104%;
    }
    .memory-photos>img {
        max-width: 38px;
    }
    .memory-cover-content .memory-photos {
        display: flex;
        gap: 8.091px;
        padding-top: 30px;
    }
    .memory-cover-content .cover-main-img img {
        border-radius: 18px;
        max-width: 127px;
    }
    .memory-person-info h4 {
        font-size: 24px;
    }
    .memory-person-info p {
        font-size: 13px;
    }
    .person-death-card {
        padding-top: 30px;
    }
    .person-death-card p {
        font-size: 13px;
    }
    .person-death-card .death-date {
        font-size: 13px;
    }
    .intro-video video {
        height: 230px;
    }
    .welcome-slide h4 {
        font-size: 20px;
    }
    .welcome-slide {
        padding: 20px;
        gap: 12px;
    }
    .video-control-btn svg {
        width: 55px;
        height: 55px;
    }
    .intro-content {
        padding-top: 0;
        gap: 10px;
    }
    .intro-content h5 {
        font-size: 16px;
    }
    .intro-content p {
        font-size: 10px;
    }
    .intro-ractangle img {
        max-width: 151px;
    }
    .memory-gallery-slide {
        padding: 20px;
        gap: 12px;
    }
    .memory-gallery-wrapper ul {
        gap: 6px;
    }
    .about-ractangle {
        left: 0;
        max-width: 205px;
    }
    .mememory-about-content {
        padding: 20px;
        gap: 19px;
    }
    .memory-contents .name {
        font-size: 14px;
    }
    .memory-contents .life-time {
        font-size: 12px;
    }
    .memory-contents p {
        color: #FFF;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        line-height: 14px;
        margin-top: 7px;
    }
    .comment-area p {
        font-size: 12px;
        max-width: 155px;
    }
    .wake-info-wrapper {
        padding: 20px;
        gap: 20px;
    }
    .single-info-item .icon {
        width: 40px;
        height: 40px;
        padding: 10px;
    }
    .single-info-item span {
        font-size: 10px;
        flex: 1;
    }
    .wake-info-top p {
        font-size: 12px;
    }
    .wake-info-top {
        gap: 10px;
    }
    .wake-info-list {
        gap: 10px;
    }
    .single-info-item {
        gap: 10px;
    }
    .funeral-info-slide {
        padding: 20px;
        gap: 20px;
    }
    .funeral-image img {
        max-height: 200px;
        object-fit: cover;
    }
    .cemetery-info-slide {
        padding: 20px;
        gap: 20px;
    }
    .visitor-comment-top p {
        font-size: 11px;
    }
    .visitor-comment-top {
        gap: 10px;
    }
    .comment-area ul {
        width: 155px;
    }
    .comment-area li {
        font-size: 12px;
    }
    .funeral-stream-title h4 {
        font-size: 20px;
    }
    .funeral-stream-top p {
        font-size: 12px;
    }
    .funeral-stream-slide {
        padding: 20px;
        gap: 30px;
    }
    .funeral-media-slide {
        gap: 20px;
        padding: 20px;
    }
    .funeral-media-music {
        gap: 20px;
    }
    .funarel-media-video button svg,
    .video-control svg {
        width: 56px;
        height: 56px;
    }
    .funeral-program-slide {
        padding: 20px;
        gap: 20px;
    }
    .funeral-program-wrapper {
        padding: 20px;
        border-radius: 20px;
        gap: 10px;
    }
    .funeral-program-wrapper h4 {
        font-size: 14px;
    }
    .funeral-program-wrapper li {
        font-size: 10px;
    }
    .bible-scripture-slide {
        gap: 18px;
        padding: 20px;
    }
    .bible-single-card {
        padding: 20px;
        gap: 10px;
    }
    .bible-single-card h4 {
        font-size: 12px;
    }
    .bible-single-card p {
        font-size: 10px;
    }
    .bible-ractangle {
        left: 0px;
        max-width: 245px;
    }
    .encourangement-page {
        gap: 18px;
        padding: 20px;
    }
    .encourangement-content {
        gap: 8px;
        padding: 20px;
    }
    .encourangement-content p {
        font-size: 11px;
    }
    .encourangement-ractangle {
        max-width: 250px;
    }
    .poems-page {
        gap: 18px;
    }
    .poems-content {
        gap: 18px;
        padding: 20px;
    }
    .encourangement-content h4 {
        font-size: 12px;
    }
    .encourangement-content li {
        font-size: 10px;
    }
    .thanks-note-slide {
        padding: 20px;
    }
    .family-note-wrapper .slide-title {
        max-width: 200px;
    }
    .thanks-note-text p {
        font-size: 9px;
    }
    .note-ractangle img {
        max-width: 150px;
    }
    .send-flower-page {
        gap: 20px;
        padding: 20px;
    }
    .card-inner-content .icon {
        width: 24px;
        height: 24px;
        padding: 5px;
    }
    .card-inner-content .single-info-item span {
        font-size: 10px;
    }
    .card-inner-content .wake-info-list {
        gap: 5px;
    }
    .card-inner-content {
        left: 60px;
        bottom: 18px;
    }
    .card-top .sent-to {
        font-size: 12px;
    }
    .card-top .card-top-ractangle {
        max-width: 90px;
    }
    .pallbearers-ractangle {
        max-width: 140px;
    }
    .pallbearers-slide {
        padding: 20px;
        gap: 20px;
    }
    .pallbearers-top-card {
        padding: 20px;
        gap: 20px;
    }
    .pallbearers-inner-top h4 {
        font-size: 14px;
        padding-bottom: 10px;
    }
    .pallbearers-inner-top span {
        font-size: 10px;
    }
    .pallbearers-list h4 {
        font-size: 14px;
    }
    .pallbearers-list ul li {
        font-size: 10px;
    }
    .pallbearers-list {
        gap: 10px;
    }
    .pallbearers-image img {
        max-height: 175px;
    }
    .follow-us-slide {
        padding: 20px;
        gap: 20px;
    }
    .our-social-list a {
        width: 30px;
        height: 30px;
        padding: 8px;
    }
    .single-social-qr .qr-code {
        width: 100%;
        max-height: 126px;
    }
    .single-social-qr h4 {
        font-size: 14.131px;
    }

    .video-review video {
        min-height: 396px;
    }
}