/* white you custom css code here. only css code will work */
responsive-mobile-menu{width:25%}
.header-style-01{position: fixed;
    top: 0px;
    z-index: 999999999;
    width: 100%;}

body > div.our-latest-area.padding-bottom-90.padding-top-90 > div > div.row.padding-bottom-120, body > div.our-latest-area.padding-bottom-90.padding-top-90 > div > div:nth-child(1), body > div.volunteer-area.m-top{display:none;}

body > section.problem-area.padding-top-90.padding-bottom-85{display:none;}
.work-towards-area.bg-image{padding:250px 0px;}

.blog-details-item .entry-content ul.post-meta {
    display: none !important;
}

.single-blog-grid-01 .content-wrapper .post-meta {
    display: none !important;
}

.author-data , .author-data-tab , .social-texarea-share {
    display: none;
}


.social-share-wrap {
display: none;
}

 .news-date span {
    background-color: var(--main-color-one);
    display: none;
}
.shotcontent-wrapper{max-height:100% !important;margin-bottom:0px}
.shotcontent-wrapper .btn-wrapper{display:none;}

.breadcrumb-area{display: none;}
.contribute-single-item .content {
    padding: 0 15px 25px 20px;
    min-height: 320px;
}
.blog-area.bg-image{padding-bottom:0px;}
.dynamic-page-content-area, .donation-single-content-area{padding-top:200px;}

@media (max-width: 600px) {

.header-area.style-02 {
    padding: 125px 0 50px;
}
.header-area .title, .header-slider-one .header-area .title {
    font-size: 30px;
  line-height: 30px;}
.header-area .header-inner-02 .paragraph-bg{display:none !important}
  
}