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

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .home-hero-area {
        padding-right: calc((100vw - 1120px) / 2);
    }
    .hero-slider .swiper-pagination {
        left: calc((100vw - 1075px) /2);
    }
    .hero-slide-item {
        min-height: 400px;
        padding-top: 30px;
    }
    .group-input {
        gap: 10px;
    }
    .single-items .submit-btn {
        padding: 15px 25px;
        font-size: 1.375rem;
    }
    .group-input.items-three .single-input {
        max-width: 240px;
    }
    /* news page design */
    .news-hero-inner {
        padding-left: calc((100vw - 1140px) / 2);
    }
    .news-hero-area {
        padding-bottom: 48px;
        padding-right: calc((100vw - 1140px) / 2);
    }
    .common-contents.diff h2 {
        font-size: 1.5rem;
    }
}


@media screen and (min-width: 1200px) and (max-width: 1290px) {
    .news-hero-inner {
        padding-left: 40px;
    }
}

/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
    /* header area  */
    .header-logo a img {
        max-width: 200px;
    }
    .main-nav ul {
        gap: 25px;
    }
    .main-nav a {
        font-size: 1.3125rem; /* 21px */
    }
    .top-navbar ul {
        gap: 25px;
    }
    .home-hero-area {
        padding-right: calc((100vw - 940px) / 2);
    }
    .hero-slide-left h2 {
        color: #FFF;
        font-size: 3.4375rem; /* 55px */
        padding-left: 50px;
    }
    .hero-slider .swiper-pagination {
        left: calc((100vw - 910px) /2);
    }
    .hero-slide-item {
        min-height: 400px;
        padding-top: 30px;
    }
    .hero-slide-left .summery-text {
        max-width: 500px;
        padding: 22px;
    }
    .hero-slide-left {
        gap: 50px;
        padding-left: 20px;
    }
    .hero-slide-btm {
        gap: 40px;
    }
    .join-leaque-btn a {
        font-size: 1.375rem; /* 22px */
    }
    .hero-slide-right img {
        max-width: 140px;
    }
    .features-wrapper {
        padding: 40px 50px;
        gap: 20px;
    }
    .single-feature .icons svg {
        width: 30px;
        height: 30px;
    }
    .single-feature {
        gap: 15px;
    }
    .single-feature h4 {
        font-size: 1.25rem; /* 20px */
        padding-bottom: 10px;
        padding-right: 12px;
    }
    .forefront-wrapper {
        padding: 30px;
        padding-left: 20px;
        padding-bottom: 0;
    }
    .forefront-content {
        gap: 20px;
    }
    .forefront-images img {
        max-width: 350px;
    }
    .forefront-content p {
        font-size: 1.25rem; /* 20px */
    }
    .forefront-content h2 {
        font-size: 2.625rem; /* 42px */
    }
    .help-us-wrapper {
        padding: 55px 50px 48px 50px;
        gap: 30px;
    }
    .help-block-left h2 {
        font-size: 2.6875rem; /* 43px */
    }
    .help-center-block p {
        font-size: 1.3125rem; /* 21px */
    }
    .help-block-right svg {
        width: 70px;
        height: 70px;
    }
    .help-block-right {
        gap: 30px;
    }
    .help-block-right a {
        font-size: 1.375rem; /* 22px */
    }
    .news-wrapper {
        padding: 40px 50px;
        gap: 50px;
    }
    .news-top-content h4 {
        font-size: 2.5rem; /* 40px */
    }
    .date-raction h4 {
        font-size: 1rem; /* 16px */
    }
    .date-raction .ractione {
        font-size: 1rem; /* 16px */
    }
    .news-content p {
        font-size: 1.25rem; /* 20px */
    }
    .single-news .action-btn a {
        font-size: 1rem; /* 16px */
        padding-right: 19px;
        padding-bottom: 10px;
    }
    .single-news h2 {
        font-size: 1.5625rem; /* 25px */
    }
    .single-news .news-content {
        padding-top: 20px;
    }
    .single-news .action-btn {
        padding-top: 20px;
    }
    .group-input.justify-content-between {
        flex-wrap: wrap;
        gap: 15px;
    }
    .group-input {
        gap: 16px;
    }
    .newslatter-wrapper {
        padding: 40px 50px;
        gap: 20px;
    }
    .newslatter-left h2 {
        font-size: 2.5rem; /* 40px */
    }
    .footer-logo img {
        max-width: 230px;
    }
    .footer-block ul li a {
        font-size: 1.125rem; /* 18px */
        line-height: 40px;
    }
    .footer-block h4 {
        font-size: 1.0625rem; /* 17px */
    }
    .copyright-wrapper {
        padding-block: 25px;
    }
    .single-servery h2 {
        font-size: 1.5rem; /* 24px */
    }
    .news-survey-content {
        gap: 35px;
    }
    .news-hero-inner {
        padding-left: calc((100vw - 960px) / 2);
    }
    .news-hero-area {
        padding-bottom: 48px;
        padding-right: calc((100vw - 960px) / 2);
    }
    .message-cont h2 {
        font-size: 2.5rem; /* 40px */
    }
    .common-contents.diff h2 {
        font-size: 1.5rem; /* 24px */
    }
    .linews-cont,
    .single-newsletter-card {
        padding-bottom: 50px;
    }
    .liverty-newsletter-area {
        padding-bottom: 20px;
    }

    /* single news page  */

    .news-hero-inner h2 {
        font-size: 3.75rem; /* 60px */
    }
    .news-hero-inner.single-news-inner {
        min-height: 500px;
    }

    /*===== single news page ===== */

    .news-group-images {
        gap: 50px;
    }
    .full-news-wrapper p {
        font-size: 1.375rem; /* 22px */
    }
    .full-news-wrapper h4 {
        font-size: 1.875rem; /* 30px */
    }
    .full-news-wrapper {
        padding-bottom: 35px;
    }
    .comment-text p {
        font-size: 1.375rem; /* 22px */
    }
    .commen-userinfo .username {
        font-size: 1.375rem; /* 22px */
    }

    .news-images-text {
        gap: 40px;
    }
    .news-images-text img {
        max-width: 390px;
    }
    .news-inner-block-top h2 {
        font-size: 2.5rem; /* 40px */
    }

    /*======= fighting found area ====== */

    .block-name h2 {
        font-size: 1.5625rem; /* 25px */
    }
    .amount-of-pay h2 {
        font-size: 3.75rem; /* 60px */
    }

    /*===== about us page ======= */

    .news-hero-inner.about-us-hero {
        min-height: 400px;
    }
    .about-right-card p {
        font-size: 1.375rem; /* 22px */
    }
    .about-right-card {
        gap: 20px;
        padding-block: 30px;
        max-width: 570px;
    }
    .about-left-card h2 {
        font-size: 2.5rem; /* 40px */
    }

    .about-wrapper {
        gap: 40px;
    }

    /*======= spokesperson page ====== */

    .spokesperson-images {
        max-width: 300px;
    }
    .spokesperson-wrapper > h2 {
        font-size: 3.4375rem; /* 55px */
    }
    .single-spokesperson {
        padding-block: 40px;
        gap: 50px;
    }
    .spokesprson-content {
        gap: 20px;
    }
    .spokesprson-content p {
        font-size: 1.375rem; /* 22px */
    }
    .spokesprson-content h2 {
        font-size: 2.5rem; /* 40px */
    }

    /*========= join page ======= */

    .news-hero-inner.join-hero-inner {
        min-height: 500px;
    }
    .join-top-wrapper h2 {
        font-size: 2.5rem; /* 40px */
    }
    .our-plan-wrapper .single-plan {
        padding: 35px;
        gap: 30px;
        width: calc(50% - 25px);
    }
    .plan-top-left h2 {
        font-size: 2.1875rem; /* 35px */
    }
    .amout-of-month p {
        font-size: 1.375rem; /* 22px */
    }
    .plan-features ul li {
        font-size: 1.25rem; /* 20px */
    }
    .plan-price h2 {
        font-size: 1.875rem; /* 30px */
    }
    .our-plan-wrapper {
        padding: 40px 64px;
        gap: 50px;
    }
}


/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {
    /* header area  */
    .header-logo a img {
        max-width: 150px;
    }
    .main-nav ul {
        gap: 18px;
    }
    .main-nav a {
        font-size: 1rem; /* 16px */
    }
    .top-navbar ul {
        gap: 16px;
    }
    .header-area {
        padding-block: 35px;
    }
    .top-navbar a {
        font-size: 0.875rem; /* 14px */
    }
    .top-navbar a.donate-btn {
        padding-inline: 25px;
    }
    .nav-card {
        gap: 15px;
    }
    .home-hero-area {
        padding-right: calc((100vw - 940px) / 2);
    }
    .hero-slide-left h2 {
        color: #FFF;
        font-size: 3.4375rem; /* 55px */
        padding-left: 50px;
    }
    .hero-slider .swiper-pagination {
        left: calc((100vw - 690px) /2);
    }
    .hero-slide-item {
        min-height: 455px;
        padding-top: 30px;
    }
    .hero-slide-left .summery-text {
        max-width: 500px;
        padding: 22px;
    }
    .hero-slide-left {
        gap: 40px;
        padding-left: 20px;
    }
    .hero-slide-btm {
        gap: 35px;
        flex-direction: column-reverse;
    }
    .join-leaque-btn a {
        font-size: 1.375rem; /* 22px */
    }
    .hero-slide-right img {
        max-width: 140px;
    }
    .forefront-content {
        gap: 20px;
    }
    .forefront-images img {
        max-width: 350px;
    }
    .forefront-content p {
        font-size: 1.25rem; /* 20px */
    }
    .forefront-content h2 {
        font-size: 2.625rem; /* 42px */
    }
    .forefront-wrapper {
        flex-direction: column;
        padding: 30px;
        padding-bottom: 0;
        gap: 25px;
    }
    .features-wrapper {
        flex-wrap: wrap;
        gap: 30px 20px;
        padding: 40px;
    }
    .forefront-images {
        text-align: center;
    }
    .help-us-wrapper {
        padding: 30px 40px;
        gap: 30px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .help-block-left h2 {
        font-size: 2rem; /* 32px */
    }
    .help-center-block p {
        font-size: 1.3125rem; /* 21px */
    }
    .help-block-right svg {
        width: 50px;
        height: 50px;
    }
    .help-block-right {
        gap: 20px;
        flex-direction: row;
        align-items: center;
    }
    .help-block-right a {
        font-size: 1.375rem; /* 22px */
    }
    .help-block-left h5 {
        font-size: 0.875rem; /* 14px */
    }
    .help-block-left {
        max-width: 100%;
    }
    .news-wrapper {
        padding: 35px 40px;
        gap: 35px;
    }
    .news-top-content h4 {
        font-size: 2rem; /* 32px */
    }
    .date-raction h4 {
        font-size: 1rem; /* 16px */
    }
    .date-raction .ractione {
        font-size: 1rem; /* 16px */
    }
    .news-content p {
        font-size: 1.25rem; /* 20px */
    }
    .single-news .action-btn a {
        font-size: 1rem; /* 16px */
        padding-right: 19px;
        padding-bottom: 10px;
    }
    .single-news h2 {
        font-size: 1.5625rem; /* 25px */
    }
    .single-news .news-content {
        padding-top: 20px;
    }
    .single-news .action-btn {
        padding-top: 20px;
    }
    .news-content-card .row {
        gap: 40px 0;
    }
    .group-input.justify-content-between {
        flex-wrap: wrap;
        gap: 15px;
    }
    .group-input {
        gap: 16px;
        flex-wrap: wrap;
    }
    .newslatter-wrapper {
        padding: 30px 35px;
        gap: 20px;
    }
    .newslatter-left h2 {
        font-size: 1.875rem; /* 30px */
    }
    .single-input {
        width: calc(50% - 8px);
        flex: auto;
    }
    .single-input.flex-two {
        flex: auto;
        max-width: 100% !important;
    }
    .group-input.items-three .single-input {
        max-width: 100%;
    }
    .newslatter-right {
        max-width: 370px;
    }
    .newslatter-right p {
        font-size: 1.1875rem; /* 19px */
    }
    .newslatter-top {
        padding-bottom: 10px;
    }
    .single-items .submit-btn {
        font-size: 1.25rem; /* 20px */
    }
    .footer-logo img {
        max-width: 200px;
    }
    .footer-block ul li a {
        font-size: 1.125rem; /* 18px */
        line-height: 40px;
    }
    .footer-block h4 {
        font-size: 1.0625rem; /* 17px */
    }
    .copyright-wrapper {
        padding-block: 25px;
    }
    .footer-wrapper>.row {
        padding-right: 25px;
        gap: 30px 0;
    }
    .footer-logo {
        text-align: center;
    }
    .copyright-wrapper p {
        font-size: 1rem; /* 16px */
    }
    .single-servery h2 {
        font-size: 1.25rem; /* 20px */
    }
    .news-survey-content {
        gap: 30px;
    }
    .single-servery {
        gap: 30px;
    }
    .gap-x-45 {
        row-gap: 45px;
    }
    .news-hero-inner {
        padding-left: calc((100vw - 720px) / 2);
    }
    .news-hero-area {
        padding-bottom: 48px;
        padding-right: calc((100vw - 720px) / 2);
    }
    .news-hero-inner h2 {
        font-size: 3.4375rem; /* 55px */
    }
    .message-cont h2 {
        font-size: 2rem; /* 32px */
    }
    .birthday-selebration {
        padding-bottom: 85px;
    }
    .linews-cont,
    .single-newsletter-card {
        padding-bottom: 50px;
    }
    .liverty-newsletter-area {
        padding-bottom: 20px;
    }
    .liverty-newsletter-area .container {
        max-width: 720px;
    }

    /* single news page  */

    .single-news-wrapper {
        padding-inline: 20px;
    }
    .news-hero-inner.single-news-inner {
        min-height: 420px;
    }

    /*===== single news page ===== */

    .news-group-images {
        gap: 35px;
    }
    .full-news-wrapper p {
        font-size: 1.25rem; /* 20px */
    }
    .full-news-wrapper h4 {
        font-size: 1.625rem; /* 26px */
    }
    .full-news-wrapper {
        padding-bottom: 20px;
        padding-inline: 10px;
        gap: 18px;
    }
    .comment-text p {
        font-size: 1.25rem; /* 20px */
    }
    .commen-userinfo .username {
        font-size: 1.25rem; /* 20px */
    }
    .full-news-action-wrapper {
        padding: 20px 20px;
        gap: 20px;
    }
    .post-action-top {
        gap: 25px;
        flex-wrap: wrap;
    }
    .post-like-shere-btns button {
        font-size: 1.25rem; /* 20px */
    }
    .news-action-area {
        padding-top: 30px;
    }
    .post-action-top h2 {
        font-size: 1.375rem; /* 22px */
    }
    .post-like-shere-btns button {
        padding: 10px 25px;
        font-size: 1.125rem; /* 18px */
    }
    .comment-area h2 {
        font-size: 1.375rem; /* 22px */
    }
    .comment-type-box {
        min-height: 80px;
        padding: 10px 40px;
        font-size: 1.25rem; /* 20px */
    }
    .userlogin-info {
        gap: 20px;
        flex-direction: column;
        align-items: center;
    }
    .login-with-pass .single-input input {
        font-size: 1.125rem; /* 18px */
    }
    .comment-btm-action button {
        font-size: 1.25rem; /* 20px */
    }
    .commen-userinfo .user-logo {
        width: 55px;
        height: 55px;
    }

    .news-inner-block-top h2 {
        font-size: 2.25rem; /* 36px */
    }
    .news-inner-block h3 {
        font-size: 1.5rem; /* 24px */
    }
    .event-detials .event-info {
        font-size: 1.25rem; /* 20px */
        max-width: 80px;
    }
    .event-detials .event-value {
        font-size: 1.25rem; /* 20px */
    }
    .news-images-text {
        gap: 35px;
    }
    .news-images-text img {
        max-width: 300px;
    }

    .inner-images-block {
        padding-top: 15px;
    }

    .buy-ticket-btn a {
        padding: 15px 30px;
        font-size: 1.375rem; /* 22px */
    }

    /*======= fighting found area ====== */

    .block-name h2 {
        font-size: 1.5625rem; /* 25px */
    }
    .amount-of-pay h2 {
        font-size: 2.8125rem; /* 45px */
    }
    .select-amound-wp {
        flex-wrap: wrap;
        justify-content: start;
        gap: 20px;
    }
    .input-random-amount {
        width: 225px;
    }
    .radio-circle {
        width: 25px;
        height: 25px;
    }
    .single-input.email-input {
        width: 100%;
    }
    .donate-form-block .single-input input {
        font-size: 1.125rem; /* 18px */
    }
    .card-number-input .single-input {
        width: 100%;
    }
    .card-info-form {
        flex-direction: column;
    }
    .card-number-input {
        width: 100%;
    }
    .donate-wrapper {
        padding: 20px;
    }
    .donate-now-btn button {
        width: 300.025px;
        padding: 15px 25px;
        font-size: 1.375rem; /* 22px */
    }
    .donate-wrapper .donate-form {
        gap: 20px;
    }

 /*===== about us page ======= */

    .news-hero-inner.about-us-hero {
        min-height: 400px;
    }
    .about-right-card p {
        font-size: 1.25rem; /* 20px */
    }
    .about-right-card {
        gap: 15px;
        padding-block: 25px;
        max-width: 570px;
    }
    .about-left-card h2 {
        font-size: 2.1875rem; /* 35px */
    }

    .about-wrapper {
        gap: 40px;
    }
    .single-about-block {
        gap: 40px;
        padding-inline: 20px;
    }
    .about-left-card {
        gap: 20px;
        max-width: 200px;
    }
    .about-left-card span {
        font-size: 1rem; /* 16px */
    }

    /*======= spokesperson page ====== */

    .spokesperson-images {
        max-width: 300px;
    }
    .spokesperson-wrapper > h2 {
        font-size: 2.5rem; /* 40px */
        padding-inline: 20px;
    }
    .single-spokesperson {
        padding: 30px 20px !important;
        gap: 40px;
        flex-direction: column;
    }
    .spokesprson-content {
        gap: 10px;
    }
    .spokesprson-content p {
        font-size: 1.25rem; /* 20px */
    }
    .spokesprson-content h2 {
        font-size: 1.875rem; /* 30px */
    }
    .single-spokesperson.left-images {
        padding-left: 20px;
    }
    .single-spokesperson.right-images {
        flex-direction: column-reverse;
    }

    .state-spokesperson .spokesperson-wrapper {
        padding-inline: 20px;
    }
    .group-spokesperson {
        gap: 35px;
    }

    /*========= join page ======= */

    .news-hero-inner.join-hero-inner {
        min-height: 450px;
    }
    .join-hero-wrapper p {
        width: 530px;
        padding: 25px 15px 25px 46px;
        margin-left: -43px;
        font-size: 1.375rem; /* 22px */
    }
    .join-hero-inner .single-news-wrapper {
        gap: 50px;
    }

    /*========= join page ======= */

    .news-hero-inner.join-hero-inner {
        min-height: 500px;
    }
    .join-top-wrapper h2 {
        font-size: 2.1875rem; /* 35px */
    }
    .our-plan-wrapper .single-plan {
        padding: 35px;
        gap: 30px;
        width: 100%;
    }
    .plan-top-left h2 {
        font-size: 2.1875rem; /* 35px */
    }
    .amout-of-month p {
        font-size: 1.375rem; /* 22px */
    }
    .plan-features ul li {
        font-size: 1.25rem; /* 20px */
    }
    .plan-price h2 {
        font-size: 1.875rem; /* 30px */
    }
    .our-plan-wrapper {
        padding: 30px 20px;
        gap: 35px;
        flex-direction: column;
    }
    .join-top-wrapper {
        padding-inline: 20px;
        gap: 16px;
    }
    .join-top-wrapper p {
        font-size: 1.25rem; /* 20px */
    }
}


/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (max-width: 767px) {
    /* header area  */
    .header-area {
        padding-block: 20px;
    }
    .header-logo a img {
        max-width: 150px;
    }
    .nav-card {
        display: none;
    }
    .home-hero-area {
        padding-right: calc((100vw - 525px) / 2);
    }
    .hero-slide-left h2 {
        color: #FFF;
        font-size: 3.125rem; /* 50px */
        padding-left: 0;
        text-align: center;
    }
    .hero-slider .swiper-pagination {
        left: 50%;
        transform: translateX(-50%);
    }
    .hero-slide-item {
        min-height: 455px;
        padding-top: 30px;
    }
    .hero-slide-left .summery-text {
        max-width: 500px;
        padding: 22px;
        border-radius: 25px;
    }
    .hero-slide-left {
        gap: 40px;
        padding-left: 20px;
    }
    .hero-slide-btm {
        gap: 35px;
        flex-direction: column-reverse;
    }
    .join-leaque-btn a {
        font-size: 1.375rem; /* 22px */
        ;
    }
    .hero-slide-right img {
        max-width: 140px;
    }
    .hero-slide-content {
        flex-direction: column;
        padding-inline: 25px;
        gap: 20px;
    }
    .hero-slide-left p {
        font-size: 1.25rem; /* 20px */
        text-align: center;
    }
    .forefront-content {
        gap: 15px;
    }
    .forefront-images img {
        max-width: 350px;
        width: 100%;
    }
    .forefront-content p {
        font-size: 1.125rem; /* 18px */
    }
    .forefront-content h2 {
        font-size: 2.625rem; /* 42px */
    }
    .forefront-wrapper {
        flex-direction: column;
        padding: 30px;
        padding-bottom: 0;
        gap: 25px;
    }
    .features-wrapper {
        flex-wrap: wrap;
        gap: 30px 20px;
        padding: 40px;
    }
    .forefront-images {
        text-align: center;
    }
    .forefront-content h5 {
        font-size: 1rem; /* 16px */
    }
    .single-feature .icons svg {
        width: 35px;
        height: 35px;
    }
    .single-feature {
        gap: 15px;
    }
    .single-feature h4 {
        font-size: 1.25rem; /* 20px */
        padding-bottom: 10px;
        padding-right: 12px;
    }
    .help-us-wrapper {
        padding: 25px 30px;
        gap: 20px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .help-block-left h2 {
        font-size: 1.875rem; /* 30px */
    }
    .help-center-block p {
        font-size: 1.25rem; /* 20px */
    }
    .help-block-right svg {
        width: 50px;
        height: 50px;
    }
    .help-block-right {
        gap: 20px;
        flex-direction: row;
        align-items: center;
    }
    .help-block-right a {
        font-size: 1.375rem; /* 22px */
    }
    .help-block-left h5 {
        font-size: 0.875rem; /* 14px */
    }
    .help-block-left {
        max-width: 100%;
    }
    .news-wrapper {
        padding: 25px 20px;
        gap: 25px;
    }
    .news-top-content h4 {
        font-size: 2rem; /* 32px */
    }
    .date-raction h4 {
        font-size: 1rem; /* 16px */
    }
    .date-raction .ractione {
        font-size: 1rem; /* 16px */
    }
    .news-content p {
        font-size: 1.125rem; /* 18px */
    }
    .single-news .action-btn a {
        font-size: 1rem; /* 16px */
        padding-right: 19px;
        padding-bottom: 10px;
    }
    .single-news h2 {
        font-size: 1.375rem; /* 22px */
    }
    .single-news .news-content {
        padding-top: 20px;
    }
    .single-news .action-btn {
        padding-top: 20px;
    }
    .news-content-card .row {
        gap: 40px 0;
    }
    .group-input.justify-content-between {
        flex-wrap: wrap;
        gap: 15px;
    }
    .group-input {
        gap: 16px;
        flex-wrap: wrap;
    }
    .newslatter-wrapper {
        padding: 30px 35px;
        gap: 20px;
    }
    .newslatter-left h2 {
        font-size: 1.75rem; /* 28px */
    }
    .single-input {
        width: calc(50% - 8px);
        flex: auto;
    }
    .single-input.flex-two {
        flex: auto;
        max-width: 100% !important;
    }
    .group-input.items-three .single-input {
        max-width: 100%;
    }
    .newslatter-right {
        max-width: 370px;
    }
    .newslatter-right p {
        font-size: 1.1875rem; /* 19px */
    }
    .newslatter-top {
        padding-bottom: 10px;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 10px;
    }
    .single-items .submit-btn {
        font-size: 1.25rem; /* 20px */
    }
    .newslatter-form-area form {
        gap: 16px;
    }
    .newslatter-left h2 br {
        display: none;
    }
    .footer-logo img {
        max-width: 200px;
    }
    .footer-block ul li a {
        font-size: 1.125rem; /* 18px */
        line-height: 40px;
    }
    .footer-block h4 {
        font-size: 1.0625rem; /* 17px */
    }
    .copyright-wrapper {
        padding-block: 15px;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
    }
    .footer-wrapper>.row {
        padding-right: 25px;
        gap: 30px 0;
    }
    .footer-logo {
        text-align: center;
    }
    .copyright-wrapper p {
        font-size: 1rem; /* 16px */
    }
    .footer-wrapper .row .row {
        gap: 25px 0;
    }
    .single-servery h2 {
        font-size: 1.125rem; /* 18px */
        font-weight: 700;
    }
    .news-survey-content {
        gap: 30px;
    }
    .single-servery {
        gap: 30px;
    }
    .single-servery a {
        font-size: 1rem; /* 16px */
    }
    .gap-x-45 {
        row-gap: 45px;
    }
    .news-hero-inner {
        padding-left: calc((100vw - 540px) / 2);
    }
    .news-hero-area {
        padding-bottom: 48px;
        padding-right: calc((100vw - 540px) / 2);
    }
    .news-hero-inner h2 {
        font-size: 1.875rem; /* 30px */
    }
    .message-cont h2 {
        font-size: 2rem; /* 32px */
    }
    .news-hero-inner {
        padding-top: 40px;
        padding-bottom: 23px;
    }
    .news-hero-inner ul li a,
    .news-hero-inner ul li {
        font-size: 1rem; /* 16px */
    }
    .birthday-selebration {
        padding-bottom: 55px;
    }
    .single-birthday h2 a {
        font-size: 1.5rem; /* 24px */
    }
    .common-contents ul {
        padding-bottom: 22px;
    }
    .news-paginatoin ul {
        padding-top: 15px;
    }
    .white-flower svg {
        width: 130px;
    }
    .liverty-newsletter-area .container {
        max-width: 540px;
    }
    .linews-cont,
    .single-newsletter-card {
        padding-bottom: 50px;
    }
    .liverty-newsletter-area {
        padding-bottom: 20px;
    }
    .linews-cont h2 {
        font-size: 2.375rem; /* 38px */
        padding-bottom: 40px;
    }
    .single-newsletter-card img {
        width: 100%;
    }

    /* single news page  */

    .single-news-wrapper {
        padding-inline: 20px;
    }
    .news-hero-inner.single-news-inner {
        min-height: 340px;
    }
    .news-hero-inner .single-news-wrapper ul {
        flex-wrap: wrap;
    }
    .news-publish-date p {
        font-size: 1rem; /* 16px */
        font-weight: 500;
    }
    .single-news-wrapper .post-raction {
        font-size: 1rem; /* 16px */
        font-weight: 600;
    }

    /*===== single news page ===== */

    .news-group-images {
        gap: 20px;
    }
    .full-news-wrapper p {
        font-size: 1.125rem; /* 18px */
    }
    .full-news-wrapper h4 {
        font-size: 1.625rem; /* 26px */
    }
    .full-news-wrapper {
        padding-bottom: 20px;
        padding-inline: 10px;
        gap: 15px;
    }
    .comment-text p {
        font-size: 1.125rem; /* 18px */
    }
    .commen-userinfo .username {
        font-size: 1rem; /* 16px */
    }
    .full-news-action-wrapper {
        padding: 20px 20px;
        gap: 20px;
    }
    .post-action-top {
        gap: 10px;
        flex-wrap: wrap;
    }
    .post-like-shere-btns button {
        font-size: 1.25rem; /* 20px */
    }
    .news-action-area {
        padding-top: 20px;
    }
    .post-action-top h2 {
        font-size: 1.25rem; /* 20px */
    }
    .post-like-shere-btns button {
        padding: 10px 25px;
        font-size: 1.125rem; /* 18px */
    }
    .comment-area h2 {
        font-size: 1.25rem; /* 20px */
    }
    .comment-type-box {
        min-height: 80px;
        padding: 10px 40px;
        font-size: 1.25rem; /* 20px */
    }
    .userlogin-info {
        gap: 20px;
        flex-direction: column;
        align-items: center;
    }
    .login-with-pass .single-input input {
        font-size: 1.125rem; /* 18px */
    }
    .comment-btm-action button {
        font-size: 1.25rem; /* 20px */
    }
    .commen-userinfo .user-logo {
        width: 45px;
        height: 45px;
    }

    .full-news-wrapper h4 {
        font-size: 1.375rem; /* 22px */
    }

    .comment-btm-action {
        gap: 10px;
        flex-direction: column;
    }
    .commen-userinfo {
        gap: 10px;
        flex-wrap: wrap;
    }
    .comment-list-area {
        gap: 15px;
    }

    .news-inner-block-top h2 {
        font-size: 1.5625rem; /* 25px */
    }
    .news-inner-block h3 {
        font-size: 1.25rem; /* 20px */
    }
    .event-detials .event-info {
        font-size: 1rem; /* 16px */
        max-width: 80px;
        min-width: 60px;
    }
    .event-detials .event-value {
        font-size: 1rem; /* 16px */
    }
    .news-images-text {
        gap: 25px;
        flex-direction: column;
    }
    .news-images-text img {
        max-width: 100%;
        margin-inline: auto;
    }

    .inner-images-block {
        padding-top: 15px;
    }

    .buy-ticket-btn a {
        padding: 15px 30px;
        font-size: 1.375rem; /* 22px */
    }
    .news-inner-block {
        padding-top: 0;
        gap: 12px;
    }
    .news-inner-block-top .news-publish-date p {
        font-size: 1.125rem; /* 18px */
    }
    .news-inner-block-top .club {
        font-size: 1rem; /* 16px */
    }
    .news-inner-block a {
        font-size: 1.125rem; /* 18px */
    }
    .event-detials ul {
        gap: 10px;
    }
    .news-images-text .inner-text-area {
        gap: 14px;
    }


     /*======= fighting found area ====== */

    .block-name h2 {
        font-size: 1.25rem; /* 20px */
    }
    .amount-of-pay h2 {
        font-size: 2.5rem; /* 40px */
    }
    .select-amound-wp {
        flex-wrap: wrap;
        justify-content: start;
        gap: 20px;
    }
    .input-random-amount {
        width: 225px;
    }
    .radio-circle {
        width: 25px;
        height: 25px;
    }
    .single-input.email-input {
        width: 100%;
    }
    .donate-form-block .single-input input {
        font-size: 1.125rem; /* 18px */
    }
    .card-number-input .single-input {
        width: 100%;
    }
    .card-info-form {
        flex-direction: column;
    }
    .card-number-input {
        width: 100%;
    }
    .donate-wrapper {
        padding: 20px;
    }
    .donate-now-btn button {
        width: 250.025px;
        padding: 12px 20px;
        font-size: 1.375rem; /* 22px */
    }
    .donate-wrapper .donate-form {
        gap: 15px;
    }
    .input-amount-wp {
        flex-wrap: wrap;
        gap: 20px;
    }
    .input-random-amount {
        flex: 1;
    }


    /*===== about us page ======= */

    .news-hero-inner.about-us-hero {
        min-height: 300px;
    }
    .about-right-card p {
        font-size: 1.125rem; /* 18px */
    }
    .about-right-card {
        gap: 10px;
        padding-block: 10px;
        max-width: 100%;
    }
    .about-left-card h2 {
        font-size: 1.875rem; /* 30px */
    }

    .about-wrapper {
        gap: 10px;
    }
    .single-about-block {
        gap: 15px;
        padding-inline: 10px;
        flex-direction: column;
    }
    .about-left-card {
        gap: 15px;
        max-width: 50%;
    }
    .about-left-card span {
        font-size: 1rem; /* 16px */
    }

    /*======= spokesperson page ====== */

    .spokesperson-images {
        max-width: 300px;
        margin-inline: auto;
    }
    .spokesperson-wrapper > h2 {
        font-size: 1.875rem; /* 30px */
        padding-inline: 10px;
    }
    .single-spokesperson {
        padding: 20px 10px !important;
        gap: 30px;
        flex-direction: column;
    }
    .spokesprson-content {
        gap: 10px;
    }
    .spokesprson-content p {
        font-size: 1.125rem; /* 18px */
    }
    .spokesprson-content h2 {
        font-size: 1.875rem; /* 30px */
    }
    .single-spokesperson.left-images {
        padding-left: 20px;
    }
    .single-spokesperson.right-images {
        flex-direction: column-reverse;
    }
    .spokesprson-content a {
        font-size: 1rem; /* 16px */
        padding-right: 15px;
        padding-bottom: 8px;
        max-width: 108px;
    }



.group-spokesperson {
    flex-direction: column;
    gap: 0;
}
.state-spokesperson .spokesperson-wrapper {
    padding-inline: 10px;
}
.state-spokesperson {
    padding-top: 20px;
}

 /*========= join page ======= */

    .news-hero-inner.join-hero-inner {
        min-height: 460px;
        flex-direction: column;
        align-items: center;
        justify-content: end;
    }
    .join-hero-wrapper p {
        width: 100%;
        padding: 20px;
        margin-left: 0;
        font-size: 1.25rem; /* 20px */
        border-radius: 20px;
        text-align: center;
    }
    .join-hero-inner .single-news-wrapper {
        gap: 50px;
    }
    .join-hero-inner .single-news-wrapper {
        gap: 40px;
        text-align: center;
    }
    .join-hero-inner .white-flower {
        padding-bottom: 10px;
    }


     /*========= join page ======= */

    .news-hero-inner.join-hero-inner {
        min-height: 500px;
    }
    .join-top-wrapper h2 {
        font-size: 2.1875rem; /* 35px */
    }
    .our-plan-wrapper .single-plan {
        padding: 25px;
        gap: 20px;
        width: 100%;
        border-width: 3px;
    }
    .plan-top-left h2 {
        font-size: 2.1875rem; /* 35px */
    }
    .amout-of-month p {
        font-size: 1.375rem; /* 22px */
    }
    .plan-features ul li {
        font-size: 1.25rem; /* 20px */
    }
    .plan-price h2 {
        font-size: 1.875rem; /* 30px */
    }
    .our-plan-wrapper {
        padding: 30px 20px;
        gap: 35px;
        flex-direction: column;
    }
    .join-top-wrapper {
        padding-inline: 20px;
        gap: 16px;
    }
    .join-top-wrapper p {
        font-size: 1.25rem; /* 20px */
    }
    .sing-up-button button {
        font-size: 1.25rem; /* 20px */
    }
}


/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 576px) {
    .hero-slide-left h2 {
        font-size: 2.1875rem; /* 35px */
    }
    .hero-slide-left {
        gap: 30px;
        padding-left: 0;
    }
    .hero-slide-item {
        min-height: fit-content;
        padding-top: 20px;
    }
    .hero-slide-left p {
        font-size: 1rem; /* 16px */
        text-align: center;
    }
    .hero-slide-left .summery-text {
        padding: 15px;
    }
    .hero-slide-right img {
        max-width: 100px;
    }
    .features-wrapper {
        padding: 30px;
        flex-direction: column;
        align-items: center;
        border-width: 3px;
    }
    .forefront-wrapper {
        border-width: 3px;
    }
    .single-feature h4 {
        border-width: 3px;
    }
    .forefront-content h2 {
        font-size: 2.1875rem; /* 35px */
    }
    .forefront-content p {
        font-size: 1rem; /* 16px */
    }
    .forefront-content h5 {
        font-size: 0.875rem; /* 14px */
    }
    .forefront-area {
        padding-block: 35px;
    }
    .help-us-area {
        padding-top: 25px;
    }
    .help-block-left h2 {
        font-size: 1.5625rem; /* 25px */
    }
    .help-center-block p {
        font-size: 1.125rem; /* 18px */
    }
    .help-block-right a {
        font-size: 1.25rem; /* 20px */
        padding-right: 10px;
    }
    .news-top-content h4 {
        font-size: 1.375rem; /* 22px */
    }
    .news-top-ractangle img {
        max-width: 50px;
    }
    .single-news h2 {
        font-size: 1.25rem; /* 20px */
    }
    .news-content p {
        font-size: 1rem; /* 16px */
    }
    .single-news .news-content {
        padding-top: 15px;
    }
    .single-news .action-btn {
        padding-top: 15px;
    }
    .newslatter-wrapper {
        padding: 20px 20px;
        gap: 15px;
    }
    .group-input {
        gap: 15px;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .single-input {
        width: 100%;
        flex: auto;
    }
    .single-items label {
        font-size: 0.875rem; /* 14px */
    }
    .single-items .submit-btn {
        font-size: 1.125rem; /* 18px */
        width: 100%;
    }
    .newslatter-area {
        padding-top: 25px;
    }
    .newslatter-right p {
        font-size: 1rem; /* 16px */
    }
    .newslatter-left h2 {
        font-size: 1.5625rem; /* 25px */
    }
    .newslatter-left span {
        font-size: 1rem; /* 16px */
    }
    .footer-block ul li a {
        font-size: 1rem; /* 16px */
        line-height: 1.9375rem; /* 31px */
    }
    .footer-logo img {
        max-width: 150px;
    }
    .footer-area {
        padding-top: 35px;
        margin-top: 25px;
    }
    .footer-wrapper>.row {
        padding-right: 0;
        gap: 25px 0;
    }
    .copyright-wrapper p {
        font-size: 0.875rem; /* 14px */
        text-align: center;
    }
    .powerby-content h4 {
        font-size: 0.875rem; /* 14px */
    }
    .footer-wrapper {
        padding-inline: 20px;
    }
    .single-servery {
        gap: 15px;
        flex-direction: column;
        align-items: start;
    }
    .single-servery a {
        font-size: 1rem; /* 16px */
        padding-bottom: 8px;
        font-weight: 600;
        border-width: 3px;
    }
    .single-servery h2 {
        font-size: 1rem; /* 16px */
        font-weight: 600;
    }
    .gap-x-45 {
        row-gap: 35px;
    }
    .news-hero-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .news-hero-area {
        padding-bottom: 30px;
        padding-right: 15px;
    }
    .news-hero-inner ul li a,
    .news-hero-inner ul li {
        font-size: 0.875rem; /* 14px */
    }
    .mav-inner {
        padding: 30px 25px;
        padding-bottom: 40px;
        border-radius: 0 30px;
    }
    .message-cont h2 {
        font-size: 1.6875rem; /* 27px */
    }
    .common-contents p {
        font-size: 1.125rem; /* 18px */
    }
    .birthday-selebration {
        padding-bottom: 45px;
    }
    .linews-cont,
    .single-newsletter-card {
        padding-bottom: 50px;
    }
    .liverty-newsletter-area {
        padding-bottom: 0px;
    }
    .linews-cont h2 {
        font-size: 2rem; /* 32px */
        padding-bottom: 40px;
    }
    .single-newsletter-card img {
        width: 100%;
    }
    .linews-cont img {
        max-width: 164px;
    }
    .common-contents.diff h2 {
        font-size: 1.5rem; /* 24px */
    }

    /* single news page  */

    .single-news-wrapper .news-hero-inner h2 {
        font-size: 1.5625rem; /* 25px */
        text-align: center;
        padding-bottom: 10px;
    }
    .news-hero-inner .single-news-wrapper ul {
        justify-content: center;
        text-align: center;
    }
    .news-publish-date p {
        font-size: 0.875rem; /* 14px */
    }
    .single-news-wrapper .post-raction {
        font-size: 0.875rem; /* 14px */
    }
    .news-publish-date {
        padding-top: 10px;
        justify-content: center;
    }
    .news-hero-inner.single-news-inner {
        min-height: 280px;
    }
    .news-hero-inner {
        border-radius: 0 0 40px 0;
    }

    .full-news-wrapper p {
        font-size: 1rem; /* 16px */
    }
    .full-news-wrapper h4 {
        font-size: 1.25rem; /* 20px */
    }
    .full-news-action-wrapper {
        padding: 15px 20px;
        gap: 15px;
    }

    .comment-area h2 {
        font-size: 1.125rem; /* 18px */
    }
    .userlogin-info .login-with {
        gap: 16px;
        max-width: 100%;
    }
    .create-new-account {
        gap: 20px;
        width: 100%;
    }
    .comment-btm-action button {
        font-size: 1.25rem; /* 20px */
        width: 100%;
    }
    .comment-text p {
        font-size: 1rem; /* 16px */
    }
    .news-inner-block-top h2 {
        font-size: 1.25rem; /* 20px */
    }
    .news-inner-block-top .news-publish-date p {
        font-size: 1rem; /* 16px */
    }
    .news-inner-block h3 {
        font-size: 1.125rem; /* 18px */
    }
    .donate-video-area {
        padding-block: 16px;
    }
    .donate-video-wp video {
        border-radius: 40px 0px;
    }

    /* about us page  */
    .news-hero-inner.about-us-hero {
        min-height: 250px;
    }
    .about-left-card {
        gap: 15px;
        max-width: 60%;
    }
    .about-right-card p {
        font-size: 1rem; /* 16px */
    }

    .single-news-wrapper {
        padding-inline: 0;
    }
    .spokesprson-content h2 {
        font-size: 1.5625rem; /* 25px */
    }
    .spokesprson-content span {
        font-size: 0.875rem; /* 14px */
    }
    .spokesprson-content p {
        font-size: 1rem; /* 16px */
    }
    .white-flower svg {
        width: 110px;
    }

    /*====== join page ======== */

    .join-hero-wrapper p {
        padding: 15px;
        font-size: 1rem; /* 16px */
    }
    .join-hero-inner .single-news-wrapper {
        gap: 25px;
    }
    .join-top-wrapper h2 {
        font-size: 1.5625rem; /* 25px */
    }
    .our-plan-area {
        padding-top: 20px;
    }

    .our-plan-wrapper {
        padding: 25px 20px;
        gap: 20px;
    }
    .plan-top-left h2 {
        font-size: 1.5625rem; /* 25px */
    }
    .plan-price h2 {
        font-size: 1.5625rem; /* 25px */
    }
    .plan-top-left span {
        font-size: 0.875rem; /* 14px */
    }
    .plan-features ul li {
        font-size: 1rem; /* 16px */
    }
    .sing-up-button button {
        font-size: 1.125rem; /* 18px */
        padding: 10px;
    }
    .single-plan.standard-plan {
        border-top-right-radius: 30px;
    }
    .single-plan.premium-plan {
        border-bottom-left-radius: 30px;
    }
    .amout-of-month p {
        font-size: 1.125rem; /* 18px */
    }
}