@media(max-width:767px){
  body{
    margin:0;
    font-family: sans-serif;
    scroll-behavior: smooth;
  }
  *{
    box-sizing: border-box;
    margin: 0;
  }
    .bg-top-black{
      display: none;
    }
  
      .fixed-top img{
        width: auto;
        height: 40px; 
        transition: all .20s ease;
        padding-left: 10px;
      }
      .fixed-top {
        background-color:#fff;
        box-shadow: 6px 0px 2px 1px #000;
      }
      .carousel .carousel-inner .carousel-item img{
        width: 100%;
        height:300px;
        background: rgb(106, 99, 99),rgb(106, 99, 99);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
      }
      .carousel .carousel-inner .carousel-item .carousel-caption h5{
        color: rgb(248, 244, 244);
        font-weight: bold;
        font-size: 20px;
        top:20px;
         }
         .carousel .carousel-inner .carousel-item .carousel-caption p{
           color: rgb(245, 239, 239);
           font-weight: bold;
           font-size: 10px;
           top:20px;
            }
            .carousel .carousel-inner .carousel-item .carousel-caption .Donate_slider_btn{
              margin: 10px 0px;
              align-items: center;
            }
      .welcome h2{
        margin: 10px;
        font-size: 35px;
        justify-content: center;
        font-weight: 500;
      }
      .welcome p{
        margin: 10px 5px;
        font-size: 15px;
        font-weight: 500;
        letter-spacing:1.2px;
        line-height: 30px;
        justify-content: center;
      }
      
      .bgimg img{
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 160px;
      }
      .heading-bgimg{
        height: 200px;
      }
      .heading-bgimg h1{
        font-size: 30px;
      }
      /***Running-Projects**/
      .Running-Projects h1{
        font-size: 30px;
      }
      .gallary{
        margin: 5px 50px;
       }
       
       .gallary img{
         transition: 1s;
          padding: 5px;
          width: 300px;
       }
       .gallary img:hover{
       filter: grayscale(100%);
       transform: scale(1.1);
       }
       /***contact page**/
        .contact_form .address_form{
          margin-top: 30px;
        }
        .smart-project .card{
          margin-left: 10px;
          }

          .bgimg-totalproject{
            background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(http://lorempixel.com/800/600/nature/2);
            background-size:cover;
            width: 100%;
            height: 100%;
            color: #fff;
          }
  }