/* ==========================
General
========================== */

html,body{
    overflow-x:hidden;
}

img{
    max-width:100%;
    height:auto;
}

.container{
    max-width:1200px;
}

/* ==========================
Slider
========================== */

.slider_area{
    width:100%;
}

.slider_text h3{
    font-size:60px;
    line-height:70px;
}

.slider_text p{
    font-size:18px;
}

/* ==========================
Latest Video
========================== */

.video_bg_1{
    min-height:500px;
    background-size:cover;
    background-position:center;
    display:flex;
    justify-content:center;
    align-items:center;
}

.popup-video{
    width:80px;
    height:80px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* ==========================
Reason Cards
========================== */

.single_reson{
    margin-bottom:30px;
}

/* ==========================
Popular Services
========================== */

.single_cause img{
    width:100%;
}

/* ==========================
Counter
========================== */

.single_counter{
    margin-bottom:30px;
}

/* ==========================
News
========================== */

.single__blog{
    display:flex;
}

.single__blog .thum{
    width:40%;
}

.single__blog .newsinfo{
    width:60%;
    padding-left:20px;
}

/* ==========================
Donation
========================== */

.fixed_donat{
    flex-wrap:wrap;
}

.single_doonate{
    margin:10px;
}

/* ==========================
Footer
========================== */

.footer{
    text-align:center;
}


@media (max-width:991px){

.slider_text{
    text-align:center;
}

.slider_text h3{
    font-size:42px;
    line-height:50px;
}

.video_bg_1{
    min-height:350px;
}

.popup-video{
    width:70px;
    height:70px;
}

.single__blog{
    display:block;
}

.single__blog .thum,
.single__blog .newsinfo{
    width:100%;
}

.newsinfo{
    padding:20px 0;
}

.counter_bg{
    padding:40px 20px;
}

.fixed_donat{
    justify-content:center;
}

}


@media (max-width:767px){

.section_padding{
    padding:60px 0;
}

.slider_text{
    text-align:center;
}

.slider_text h3{
    font-size:30px;
    line-height:40px;
}

.slider_text p{
    font-size:15px;
}

.slider_text span{
    font-size:16px;
}

.video_bg_1{
    min-height:250px;
}

.popup-video{
    width:60px;
    height:60px;
}

.popup-video i{
    font-size:20px;
}

.section_title h3{
    font-size:28px;
}

.single_reson,
.single_cause,
.single_counter{
    margin-bottom:30px;
}

.newsinfo h3{
    font-size:22px;
}

.newsinfo p{
    font-size:15px;
}

.fixed_donat{
    display:block;
    text-align:center;
}

.single_amount{
    margin-bottom:20px;
}

.donate_now_btn{
    margin-top:20px;
}

.boxed-btn3,
.boxed-btn4{
    width:100%;
    display:block;
    text-align:center;
}

}

@media (max-width:480px){

.slider_text h3{
    font-size:24px;
    line-height:34px;
}

.section_title h3{
    font-size:22px;
}

.popup-video{
    width:55px;
    height:55px;
}

.counter_bg{
    padding:20px;
}

.newsinfo h3{
    font-size:18px;
}

}