/* small laptop css */
@media (max-width: 1400px) {}


/* iPad css */
@media (max-width: 992px) {
   
}

/* mobile css */
@media (max-width: 768px) {
    .charity-hero{
        background-position: center center;
    }
   p{
       font-size: 14px;
   }
   .charity-hero h1{
       font-size: 25px;
   }
   .charity-hero p{
       font-size: 14px;
   }
   .charity-hero .logo-img {
    padding: 0 0 5% 0;
    position: static;
    top: 20%;
    width: 25%;
}
.charity-hero .btn {
    font-size: 12px;
    padding: 6px 28px 8px;
    border-radius: 40px;
    margin-top: 20px;
}
.charity-card h3{
    font-size: 20px;
}
.charity-services {
    padding: 20px 0;
}
.banner-content {
    padding: 14% 0% 0% 7%;
}
.charity-form-title{
    font-size: 20px;
}
.charity-submit-btn{
    font-size: 14px;
}
.charity-form-section .form-control{
    font-size: 12px;
}
.breadcumb .banner-content h1 {
    font-weight: 700;
    font-size: 25px;
}
.breadcumb .banner-content p{
    font-size: 12px;
}
.breadcumb .banner-content a{
    font-size: 12px;
}
.breadcumb .banner-content span{
    font-size: 12px;
}

.charity-card p{
    font-size: 12px;
}
.charity-card .btn{
    font-size: 12px;
}
.charity-footer{
    font-size: 12px;
}
}



/* small mobile css */
@media (max-width: 399px) {

}