/* Big Screen Device */
@media only screen and (max-width: 1921px) {
    .event-gallery-slider.swiper.mySwiper.swiper-initialized.swiper-horizontal {
        margin-right: -640px;
    }
}

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


/* XXL Device. */
@media only screen and (max-width: 1600px) {
    .container {
        max-width: 1200px;
    }

    .resources-section {
        margin-top: -35px;
    }
}

/* XL Device :1280px. */
@media only screen and (max-width: 1399px) {
    .container {
        width: 1140px;
    }

    .event-gallery-slider.swiper.mySwiper.swiper-initialized.swiper-horizontal {
        margin-right: -400px;
    }

    .hero-thumb {
        margin-right: -55px;
        margin-left: -18px;
    }

    .vision-thumb {
        margin-right: -75px;
    }

    .download-section {
        margin-top: -46px;
    }

}


/* Large Device :992px. */
@media only screen and (max-width: 1199px) {
    .container {
        width: 960px;
    }

    .header-nav>ul>li {
        margin-left: 25px;
    }

    .resources-section {
        margin-top: 0;
    }

    .ue-card-bottom {
        gap: 10px;
    }

    .download-wrapper {
        min-height: auto;
    }

    .download-thumb img {
        max-width: 500px;
    }

    .footer-thumb-bg {
        max-width: 470px;
    }

    .download-para {
        padding: 15px 0 28px;
    }

    .news-letter-wrapper {
        min-height: 415px;
        padding: 75px;
    }
}


/* Medium Device :768px. */
@media only screen and (max-width: 991px) {
    .container {
        width: 720px;
    }

    .event-gallery-slider.swiper.mySwiper.swiper-initialized.swiper-horizontal {
        margin-right: -340px;
    }

    .hero-thumb {
        margin: 0 auto;
        max-width: 300px;
        margin-bottom: 24px;
    }

    .hero-content h1 {
        font-size: 30px;
        margin-bottom: 13px;
    }

    .hero-content p {
        font-size: 16px;
        margin-bottom: 15px;
        padding-bottom: 6px;
    }

    .hero-content {
        max-width: 534px;
        padding-top: 5px;
        margin: 0 auto;
        text-align: center;
    }

    .hero-btns.d-flex.flex-column {
        justify-content: center;
    }

    .video-wrapper.has-min-mb {
        margin-bottom: -26px;
    }

    .eg-slider-btns {
        width: 102px;
        margin-left: 15px;
    }

    .volunteer-content p {
        font-size: 17px;
        margin-bottom: 30px;
    }

    .volunteer-content {
        max-width: 488px;
        margin: 0 auto;
        text-align: center;
    }

    .volunteer-content h2 {
        max-width: 100%;
        padding-bottom: 3px !important;
    }

    .volunteer-content .theme-btn {
        height: 54px;
        width: 262px;
    }

    .vision-list-item-content h5 {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .vision-list-item-content p {
        font-size: 15px;
    }

    .vision-list-item-count {
        height: 60px;
        width: 60px;
        font-size: 24px;
        margin-right: 15px;
        top: -4px;
    }

    .vision-list-item {
        margin-bottom: 23px;
    }

    .vision-thumb {
        margin: 0 auto;
        max-width: 350px;
        padding-top: 33px;
        padding-bottom: 35px;
    }

    .help-card-detail .help-card-btn {
        font-size: 15px;
    }

    .section-title p {
        font-size: 15px;
    }

    .help-card-detail p {
        line-height: 1.5;
        font-size: 14px;
        padding-bottom: 2px;
    }

    .download-heading {
        font-size: 30px;
        line-height: 1.2;
        max-width: 282px;
        margin: 0 auto;
        text-align: center;
    }

    .h2 {
        font-size: 25px;
    }

    .blog-title {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .blog-content {
        min-height: 198px;
    }

    .blog-thumb {
        height: 270px;
    }

    .news-letter-para {
        margin-bottom: 28px;
        color: #6E6E6E;
        line-height: 1.8;
    }

    .download-para {
        padding: 8px 0 22px;
        font-size: 14px;
        margin: 0 auto;
        text-align: center;
    }

    .download-app-btns {
        gap: 12px;
        justify-content: center;
        margin: 0 auto;
        width: 100%;
    }

    .event-details {
        padding: 20px 20px;
        min-height: 320px;
    }

    .event-title {
        font-size: 20px !important;
    }

    .single-resource {
        padding: 30px;
    }

    .ogc-bg-1, .ogc-bg-4 {
        min-height: 445px;
    }

    .mobile-menu-btn, .mobile-menu-close {
        padding: 10px 13px;
        border-radius: 4px;
        font-size: 16px;
    }

    .hero-area {
        padding-top: 20px;
        padding-bottom: 135px;
    }

    .mobile-menu .offcanvas {
        background-color: #FEF1EA;
    }

    .mobile-menu .offcanvas-body {
        padding: 16px 0;
    }

    .mobile-menu .mobile-nav ul li {
        margin-left: 0;
        padding: 0;
        border-bottom: 1px solid #ccc;
    }

    .mobile-menu ul li:first-child {
        border-top: 1px solid #ccc;
    }

    .mobile-menu ul li a {
        font-size: 14px;
        color: #516D9E;
        text-decoration: none;
        transition: .3s;
        font-weight: 500;
        font-family: "Poppins", sans-serif;
        padding-left: 16px;
    }

    .mobile-menu ul li:hover>a, .mobile-menu ul li a.active {
        color: #FF7128;
    }


    .collapse-btn:not(.collapsed), .collapse-nav {
        background-color: rgba(19, 22, 50, 0.05);
    }

    .collapse-nav ul li a {
        padding: 12px 16px;
        padding-left: 30px;
    }

    .collapse-nav ul li:last-child {
        border: none;
    }

    .collapse-btn i {
        transition: .3s;
    }

    .collapse-btn:not(.collapsed) i {
        transform: rotate(-180deg);
    }

    .video-wrapper iframe {
        height: 380px;
    }

    .text-lg {
        font-size: 17px;
    }

    .has-minus-mt {
        margin-top: 0;
        margin-bottom: 0;
    }

    .eg-bg-shape {
        margin-top: -80px;
    }

    .upcoming-events-section {
        padding: 80px 0;
    }

    .uec-row-gap {
        gap: 30px 0;
    }

    .og-v {
        width: 48%;
    }

    .volunteer-thumb {
        text-align: center;
        margin: 0 auto;
        max-width: 330px;
        margin-bottom: 40px;
    }

    .volunteer-content h2 {
        max-width: 100%;
    }

    .volunteer-section {
        margin-top: -25px;
    }

    .download-section {
        margin-top: 0;
    }

    .download-wrapper {
        padding: 60px 60px 0;
    }

    .download-thumb {
        margin-top: 25px;
        position: unset !important;
        text-align: center;
    }

    .mini-blog-card {
        width: 48%;
    }

    .mini-blog-card:first-child {
        padding-top: 50px;
    }

    .mini-blog-card:last-child {
        padding-bottom: 50px;
        border-bottom: 1px solid #DDD;
    }

    .blogs-section {
        padding-bottom: 80px;
    }

    .news-letter-wrapper {
        padding: 60px;
        min-height: auto;
    }

    .download-thumb img {
        height: 235px;
    }

    .merchandise-section {
        padding-bottom: 80px;
    }

    .footer-top {
        padding: 100px 0 60px;
        background-size: 108% 100%;
    }

    .footer-left {
        max-width: 100%;
        text-align: center;
        margin-bottom: 60px;
    }

    .footer-logo {
        justify-content: center;
    }

}


/* Small Device :550px. */
@media only screen and (max-width: 767px) {
    .container {
        width: 540px;
    }

    .event-gallery-slider-wrapper {
        position: relative;
        left: -15px;
    }

    .vision-wrapper .section-title {
        margin-bottom: 50px;
    }

    .video-wrapper iframe {
        height: 350px;
    }

    .single-resource {
        padding: 20px;
    }

    .ogc-bg-1, .ogc-bg-4 {
        min-height: 300px;
    }

    .blog-thumb {
        height: 300px;
    }

    .blog-title {
        font-size: 16px;
    }

    .mini-blog-card {
        width: 75%;
    }

    .helpline-section {
        padding: 60px 0;
    }

}


/* Extra small Device. */
@media only screen and (max-width: 575px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }

    .event-details a.theme-btn {
        color: #fff;
        font-size: 12px;
        padding: 8px 19px;
        padding-top: 10px;
    }

    .header {
        padding: 18px 0;
    }.pulse-logo {
        max-width: 177px; 
    }

    .video-wrapper.has-min-mb {
        margin-bottom: 2px;
    }

    .section-title {
        text-align: center;
    }

    .header-logo {
        max-width: 200px;
    }

    .volunteer-thumb {
        padding: 0 16px;
    }

    .volunteer-content .theme-btn {
        height: 50px;
        width: 240px;
    }

    .merchandise-head.pb-4.mb-3 {
        margin-bottom: 0 !important;
    }

    .title-border {
        max-width: 58px;
        height: 4px;
        margin: -4px auto;
    }

    .theme-btn.product-buy-btn {
        padding: 5px 10px;
        height: 36px;
        width: 108px;
        padding-top: 7px;
    }

    .product-details {
        padding: 14px 15px 16px;
    }

    .mini-blog-wrapper {
        min-height: auto;
        flex-direction: row-reverse !important;
        gap: 15px;
    }

    .blog-date-time {
        padding-top: 5px;
    }

    .event-gallery-btns {
        padding-top: 10px;
        margin-bottom: -18px;
    }

    .vision-wrapper .section-title {
        margin-bottom: 24px;
    }

    .single-help-card {
        padding-bottom: 14px;
    }

    .video-wrapper {
        margin: 20px auto;
    }

    .eg-bg-shape {
        margin-top: -28px;
    }

    .event-gallery-section .eg-bg-shape {
        margin-top: -80px;
    }

    .hero-content h1 {
        font-size: 27px;
    }

    .h2, .volunteer-content h2, .download-heading {
        font-size: 23px;
    }

    .partners-wrapper {
        padding: 0;
    }

    .video-wrapper iframe {
        height: 250px;
    }

    .vision-list-item-count {
        height: 40px;
        width: 40px;
        font-size: 16px;
    }

    .vision-list-item-content h5, .section-title p, .text-lg, .volunteer-content p, .mini-blog-card .blog-title {
        font-size: 15px;
    }

    .vision-thumb {
        margin-right: 0;
    }

    .event-details {
        min-height: 300px;
        padding: 24px 20px;
    }

    .resources-head {
        padding-bottom: 0;
        padding-top: 74px;
    }

    .upcoming-events-section {
        padding: 60px 0;
    }

    .uec-row-gap {
        gap: 18px 0;
    }

    .og-v {
        width: 100%;
    }

    .download-wrapper {
        padding: 25px 25px 0;
    }

    .download-para {
        padding: 14px 0;
    }

    .download-thumb img {
        height: auto;
        max-width: 100%;
    }

    .single-product-item {
        margin-bottom: 15px;
        padding: 8px;
    }

    .download-section {
        margin-top: -80px;
        padding-bottom: 60px;
    }

    .mini-blog-thumb {
        margin-top: 0;
        flex: 0 0 auto;
        width: 100px;
        height: auto;
    }

    .mini-blog-card {
        padding: 30px 0 !important;
    }

    .download-section {
        margin-top: 10px;
    }

    .blog-content {
        min-height: auto;
        gap: 20px;
        margin-bottom: 30px;
    }

    .blogs-section {
        padding-bottom: 60px;
    }

    .mini-blog-card {
        width: 100%;
    }

    .mini-blog-content {
        max-width: 100%;
    }

    .news-letter-wrapper {
        padding: 32px;
        background-position: left;
    }

    .subscribe-btn {
        width: 100px;
        font-size: 13px;
    }

    .news-letter-form input {
        padding: 9px 110px 9px 15px;
    }

    .news-letter-para {
        font-size: 14px;
        line-height: 1.4;
        margin-bottom: 21px;
    }

    .helpline-section {
        padding: 30px 0;
    }

    .footer-top {
        padding: 80px 0 60px;
        background-size: 114% 100%;
    }

    .footer-wid-heading {
        margin-bottom: 20px;
    }

    .footer-widget ul li {
        margin-bottom: 7px;
    }
}

@media only screen and (max-width: 430px) {}