@media (min-width:1600px) {
	.breadcrumb-area.bg-image-alt.project-header .breadcrumb-content {height: 65vh;}
	
	.header-area .header-top .dc-top-wrap .dc-menu .dc-menu-content .navigation-top .main-navigation ul li a {font-size: 18px;}
	.breadcrumb-area .breadcrumb-content {
    text-align: center;
    position: relative;
    padding-top: 200px;
    padding-bottom: 180px;
}
}


@media (max-width:1440px) {
    .give-area .container-fluid {
        padding-right: 30px;
        padding-left: 30px;
    }
    .give-area .give-title-box {
        padding: 60px 0 60px 60px;
    }
    .give-area .give-progress-box {
        height: 300px;
    }
    .slider-area .single-slide-item:after {
        width: 615px;
    }
    .slider-area .homepage-slide1 .owl-dots {
        right: 137px;
    }
    .entry-area:after {
        width: 497px;
    }
    .mixer-area2 .owl-dots {
        right: -90px;
    }
    
    
}

@media (max-width:1366px) {
    .slider-area .single-slide-item:after {
        width: 579px;
    }
    .slider-area .homepage-slide1 .owl-dots {
        right: 60px;
    }
    .entry-area:after {
        width: 461px;
    }
    .project-quote {
    padding: 40px;
    margin: 60px 0px;
    background: #ff7900;
    color: #fff;
	}
}

@media (max-width:1280px) {
    .slider-area .single-slide-item:after {
        width: 535px;
    }
    .entry-area:after {
        width: 417px;
    }
   
    
}


@media (min-width:768px) and (max-width:1366px) {

}
/*=== 1199px ===*/
@media (max-width:1199px) {
    .header-area .header-top .dc-top-wrap .dc-menu .dc-menu-content {
        display: none;
    }
    
    .header-area .header-top .dc-top-wrap .dc-menu .mobile-menu-toggle {
        display: block;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);

    }
    .header-area2 .header-top .dc-top-wrap .dc-menu .mobile-menu-toggle {
        background-color: rgba(255, 255, 255, 0.6);
    }
    .slider-area .single-slide-item:after {
        width: 513px;
    }
    .entry-area:after {
        width: 396px;
    }
    .mixer-area2 .owl-dots {
        left: 0;
        right: auto;
        text-align: center;
        top: auto;
        bottom: 40px;
        width: 100%;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .mixer-area2:after {
        height: 791px;
    }
    .helping-area2:after {
        height: 994px;
    }
    .blog-area {
        padding-bottom: 120px;
    }
    .blog-area2 {
        padding-bottom: 60px;
    }
    .give-area .give-title-box .section__title {
        font-size: 45px;
        line-height: 50px;
    }
    .give-area .give-progress-box {
        height: 270px;
    }
    .donate-area .donate-item-img {
        margin-right: 60px;
    }
    .donate-area .donate-fun-wrap {
        padding-left: 245px;
        display: block;
        margin-top: -120px;
        margin-left: 200px;
    }
    .donate-area .donate-fun-wrap .fun-content .fun-item.fun-item2 {
        padding-left: 0;
        margin-top: 50px;
    }
    .donate-area:after {
        height: 645px;
    }
    .mixer-area4 .section-heading {
        padding-right: 30px;
    }
    
   
	.content-detail-area.no-padding {padding: 0 15px;}
	
	
}

/*=== 1024px ===*/
@media (max-width:1024px) {
    .slider-area .slider-heading .slider__title {
        font-size: 86px;
        line-height: 94px;
    }
    
    .header-top-action {display: none;}
    .slider-area .single-slide-item:after {
        width: 423px;
    }
    .entry-area:after {
        width: 306px;
    }
    .entry-area .entry-static-wrap .entry-static-box1 {
        padding-left: 0;
    }
    .hiw-area .hiw-item .hiw-item-img-box .hiw-title {
        padding: 0 30px;
        font-size: 35px;
        line-height: 42px;
    }
    .service-area .service-wrap .service-item .service-item-inner .service-content {
        padding-right: 10px;
        padding-left: 10px;
    }
    .mixer-area2:after {
        height: 791px;
    }
    .helping-area2:after {
        height: 994px;
    }
    .cta-area .cta-item .cta__title {
        font-size: 26px;
    }
    .cta-area2 .cta-item .cta__title {
        font-size: 70px;
    }
    .give-area .give-progress-box {
        height: 320px;
    }
    
    .mobile-map {display: block;}
    .world-map {display: none;}
    
    
    
}

@media (min-width:320px) and (max-width:1199px) {

}
/*-----------------------------
    991px tablet device
------------------------------*/
@media (max-width:991px) {
    .header-btn,
    .header-area .header-top-action .top-action-content:before,
    .header-area .header-top-action .top-action-content:after{
        display: none;
    }
    .header-area .header-top-action .top-action-content {
        background-color: transparent;
        text-align: center;
    }
    .header-area .header-top-action .top-action-content .info-box ul li a {
        color: #818181;
    }
    .header-area .header-top-action .top-action-content .info-box.d-flex,
    .header-area .header-top-action .top-action-content .info-box ul.d-flex {
        display: block !important;
        justify-content: center !important;
    }
    .header-area .header-top-action .top-action-content .info-box ul.top-action-list li,
    .header-area .header-top-action .top-action-content .info-box ul li {
        display: inline-block;
    }
    
    /*== contact-area ==*/
    .contact-area .section-heading {
        margin-bottom: 60px;
    }
    .contact-area .contact-detail-action .contact-item {
        margin-bottom: 40px;
        height: auto;
    }
    .contact-area .contact-detail-action .contact-item3 {
        margin-bottom: 0;
    }
    /*== make-world-area ==*/
        .footer-area .footer-widget-wrap .col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .footer-area .footer-widget-wrap .footer-item {
        margin-bottom: 50px;
    }
    .footer-area .footer-widget-wrap .footer-item:last-child {
        margin-bottom: 0;
    }
    
    
	
	
}
/*-----------------------------
    768px ipad device
------------------------------*/
@media (max-width:768px) {
    .give-area .give-static-wrap .col-lg-3,
    .give-area .give-static-wrap .col-lg-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
   
}

/*-----------------------------
    767px
------------------------------*/
@media (max-width:767px) {
    .slider-area .single-slide-item .col-md-7 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .slider-area .slider-heading .slider__title {
        font-size: 76px;
        line-height: 90px;
    }
    .hiw-area .col,
    .service-area .col {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
    .header-area .header-top .dc-top-wrap .dc-logo a img {width: 140px; margin: 10px 0;}
    .dc-heder-wrap .section__title, .video-area .mixer-heading .section__title {font-size: 45px; line-height: 1.2;}
    
    .section-heading .section__title {
    font-size: 38px;
    line-height: 1.1;
	}
	.video-area {padding-top: 30px; min-height: 300px;}
	.videoalt-play-btn {bottom: 10%;}
	
	.block-icons .wp-block-image:after {left: 45%; top: 110%;}
	.block-icons .wp-block-column {margin-bottom: 50px;}
	
	.block-icons.two-icons .wp-block-image:after, .block-icons.three-icons .wp-block-image:after {left: 45%; top: 170%;}
	
	.story-wrap {
    max-width: 100%;
    padding: 20px;
	}
	.playvideo {margin-bottom: 20px;}
	

}
/*-----------------------------
    576px
------------------------------*/
@media (min-width:576px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width:768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width:992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width:1200px) {
    .container {
        max-width: 1200px;
    }
}
/*-----------------------------
    575px
------------------------------*/
@media (max-width:575px) {
    .header-area .header-top-action .top-action-content:before {
        display: none;
    }
    .header-area .header-top-action .top-action-content:after {
        display: none;
    }
    .header-area .header-top .dc-top-wrap .dc-menu {
       height: auto;
    }
    .header-area .header-top-action .top-action-content .info-box.d-flex {
        justify-content: center !important;
    }
    .header-area .header-top .dc-top-wrap .dc-menu .mobile-menu-toggle {
        display: block;
        top: 0;
        margin-top: -50px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .slider-area .homepage-slide1 .owl-dots {
        right: 20px;
    }
    .cta-area {
        padding-top: 100px;
    }
    .cta-area .cta-item {
        margin-bottom: 50px;
    }
    .cta-area .cta-item .cta__title {
        font-size: 30px;
    }
    .cta-area2 .cta-item .cta__title {
        font-size: 50px;
        line-height: 50px;
    }
   
    .gallery-area .gallery-wrap .gallery-item:after {
        left: -102px;
    }
    .gallery-area2 .gallery-item:after {
        left: -113px;
    }
  
    .cat-area .helping-item .helping-box {
        width: 75%;
    }
}
/*-----------------------------
    480px
------------------------------*/
@media (max-width:480px) {
    .slider-area .single-slide-item {
        height: 750px;
    }
    .slider-area .slider-heading .slider__title {
        font-size: 65px;
        line-height: 80px;
    }
    .slider-area2 .single-slide-item {
        height: 1024px;
    }
    .give-area .give-title-box .section__title {
        font-size: 40px;
    }
}
/*-----------------------------
    425px
------------------------------*/
@media (max-width:425px) {
    .slider-area .single-slide-item {
        height: 650px;
    }
    .slider-area .slider-heading .slider__title {
        font-size: 55px;
        line-height: 70px;
    }
    .slider-area2 .single-slide-item {
        height: 1024px;
    }
    .entry-area:after {
        height: 230px;
    }
    /*=== .breadcrumb-area ===*/
    .breadcrumb-area .breadcrumb-content {
        padding-top: 90px;
    }
    .breadcrumb-area .breadcrumb-content .breadcrumb__title {
        font-size: 40px;
        line-height: 1.2;
    }
    .hiw-area .col,
    .service-area .col,
    .footer-area .footer-widget-wrap .col,
    .helping-area .helping-item .col {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
  
    /*=== post__boxed ===*/

    .contact-form-area .form-shared-wrap .form-shared-content .form-content .contact-us-box {
        display: block;
        text-align: center;
    }
    .contact-form-area .form-shared-wrap .form-shared-content .form-content .contact-us-box .contact__item2 {
       padding-right: 0;
        padding-top: 30px;
    }


}
/*-----------------------------
    375px
------------------------------*/
@media (min-width:320px) and (max-width:479px) {

}

/*-----------------------------
    375px
------------------------------*/
@media (max-width:375px) {
    .section-heading .section__title {
        font-size: 36px;
        line-height: 38px;
    }
    .slider-area .homepage-slide1 .owl-dots {
        top: auto;
        bottom: 20px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    .slider-area .homepage-slide1 .owl-dots div {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 15px;
    }
    .slider-area2 .homepage-slide1 .owl-dots {
        bottom: 128px;
    }
    .breadcrumb-area .breadcrumb-content .breadcrumb__list4 {
        padding-right: 10px;
        padding-left: 10px;
    }
 
    /*=== cat-area  ===*/
    .cat-area .helping-item .helping-box {
        width: 80%;
    }
    .cta-area2 {
        overflow: hidden;
    }
    /*=== .upcoming-event-area2  ===*/
    .upcoming-event-area2 .blog-content-wrap .blog-content .blog-item .blog-inner-content {
        padding: 40px;
    }
    /*=== .news-detail-area ===*/
    .news-detail-area .blog-content-wrap .blog-content .blog-item .blog-inner-content-2 .news-tag-item-left a {
        margin-bottom: 8px;
    }
    .causes-detail-area .blog-content-wrap .blog-content .blog-item .single-comment .post__boxed {
        padding: 40px;
    }
}
/*-----------------------------
    320px
------------------------------*/
@media (max-width:320px) {
    .header-area .header-top-action .top-action-content .info-box ul.top-action-list li {
        margin-right: 15px;
    }
    .slider-area .single-slide-item {
        height: 600px;
    }
    .slider-area .slider-heading .slider__title {
        font-size: 46px;
        line-height: 60px;
    }
    .slider-area2 .single-slide-item {
        height: 1024px;
    }
    .breadcrumb-area .breadcrumb-content .breadcrumb__list2 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .breadcrumb-area .breadcrumb-content .breadcrumb__list3 {
        padding-right: 15px;
        padding-left: 15px;
    }
    .breadcrumb-area .breadcrumb-content .breadcrumb__list4 {
        margin-right: 20px;
    }
    .entry-area:after {
        height: 200px;
    }
    .entry-area .entry-static-wrap .entry-static-box1 {
        padding-top: 0;
    }
    .entry-area .entry-static-wrap .entry-static-box .entry__title {
        font-size: 26px;
        line-height: 32px;
    }
    .mixer-area2 .fun-content-slide, .helping-area2 .helping-form {
        padding-top: 40px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .mixer-area2 .fun-content-slide .fun-slide-item .funslide__text {
        font-size: 28px;
        line-height: 38px;
    }
    .helping-area .helping-item .helping-box {
        width: 90%;
    }
    .skill-area .skills .skill .skill__title,
    .skill-area .skills .skill span:last-of-type {
        font-size: 36px;
        line-height: 40px;
    }
 
    /*=== .event-detail-area  ===*/
    .event-detail-area .event-detail-content .event__title {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .event-detail-area .event-detail-sidebar .event-detail-item .event__list li {
        padding-left: 0;
        padding-top: 30px;
    }
    /*=== .faq  ===*/
    .single__accordion .accordion-panel .accordion__title .accordion__title-text {
        font-size: 16px;
    }
    .gallery-area2 .gallery-item:after {
        left: -61px;
    }
    .contact-area .contact-detail-action .contact-item {
        margin-right: 60px;
        padding: 30px;
    }
    .contact-area .contact-detail-action .contact-item .contact__title {
        margin-bottom: 30px;
    }
    .footer-area {
        background-attachment: inherit;
    }
}