@media only screen and (max-width:1680px) {
    .vector-shape {
        top: 0
    }

    .vector-two {
        bottom: 100px
    }
}

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

    .event-content .comments a,
    .hover-content {
        margin-bottom: 0
    }

    .header_top {
        padding: 6px 10px
    }

    .home-three-header .logo-box {
        padding: 0
    }

    .banner-right-image {
        width: 450px;
        height: 525px
    }

    .border-image {
        height: 542px;
        width: 490px
    }

    .services {
        padding-bottom: 80px
    }

    .about-left-container .about-image-1 {
        width: 470px;
        height: 580px
    }

    .home-two-about .about-image-1::after {
        display: none
    }

    .home-three-video-btn {
        margin-left: 21px
    }

    .home-three-about .about-right-container .btn-1 {
        margin-top: 10px;
        padding: 20px 33px
    }

    .causes-content h5 {
        font-size: 24px
    }

    .causes-image {
        height: 315px
    }

    .causes-bar {
        padding: 20px 30px
    }

    .home3-causes-left-content {
        padding: 50px 0
    }

    .team-image {
        width: 250px;
        height: 250px
    }

    .blog .causes-content a {
        font-size: 21px
    }

    .blog .hover-content {
        font-size: 22px;
        line-height: 38px;
        margin-bottom: 0
    }

    .blog .blog-btn {
        padding: 15px 30px 30px
    }

    .blog .event-btn {
        padding: 15px 30px 30px 0
    }

    .event-image {
        height: 394px
    }

    .event-content {
        bottom: -112px
    }

    .event-card:hover .event-content {
        bottom: -50px
    }

    .event-details-container {
        height: 590px
    }

    .event-page .event-content,
    .home2-event-content {
        bottom: -75px
    }

    .faq-content {
        width: 570px
    }

    .faq-page-accordion .accordion-button {
        padding: 24px 40px;
        font-size: 19px
    }

    .footer_widget.left {
        margin-left: 25px
    }

    .main-causes-content-img {
        display: block
    }

    .main-causes-content-img img {
        margin-top: 20px
    }

    .team-three-image {
        height: 350px
    }

    .team-three-top-bg {
        left: -56px
    }

    .about-volunteer .volunteers-info {
        width: 90%
    }

    .hover-content {
        font-size: 26px;
        line-height: 22px
    }

    .blog-btn {
        padding: 25px 0 40px
    }

    .about-event-content {
        bottom: -79px
    }
}

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

    .main-menu,
    .sticky-header {
        display: none !important
    }

    .menu-area .mobile-nav-toggler {
        display: block;
        margin-top: 20px;
        padding: 12px;
        margin-bottom: 20px
    }

    header.main-header.style-one .menu-area {
        order: 3
    }

    .anim-icon,
    br {
        display: none
    }
}

@media only screen and (min-width:1025px) and (max-width:1200px) {
    .header__right {
        margin-left: 50%
    }

    .main-header .logo-box {
        padding: 0 50px 0 0
    }

    .menu-area .mobile-nav-toggler .icon-bar {
        background-color: var(--theme-color)
    }

    nav.menu-box.mCustomScrollbar._mCS_1,
    nav.menu-box.mCustomScrollbar._mCS_1.mCS_no_scrollbar {
        background: #fff
    }

    .contact-info {
        display: block
    }

    .mobile-menu .contact-info ul li a,
    .mobile-menu .navigation li>a {
        color: #000
    }
}

@media only screen and (max-width:1024px) {
    .menu-area .mobile-nav-toggler .icon-bar {
        background-color: var(--theme-color)
    }

    .header_top_right ul,
    .home-three-header .header_top .header_top_left .top_left {
        gap: 25px
    }

    .header_top .header_top_left .top_left {
        gap: 30px
    }

    .main-header .logo-box {
        padding: 0 100px 0 0
    }

    .main-header.style-one .logo__shape {
        width: calc(50% - 330px);
        height: 90px
    }

    .main-header .logo-box .logo {
        padding: 10px 0
    }

    .header__right {
        margin-left: 45%
    }

    .mobile-menu {
        background: #fff
    }

    .mobile-menu .navigation li>a {
        color: #000
    }

    .banner,
    .banner-content-wrapper,
    .banner-right-content {
        height: 650px
    }

    .banner .btn-1 {
        padding: 20px 40px
    }

    .banner-right-image {
        width: 390px;
        height: 445px
    }

    .border-image {
        height: 460px;
        width: 420px
    }

    .services {
        padding: 80px 0
    }

    .service-image {
        position: relative;
        transition: .5s
    }

    .map {
        margin-bottom: -281px
    }

    .about,
    .blog,
    .call,
    .causes,
    .home-two-blog,
    .home-two-contact,
    .home-two-footer .main__footer__top,
    .main-team-container,
    .team,
    .volunteers {
        padding: 100px 0
    }

    .about-left-intro {
        right: 325px
    }

    .vector-shape {
        top: 80px;
        left: 76%
    }

    .align-title h3 {
        font-size: 28px
    }

    .causes-content h5 {
        font-size: 20px
    }

    .causes-content {
        padding: 20px
    }

    .event-details-container {
        height: 480px;
        border-radius: 20px
    }

    .event-content ul li {
        margin: 0
    }

    .mission {
        padding-top: 100px;
        padding-bottom: 125px
    }

    .mission-video-image {
        width: 50%;
        height: 680px;
        margin: 50px auto
    }

    .fun-fact-container {
        padding: 50px 0;
        border-radius: 30px
    }

    .funfact-block-two {
        margin: 30px 0
    }

    .accordion-button:not(.collapsed) {
        padding: 20px;
        font-size: 18px;
        line-height: 25px
    }

    .accordion-button {
        padding: 20px !important;
        font-size: 18px !important;
        line-height: 25px
    }

    .accordion-body {
        padding: 0 73px 30px 20px
    }

    .accordion-button::before {
        right: 20px
    }

    .accordion-button::after {
        right: 24px;
        top: 21px
    }

    .accordion-button:not(.collapsed)::after {
        right: 27px;
        top: -7px
    }

    .faq-page-accordion .accordion-button:not(.collapsed)::after {
        top: -7px
    }

    .faq-page-accordion .accordion-button::after {
        top: 21px
    }

    .team-content {
        margin-bottom: 50px
    }

    .blog .comments ul {
        margin: 15px 0
    }

    .blog .causes-content a {
        font-size: 18px;
        line-height: 27px
    }

    .hover-content {
        font-size: 24px;
        line-height: 33px
    }

    .blog .hover-content {
        font-size: 17px;
        line-height: 32px;
        margin-bottom: 15px
    }

    .home-two-banner .banner-content-wrapper {
        height: 649px
    }

    .banner-content-wrapper-inner h2 {
        line-height: 55px;
        font-size: 38px
    }

    .home-two-about .about-image-1 {
        left: 175px
    }

    .home-two-about-image-bottom {
        right: 150px
    }

    .home-two-about-image-top {
        left: 90px
    }

    .about-right-container {
        margin-top: 100px
    }

    .home-two-causes-card {
        padding: 10px 10px 20px
    }

    .home-two-video {
        padding-top: 100px;
        height: 550px
    }

    .faq-content {
        width: 445px
    }

    .about-volunteers .btn-1,
    .accordion-right,
    .main-team-container .volunteers-content {
        margin-top: 0
    }

    .home2-event-content {
        bottom: -85px
    }

    .home2-event-content .hover-content {
        margin-bottom: 0
    }

    .volunteers-content {
        margin-bottom: 100px
    }

    .donate-text-area,
    .home-two-continer p,
    .team-three-image {
        margin-bottom: 30px
    }

    .news_letter_right .form-inner,
    .volunteers .btn-1 {
        margin-top: 30px
    }

    .contact-form textarea {
        width: 97%
    }

    .home-three-banner,
    .home-three-banner .banner-content-wrapper,
    .home-three-banner .banner-right-content {
        height: 750px
    }

    .home-three-banner .banner-right-image {
        right: 0 !important;
        width: 500px;
        height: 420px
    }

    .home-three-video-btn {
        margin-left: 60px
    }

    .causes-bar-info-bottom-img h6,
    .home-three-causes .progress p {
        display: none
    }

    .home-threee-gallery .team-image {
        height: 200px
    }

    .main-gallery .team-image {
        width: 100%;
        height: 367px;
        border-radius: 10px
    }

    .team-icon {
        top: 34%;
        left: 33%;
        width: 60px;
        height: 60px
    }

    .main-gallery .team-icon {
        top: 42%;
        left: 42%;
        width: 80px;
        height: 80px
    }

    .home-3-testimonial-wrapper {
        padding-top: 50px
    }

    .testimonial-right-wrapper-inner {
        gap: 0
    }

    .testimonial-info h6 {
        font-size: 15px
    }

    .testimonial-right-wrapper-inner img {
        width: 70px;
        height: 70px;
        border-radius: 50%;
        margin-right: 0
    }

    .common-banner {
        padding: 130px 0
    }

    .about-volunteer .volunteers-image {
        height: 500px
    }

    .blog .comments ul li {
        display: flex;
        margin-right: 25px
    }

    .contact-containt .contact-info {
        display: block
    }

    .contact-containt .contact-info-left {
        margin-bottom: 10px
    }

    .team-2-image img {
        width: 100%
    }

    .team-three-top-bg,
    .team-three-top-wrapper {
        margin-left: 0
    }

    .team-three-image {
        height: 500px;
        width: 500px
    }

    .causes-page .event-details-image {
        height: 370px;
        width: 100%
    }

    .causes-categories {
        padding-top: 30px
    }

    #accordion h4,
    .causes-details-title h3 {
        font-size: 28px;
        line-height: 40px
    }

    .donate-card h5 {
        font-size: 22px;
        line-height: 30px
    }

    .events .comments ul {
        margin: 5px 0 !important
    }

    .event-content a {
        font-size: 17px
    }

    .about-event-content,
    .event-page .event-content {
        bottom: -98px
    }
}

@media only screen and (min-width:768px) {

    .main-menu .navigation>li>.megamenu,
    .main-menu .navigation>li>ul,
    .main-menu .navigation>li>ul>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0
    }
}

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

    .footer_widget.links_widget,
    .mossion-info {
        margin-top: 20px
    }

    .banner-right-content,
    .faq-right,
    .header__right,
    .header_top_left,
    .owl-theme .owl-dots .owl-dot:nth-child(4),
    .owl-theme .owl-dots .owl-dot:nth-child(5),
    .owl-theme .owl-dots .owl-dot:nth-child(6),
    .owl-theme .owl-dots .owl-dot:nth-child(7),
    .owl-theme .owl-dots .owl-dot:nth-child(8),
    .owl-theme .owl-dots .owl-dot:nth-child(9) {
        display: none
    }

    .causes-bar-info-bottom-img h6,
    .faq,
    .mission-contant {
        display: block
    }

    .header_top .auto_container {
        justify-content: center
    }

    .header_right_info ul li {
        margin: 0 15px
    }

    .main-header.style-one .logo__shape {
        width: calc(50% - 180px);
        height: 100%
    }

    .main-header .logo-box .logo {
        padding: 30px 0
    }

    .menu-area .mobile-nav-toggler .icon-bar {
        margin-bottom: 8px
    }

    .banner,
    .home-two-banner .banner-content-wrapper {
        height: 710px
    }

    .about-left-intro {
        right: 100px;
        bottom: -50px
    }

    .causes-card {
        margin-bottom: 50px
    }

    .align-title h3 {
        font-size: 50px
    }

    .causes-image-container {
        overflow: hidden;
        border-radius: 20px 20px 0 0;
        height: 480px;
        width: 100%;
        position: relative;
        z-index: 1
    }

    .causes-image {
        height: 100%
    }

    .causes-content a {
        font-size: 37px;
        line-height: 58px
    }

    .causes-content h5 {
        font-size: 43px;
        line-height: 60px
    }

    .mossion-info {
        margin-left: 0
    }

    .vector-two {
        left: 70%
    }

    .mission-video-image {
        width: 70%;
        margin: 30px 0
    }

    .funfact-block-two {
        margin: 50px 0
    }

    .team-image {
        width: 400px;
        height: 400px
    }

    .blog .hover-content {
        font-size: 33px;
        line-height: 45px;
        margin-bottom: 15px
    }

    .map {
        margin-bottom: -327px
    }

    .home-two-about .about-image-1 {
        left: 110px
    }

    .home-two-about-shape {
        width: 550px
    }

    .home-two-causes {
        height: 100%;
        margin-bottom: 100px
    }

    .home-two-causes-card {
        padding: 20px
    }

    .fun-fact-container {
        padding: 50px 0;
        border-radius: 67px
    }

    .event-image {
        height: 600px
    }

    .event-content {
        bottom: -100px
    }

    .blog .causes-content a {
        font-size: 42px;
        line-height: 48px
    }

    .blog-contant .header-link-btn .btn-1 {
        top: -35px
    }

    .contact-us-btn,
    .event-bottom-btn {
        margin-top: 0
    }

    .event-btn {
        padding: 40px 0
    }

    .event-btn a {
        font-size: 30px !important
    }

    .faq {
        height: 872px
    }

    .faq-left,
    .home-three-about .about-left-container .about-image-1,
    .home-three-about .about-left-container .about-image-1 img,
    .team-2-image img {
        width: 100%
    }

    .faq-content {
        width: 95%;
        right: 20px
    }

    .volunteers-content {
        margin-bottom: 100px;
        width: 100%
    }

    .about-volunteer .volunteers-image {
        height: 700px;
        width: 100%
    }

    .volunteers-info {
        height: 20%
    }

    .home-3-testimonial-wrapper {
        padding-top: 90px
    }

    .home-two-blog .causes-image {
        height: 450px
    }

    .footer_widget.left,
    .team-three-top-wrapper {
        margin-left: 0
    }

    .banner-content-wrapper-inner h2 {
        font-size: 54px;
        line-height: 70px
    }

    .home-three-about .about-bnt-group,
    .home-three-causes div#skills-section-one {
        margin-top: 50px
    }

    .home-three-causes .causes-right-content {
        margin-bottom: 50px;
        margin-left: 20px
    }

    .home-three-event {
        padding-top: 100px;
        padding-bottom: 65px
    }

    .event-3-right {
        margin-top: 100px
    }

    .home-threee-gallery {
        padding-bottom: 80px
    }

    .home-threee-gallery .collomn {
        width: 50%;
        margin-bottom: 20px
    }

    .home-three-testimonial {
        margin-top: 0;
        padding-top: 0
    }

    .home-threee-gallery .team-image {
        height: 300px
    }

    .team-icon {
        top: 40%;
        left: 40%;
        width: 80px;
        height: 80px;
        line-height: 98px
    }

    .main-gallery .team-icon {
        top: 39%;
        left: 39%;
        width: 80px;
        height: 80px;
        line-height: 105px
    }

    .home-three-news_letter .news_letter_right {
        margin-top: 30px
    }

    .news_letter_content {
        padding: 75px 20px
    }

    .contact-us {
        padding: 100px 0
    }

    .contact-containt {
        margin-bottom: 30px
    }

    .blog-gallery-link {
        height: 199px;
        width: 199px
    }

    .team-2-image,
    .team-three-image {
        width: 100%;
        margin-bottom: 30px
    }

    .event-rilated-title h3 {
        margin-left: 30px
    }

    .event-content a {
        font-size: 37px;
        line-height: 50px
    }

    .blog-btn a i {
        right: -40px;
        top: 5px
    }

    .team-container .volunteers-image {
        height: 725px
    }

    .team-container .volunteers-info {
        width: 550px;
        padding: 45px 0;
        height: 150px
    }

    .volunteers-content:hover .volunteers-info {
        height: 200px
    }

    .volunteers-info h5 {
        font-size: 44px;
        margin-bottom: 20px
    }

    .volunteers-info p {
        font-size: 24px
    }

    .team-three-image {
        height: 580px
    }

    .causes-page .event-details-image {
        height: 750px
    }

    .causes-page .volunteers-info {
        height: 25%;
        width: 550px
    }
}

@media only screen and (min-width:998px) and (max-width:1118px) {
    .home-two-header .header_top .header_top_left .top_left {
        gap: 40px
    }
}

@media only screen and (min-width:821px) and (max-width:993px) {
    .header__right {
        margin-left: 34%
    }

    .header_top_left {
        display: none
    }

    .header_top_right {
        width: 100%;
        display: flex;
        justify-content: center
    }
}

@media only screen and (max-width:820px) {
    .header__right {
        margin-left: 34%
    }

    .main-header.style-one .logo__shape {
        width: calc(50% - 200px)
    }

    .banner-right-image {
        display: none
    }
}

@media only screen and (min-width:769px)and (max-width:825px) {
    .main-header.style-one .logo__shape {
        width: calc(50% - 230px);
        height: 1200px
    }

    .main-header .logo-box {
        padding: 0 35px 0 0
    }

    .header_top_left {
        display: none
    }

    .header_top_right {
        width: 100%;
        display: flex;
        justify-content: center
    }

    .causes-card {
        margin-bottom: 30px
    }
}

@media only screen and (min-width:320px) and (max-width:359px) {

    .main-header .logo-box,
    .main-header .logo-box .logo {
        padding: 0
    }
}

@media only screen and (min-width:360px) and (max-width:740px) {
    .header_top_right ul {
        gap: 5px
    }

    .main-header.style-one .logo__shape {
        width: calc(50% - 30px);
        height: 120px
    }

    .header_bottom,
    .main-header.style-one .logo__shape:after {
        height: 120px
    }

    .main-header .logo-box .logo img {
        width: 130px
    }

    .main-header .logo-box .logo {
        padding: 15px 0
    }

    .btn-1 {
        font-size: 12px;
        padding: 15px 18px;
        font-weight: 400
    }

    .banner-content .btn-2 {
        margin-left: 10px
    }

    .card-footer,
    .contact-form .form-lower,
    .contact-form .form-upper,
    .donate-card .nav,
    .event-3-left-content-info ul,
    .main-causes-content-img,
    .mobile-menu .contact-info,
    .testimonial-right-content-wrapper {
        display: block
    }

    .mobile-menu .contact-info ul li a {
        color: #000
    }

    .banner {
        height: 615px
    }

    .banner-content-wrapper-inner h4 {
        font-size: 32px
    }

    .about-blank,
    .about-left-container .about-image-2,
    .banner .btn-2,
    .causes-right-compaign,
    .event-3-right-image,
    .home-contact .btn-group .btn-2,
    .home-three-about .about-bnt-group h5,
    .home-three-testimonial .testimonial-right-wrapper-inner,
    .mm-yy,
    .quait,
    .vector-shape,
    .vector-two {
        display: none
    }

    .about-left-container .about-image-1 {
        width: 336px;
        height: 480px;
        left: 0
    }

    .about-left-intro {
        right: 0
    }

    .about-right-container {
        margin-top: 60px
    }

    .event-3-left-content,
    .home-three-about .about-right-container,
    .home-three-causes .causes-right-content {
        margin-left: 0
    }

    .blog,
    .causes {
        padding-top: 100px;
        padding-bottom: 50px
    }

    .causes-image-container {
        height: 314px
    }

    .causes-content a {
        font-size: 24px;
        line-height: 33px
    }

    .causes-content h5 {
        font-size: 24px;
        line-height: 35px
    }

    .call,
    .common-banner,
    .error,
    .home-contact,
    .home-three-causes {
        padding: 100px 0
    }

    .call-title h2 {
        font-size: 32px;
        line-height: 49px
    }

    .mission-video-image {
        width: 100%;
        height: 500px
    }

    .mission-video-text {
        position: initial;
        margin-top: 50px
    }

    .mission-video-text h2 {
        font-family: 'Yeseva One';
        font-size: 51px;
        text-transform: capitalize;
        color: rgba(0, 113, 93, .08);
        transform: rotate(0)
    }

    .team-image {
        width: 300px;
        height: 300px
    }

    .news_letter_right input[type=email],
    .tesstimonial-right-content {
        padding: 20px
    }

    .home-contact .btn-group .btn-1 {
        padding: 15px 25px
    }

    .hover-content {
        font-size: 20px;
        line-height: 30px
    }

    .blog .hover-content {
        font-size: 20px;
        line-height: 29px;
        margin-bottom: 0
    }

    .fun-fact {
        margin-top: 100px
    }

    .fun-fact-container {
        margin-top: 0;
        border-radius: 60px
    }

    .funfact-block-two {
        margin: 35px 0
    }

    .map {
        margin-bottom: -332px
    }

    .align-title h3,
    .common-title h3 {
        font-size: 28px;
        line-height: 40px
    }

    .service-image {
        width: 150px
    }

    .service-icon {
        top: 50px
    }

    .about-event-content,
    .event-content,
    .event-page .event-content {
        bottom: -80px
    }

    .auto_container {
        padding: 0 10px
    }

    .news_letter_content {
        padding: 30px 10px
    }

    .news_letter_left h4 {
        font-weight: 400;
        font-size: 20px;
        line-height: 35px;
        margin-bottom: 30px
    }

    .news_letter_right .btn-1 {
        font-size: 15px;
        padding: 21px 18px;
        font-weight: 400
    }

    .home-three-news_letter .news-form-btn .btn-alt {
        padding: 31px 20px
    }

    .main__footer__top {
        padding: 200px 0 80px
    }

    .home-two-banner,
    .home-two-banner .banner-content-wrapper {
        height: 620px
    }

    .home-two-banner .banner-content-wrapper-inner {
        margin-top: 120px
    }

    .home-two-banner .banner-content-wrapper-inner h2 {
        margin-bottom: 30px;
        font-size: 26px;
        line-height: 36px
    }

    .home-two-banner .banner-content-wrapper-inner p {
        font-size: 14px;
        line-height: 26px
    }

    .home-two-about-wrapper h6::after {
        height: 110px
    }

    .home-two-causes-card {
        padding: 10px
    }

    .home-two-video-title h3 {
        font-size: 42px;
        line-height: 58px
    }

    .home-two-video-btn {
        position: absolute;
        bottom: -200px;
        left: 40%;
        transform: translateY(-50%)
    }

    .blog .causes-content a {
        font-size: 22px;
        line-height: 27px
    }

    .causes-image,
    .causes-image img,
    .home-two-blog .causes-image {
        height: 316px
    }

    .event-btn a {
        font-size: 18px !important
    }

    .faq {
        height: 872px
    }

    .faq-content {
        width: 95%;
        right: 10px
    }

    .accordion-button,
    .accordion-button:not(.collapsed),
    .testimonial-info h6 {
        font-size: 21px
    }

    .accordion-button {
        line-height: 25px;
        font-size: 21px !important
    }

    .accordion-button::after,
    .accordion-button:not(.collapsed)::after {
        height: 24px
    }

    .faq-container {
        padding-top: 60px;
        margin-bottom: -220px
    }

    .about-volunteer .volunteers-image {
        height: 375px;
        width: 100%
    }

    .home-two-blog .causes-content a {
        font-size: 29px;
        line-height: 36px
    }

    .card-footer-right,
    .contact-form .form-lower .sub,
    .contact-form .form-upper .number,
    .donate-btn {
        margin-top: 20px
    }

    .contact-form input,
    .contact-form textarea,
    .home-threee-gallery .collomn {
        width: 100%
    }

    .home-three-banner,
    .home-three-banner .banner-content-wrapper {
        height: 650px
    }

    .banner-content-wrapper-inner h2 {
        font-size: 34px;
        line-height: 50px
    }

    .event-carousel .owl-dots,
    .home-three-about .about-right-container .btn-1,
    .home-three-news_letter .news_letter_right,
    .news_letter_right .form-inner {
        margin-top: 0
    }

    .home-three-about .about-left-container .about-image-1 {
        height: 500px
    }

    .home-three-causes .causes-right-content h4 {
        font-size: 29px;
        line-height: 35px;
        margin-bottom: 15px
    }

    .home-three-causes .causes-carousel {
        padding: 0;
        box-shadow: none
    }

    .causes-right-img {
        height: 350px !important;
        margin-bottom: 0 !important
    }

    .home-three-causes .causes-right-content .quait .btn-1 {
        margin-top: 30px
    }

    .home-three-causes .owl-nav {
        top: -40px
    }

    .home-three-event {
        padding-top: 80px;
        padding-bottom: 30px
    }

    .home-threee-gallery {
        padding: 80px 0
    }

    .home-three-testimonial {
        padding-top: 100px
    }

    .home-three-testimonial .testimonial {
        padding-top: 0
    }

    .home-3-testimonial-wrapper {
        padding-top: 20px
    }

    .home-three-testimonial .testimonial-right-content-wrapper {
        top: 0;
        right: -165px
    }

    .blog-contant .header-link-btn .btn-1 {
        top: -20px
    }

    .footer_widget.links_widget {
        margin-top: 50px
    }

    .common-banner-title h3 {
        font-size: 36px;
        line-height: 43px
    }

    .common-banner-title a,
    .common-banner-title span {
        font-size: 18px
    }

    .cause-details-image img {
        width: 100%;
        height: inherit
    }

    .main-causes-content-img img {
        margin-bottom: 20px
    }

    .causes-page .volunteers-info {
        height: 25%;
        width: 286px
    }

    .causes-page .event-details-image {
        height: 450px
    }

    .volunteers-info {
        height: 25%
    }

    .event-content a {
        font-size: 20px;
        line-height: 28px
    }

    .event-btn {
        padding: 10px 0 30px
    }

    .blog-tags-right {
        position: relative
    }

    .blog-tags-right li h5 {
        position: absolute;
        top: -25px;
        left: 0
    }

    .causes-details-title h3 {
        font-size: 27px;
        line-height: 36px
    }

    .blog-gallery-link {
        height: 125px;
        width: 125px
    }

    .causes-categories {
        padding-top: 30px
    }

    .testimonial-wrapper,
    blockquote {
        padding: 30px
    }

    .main-causes-content p {
        margin-bottom: 50px
    }

    .card-body {
        padding: 30px 0 0
    }

    .accordion-button::after,
    .accordion-button:not(.collapsed)::after,
    .faq-page-accordion .accordion-button::after,
    .faq-page-accordion .accordion-button:not(.collapsed)::after {
        top: 33px
    }

    .donate-card,
    .team-three-top-content {
        box-shadow: none;
        padding: 0
    }

    .donate-card .nav li {
        margin: 10px 0
    }

    .donate-card .nav li button {
        padding: 10px 0
    }

    .donate-card-title,
    .donate-card-title span {
        display: block;
        text-align: center
    }

    .donate-card h5 {
        font-size: 19px;
        line-height: 38px
    }

    .donate-card .causes-form-group {
        margin-top: 10px
    }

    .donate-card-title .btn-1 {
        padding: 13px 30px;
        margin-left: 0;
        margin-top: 10px
    }

    .donate-lg-btn .btn-1 {
        padding: 21px 10px
    }

    .error-content h2 {
        font-size: 100px;
        line-height: 120px;
        color: #25283a
    }

    .team-container .volunteers-image {
        border-radius: 10px;
        height: 430px
    }

    .team-container .volunteers-info {
        width: 315px;
        padding: 45px 0;
        height: 150px
    }

    .volunteers-content:hover .volunteers-info {
        height: 200px
    }

    .volunteers-info h5 {
        font-size: 32px;
        margin-bottom: 20px
    }

    .volunteers-info p {
        font-size: 24px
    }

    .team-three-mid-content h4 {
        font-size: 28px;
        line-height: 46px
    }

    .team-three-continer {
        padding-top: 100px;
        padding-bottom: 80px
    }

    .team-three-image {
        height: 350px;
        width: 100%;
        margin-bottom: 30px
    }
}