@media (max-width: 1900px) {
    .hdr-email {
        display: none;
    }
}

@media (max-width:1610px) {
    .noti-innr {
        max-width: 60%;
    }
    .call-info {
        padding: 95px 90px;
    }
}

@media (max-width:1440px) {
    nav > div + div {
        max-width: calc(100% - 330px);
    }
    .hdr-email {
        padding-left: 100px;
    }
    .hdr-email > i {
        left: 33px;
    }
    .noti-innr {
        max-width: 65%;
    }
    .call-info {
        padding: 93.5px 90px;
    }
    .testimonials-carousel {
        padding: 24.5px 0;
    }
    nav > div > ul > li:last-child {
        margin-right: 0;
    }
    nav > div > ul > li {
        margin-right: 30px;
    }
    nav {
        padding-left: 35px;
    }
}

@media (max-width:1366px) {
    .stats-list-wrap {
        padding: 90px 70px;
    }
    .stat-box > span {
        max-width: 90%;
    }
    .join-wrap,
    .stats-list-wrap {
        min-height: 460px;
    }
    .join-wrap {
        padding: 78px 70px;
    }
    nav > div > ul > li {
        margin-right: 25px;
    }
    .call-info {
        padding: 93.5px 80px;
    }
}

@media (max-width:1280px) {
    nav > div > ul > li {
        margin-right: 22px;
        line-height: 30px;
        margin-top: 5px;
        margin-bottom: 15px;
    }
    nav > div + div {
        margin-top: 27px;
        padding-right: 15px;
    }
    .logo + nav {
        padding-left: 40px;
        margin-top: 27px;
    }
    .noti-innr {
        max-width: 70%;
    }
    .service-desc.video-desc {
        width: 100%;
    }
    .stat-box {
        padding: 20px 15px 15px;
    }
    .gallery-inner {
        margin-left: 0;
        width: 100%;
    }
    .testimonials-carousel {
        padding: 32.5px 0px;
    }
    .testimonial-box > p {
        padding-right: 0;
    }
    .testi-call-inner {
        padding: 70px 100px;
    }
    .call-info > h4,
    .call-info > p {
        max-width: 100%;
    }
    .facts-wrap {
        width: 100%;
        margin-left: 0;
    }
    .video-wrap {
        width: 100%;
        margin-left: 0;
    }
}

@media (max-width:1200px) {
    .container {
        padding: 0 15px;
    }
    .stat-box > span {
        max-width: 100%;
    }
    .stats-list-wrap {
        padding: 90px 50px;
    }
    .join-wrap {
        padding: 78px 50px;
    }
    .noti-innr {
        max-width: 72%;
    }
    .testi-call-inner {
        padding: 64.5px 100px;
    }
    .call-info {
        padding: 105px 60px;
    }
    .call-info > h4,
    .call-info > p {
        max-width: 100%;
    }
    .testimonials-carousel {
        max-width: initial;
        padding: 24px 0;
    }
    .service-desc.text-center > p {
        font-size: 15px;
        line-height: 26px;
    }
    p,
    html body p {
        color: #777;
    }
}

@media (min-width:1000px) and (max-width:1030px) {
    .news-box.list {
        display: block;
    }
    .news-box.list > div {
        display: block;
        width: 100%;
        float: left;
    }
    .news-box.list > div.news-thumb {
        min-width: initial;
    }
    .news-box.list .news-thumb + .news-info {
        padding: 30px;
    }
    .nws-evnt-wrp .evnt-inf {
        padding: 0 30px 50px;
    }
    .nws-evnt-wrp .evnt-athr {
        left: 30px;
    }
    .wpb_widgetised_column.wpb_content_element .widget-box {
        margin-left: -20px;
    }
    nav > div > ul > li:last-child {
        margin-right: 35px;
    }
}

@media (max-width:1030px) {
    nav > div + div {
        max-width: 100%;
    }
    .call-info > h2 {
        word-wrap: break-word;
    }
    .post-detail-inner {
        padding: 43px 0 0;
    }
    .event-detail .post-meta {
        width: 70%;
    }
    .join-wrap,
    .stats-list-wrap {
        padding: 70px 40px;
        min-height: 415px;
    }
    .stat-box {
        padding: 20px 10px 15px;
    }
    .stat-box > span {
        max-width: 95%;
    }
    .sec-title > p {
        max-width: 70%;
    }
    .apply-sec {
        padding: 30px 95px;
    }
    .testimonials-wrap {
        padding: 0;
    }
    .feat-wrp.overlap100 {
        margin-top: -80px;
    }
    .feat-bx {
        padding: 45px 30px;
    }
    .filter-btns {
        max-width: 95%;
    }
    .join-wrap {
        padding: 56px 40px;
    }
    .post-detail-info {
        padding: 25px 40px 20px;
    }
    .cal-qute {
        margin-top: -130px;
        width: 100%;
    }
    .camp-info > h6 {
        max-width: 100%;
    }
    .noti-alrts-wrp > img {
        display: none;
    }
    .noti-innr {
        max-width: 100%;
    }
    .noti-inner {
        padding: 80px 50px;
        min-height: initial;
    }
    .fact-box {
        padding: 0 15px;
    }
    .video-wrap {
        width: 100%;
        margin-left: 0;
    }
    .srv-pst-inf {
        padding: 15px 15px;
    }
    .testi-call-inner {
        padding: 64.5px 70px;
    }
    .call-info {
        padding: 73.5px 60px;
    }
    .gallery-inner {
        width: 100%;
        margin-left: 0;
    }
    .gallery-inf > h5,
    .service-desc > h3 {
        max-width: 100%;
    }
    .srv-pst-inf {
        padding: 25px 50px;
    }
    .vc_col-sm-9 .news-box.list .news-info > h6 {
        font-size: 20px;
    }
    .post-intro {
        padding: 0 15px;
    }
    .event-detail .post-detail-info {
        padding-right: 0;
    }
    .video-wrap > div > div.col-md-6:first-child {
        display: none;
    }
    .video-wrap > div > div.col-md-6:last-child {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }
    .service-desc.video-desc {
        margin-left: 0;
        width: 100%;
    }
    .camp-thumb > a.theme-btn {
        padding: 15px 28px;
    }
}

@media (max-width:980px) {
    header {
        display: none;
    }
    .res-header {
        display: block;
    }
    main,
    .theme-styler {
        padding-top: 0 !important;
    }
    .stat-box > span {
        max-width: 100%;
    }
    body.admin-bar .res-menu-close {
        top: 55px;
    }
}

@media (max-width:780px) {
    .service-desc {
        margin-bottom: 50px;
    }
    .serv-innr {
        max-width: 100%;
        margin-top: 15px;
    }
    .apply-sec {
        padding: 40px 30px;
    }
    .video-mockp {
        display: none;
    }
    .service-desc.video-desc {
        margin-bottom: 0;
    }
    .testimonials-carousel:before {
        display: none;
    }
    .testimonials-carousel {
        padding: 0;
    }
    .news-updates {
        margin-bottom: 50px;
    }
    .sidebar_wrapper {
        margin-top: 50px;
    }
    .volunteer-detail-inner {
        margin-top: 50px;
    }
    .get-quick-wrap > h3 {
        max-width: 70%;
    }
    .get-quick-wrap > p {
        max-width: 85%;
    }
    .join-wrap,
    .stats-list-wrap {
        min-height: initial;
    }
    .serv-box2 > h6 {
        display: block;
        max-width: 100%;
    }
    #slide-layer-1 {
        display: none;
    }
    .sec-title > p {
        max-width: 90%;
    }
    .filter-btns {
        text-align: center;
    }
    .filter-btns > li {
        float: none;
        display: inline-block;
    }
    .apply-sec > div.apply-btn {
        padding-left: 130px;
    }
    .apply-sec > div {
        display: inline-block;
        width: 100%;
    }
    .apply-btn > a {
        float: none;
        display: inline-block;
    }
    .testimonials-wrap {
        text-align: center;
    }
    .call-info > h4 {
        max-width: 100%;
    }
    .testimonial-info {
        text-align: left;
    }
    .call-info > a {
        margin-top: 15px;
    }
    .volunteer-detail-info {
        margin-top: 10px;
    }
    .get-quick-wrap > p {
        max-width: 95%;
    }
    .join-inner {
        max-width: 560px;
    }
    .video-lists > .row > div.col-md-4:nth-of-type(3) {
        display: none;
    }
    .comment-respond > form button {
        float: left;
    }
    .breadcrumb > li {
        float: none;
        display: inline-block;
    }
    .feat-wrp.overlap100 {
        margin-top: 90px;
    }
    .feat-bx {
        padding: 50px;
    }
    ul.gallery-inner > li {
        width: 50%;
    }
    .filter-btns > li {
        margin: 15px;
    }
    .vc_col-sm-9 {
        width: 100% !important;
    }
    .vc_col-sm-3 {
        width: 50% !important;
    }
    .wpb_widgetised_column.wpb_content_element {
        margin-top: 0;
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 90px;
        float: left;
        width: 100%;
    }
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        -webkit-box-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    .woocommerce .col2-set,
    .woocommerce-page .col2-set {
        margin: 0;
    }
    .woocommerce-additional-fields,
    .woocommerce-shipping-fields {
        margin-top: 30px;
    }
    blockquote > p i.fa,
    blockquote > p:first-child::before {
        left: -60px;
    }
    .cal-qute {
        margin-top: 0;
        z-index: 1;
    }
    .serv-lst > li {
        max-width: 33.334%;
        -webkit-flex: 0 0 33.334%;
        -ms-flex: 0 0 33.334%;
        flex: 0 0 33.334%;
    }
    .serv-innr > h6 {
        max-width: 100%;
    }
    .testi-call-inner {
        min-height: initial;
        padding: 80px 70px;
    }
    .testimonials-carousel .owl-nav {
        bottom: 50px;
    }
    .nws-evnt-wrp .evnt-bx {
        margin-top: 30px;
        max-width: 50%;
    }
    .service-desc.video-desc {
        width: 100%;
        margin-left: 0;
    }
    .evnt-bx > img {
        width: 100%;
    }
    .cal-qute {
        text-align: center;
    }
    .comments-thread ul.children {
        padding-left: 40px;
    }
    .service-desc.text-center > p {
        max-width: 90%;
    }

    .wp-block-embed iframe {
    height: 420px;
}
}

@media (max-width:700px) {
    .news-box.list {
        display: block;
    }
    .news-box.list > div {
        display: block;
        float: left;
        width: 100%;
    }
    .news-box.list > div.news-thumb {
        min-width: initial;
        margin: 0 auto;
        float: none;
        max-width: 370px;
    }
    .news-box.list .news-thumb + .news-info {
        padding: 25px 30px;
    }
    .service-desc {
        margin-bottom: 25px;
    }
    .news-box.list .news-info {
        margin: 0;
        padding: 30px;
    }
}

@media (max-width:480px) {
    .serv-box {
        text-align: center;
    }
    .serv-box > i {
        float: none;
        margin: 0 0 20px;
        display: inline-block;
    }
    .apply-sec {
        text-align: center;
        display: block;
    }
    .apply-sec > div {
        display: block;
        float: left;
        width: 100%;
    }
    .apply-title > img {
        float: none;
        margin: 0 0 20px;
        display: inline-block;
    }
    .apply-title-innr {
        display: block;
        margin-top: 0;
    }
    .apply-btn > a {
        float: none;
    }
    .testimonials-carousel .owl-nav {
        bottom: 10px;
        right: 50%;
        margin-right: -20px;
    }
    .testimonials-carousel .owl-nav div {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .news-box.list {
        display: block;
    }
    .news-box.list > div {
        display: block;
        float: left;
        width: 100%;
    }
    .news-box.list .news-info {
        padding-left: 0;
        margin-top: 30px;
    }
    .insta-gal > div > div {
        width: 33.334%;
    }
    .event-box {
        text-align: center;
    }
    .event-date {
        float: none;
        display: inline-block;
        margin: 0 0 30px;
    }
    .event-info {
        float: left;
        width: 100%;
        margin-top: 0;
    }
    .post-detail-inner {
        padding: 43px 0 0;
    }
    .post-author-box,
    .comment {
        padding: 30px;
        text-align: center;
    }
    .author-thumb,
    .comment-thumb {
        float: none;
        margin: 0 0 30px;
        display: inline-block;
    }
    .author-info,
    .comment-details,
    .comment-thumb + .comment-details {
        margin-top: 0;
        float: left;
        width: 100%;
    }
    .comments-list .children,
    .comments-list .children .children {
        padding-left: 0;
    }
    .event-box.style2 .event-thumb {
        width: 100%;
        margin: 0 0 30px;
    }
    .event-box.style2 .event-thumb > a {
        float: left;
        width: 100%;
    }
    .event-detail .post-detail-info {
        display: block;
    }
    .event-detail .post-meta {
        width: 100%;
        display: block;
    }
    .volunteer-detail-info {
        margin-top: 50px;
    }
    .get-quick-wrap > h3,
    .get-quick-wrap > p,
    .serv-innr > h6 {
        max-width: 100%;
    }
    .video-box2 > a {
        line-height: 70px;
        width: 70px;
        font-size: 25px;
    }
    section.overlap120 {
        margin-top: -80px;
    }
    .spacing {
        padding: 70px 0;
    }
    .sec-title > p {
        max-width: 100%;
    }
    .apply-sec > div.apply-btn {
        padding-left: 0;
        margin-top: 25px;
    }
    .testimonial-box::before {
        left: auto;
        right: 0;
    }
    .service-desc > ul li {
        max-width: 100%;
    }
    .page-top-inner > h1 {
        font-size: 30px;
    }
    .author-info > h6 {
        display: block;
    }
    .author-info .social-share2 {
        margin: 10px 0;
        float: none;
        display: inline-block;
    }
    .comment-details > h6:first-child {
        display: block;
    }
    .comment-details > h6:first-child:before {
        display: none;
    }
    .comment-details > span.comment-time {
        display: block;
        margin-left: 0;
    }
    .comment-reply-link {
        float: none;
        margin-top: 20px;
        display: inline-block;
    }
    .alignright,
    .alignleft {
        margin: 0 0 30px;
        width: 100%;
    }
    .video-lists > .row > div.col-md-4:nth-of-type(3) {
        display: block;
    }
    .event-detail .post-meta > li {
        width: 46%;
    }
    .testimonial-info {
        float: none;
        display: inline-block;
        width: auto;
    }
    ul.gallery-inner > li {
        width: 100%;
    }
    .filter-btns {
        padding: 10px;
    }
    .filter-btns > li {
        margin: 5px 10px;
    }
    .apply-title-innr > span {
        display: inline-block;
        margin-top: 15px;
    }
    body.admin-bar {
        margin-top: -46px;
    }
    body.admin-bar .res-header {
        margin-top: 46px;
    }
    .vc_col-sm-3 {
        width: 100% !important;
    }
    .post-detail-thumb > img + .post-detail-info {
        width: 100%;
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        margin-top: -2px;
    }
    .post-detail-info .social-share2 {
        float: left;
        margin-top: 0;
        width: 100%;
    }
    .comment-thumb + .comment-details {
        width: 100%;
        margin-top: 0;
    }
    .member-thumb img {
        width: 100%;
    }
    .testimonial-box::before {
        display: none;
    }
    .new-date {
        max-width: 90px;
        padding: 15px 20px 15px 15px;
    }
    .news-info {
        padding-left: 120px;
        padding-top: 28px;
    }
    blockquote > p i.fa,
    blockquote > p:first-child::before {
        left: -50px;
    }
    .comment-thumb + .comment-details {
        padding-left: 0;
    }
    .serv-lst > li {
        -webkit-box-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .testi-call-inner {
        padding: 60px 40px;
    }
    .news-box.list .news-thumb + .news-info {
        padding: 0 30px 30px;
    }
    .news-box.list .news-info:before {
        left: 0;
    }
    .nws-evnt-wrp .evnt-bx {
        max-width: 100%;
    }
    .news-box.list > div.news-thumb {
        min-width: initial;
    }
    .post-intro .blog-date {
        left: 40px;
        width: 90px;
    }
    .blog-date > i {
        font-size: 35px;
        padding: 0 5px 5px;
    }
    .comment {
        background-color: #f4f4f4;
    }
    .comment-thumb + .comment-info {
        width: 100%;
        border-left: 0;
        padding: 0;
    }
    .comment-info > h6:first-child {
        display: block;
    }
    .comment-info > span {
        float: none;
        display: inline-block;
        margin-top: 10px;
    }
    .comment-thumb {
        max-width: 100%;
        background-color: transparent;
        padding: 0;
    }
    .comment-thumb a.comment-reply-link {
        position: static;
        width: 100%;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    .comments-thread ul.children {
        padding: 0;
    }
    .call-info > a {
        margin-top: 40px;
    }
    blockquote {
        padding-left: 80px;
    }
    .tags-wrap,
    .social-share2 {
        max-width: 100%;
    }
    .tags-wrap + .social-share2 {
        float: left;
    }
    .share-box {
        display: inline-block;
        width: 100%;
    }
    .author-info > h6,
    .comment-info > h6:first-child {
        padding-bottom: 0;
    }
    .author-info > h6::before,
    .comment-info > h6:first-child::before {
        display: none;
    }
    .gallery .gallery-item {
        width: 100% !important;
    }
    .event-detail .post-detail-info .theme-btn {
        float: left;
        margin-top: 20px;
    }
    .service-desc.text-center > p {
        max-width: 100%;
    }
    .fact-box {
        text-align: center;
    }
    .fact-box > h4 {
        float: none;
        margin: 0;
    }
    .news-box.list .news-info,
    .news-box.list .news-thumb + .news-info {
        margin: 0;
        padding: 30px;
    }
}

@media (max-width:420px) {
    .res-logo-sec .logo {
        max-width: 65%;
    }
    .res-logo-sec {
        padding: 20px 15px;
    }
    .author-info .social-share2 {
        float: none;
        display: inline-block;
        margin: 10px 0;
    }
    .event-detail .post-meta > li {
        width: 100%;
    }
    .contact-info {
        padding: 40px 30px;
    }
    section.overlap120 {
        margin-top: -110px;
    }
    .news-updates > h3::before,
    .recent-events > h3::before,
    .contact-form > h3::before,
    .testimonial-box::before {
        display: none;
    }
    .filter-btns > li {
        font-size: 13px;
    }
    .res-menu {
        width: 100%;
        right: -100%;
    }
    .service-desc > h3,
    .get-quick-wrap > h3 {
        font-size: 26px;
        line-height: 34px;
    }
    .get-quick-wrap > p {
        font-size: 16px;
        line-height: 26px;
    }
    .event-detail .post-meta > li {
        width: 100%;
    }
    .feat-bx {
        padding: 40px 30px;
    }
    .post-detail-info {
        padding: 0;
    }
    .news-info,
    .col-md-4 .news-info {
        padding: 0;
    }
    .new-date {
        position: static;
        display: inline-block;
        margin-bottom: 20px;
    }
    .cal-qute {
        padding: 50px 30px;
    }
    .serv-lst > li {
        -webkit-box-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        ;
        max-width: 100%;
    }
    .srv-pst-inf {
        padding: 25px;
    }
    .noti-inner,
    .testi-call-inner {
        padding: 50px 15px;
    }
    .post-meta > li + li {
        margin-left: 15px;
    }
    .evnt-athr {
        left: 25px;
    }
    .evnt-inf {
        padding: 0 25px 30px;
    }
    .tags-wrap > strong,
    .social-share2 > strong {
        width: 100%;
        margin: 0 0 10px;
    }
    .post-intro .post-meta {
        padding: 0;
    }
    .join-wrap,
    .stats-list-wrap {
        padding: 60px 15px;
    }
    .team-inf {
        padding: 25px 25px 0;
    }
    .video-box2 > a {
        line-height: 55px;
        width: 55px;
        font-size: 20px;
    }
    .camp-thumb > a.theme-btn {
        padding: 12px 22px;
    }
    .spk-blog-slide {
        margin-left: -15px;
        width: calc(100% + 30px);
    }
    .blog-date {
        padding: 15px 0 10px;
    }
    .blog-date > span {
        padding: 7px;
    }
    blockquote {
        padding: 30px 30px 30px 65px;
    }
}