@media only screen and (max-width: 1440px) {
   .causes-img{height:180px;}
}

@media only screen and (max-width: 1367px) {

}
        
@media only screen and (max-width: 1171px) {
    header .navbar-nav li { margin-left:20px;}
    h1 {
    font-size: 42px;
    line-height: 50px;
}
.banner-content{top:150px;}
}

@media only screen and (max-width: 992px) {
    header .navbar-nav li {margin-left: 15px;}
    header .navbar-nav li a{font-size: 14px;}
    .navbar-toggler.d-none{background: #FFEC09;border: none;width: 32px;height: 32px;    display: flex;justify-content: center;align-items: center;}
#mySidebar{position: fixed;flex-direction: column;top: 0;left: 0;background: #000000;height: 100%;width: 0;display: inherit;transition: 0.5s;overflow-x: hidden;z-index: 999;}
header .navbar-nav li{margin-left: 0;}
header .navbar-nav li a{padding: 12px;display: inline-table;width: 100%;}
header .navbar-nav li{position: relative;}
header .navbar-nav li.has-child .big-submenus{flex-direction: column;}
.scrolled .navbar-nav li a {color: #ffffff;padding: 12px;}
.closebtn{display: flex;}
header .navbar-nav li.has-child .small-submenus{width: 100%;}
header .navbar{ justify-content: space-between;}
    h1 {
    font-size: 32px;
    line-height: 40px;
}
.banner-content{top:120px;}
.slider-section .owl-carousel .item{height:55vh;}
.slider-section .owl-carousel .item img{height:100%;object-fit:cover;}
.banner-content .btn-row .btn-main img{object-fit:contain !important;height:auto !important;}
.navbar-toggler.d-none{margin-left:20px;padding:0;}
.navbar-toggler.d-none img{width:20px;}
.howcanhelp{padding-top:0;}
.voluteer-bg{width:100%;height: auto;}
.howcanhelp .container.d-flex{flex-direction:column;padding-top:70px;}
.footer-tp{flex-wrap:wrap;}
.footer-links{flex-basis:42%;margin-bottom:30px;}
.howcanhelp-right {flex-basis: 100%;padding-left: 0px;}
.howcanhelp-right .btn-row.d-flex{flex-direction:column;}
.howcanhelp-right{margin-top:30px;}
.howcanhelp-right .btn-row.d-flex .me-3{margin-right:0;margin-bottom:10px;}
.parnter-bx img {
    margin: 0 auto;
}
header .navbar-nav li.active a::after, header .navbar-nav li:hover a::after{display:none;}
.closebtn{position:absolute;font-size:32px;color:#ffffff;right: 20px;z-index: 9999;}
.core-areas ul{flex-wrap:wrap;}
.core-areas ul li{flex-basis:48.5%;margin-bottom:30px;}
.causes-list{flex-wrap:wrap;}
.causes-list ul li{flex-basis:48.5%;margin-bottom:30px;}
.testimonials .card{width:48.5%;}
.testimonials {
    grid-template-columns: repeat(auto-fit, minmax(48.5%, 1fr));
}
.innerpage-title{padding:0 15px;}
.innerpage-title p{font-size:16px;}
.blog-des .container.d-flex{flex-direction:column;}
.blogdes-left {
    flex-basis: 100%;margin-bottom:30px;
}
.article-content .columns-3{flex-direction:column;}
.article-content .columns-3 li{flex-basis:100%;max-width:100%;}
.article-content  h4{font-size:18px;}
.blogdes-right {
    padding-left: 0px;
    flex-basis: 100%;
}
.prev-events ul li {
    flex-basis: 48.5%;
}
.login-from{max-width:100%;flex-wrap: wrap;flex-direction: column-reverse;}
.login-left {
    flex-basis: 100%;width: 100%;margin-top:20px;}
    .login-right {width: 100%;
    flex-basis: 100%;
}
.gallery-rw ul{grid-template-columns: repeat(3, 1fr);}
.gallery-rw ul li{height: 150px;}
.wh_ds{flex-direction: column;}
.wh_ds_rgt, .wh_ds_lft{width: 100%;}
.ct-right .row.d-grid {
    grid-template-columns: repeat(2, 1fr);
}
.voluteer_rw_inner {
    grid-template-columns: repeat(1, 1fr);
}
}

@media only screen and (max-width: 768px) {
    h1 {
    font-size: 26px;
    line-height: 30px;
}
.banner-content{top:130px;padding:0 15px;}
.footer-links{flex-basis:100%;}
h3 {
    font-size: 32px;
    line-height: 36px;
}
.heading.d-flex{flex-direction:column;align-items: flex-start;}
.heading p{font-size:15px;line-height:26px;}
.heading p br{display:none;}
.heading .btn-secondry{margin-top:15px;}
.howcanhelp-text h5{font-size:17px;}
.howcanhelp-right ul li{align-items: flex-start;}
.howcanhelp-text {padding-left: 15px;flex-basis: 84%;}
.howcanhelp-icon{height:50px;width:50px;}
.howcanhelp-icon img{width:36px;}
.blog-list ul{flex-direction:column;}
.blog-list ul li {
    flex-basis: 100%;
    margin-right: 0;margin-bottom:20px;
}
.blog-list ul li:last-child{margin-bottom:0;}
.blog-sh-des h5{font-size:18px;}
.footer-links{flex-basis:100%;margin-bottom:30px;}
.footer-rw:last-child{margin-bottom:0px;}
.banner-content h1 br{display:none;}
.core-areas ul li{flex-basis:100%;}
.core-areas ul li:last-child{margin-bottom:0;}
.fact-counter-box{flex-wrap:wrap;        flex-direction: column;}
.single-fact-counter{flex-direction:row-reverse;padding-right:0;        text-align: left;width: 100%;}
.single-fact-counter--style2{padding-left:0;border-left:0;}
.bestsolution-bx{width:100%;flex-direction:column;}
.bestsolutionimg{width:100%;}
.bestsolution-btn{padding:15px;}
.causes-list ul li{flex-basis:100%;}
.causes-list ul li:last-child{margin-bottom:0;}
.causes-details .causes-img {
    height: 400px;
}
.testimonials .card{width:100%;}
.testimonials {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
}
.contact-section .container.d-flex{flex-direction:column;}
.contact_box_content{flex-basis:100%;margin-bottom:20px;min-height:auto;}
.contact_box_content .icon {
    position: relative;
    width: 70px;
    height: 70px;
}
.contact_box_content .icon img{width:40px;}
.form-section .container.d-flex{flex-direction:column;}
.ct-left {
    flex-basis: 100%;margin-bottom:30px;
}
.ct-right {
    flex-basis: 100%;
    padding-left: 0px;
}
.gallery-rw .tab-menu{    overflow-x: scroll;
    white-space: nowrap;}
    .gallery-rw .tab-menu ul{justify-content:flex-start;}
    .gallery-rws ul, .certificats-rw ul, .event-bx.d-flex{flex-direction:column;}
    .gallery-rws ul li, .certificats-rw ul li{flex-basis:48%;margin-right:0;}
    .gallery-rws ul li:nth-child(2n+2), .certificats-rw ul li:nth-child(2n+2){margin-right:0;}
    .event-bx .blog-img {
    flex-basis: 100%;
}

.event-bx .blog-sh-des {
    flex-basis: 100%;
    padding-left:0px;margin-top:20px;
}
.prev-events ul li {
    flex-basis: 100%;
}
.gallery-rw ul{grid-template-columns: repeat(2, 1fr);}
.mrt-100{margin-top: 50px;}
.mrb-100{margin-bottom: 50px;}
.heading-inner{width: 100%;margin-bottom: 10px;}
.md-coverage .blog-sh-des{padding: 0;}
.article-content blockquote p, .article-content .blockquote p{font-size: 18px;}
.gallery-rw .tab-menu ul{white-space: nowrap;overflow-x: auto;width: max-content;}
.causes-sh-details{padding-left: 0;padding-right: 0;}
.privacy-policy ul li h5{font-size: 20px;}
.sh-logoss img{width: 70px;}
h4 {
    font-size: 20px;
    line-height: 32px;
}
.ct-right .row .form-group ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
.headerright ul li {
    margin-right: 5px;
}
}

@media only screen and (max-width: 575px) {
     h1 {
    font-size: 20px;
    line-height: 30px;
}
.banner-content p{font-size:15px;line-height:20px;}
.banner-content p br{display:none;}
.slider-section .owl-carousel .item {
        height: 74vh;
    }
    .banner-content .btn-row{flex-direction:column;}
    .banner-content .btn-main.me-3{margin-right:0px;margin-bottom:10px;}
    .headerright ul li:first-child{display:none;}
    h3 {
    font-size: 24px;
    line-height: 32px;
}
.testimonial-bx{margin: 15px 10px;}
.quote {
    width: 40px !important;
}
#success_stories {
    margin: 0px;
}
.parnter-bx img {
    height: 40px;
}
.footer-tp h5{font-size:20px;}
.btn-main{font-size:14px;}
#causes {
    margin: 0px;
}
.causes-sh-details h5 {
    font-size: 18px;
}
.causes-img {
    height: 160px;
}
.btn-main span {
    height: 24px;
    width: 24px;
}
.causes-sh-details .btn-main img, .btn-main img{width:16px !important;}
.headerright ul li .btn-main{font-size:12px;padding: 6px 8px;}
.navbar-brand img, header.scrolled .navbar-brand img{height:50px;width: auto;}

    .navbar-toggler.d-none {
        margin-left: 10px;
    }
    .headerright{margin-left:10px;}
    .navbar-toggler.d-none {
        width: 28px;
        height: 28px;
    }
        .banner-content {
        top: 95px;
    }
    .causes-bx{margin: 10px 10px;}
    .percentage-text span {
    font-size: 13px;
}
.percentage-number {
    font-size: 13px;
}
.single-fact-counter .count-box{font-size:26px;}
.widget-area .widget_huruma_posts_thumb .item .info .title{font-size:16px;}
.maprw iframe {
    height: 300px;
}
.gallery-rws ul li, .certificats-rw ul li{flex-basis:100%;}
.event-date-location{flex-direction:column;align-items: flex-start;}
.event-bx .btn-rw.d-flex{flex-direction:column;}
.event-bx .btn-rw.d-flex .btn-main{margin-bottom:10px;}
.event-bx .btn-rw.d-flex .btn-main:last-child{margin-bottom:0px;}
.article-image{height:auto;}
.login-circle::after{    height: 240px;width: 240px;}
.login-circle {
height: 200px;width: 200px;
}
.women-left img, .men-right img, .arrow-top-left, .arrow-bottom-right{width:60px;}
.women-left {
    left: -50px;
}
.men-right{right:-50px;}
.howcanhelp-left{max-width: 300px;margin: 0 auto;flex-basis: 100%;height: auto;}
    .voluteer-bg {
        height: 370px;
    }
        .causes-details .causes-img {
        height: 320px;
    }
.gallery-img {
    height: 220px;
}
.ct-right .row.d-grid {
    grid-template-columns: repeat(1, 1fr);gap: 0px;
}
	.nav-logo a img{width:50px;}
}

@media only screen and (max-width: 460px) {
        h3 {
    font-size: 20px;
    line-height: 30px;
}
.slider-section .owl-carousel .item {
        height: 44vh;
    }
    .navbar-brand img, header.scrolled .navbar-brand img {
        height: 65px;
        width: auto;
    }
    .event-bx .btn-rw.d-flex .btn-main.me-3{margin-right:0;}
    .event-bx .btn-rw.d-flex .btn-main{width:100%;}
    .login-circle::after{    height: 200px;width: 200px;}
.login-circle {
height: 160px;width: 160px;
}
.login-left{padding:15px;}
}
@media only screen and (max-width: 415px) {
    .slider-section .owl-carousel .item {
        height: 55vh;
    }
    
}
@media only screen and (max-width: 391px) {
    .slider-section .owl-carousel .item {
        height: 50vh;
    }
    .causes-details .causes-img {
    height: 185px;
}
}
@media only screen and (max-width: 376px) {
    .slider-section .owl-carousel .item {
        height: 62vh;
    }
    
}
@media only screen and (max-width: 360px) {
    .slider-section .owl-carousel .item {
        height: 58vh;
    }
    
}