@media (min-width: 1650px) and (max-width: 1920px){

    .about-service-new .sid-img{padding-left: 165px;}

    .about-service-inner-new h2 {font-size: 70px; line-height: 75px;}

    .service-block-inner h3 a {font-size: 20px;}

    .who-we-are-new .title > span {font-size: 16px;}

    p {font-size: 16px;}

    .who-we-are-new .who-we-text p {font-size: 16px; width: 91%;}

    .who-we-are-new .collected-donation > strong {font-size: 37px;}

    .urgent-cause-progress.new-style .urgent-progress {width: 52%; margin: 40px 24% 0;}

    .page-top h2 {font-size: 40px;}

    .page-title > ul li {font-size: 16px;}



}



@media (max-width:1200px) {

    nav > ul > li > a {

        padding: 40px 15px;

    }

    .donation-popup .container {

        width: 100%;

    }

    .white-bg {

        padding: 40px 0 0;

    }

    header.sticky nav > ul > li > a {padding: 27px 18px;}

    .upcoming-eventbar.new-style .event-inner {padding: 37px 35px;}

    .upcoming-eventbar.new-style .start-time {width: 30%;}

    .upcoming-eventbar.new-style .join-us {width: 23%;}

    .circular > a {bottom: 22px;}

    .spent-bar {padding: 0 15px;}

    .successful-stories-new .story-detail {padding: 24px 0px 28px;}

    .event-bar h3 {padding-right: 25px;}

    .overlay-countdown {padding: 40px 25px 20px 25px;}

    .upcoming-detail {padding: 30px;}

    .blog-detail > h3 {padding: 0 40px;}

    .footer-bar-title {max-width: 100%; margin-bottom: 12px;}

    .newsletter-signup form button {width: 36%;}

    .newsletter-signup form input {width: 60%;}

    .box-item {width: 19%; padding: 0 5px;}

    .box-item .box-img a {font-size: 16px;}

    .join h3 {font-size: 50px;}

    .join-new .counter-item {padding: 30px 20px;}

    .overlay-title {padding: 0 20px;}

    .needed-donation .overlay-donation {width: 100%;}

    .team-detail {padding: 50px 0;}

    .skills h5 {font-size: 18px;}

    .skills p {font-size: 14px;}

    .cart-bottom {padding: 20px 40px;}

    .cart-bottom a {margin-left: 0; padding: 14px 20px;}

    blockquote p::before {left: -40px;}

    blockquote p {padding-left: 60px;}

    .about-service-new .sid-img {padding-left: 15px;}

    .about-service-new .sid-img > img {width: 100%; height: auto;}

    .about-service-inner-new {padding-left: 15px; padding-top: 20px;}

    .help-needed-img figure img {width: 100%; height: auto;}

    .help-needed-new .theme-btn {padding: 13px 30px;}

    .help-needed-content h3 {font-size: 22px;}

    .urgent-cause-progress.new-style .urgent-cause-inner > h3 {font-size: 36px;}

    .urgent-cause-progress.new-style .urgent-progress {width: 94%; margin: 40px 4% 0;}

    .title.style2 h2 {font-size: 26px;}

    .title.style2 > span::before,

    .title.style2 h2::before {display: none;}

    .help-detail {padding: 45px 50px 45px 35px;}

    .page-title {padding-top: 100px !important;}

    .fancy-cause-detail > p {margin-bottom: 25px;}

    .newcauses .fancy-overlay {width: 62%; padding: 20px; right: 15px; bottom: 10px;}

    .story-detail {padding: 30px;}

    .deal {padding-bottom: 33px;}

    .custom-banner-text h2 {font-size: 38px;}

    .custom-banner-img figure img {width: 100%; height: auto;}

    .custom-banner-text h2 {font-size: 30px;}

    .custom-banner-text span {font-size: 17px;}

    .custom-banner-text > a {font-size: 14px;}

    .block.overlap .container {width: 100%; border-left: 15px solid #fff; border-right: 15px solid #fff; border-top: 15px solid #fff;}

    .service-box {padding: 40px 20px;}

    .service-box > h3 {font-size: 18px;}

    .urgent:hover > img {

        -webkit-transform: translateX(10px) scale(1.07);

        -moz-transform: translateX(10px) scale(1.07);

        -ms-transform: translateX(10px) scale(1.07);

        -o-transform: translateX(10px) scale(1.07);

        transform: translateX(10px) scale(1.07);

    }

    .who-we-are-new .play-new-btn {margin-top: -17px; margin-left: 15px;}

    .fancy-counter-box {padding: 40px 15px;}

    .urgent-progress .circular > a {padding: 5px 3px;}

    .menu-parent .theme-btn {margin-left: 10px;}

    nav > ul > li.menu-item-has-children > a::before {right: 1px;}

    header.sticky div.menu-parent .theme-btn {display: none;}

    .urgent-cause-list .urgentcause-detail {margin-bottom: 30px;}

    .all-posts.list-style .post-img img {height: auto;}

    .all-posts.list-style .post-detail {padding: 20px 22px;}

    .post-intro iframe {height: 397px;}

    .service-detail {padding: 20px 50px;}

    .urgent.img-fade .urgent-detail {left: 20px;}

    .service-style3 .service-box {padding: 50px 14px;}

    .popup-centralize {padding: 100px 50px;}

    .make-donation h5 {font-size: 36px;}

    .make-donation h5 i {font-size: 26px;}

    .popup-centralize .circular span {bottom: 24px;}

    .popup-centralize .donation-fields {margin-top: 0;}

    .thanks-message {padding: 40px 60px;}

    .thanks-message h5 {font-size: 40px;}

    .thanks-message span {font-size: 22px;}

    .success-notification {margin-top: 45px;}



}





@media (max-width:980px) {

     .theme-layout.boxed{ 

        width: 90%;

    }

    .block .container,

    .container {

        padding: 0 15px;

    }

    #responsive-header {

        display: block;

    }

    header,

    .sideheader {

        display: none;

    }

    .event-inner {

        float: left;

        padding: 20px;

        text-align: center;

    }

    .event-intro {

        display: unset;

        float: left;

        margin-top: 20px;

        padding: 0;

        text-align: center;

        width: 100%;

    }

    .start-time {

        display: unset;

        float: left;

        margin-top: 20px;

        width: 100%;

    }

    .join-us {

        float: left;

        margin-top: 20px;

        text-align: center;

        width: 100%;

    }

    .urgent-progress .row > div {

        width: 33.334%;

    }

    .popup-centralize {

        padding: 60px 20px;

    }

    .video.overlap {

        margin: 0;

    }

    .service-carousel {

        padding: 0 20px;

    }

    .about-service {

        margin-left: 0;

        width: 100%;

    }

    .services-list {

        padding: 50px 0;

        width: 100%;

    }

    .urgent-parallax > h2 {

        font-size: 30px;

        margin-bottom: 10px;

    }

    .urgent-parallax > strong {

        font-size: 15px;

        line-height: 20px;

    }

    .urgent-parallax > p {

        margin: 25px 0 0;

        width: 100%;

    }

    .urgent-parallax > p strong {

        font-size: inherit;

    }

    .banner-text {

        display: block;

        float: left;

        margin-bottom: 20px;

        text-align: center;

        width: 100%;

    }

    .banner-info {

        display: block;

        float: left;

        margin-bottom: 20px;

        width: 100%;

    }

    .banner-button {

        display: block;

        float: left;

        text-align: center;

        width: 100%;

    }

    .deal-desc {

        float: left;

        margin-top: 30px;

        width: 100%;

    }

    .deal-detail .row > div {

        margin: 0;

        width: 100%;

    }

    .deal-selector {

        margin: 0 35%;

        width: 30%;

    }

    .title > p {

        margin: 15px 0 0;

        width: 100%;

    }

    .deal-selector {

        width: 100%;

        margin: 0;

    }

    .post-detail {

        padding: 30px 20px;

    }

    .form > div {

        float: left;

        width: 100%;

    }

    .services-list > ul li {

        width: 50% !important;

    }

    .ask-question {

        padding: 90px 8%;

    }

    .white-bg {

        padding: 40px 0 0;

    }

    .service-features-wrapper {

        margin-bottom: 30px;

    }

    .skills h5 {

        margin-top: 25px;

    }

    .featuredtext-capinner > i {

        font-size: 30px;

    }

    .featuredtext-capinner > strong {

        font-size: 50px;

    }

    .featuredtext-capinner > span {

        font-size: 20px;

    }

    .featured-video-cap > strong {

        font-size: 45px;

    }

    .featured-video-cap {

        padding: 0 10%;

    }

    .featured-video-cap > a {

        font-size: 70px;

    }

    .col-md-4 .fancy-cause {min-height: initial;}

	.block, .block.parallax-sec{

		padding: 50px 0;	

	}

	

.successful-stories > .row > div {

    float: left;

    width: 50%;

}

.successful-stories > .row > div.masonary {

    float: left;

    width: 100%;

}

.blog-list > .row .masonary > div {

    float: left;

    width: 50%;

}

.bottom-bar p {

    padding-left: 15px;

    text-align: left;

}

.cause-title h5 {

    font-size: 20px;

    line-height: 20px;

}

.collected-amount {

    font-size: 20px;

}

.collected-donation > strong{font-size: 30px;}

.footer-social-btns{text-align: left;}

.title.style4 h2 {

    font-size: 18px;

}

.title.style4 h2{

	line-height: 30px;

	font-size: 21px;	

}

.simple-parallax-text h6{font-size: 30px;}

.simple-parallax-text > p{margin-bottom: 30px; font-size: 14px;}

.right-sidebar > div {

    margin-bottom: 30px;

}

#pagination {

    margin-top: 20px;

}

.page-top{padding:40px 0;}

.countries-contact .contact-info > .row > div span {

    display: inline-block;

    margin-bottom: 30px;

}

.contact-box {

    padding: 50px 0;

}

.products-list > .row > div {

    float: left;

    width: 50%;

}



.product-detail .row > div {

    float: left;

    width: 50%;

}

.product-detail {

    padding: 15px;

}

.product-detail .row > div {

    float: left;

    width: 50%;

}

.product-detail {

    padding: 15px;

}

#tab-description > h2 {

    font-size: 24px;

}

h2.product-name {

    font-size: 24px;

    margin-bottom: 0;

}

.woocommerce div.product .woocommerce-product-rating {

    margin-bottom: 5px;

}



.product-desc p {

    display: inline-block;

    font-size: 14px;

    line-height: 26px;

    padding-top: 5px;

}

.single.single-product .sidebar{margin-top:0;}



.cart-item > ul li.col1 {

    padding: 15px 0;

}

.cart-bottom {

    padding: 20px 15px;

}

.coupon {

    float: left;

    margin-left: 0;

}

.cart-bottom > input.theme-btn[type="submit"], .cart-bottom > a.theme-btn {

    margin-left: 10px;

    margin-top: 0;

    margin-bottom: 10px;

}

.testimonials-list.product-testimonials1 > div {

    float: left;

    width: 50%;

}

.contact-form > .row > div {

    display: inline-block;

    width: 100%;

}

.page-gallery.lightbox > div {

    float: left;



}

.post-img img {

    float: left;

    width: 100%;

}

.blog-list.list-style > .row .post-listview{width: 50%;}

.post-intro ul.meta li {margin-right: 35px;}

.blog-detail-page h1.post-title {font-size: 25px;}

.page-content h1 {

    font-size: 20px;

}

.cause-donation{

	padding:0 0 20px 20px;	

}

.cause-title{

	padding: 20px 20px 0;	

}

.urgent:hover > img {

    transform: translateX(10px) scale(1.07);

}

.dropcaps-style > p strong{margin-right: 20px;}

.dropcaps-style.dropcap-style5 p strong{margin-right: 0;}

.upcoming-eventbar.new-style {padding: 0;}

.upcoming-eventbar.new-style .event-date {background: none !important; color: #333; padding: 25px 35px; top: 0; transform: translate(0px);}

.upcoming-eventbar.new-style .event-date > strong {color: #333; margin-right: 5px; font-size: 18px; float: none;}

.upcoming-eventbar.new-style .event-intro {width: 55%; padding: 0; text-align: left;}

.upcoming-eventbar.new-style .start-time {width: 44%;}

.upcoming-eventbar.new-style .join-us {width: 100%;}

.upcoming-eventbar.new-style .event-date::before {display: none;} 

.circular > a {bottom: 50px; font-size: 12px; padding: 8px 22px;}

.urgentcause-gallery > div.image-stack {width: auto;}

.urgentcause-gallery.tab-style {height: 380px; margin-top: 60px; margin-left: -110px;}

.sponsors-carousel .owl-nav > div.owl-next::before {left: -10px;}

.sponsors-carousel .owl-nav > div::before {left: 10px;}

.sponsors-carousel .owl-nav > div {border: none;}

.widget {margin-bottom: 30px;}

.newsletter-signup {margin-bottom: 15px;}

.bottom-links {display: block; float: left; width: 100%; margin: 0 0 15px 0;}

.member-img img{width: 100%; display: block; height: auto;}

.date-range .field {width: 43%;}

.wp-donation-system .search {margin-top: 22px;}

.donation-fields {padding: 50px;}

.easy-donation .select2-container {margin: 8px 0;}

.history-detail {padding: 30px 15px 25px 40px;}

.history-detail > i {padding: 10px 22px;}

.donation-fields {margin-top: 0;}

.service-box {margin-bottom: 15px;}

.video {margin-top: 20px;}

.video.style2 {margin-top: 0;}

.video figure img {width: 100%; height: auto;}

.who-we-are .video figure img {width: auto; margin: 0 auto; display: block;}

.overlap {margin-top: 0;}

.custom-info-boxes {margin-left: 0; margin-right: 0;}

.box-item {width: 32%; padding: 10px 10px;}

.volunteer > img {width: 100%;}

.volunteer {margin-top: 20px;}

.overlay-title > h3 {font-size: 20px;}

.overlay-donation > span {font-size: 30px; margin-bottom: 20px;}

.video > img {width: 100%; height: auto;}

.team-detail {padding: 0 0 30px 0;}

.product-desc .theme-btn {float: none; margin-top: 20px;}

.product-count {width: 100%;}

.cart_item .product-count h6 {margin-bottom: 8px;}

.cart-item > ul {padding: 0 10px;}

.about-service-new {width: 100%;}

.about-service-inner-new {padding-top: 65px; padding-right: 15px;}

.services-list-new {width: 100%;}

.who-we-are-new .video {float: left; width: auto; margin-top: 40px;}

.who-we-are-new .play-new-btn {margin-top: -26px; margin-left: -75px;}

.help-needed-new .theme-btn {padding: 9px 12px;}

.help-needed-content h3 {font-size: 20px;}

.urgent-cause-progress.new-style .urgent-cause-inner > h3 {font-size: 28px;}

.urgent-cause-progress.new-style .urgent-cause-inner span {font-size: 14px;}

.urgent-cause-progress.new-style .urgent-progress {width: 100%; margin: 40px 0 0;}

.urgent-cause-progress.new-style .goal span {font-size: 26px;}

.urgent-cause-progress.new-style .loc i {font-size: 20px;}

.urgent-cause-progress.new-style .loc span {font-size: 16px;}

.urgent-cause-progress.new-style .loc {width: 25%;}

.urgent-cause-progress.new-style .urgent-progress .goal {width: 37%; font-size: 14px;}

.urgent-cause-progress.new-style .urgent-progress .goal.raised {font-size: 14px;}

.all-projects {margin-bottom: 0;}

.fancy-projects {margin-bottom: 0;}

.page-title {padding-top: 40px !important; padding-bottom: 30px !important;}

.newcauses .fancy-overlay {width: 100%; right: 0; bottom: 0;}

.banner-info .counting {display: inline-block;}

.banner-info > span {display: inline-block;}

.title h2 {font-size: 34px;}

.choose-us {margin-bottom: 20px;}

.who-we-are-new .title.style4 {padding-top: 0;}

blockquote p {width: 91%;}

.deal {padding-bottom: 40px;}

.urgentcause-gallery.lightbox {margin-top: 25px;}

.custom-spacing {margin-top: 40px;}

.customspacing2 {margin-top: 60px}

.customspacing2 .volunteer {margin-top: 0;}

.fancy-projects .urgent-detail .collected-amount {font-size: 25px;}

.fancy-projects .cause-title h5 {font-size: 18px;}

.fancy-projects .urgent-detail {bottom: -50px; left: 10px;}

.fancy-projects .urgent:hover .urgent-detail {

    left:50%; 

    bottom: auto; 

    top: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

}

.fancy-projects .urgent:hover .cause-title {display: none;}

.fancy-projects .urgent:hover .cause-donation {display: none;}

.fancy-projects .urgent-detail > a {margin-top: 0; padding: 13px 30px;}

.thanks {padding: 50px 40px;}

.thanks-message {padding: 40px 25px;}

.thanks-message h5 {font-size: 30px;}

.thanks-message span {font-size: 18px;}

.popup-centralize .circular span {bottom: 40px;}

.popup-centralize .donation-fields {padding-top: 20px;}

.btn-back {top: 70px;}





}





@media (max-width:640px) {

	

     .theme-layout.boxed{

        width: 90%;

    }

    .block .container,

    .container {

        padding: 0 15px;

    }

	.block, .block.parallax-sec{

		padding: 50px 0;	

	}

    #responsive-header {

        display: block;

    }

    header,

    .sideheader {

        display: none;

    }

    .inline-list > li a {

        float: left;

        width: 100%;

        line-height: 25px;

    }

    #responsive-menu {

        padding-top: 40px;

    }

    .event-inner {

        float: left;

        padding: 20px;

        text-align: center;

    }

    .event-intro {

        display: unset;

        float: left;

        margin-top: 20px;

        padding: 0;

        text-align: center;

        width: 100%;

    }

    .start-time {

        display: unset;

        float: left;

        margin-top: 20px;

        width: 100%;

    }

    .join-us {

        float: left;

        margin-top: 20px;

        text-align: center;

        width: 100%;

    }

    .event-inner h3 {

        font-size: 15px;

        line-height: 20px;

    }

    .urgentcause-detail h3 {

        font-size: 24px;

    }

    .urgent-progress .row > div {

        width: 33.334%;

    }

    .title h2 {

        font-size: 25px;

    }

    .title > span {

        font-size: 14px;

        margin-bottom: 5px;

    }

    .popup-form {

        padding: 70px 20px;

    }

    .popup-form > strong {

        font-size: 18px;

    }

    .popup-form > p {

        line-height: 20px;

    }

    .gallery-widget .row > div {

        float: left;

        width: 16.666%;

    }

    .event-toggle::after {

        display: none;

    }

    .event-toggle {

        padding: 120px 40px 30px;

    }

    .upcoming-eventbar {

        padding: 125px 10px 10px 10px;

    }

    .event-intro h3 {

        width: 100%;

    }

    .event-bar > div {

        float: left;

        width: 100%;

    }

    .event-bar h3 {

        padding: 0;

    }

    .event-toggle {

        padding: 110px 30px 30px;

    }

    .event-bar > div {

        float: left;

        width: 100%;

    }

    .event-bar h3 {

        padding: 0;

    }

    .event-toggle {

        padding: 30px;

    }

    .event-toggle .event-date {

        position: relative;

        top: 0;

        transform: translateY(0);

        margin-bottom: 20px;

    }

    .volunteer-inner > span {

        font-size: 20px;

        margin-bottom: 10px;

    }

    .volunteer-inner > strong {

        font-size: 30px;

        line-height: 30px;

        margin-bottom: 10px;

    }

    .volunteer-inner > p {

        margin-bottom: 10px;

    }

    .join h3 {

        font-size: 40px;

        line-height: 40px;

        margin-bottom: 20px;

    }

    .blog-detail > h3 {

        padding: 0 20px;

    }

    .video.overlap {

        margin: 0;

    }

    .service-carousel {

        padding: 0 20px;

    }

    .gallery-widget .row > div {

        width: 25%;

    }

    .about-service {

        margin-left: 0;

        width: 100%;

    }

    .services-list {

        padding: 50px 0;

        width: 100%;

    }

    .services-list > ul li {

        width: 50%;

    }

    .video {

        min-height: 0;

    }

    .help-detail {

        padding: 45px 35px 45px 25px;

    }

    .urgent-parallax > h2 {

        font-size: 30px;

        margin-bottom: 10px;

    }

    .urgent-parallax > strong {

        font-size: 15px;

        line-height: 20px;

    }

    .urgent-parallax > p {

        margin: 25px 0 0;

        width: 100%;

    }

    .urgent-parallax > p strong {

        font-size: inherit;

    }

    .urgent-progress .goal,

    .urgent-progress .goal.raised {

        text-align: center;

        width: 100%;

    }

    .percent {

        width: 100%;

    }

    .cause-title {

        float: left;

        margin-bottom: 20px;

        padding: 0;

        position: relative;

        width: 100%;

    }

    .cause-donation {

        float: left;

        padding: 0;

        position: relative;

        width: 50%;

    }

    .fancy-overlay {

        float: left;

        padding: 20px 0;

        position: relative;

        width: 100%;

    }

    .banner-text {

        display: block;

        float: left;

        margin-bottom: 20px;

        text-align: center;

        width: 100%;

    }

    .banner-info {

        display: block;

        float: left;

        margin-bottom: 20px;

        width: 100%;

    }

    .banner-button {

        display: block;

        float: left;

        text-align: center;

        width: 100%;

    }

    .deal-desc {

        float: left;

        margin-top: 30px;

        width: 100%;

    }

    .deal-detail .row > div {

        margin: 0;

        width: 100%;

    }

    .deal-selector {

        margin: 0 35%;

        width: 30%;

    }

    .title > p {

        margin: 15px 0 0;

        width: 100%;

    }

    .deal-selector {

        width: 100%;

        margin: 0;

    }

    .post-detail {

        padding: 30px 20px;

    }

    .urgent-cause-overlay {

        position: relative;

        float: left;

        width: 100%;

        background: #303030;

        padding: 30px 0;

    }

    .sponsors-carousel .owl-nav > div.owl-prev {

        margin-left: 0;

    }

    .sponsors-carousel .owl-nav > div.owl-next {

        margin-right: 0;

    }

    .newsletter-signup form {

        width: 100%;

    }

    .newsletter-signup form input {

        margin: 10px 0;

        width: 100%;

    }

    .newsletter-signup form button {

        width: 100%;

    }

    .footer-bar-title {

        float: left;

        max-width: none;

        padding: 0;

        width: 100%;

    }

    .blog-detail-page h1.post-title {

        font-size: 22px;

    }

    .blog-detail-page blockquote {

        font-size: 14px;

        padding: 40px 20px;

    }

    .comment {

        padding: 30px 30px 0 0;

    }

    .comment img {

        margin-bottom: 10px;

        margin-right: 10px;

        width: 100px;

    }

    .comment h6,

    .comment > i,

    .comment > p {

        float: left;

        width: 100%;

    }

    .comments-thread ul ul {

        padding: 0;

    }

    .join-team {

        padding: 40px;

    }

    .team-desc {

        padding: 30px;

    }

    .skills h5,

    .skills p {

        float: left;

        width: 100%;

    }

    .skills > span {

        margin-bottom: 10px;

    }

    .banner-inner > h5 {

        font-size: 20px;

        margin-bottom: 10px;

    }

    .banner-subtitle {

        font-size: 16px;

    }

    .banner-inner > strong {

        font-size: 70px;

        line-height: 40px;

        margin: 0 0 20px;

    }

    .big-banner .theme-btn {

        margin-top: 10px;

    }

    .circular > div,

    .circular > div canvas {

        width: 170px !important;

        float: none;

        margin: 0px auto;

        height: auto !important;

        display: table !important;

    }

    .footer-social-btns {

        text-align: left;

        float: left;

    }

    .footer-bar-title {

        margin-bottom: 10px;

    }

    .bottom-bar p {

        text-align: center;

    }

    .popup-centralize {

        padding: 40px;

    }

    .make-donation h5 {

        font-size: 34px;

        margin-bottom: 10px;

    }

    .make-donation span {

        font-size: 14px;

        margin-bottom: 6px;

    }

    .frequency li {

        width: 50% !important;

    }

    .frequency li a {

        padding: 10px 20px;

    }

    .payment-type .nav li a,

    .payment-type .nav li.active a,

    .payment-type .nav li a:hover {

        margin: 0 0 7px;

        padding: 12px 30px;

    }

    .select-payment,

    .personal-detail {

        padding: 0 20px;

    }

    .form > div {

        float: left;

        width: 100%;

    }

    .services-list > ul li {

        width: 50% !important;

    }

    .ask-question {

        padding: 90px 15px;

    }

    .white-bg {

        padding: 40px 0 0;

    }

    .service-img {

        float: left;

        width: 100%;

    }

    .service-detail {

        float: left;

        padding-top: 40px;

        width: 100%;

        text-align: center;

    }

    .service-img > span {

        bottom: -46.5px;

        right: 50%;

        top: auto;

        -webkit-transform: translateX(50%);

        -moz-transform: translateX(50%);

        -ms-transform: translateX(50%);

        -o-transform: translateX(50%);

        transform: translateX(50%);

    }

    .service-img > img {

        width: 100%;

        height: auto;

    }

    .service-features-wrapper {

        margin-bottom: 30px;

    }

    .skills h5,

    .skills p {

        float: none;

    }

    .skills h5 {

        margin-top: 20px;

    }

    .mod-gallery-info > a {

        margin: 0 5px;

    }

    .featuredtext-capinner > i {

        font-size: 30px;

    }

    .featuredtext-capinner > strong {

        font-size: 50px;

    }

    .featuredtext-capinner > span {

        font-size: 20px;

    }

    .featured-video-cap > strong {

        font-size: 45px;

    }

    .featured-video-cap {

        padding: 30px 10%;

    }

    .featured-video-cap > a {

        font-size: 70px;

        margin-top: 0px;

    }

	.cart-bottom a.theme-btn {

    float: left;

    margin: 0;

    text-align: center;

}

	.cart-bottom .coupon {

		float: left;

		margin: 0 0 10px;

	}

	.cart-bottom > input.theme-btn[type="submit"] {margin-bottom: 0;}

	.select2-container {

		margin-bottom: 10px;

	}

	.cart-item > ul li.col1 {

		padding: 15px;

	}

	.cart-item .col-md-3 .theme-btn{

		margin-top:10px;

	}

	.shipping.cart-list {

		padding: 20px 0;

	}

	.cart-item .field {

		margin-bottom: 10px;

	}

    .col-md-4 .fancy-cause {min-height: initial;}

    .post-intro iframe {height: 335px;}

    .upcoming-eventbar.new-style .event-date {left: 0;}

    .urgentcause-gallery.tab-style {margin-left: -70px;}

    .successful-stories-new .story-detail h3 {font-size: 18px;}

    .sponsors-carousel .owl-nav > div::before {left: -10px;}

    .sponsors-carousel .owl-nav > div.owl-next::before {left: 10px;}

    .volunteer {margin-top: 15px;}

    .page-top h2 {font-size: 30px;}

    .upcoming-detail > h4 {font-size: 18px;}

    .donation-fields {padding: 50px;}

    .join-new .counter-item {margin-bottom: 10px;}

    .all-posts.list-style .post-img img {height: auto;}

    .woocommerce-tabs.wc-tabs-wrapper .wc-tab h2 {font-size: 24px;}

    .woocommerce #reviews h3 {font-size: 20px;}

    .post-intro ul.meta {margin-bottom: 10px;}

    .post-intro ul.meta li {margin-bottom: 10px;}

    .page-gallery.lightbox > div {width: 100%;}

    .post-intro ul.meta li {margin-right: 30px;}

    .wp-donation-system .search {margin-top: 30px;}

    .countries-contact {padding: 25px 60px 0;}

    .help-detail > h3 {font-size: 18px;}

    .about-service-inner-new {padding-top: 25px;}

    .about-service-inner-new h2 {font-size: 50px; line-height: 55px;}

    .services-list-new {margin-top: 20px;}

    .urgent-cause-progress img {display: none;}

    .urgent-cause-content {

        position: relative; 

        top: 0; 

        transform: translateY(0); 

        -webkit-transform: translateY(0); 

        -moz-transform: translateY(0);

        background-color: #eee;

        padding: 40px 0;

    }

    .urgent-cause-progress.new-style .goal span {display: block;}

    .story-detail {padding: 30px 15px;}

    .deal-desc {margin-bottom: 20px;}

    .donation-title h1 {font-size: 30px;}

    .urgent-cause-inner > strong {margin-bottom: 15px; margin-top: 25px;}

    .mockup-img {display: none;}

    .urgent.img-fade .urgent-detail {

        left: 50%; 

        transform: translateX(-50%);

        -moz-transform: translateX(-50%);

        -webkit-transform: translateX(-50%);

        padding: 0 25px;

        width: 100%;

    }

    .fancy-projects .urgent-detail {

        bottom: auto;

        left: 50%;

        top: 50%;

        transform: translate(-50%,-50%);

        -webkit-transform: translate(-50%,-50%);

        -moz-transform: translate(-50%,-50%);

        padding: 0;

    }

    .fancy-projects .cause-title h5 {font-size: 20px; line-height: 24px;}

    .fancy-projects .urgent-detail .collected-amount {font-size: 30px;}

    .tabs1 .tab-content {padding: 30px 45px;}

    .tabs3 {padding: 60px 45px;}

    .tabs4 .nav-tabs {margin-right: 35px;}

    .tabs4 p {margin-top: 0;}

    .service-style3 .service-box {padding: 25px 14px;}

    .progressbars-style.progressbars-style1,

    .progressbars-style.progressbars-style4 {margin-bottom: 20px;}

    .toggle2.toggle-style2,

    .toggle2.toggle-style4,

    .toggle2.toggle-style8 {margin-bottom: 30px;}

    .thanks {margin: 100px 20px; padding: 50px 20px;}

    .success-notification > h5 {font-size: 18px;}

    .success-notification p {font-size: 14px;}

    .payment-method {padding: 45px 20px;}

    .popup-centre {margin: 120px 0; width: 100%;}

    .popup-form {margin: auto;}

    .project-info .urgent-progress .goal.raised {text-align: left;}



	

}





@media (max-width:480px) {
    #registration-form  p {
float: left;
width: 100%;
}

	.block, .block.parallax-sec{

		padding: 50px 0;	

	}

    .theme-layout.boxed{

        width: 90%;

    }

    #responsive-header .topbar ul.inline-list li::before {

        display: none;

    }

    #responsive-header .topbar {

        padding: 10px 20px;

    }

    .urgent-progress .row > div {

        width: 100%;

        margin: 20px 0;

    }

    .inline-list.registration-btn > li a {

        font-size: 11px;

    }

    .gallery-widget .row > div {

        width: 33.334%;

    }

    .services-list > ul li {

        width: 100%;

    }

    .cause-donation {

        width: 100%;

    }

    .collected-amount {

        font-size: 20px;

        line-height: 20px;

    }

    .cause-donation > i {

        font-size: 11px;

    }

    .banner-inner > strong {

        font-size: 40px;

    }

    .services-list > ul li {

        width: 100% !important;

    }

    .service-detail {

        padding-left: 30px;

        padding-right: 30px;

    }

    .skills h5,

    .skills p {

        float: left;

    }

    .skills h5 {

        margin-top: 0;

    }

    .skills > span {

        display: inline-block;

        float: none;

    }

    .skills {

        text-align: center;

    }

    .mod-gallery-info {

        bottom: 10px;

        left: 0;

        -webkit-transform: translateX(0px);

        -moz-transform: translateX(0px);

        -ms-transform: translateX(0px);

        -o-transform: translateX(0px);

        transform: translateX(0px);

    }

    .mod-gallery-info > a {

        margin: 0 10px;

    }

    .mod-gallery-detail,

    .gallery-detail-top {

        padding: 25px;

    }

    .featuredtext-capcarousel {

        background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;

        float: left;

        padding: 30px 0;

        position: relative;

        -webkit-transform: translate(0px);

        -moz-transform: translate(0px);

        -ms-transform: translate(0px);

        -o-transform: translate(0px);

        transform: translate(0px);

    }

    .featuredtext-capinner > i {

        font-size: 15px;

    }

    .featuredtext-capinner > strong {

        font-size: 20px;

        line-height: 35px;

    }

    .featuredtext-capinner > span {

        font-size: 13px;

        margin-top: 20px;

    }

    .featured-video-cap > strong {

        font-size: 25px;

    }

    .featured-video-cap > span {

        font-size: 14px;

    }

    .featured-video-cap > a {

        font-size: 35px;

    }

    .featured-video-sec > iframe {

        height: 290px;

    }

    .donation-fields {

        padding-left: 0;

        padding-right: 0;

        margin-top: 0;

        padding-bottom: 0;

    }

    .make-donation > h5 {

        font-size: 22px;

    }

    .slide-button:before {

        border-right-width: 7px;

        border-top-width: 7px;

        bottom: 2px;

        right: 2px;

    }

    .story-detail h3 {

        line-height: 22px;

    }

    .blog-detail-page ul.meta li {

        width: 100%;

    }

    .event-org li {

        margin: 2px 0 !important;

        width: 100% !important;

    }

    .bottom-links > ul {

        text-align: left;

        width: 100%;

    }

	.bottom-links > ul li{padding:0 13px;}

    .wp-donation-system h6 {

        font-size: 13px;

        line-height: 18px;

        padding: 20px 30px;

    }

    .donation-title {

        padding: 30px;

    }

    .donation-title h1 {

        font-size: 18px;

    }

    .donation-fields {

        padding: 15px;

    }

    .wpdonation-box .nav li {

        margin-bottom: 5px;

        width: 95.7%;

    }

    .donation-amount {

        padding: 0 15px;

    }

    .donation-amount .textfield textarea {

        line-height: 15px;

        padding-top: 41px;

        font-size: 16px;

    }

    .success-notification p {

        padding: 0 20px;

    }

    .payment-method {

        padding: 40px 10px;

    }

    .payment-date {

        padding: 30px 20px;

    }

    .payment-date > strong {

        font-size: 25px;

    }

    .thanks-message {

        padding: 40px 20px;

    }

    .thanks-message > img {

        margin-left: -20px;

    }

    .thanks-message > h5 {

        font-size: 25px;

    }

    .thanks-message > span {

        font-size: 20px;

    }

    .payment-method > div > h5 {

        font-size: 16px;

        margin-top: 40px;

    }

    .btn-back {

        position: static;

    }

    #team-detail-img > ul li {margin-right:0;}

    .post-intro iframe {height: 262px;}

	.title{margin-bottom: 20px;}

	.story-detail{padding:20px 25px;}

	.title.style2 h2{font-size: 20px;}

	.volunteer-inner > span {

		font-size: 15px;

		margin-bottom: 0px;

	}

	.volunteer-inner > strong{font-size: 25px;}

    footer .widget .contact-widget ul li {font-size: 13px;}

	#menu-widget-menu {

		margin-bottom: 0;

	}

	.social a {

    display: inline-block;

    height: 34px;

    line-height: 34px;

    margin-right: 5px;

    width: 34px;

}

	.social a i {

    line-height: 34px;

    font-size: 12px;

}

.urgent-progress .row > div{margin: 10px 0;}

.select-cause .amount, .urgent-cause .amount{font-size: 26px;}

.added_to_cart, .post-password-form input[type="submit"], .slide-button, .theme-btn, a.theme-btn{padding: 12px 22px; font-size: 12px;}

#responsive-menu .logo {

    transform: scale(0.7);

}

.join h3{font-size: 30px;}

.collected-donation{margin-bottom: 10px;}

.title.style4 h2{

	line-height: 28px;

    font-size: 24px;

}

.simple-parallax-text h6{font-size: 25px;}

.collected-donation > strong{font-size: 30px;}

.video-title > h3{font-size: 14px; padding: 10px;}

.option-set li a{padding:10px 20px; font-size: 12px;}

.options{margin-bottom: 20px;}

.page-top h2{font-size: 25px; margin-bottom:10px;}

.page-title > ul li{padding:0 10px;}

.page-top{padding:40px 0;}

.gallery-detail-title{

	font-size: 17px;

	margin:10px 0;	

}

.gallery-filters > .row > .masonary > div {width: 100%;}

.gallery-page.masonary > div{width: 100%;}

.countries-contact > .row > div {

    float: left;

    width: 100%;

}

.contact-box {

    padding: 40px 0;

}

.countries-contact{

	padding: 15px 40px 0;	

}

.products-list > .row > div {

    width: 100%;

}

.product-detail .row > div {

    width: 100%;

}

.product-detail{padding:0;}



.woocommerce-tabs.wc-tabs-wrapper {

    padding: 10px;

}

.woocommerce-tabs ul.tabs.wc-tabs > li {

    padding: 0 10px !important;

}

#tab-description > h2 {

    font-size: 19px;

}

.product-desc {

    padding: 0 15px;

}

h2.product-name {

    font-size: 22px;

    margin-bottom: 0;

}

.woocommerce div.product .woocommerce-product-rating {

    margin-bottom: 0;

}

.product-desc p {

    display: inline-block;

    margin-top: 10px;

}

#tab-additional_information > h2 {

    font-size: 19px;

}

#comments > h2 {

    font-size: 19px;

}

.comment-text {

    margin-left: 0 !important;

    padding-top: 70px !important;

    width: 100% !important;

}

ol.commentlist {

    padding-left: 0;

}

.star-rating {

    float: left !important;

    width: 100% !important;

}

#respond > h3 {

    font-size: 18px;

}



.cart-heading {

    display: none;

}

.cart_item {

    padding-left: 0;

}

.cart_item li {

    padding: 5px 10px !important;

    width: 100% !important;

}

a.remove {

    position: absolute;

    right: 0;

    top: 0;

}

.cart-bottom {

    padding: 10px 20px;

}

.cart-bottom .coupon .theme-btn {

    margin-top: 10px;

    width: 100%;

}

.woocommerce-cart .col-md-12.column {

    margin-bottom: 0;

}

.checkbox, .radio {

    height: initial;

}

#ship-to-different-address .checkbox {

    font-size: 16px;

}

.checkout.woocommerce-checkout > h3 {

    font-size: 20px;

}

.testimonials-list.product-testimonials1 > div {

    width: 100%;

}

.ask-question{padding:40px 15px;}

.contact-form > .row > div {

    display: inline-block;

    width: 100%;

}



.become-volunteer.ask-question > .row > div {

    float: left;

    width: 100%;

}

.charity-events > .row > div {

    width: 100%;

    float: left;

}

.page-gallery.lightbox > div {

    float: left;

    width: 100%;

}

.post-intro {

    padding: 0;

}

.post-thumb > img {

    margin-bottom: 20px;

}

.event-org > h4 {

    margin-bottom: 10px;

}

.cause-detail {

    margin-top: 30px;

    padding: 20px 0;

}

.overlay-title{padding:0 15px;}

.overlay-title > h3 {font-size: 18px;}

.page-content h1 {

    font-size: 18px;

}

.urgent:hover > img {

    transform: translateX(10px) scale(1.07);

}

.cause-donation > i {

    margin-left: 3px;

    margin-right: 0;

    margin-top: 3px;

}

.widget-title h4{font-size: 17px;}

.product_list_widget li .star-rating{margin-top: 10px;}

.toggle-item2 > h3 {

    padding: 20px 25px 20px 20px;

}

.toggle-item2 > h3 > span {

    right: 10px;

}

.toggle-style4 .toggle-item2 > h3 > i,

.toggle-style7 .toggle-item2 > h3 > i {

    color: #fff;

    height: 30px;

    line-height: 30px;

    margin-right: 5px;

    margin-top: 0;

    text-align: center;

    width: 30px;

}

.toggle2 h3,

.toggle2.toggle-style4 h3{font-size:14px !important;}

.toggle-style7 .toggle-item2 > h3{padding: 10px;}

.toggle-style7 .content{padding-left: 10px;}

.toggle-style8 .toggle-item2 .content{padding-left: 20px;}

.toggle-style6 .content{padding-left:20px;}

.tabs-styles .nav > li > a{padding:10px; font-size:12px;}

.tabs3, .tabs4{padding:10px;}

.tabs4.tabs-styles ul.nav.nav-tabs li a {

    padding: 5px;

}

.tabs4.bg-img.tabs-styles .tab-content{width: 100%;}

.tabs1 .tab-content{padding:30px 20px;}



.progressbars-style > h2 {

    font-size: 18px;

}

.progressbars-style3 > ul > li {

    max-width: initial;

}

.dropcaps-style > p strong{margin-right: 20px;}

.dropcaps-style.dropcap-style5 p strong{margin-right: 0;}

.center-align{padding:30px 20px}

.center-align .callus-content > h2{font-size: 16px;}

.callus-action > a{padding:8px 13px;}

.upcoming-eventbar.overlap {margin-top: 20px;}

.upcoming-eventbar.new-style .event-intro {width: 100%;}

.upcoming-eventbar.new-style .start-time {width: 100%;}

.urgentcause-detail h3 {font-size: 20px;}

p {font-size: 14px; line-height: 24px;}

.urgentcause-gallery {margin-left: 0px;}

.successful-stories-new .row > div.col-xs-6 {width: 100%}

.story-detail > span {font-size: 14px;}

.successful-stories-new .story-detail h3 {font-size: 20px;}

.project-hover > h3 {font-size: 18px; line-height: 26px;}

.event-toggle .event-date {margin-bottom: 12px; text-align: left; padding: 0;}

.team-member > h4 {font-size: 18px;}

.team-member > i {font-size: 14px;}

.charity-events .row .col-xs-6 {width: 100%;}

.blog-detail > h3 {font-size: 18px;}

.blog-list .row .col-xs-6 {width: 100%;}

.donation-fields > .row > div {padding: 15px;}

.date-range .field {width: 100%;}

.wp-donation-system .search {margin-top: 10px; position: relative; right: 0; top: 0; transform: translateY(0); float: left; width: 100%;}

.search input {position: relative; right: 0; width: 100%; padding: 14px 20px;}

.search:hover input {width: 100%;}

.wp-donation-system .search button {float: right; border-radius: 0; position: absolute; top: 0; right: 0;}

.search:hover input {padding: 14px 20px;}

.history-detail > i {margin-top: -55px;}

.search-page h5 span {font-size: 20px;}

.box-item {width: 49%; padding: 10px 15px;}

.blog-list .masonary > div.col-xs-6 {width: 100%;}

.team-desc {padding: 30px;}

.team-detail .member-social {width: 70%;}

.price .woocommerce-Price-amount.amount {margin-bottom: 5px;}

.product-desc .theme-btn {float: left; margin-top: 0;}

.product-count {width: auto;}

.needed > .row > div.col-xs-6 {width: 100%;}

.post-intro.cause-intro .row > .col-xs-8 {width: 100%;}

.post-intro.cause-intro .row > .col-xs-4 {width: 100%;}

.blog-detail-page ul.meta li {margin-right: 0;}

.cause-detail > span {margin-bottom: 20px;}

blockquote p {width: 95%;}

blockquote p::before {left: -31px; font-size: 140px;}

.help-needed .row .col-xs-6{width: 100%;}

.help-detail {padding: 55px 35px 55px 25px;}

.about-service-inner-new h2 {font-size: 35px; line-height: 45px;}

.about-service-inner-new {padding: 25px 15px;}

.service-block {padding: 20px 12px;}

.who-we-are-new .title > span {font-size: 14px;}

.who-we-are-new .title.style4 h2 {font-size: 28px;}

.who-we-are-new .video figure img {width: auto;}

.help-needed-new .theme-btn {padding: 12px 32px;}

.urgent-cause-progress.new-style .urgent-cause-inner > h3 {font-size: 26px;}

.special-services-new .about-service-new .col-xs-6 {width: 100%;}

.coupon .coupon-btn {margin-left: 0; margin-top: 10px; font-size: 12px;}

.woocommerce-billing-fields h3 {font-size: 22px;}

.successful-stories .row .col-xs-6 {width: 100%;}

.wpdonation-box .tab-content .tab-content {padding: 0;}

.service-ways.new_style .row > div {width: 100%;}

.members .row > div.col-xs-6 {width: 100%;}

.who-we-are .video figure img {width: 100%;}

.gallery-page > div {width: 100%;}

.video > a::before {font-size: 55px;}

.all-projects > div {width: 100%;}

.tabs2 .tab-content .tab-pane {padding: 40px 25px;}

.tabs4 .nav-tabs {max-width: 155px; margin-right: 10px;}

.service-ways .row > div {width: 100%;}

.services-listing.style2 .row > div {width: 100%;}

.service-style3 .row > div {width: 100%;}

.popup-centralize .urgent-progress {width: 100%; margin: 0;}

.payment-box {margin-top: 0;}

.popup-title {font-size: 20px;}

.popup-centralize {padding: 40px 20px;}

.popup-centre {width: 100%; margin: 90px 0;}

.popup-form {width: 95%; margin: auto;}

.urgentcause-gallery.tab-style {margin-left: 0px; margin-top: 35px;}

.welfare-project .project-info {bottom: 0;}

.custom-responsive-banner.col-xs-8 {width: 100%;}



}





@media (max-width: 414px) {

    #responsive-header .topbar {padding: 0;}

    .inline-list > li {margin-right: 20px; padding-right: 20px;}

    .upcoming-eventbar.new-style .countdown-amount {font-size: 25px;}

    .upcoming-eventbar.new-style .countdown-period {font-size: 12px;}

    .page-top h2 {font-size: 22px;}

    .page-title > ul li {font-size: 13px;}

    .wp-donation-system {padding: 50px 0px;}

    .history-detail ul li strong {font-size: 15px;}

    .join > p {width: 100%;}

    .counters .row > div {margin-left: 0; width: 100%;}

    .col-xs-offset-3 {margin-left: 0; width: 100%;}

    .title.style4 h2 {font-size: 20px; line-height: 26px;}

    .collected-donation {padding: 25px 15px;}

    .collected-donation > span {font-size: 14px;}

    .team-desc {padding: 20px 30px 30px 30px;}

    blockquote p {width: 100%; padding-left: 40px;}

    blockquote p::before {left: -50px;}

    .history-detail > i {margin-top: -70px;}

    .countries-contact {padding: 15px 25px 0;}

    .who-we-are-new .video figure {clip-path: none; max-height: 100%; margin-bottom: 20px;}

    .who-we-are-new .video::before {display: none;}

    .who-we-are-new .play-new-btn {margin-top: 0; margin-left: 0;}

    .who-we-are-new .video {min-height: 100%;}

    .who-we-are-new .video figure img {width: 100%;}

    .urgent-cause-progress.new-style .urgent-cause-inner > h3 {font-size: 22px;}

    .urgent-cause-progress.new-style .loc i {font-size: 16px;}

    .urgent-cause-progress.new-style .loc span {font-size: 14px;}

    .urgent-cause-progress.new-style .urgent-progress .goal.raised {font-size: 12px;}

    .urgent-cause-progress.new-style .urgent-progress .goal {font-size: 12px;}

    .urgent-cause-progress.new-style .goal span {font-size: 22px;}

    .woocommerce form .form-row input.input-text {font-size: 13px;}

    .wpdonation-box {margin-top: 25px;}

    .history-wrap {margin-top: 20px;}

    .history-detail h5 strong {display: block; margin-bottom: 5px; font-size: 15px;}

    .history-detail ul {margin: 3px 0 0;}

    .history-detail ul li strong {display: block; margin-bottom: 5px;}

    .all-projects .row > div {width: 100%;}

    .urgentcause-gallery.lightbox > div {width: 100%;}

    .fancy-counter-box {padding: 40px 10px;}

    .fancy-counter-box strong {font-size: 22px;}

    .block.gray .row > .col-xs-8 {width: 100%;}

    .post-intro iframe {height: 225px;}

    .fancy-projects .cause-title {margin-bottom: 0;}

    .tabs4 .nav-tabs {max-width: 100%; margin-right: 0; margin-bottom: 20px;}

    .thanks-message {padding: 40px 15px;}

    .thanks {padding: 50px 15px;}

    .thanks-message > span {font-size: 16px;}

    .success-notification > h5 {font-size: 16px;}

    .payment-date {padding: 30px 15px;}

    .payment-date > strong {font-size: 20px; display: block; float: none; text-align: center;}

    .payment-date > span {font-size: 13px; display: block; float: none; text-align: center;}

    .payment-method > div > h5 {text-align: center;}

    .payment-method ul li span {float: none; width: 100%; display: block; text-align: center;}

    .payment-method ul li i {float: none; width: 100%; display: block; text-align: center;}

    .popup-centre {margin: 0;}



}





@media (max-width: 375px) {

    #responsive-header .topbar ul li {display: block; padding: 5px 0px; margin-right: 0;}

    #responsive-header .topbar ul.inline-list {padding: 0;}

    .inline-list.registration-btn > li a {float: none; font-size: 12px;}

    .urgentcause-gallery.tab-style {height: 320px;}

    .donation-amount .textfield textarea {font-size: 13px;}

    .wpdonation-box .nav li a, .wpdonation-box .nav li a:hover, .wpdonation-box .nav li.active a {

        padding: 13px 20px;

    }

    .box-item {padding: 10px 10px;}

    .collected-donation > strong {font-size: 25px; margin-bottom: 0;}

    .collected-donation > span {font-size: 13px;}

    .team-detail .member-social {width: 100%; bottom: 0;}

    h2.product-name {font-size: 20px;}

    .price .woocommerce-Price-amount.amount {font-size: 18px;}

    .services-list-new ul li {width: 100%; border-right: none; border-bottom: none;}

    .who-we-are-new .title.style4 h2 {font-size: 24px;}

    .who-we-are-new .collected-donation > strong {font-size: 30px;}

    .who-we-are-new .collected-donation > span {font-size: 13px;}

    .help-needed-new {margin-bottom: 25px;}

    .urgent-cause-progress.new-style .urgent-progress .goal {width: 100%;}

    .urgent-cause-progress.new-style .loc {width: 100%;}

    .cart-box .woocommerce-Price-amount.amount {display: block; margin-left: 0; text-align: left;}

    .woocommerce-Price-amount.amount > span {margin-left: 0;}

    .cart-box .woocommerce-Price-amount.amount {padding: 0;}

    .coupon .input-text {width: 100%;}

    .urgent:hover .urgent-detail {bottom: 12px;}

    .urgent-detail .collected-amount {font-size: 30px;}

    .urgent-detail .cause-title {margin-bottom: 0;}

    .who-we-are-new .play-new-btn {margin-top: -10px;}

    .video.style2 .video-title {padding: 18px 15px;}

    .play-new-btn {height: 48px; width: 48px; line-height: 48px;}

    .video > a {font-size: 18px;}

    .fancy-counters .row > div {width: 100%;}

    .who-we-detail .row > div {width: 100%;}

    .post-intro iframe {height: 201px;}

    .fancy-projects .urgent-detail {width: 100%; padding:0 20px;}

    .thanks-message > h5 {font-size: 20px; line-height: 30px;}

    .thanks-message > span {font-size: 14px;}

    .success-notification {margin-top: 35px;}

    .urgentcause-gallery.tab-style {margin-left: 0px;}

    .project-info {padding: 0 50px 30px;}

    .custom-responsive2, .custom-responsive3 {margin-top: 20px;}

    .project-info .urgent-progress .goal.raised {text-align: left;}

    .project-info .goal > i {font-weight: 600; color: #fff !important;}

    .list-style .post-detail ul.meta li {max-width: 100%; margin: 10px 0; display: block;}

    .fancy-counter-box strong {font-size: 24px; font-weight: 700;}

    .who-we-are .video figure {padding: 0;}

    .who-we-text .theme-btn {margin-top: 10px;}

    



}





@media (max-width: 360px) {

    .event-bar h3 {font-size: 18px;}

    .post-detail > h3 {font-size: 18px;}

    .who-we-detail > .row > div {width: 100%;}

    .join-team {padding: 40px 15px;}

    .team-desc {padding: 20px;}

    .cart-bottom > input.theme-btn[type="submit"] {width: 100%; display: block; margin-bottom: 10px; margin-left: 0;}

    .cart-bottom a.theme-btn {width: 100%;}

    .cart-box .woocommerce-Price-amount.amount {display: block; margin-left: 0;}

    blockquote p {font-size: 18px;}

    .help-detail {padding: 55px 35px 55px 35px;}

    .coupon .coupon-btn {display: block; width: 100%;}

    .post-intro iframe {height: 195px;}

    .video > a::before {font-size: 40px;}

    .tabs2 .tab-content .tab-pane {padding: 30px 25px;}

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

}



@media (max-width: 320px) {

    .upcoming-eventbar.new-style .event-inner {padding: 37px 20px;}

    .upcoming-eventbar.new-style .event-date {padding: 25px 20px;}

    .title h2 {font-size: 22px;}

    .title > span {font-size: 13px;}

    .successful-stories-new .story-detail h3 {font-size: 18px;}

    .successful-stories-new .spent-bar > span {font-size: 13px;}

    .successful-stories-new .spent-bar > span.price {font-size: 18px;}

    .event-bar h3 {font-size: 18px;}

    .countdown-period {font-size: 12px;}

    .countdown-amount {font-size: 20px;}

    .event-toggle .countdown-section::before {display: none;}

    .wp-donation-system {padding: 50px 0px;}

    .contact-info span {font-size: 14px;}

    .box-item {padding: 5px 5px;}

    .box-item .box-img a {padding: 0 10px;}

    .single_add_to_cart_button.theme-btn.alt.theme-mini-btn {margin-top: 10px;}

    .blog-detail-page h1.post-title {font-size: 18px;}

    .history-detail > i {padding: 6px 12px;}

    .urgent-cause-progress.new-style .urgent-cause-inner span {font-size: 13px;}

    .video > a {font-size: 16px;}

    .urgent-detail {left: 15px;}

    .gallery-detail-top li {margin: 5px 10px;}

    .post-intro iframe {height: 171px;}

    .fancy-projects .urgent-detail .cause-title {display: none;}

    .fancy-projects .urgent-detail .cause-donation {display: none;}

    .fancy-projects .urgent-detail {width: auto; padding: 0;}



}



@media (min-width:760px) and (max-width:1024px) {

    .gallery-box:before {display: none;}

    .gallery-box a {

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        bottom: 0;

        color: transparent !important;

        opacity: 1;

        visibility: visible;

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        transform: scale(1);

        height: 100%;

        width: 100%;

        margin: 0;

    }

}