/* @media (max-width: 1200px){
img.p-img {
    
    width: 141px;
}
} */

/* For safari browser iphone */

/* input[type='radio'],
input[type='checkbox']{

    display: inline-block;
    transition: 0.5s;
    -webkit-appearance: button;
    -moz-appearance: button;
    -webkit-transition: 0.5s;
    appearance: button;

 } */

@media only screen and (max-width: 1200px) and (min-width:776px)  {
    .activityImg-contain .col-lg-4 {
    width: 33.3%;
    }
}

@media (max-width: 1199px){
.bloodGroup-card{
    padding: 2rem 1.5rem !important;

}
.bloodGroup-card img{
    width: 100%;
}
}

@media (max-width: 992px){
    
   
    .header .navbar-collapse{
        background-color: white;
        padding: 16px;
        box-shadow: rgb(255 255 255 / 10%) 0px 1px 1px 0px inset, rgb(50 50 93 / 25%) 0px 50px 100px -20px, rgb(0 0 0 / 30%) 0px 30px 60px -30px;

    }

    .card-theme{
        height: 100%;
        top: -6rem;
        padding: 2rem 0;
        display: flex;
        flex-direction: column;
    } 
    .card-theme img{
       width: 42%!important;
       top: 0;
       margin: 0 auto;
       display: block;
    }
    section{
        padding: 1rem 0rem 0rem 0!important;
    }
    .footer-sm{
        width:105px!important;
        margin: 0 auto;
        display: block;
    }
    .webotix{
        width:75px!important;

    }
    .pattern-5{
        left: 0;
    }
    /*banner home*/
    .home-slide .slider-head h1{
        font-family: 'Lato', sans-serif;
          font-style: normal;
          font-weight: 600;
          font-size:18px;
          line-height: 120%;
          color: white;
      }
      .home-slide .slider-head h3{
        font-style: normal;
        font-weight: 600;
        font-size: 15px;
        line-height: 200%;
        color: white;
      }
      .home-slide .slider-head a{
        background: linear-gradient(94.79deg, #BB743D -7.18%, #2B5288 92.48%);
        border-radius: 6px;
        color: white;
        padding: 10px 20px;
        margin: 15px;
      }

    
}
@media (max-width: 560px){
    .dropsOfHope-content h2 {
        font-size: 34px !important;
        line-height: normal !important;
    
    }
    .navbar-brand{
        width: 75% !important;
    }
}

@media (max-width: 428px){
    .home-slide .slider-head a{
        background: linear-gradient(94.79deg, #BB743D -7.18%, #2B5288 92.48%);
        border-radius: 6px;
        color: white;
        padding: 3px 20px;
        margin: -1px;
    
      }
}