@media (max-width:1200px){
nav > ul > li > a{padding:40px 15px;}
.donation-popup .container{width:100%;}
.fancy-overlay {float: left;padding: 20px 0;position: relative;width: 100%;}
.block.overlap .container {border: 0 none;margin-top: 0;padding-top: 30px; width: 100%;}
.ask-question {padding: 90px 15px;}
.white-bg {padding: 40px 0 0;}

} 


@media (min-width:768px) and (max-width:980px){
.block .container,.container {padding: 0 15px;}
.column {float: left;width: 100%;margin-bottom: 30px;}
.column:last-child{margin-bottom: 0;}
#responsive-header{display:block;}
header,.sideheader{display:none;}
body.move{margin-left:-200px;}
.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%;}
.urgentcause-gallery > div {float: left;margin: 0;padding: 0;width: 100%;}
.gallery-widget .row > div {float: left;width: 16.666%;}
.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;}
.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;}
.list-style .post-listview > div {float: left; width: 100%;}
.post-detail {padding: 30px 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-features-wrapper {margin-bottom: 30px;}
.skills h5 {margin-top: 25px;}
}
@media (max-width:500px) {
    .stick{
        display:none;
    }
}

    @media (max-width:500px) {
        body {
            overflow: hidden;
        }

        .block .container, .container {
            padding: 0 15px;
        }

        .column {
            float: left;
            width: 100%;
            margin-bottom: 30px;
        }

            .column:last-child {
                margin-bottom: 0;
            }

        #responsive-header {
            display: block;
        }

        header, .sideheader {
            display: none;
        }

        .inline-list > li a {
            float: left;
            width: 100%;
            line-height: 25px;
        }

        body.move {
            margin-left: -200px;
        }
        /*#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%;
        }

        .upcoming-eventbar.overlap {
            margin: 0;
        }

        .event-inner h3 {
            font-size: 15px;
            line-height: 20px;
        }

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

        .urgent-progress .row > div {
            width: 33.334%;
        }

        .urgentcause-gallery > div {
            float: left;
            margin: 10px 0;
            padding: 0;
            width: 100%;
            box-shadow: 2px 2px 5px #b3aeae;
        }

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

        .title > span {
            font-size: 12px;
            margin-bottom: 5px;
        }

        .popup-form {
            width: 80%;
            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-date {
            top: 30px;
            left: 50%;
            -webkit-transform: translateY(0) translateX(-50%);
            -moz-transform: translateY(0) translateX(-50%);
            -ms-transform: translateY(0) translateX(-50%);
            -o-transform: translateY(0) translateX(-50%);
            transform: translateY(0) translateX(-50%);
        }

        .event-toggle::after {
            display: none;
        }

        .event-toggle {
            padding: 120px 40px 30px;
        }

        .upcoming-eventbar {
            padding: 125px 0 0 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: 110px 30px 30px;
        }

        .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%;
        }

        .urgent-detail {
            float: left;
            height: auto;
            padding: 30px;
            position: relative;
            text-align: center;
            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%;
        }

        .urgent-detail > a {
            bottom: 0;
            position: relative;
            right: 0;
            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%;
        }

        .counting {
            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;
        }

        .list-style .post-listview > div {
            float: left;
            width: 100%;
        }

        .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: 15px;
        }

        .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;
        }

        .team-detail .member-social {
            bottom: 0;
            float: left;
            left: 0;
            position: relative;
            width: 100%;
        }

        .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-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 {
                font-size: 13px;
                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: 60px;
            width: 100%;
        }

        .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%;
        }

        .service-features-wrapper {
            margin-bottom: 30px;
        }

        .skills h5, .skills p {
            float: none;
        }

        .skills h5 {
            margin-top: 20px;
        }

        .mod-gallery-info > a {
            margin: 0 5px;
        }
    }


    @media (max-width:480px) {
        #responsive-header .topbar ul.inline-list li {
            float: left;
            margin: 0;
            padding: 0;
            text-align: left;
            width: 50%;
        }

            #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;
        }

        #responsive-header .topbar ul.inline-list li {
            line-height: 30px;
            width: 100%;
        }

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

        .gallery-widget .row > div {
            width: 33.334%;
        }

        .services-list > ul li {
            width: 100%;
        }

        .cause-title h5 {
            font-size: 16px;
            line-height: 25px;
            margin: 0;
        }

        .cause-donation {
            width: 100%;
        }

        .collected-amount {
            font-size: 20px;
            line-height: 20px;
        }

        .cause-donation > i {
            font-size: 11px;
        }

        .urgent-detail > a {
            margin-top: 20px;
            width: 100%;
        }

        .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;
        }
    }