/* start media query*/


/*phones and tablet*/


@media (max-width:378px){
 .navbar a {
    font-size: 7px !important;
}
 .footer .qr img,.footer .location-logo{
  display: none
 }
 
 .fixed-contact{
  width: 265px !important
 }
 
 
}



@media (max-width:420px){
 
.share {
    left: 15% !important;
    right: 15% !important;
}
 
 .contact .social {
    margin-bottom: 20px;
}
 
 .contact .div-container .right-div {
    width: 149px;
 
}
 
 .contact .div-container {
  font-size: 15px
  
 }
 
 .contact .div-container .left-div {
    width: 30px;
    height: 30px;
}
 
 .contact .left p {
    font-size: 25px;
}
  .nav-top {
   display: none
 }
 
 .receive img {
  max-width: 60%
 }

 .footer span {
    font-size: 13px;
    right: -18%;
}
 

 
 
 
 
  .slider .third .first-p {
    font-size: 11px !important;
}
 
 
 .slider .third .second-p {
    font-size: 11px !important;
}
 
 
 .slider .fourth .second-p, .slider .fourth .first-p {
    font-size: 13px !important;
}
 
 
 
 
 
 
 
}




@media (max-width:400px){
 .contact .times .right-div {
    margin-left: 0px;
  
}
 
.share {
    left: 30%;
    right: 30%;
}
 
 .contact .social {
    margin-bottom: 20px;
}
 
 
 .receive img {
  max-width: 60%
 }
 


 
}






@media (max-width:500px) {


/* about */
 
 
 .about .first-p {
 margin-top: 20px
}

 /**/
 
 /* Donations */
 .donation .achievments p{
   margin-top: 20px
 }
 


 /**/
 .receive p {
 margin-top: 20px
}
 
/**/
 
 .contact .right, .contact .left{
  padding-top: 20px
 }
  .contact .left{
  padding-top: 10px
 }
 
 .share {
    left: 30%;
    right: 30%;
}
 .contact .social {
    margin-bottom: 20px;
}
 
  .nav-top {
   display: none
 }
 
 
 .receive img {
  max-width: 60%
 }
 
.fixed-contact {
    width: 340px;
    height: 250px;
 left: 14px;
 bottom: 14px
}
 
 .contain{
  font-size: 13px
 }
 
 .whats-fixed {
    left: 25px;
  bottom: 21px;
 
 }
 
.fixed-call{
 left: 25px;
 bottom: 90px
 }
 
 
  
}



@media (max-width:576px){
    /* Donations */
.donation .contributors .swiper-button-next {
    bottom: -5%;
    left: 42%;
}
 
 .donation .contributors .swiper-button-prev {
    bottom: -5%;
    right: 42%;
}
 
 .donation{
  padding-bottom: 90px
 }

  
/**/
 
  /*********************/

 .slider .first .first-p {
    top: 10.3%;
    left: 7%;
    font-size: 15px;
}
 
 .slider .first .second-p {
    top: 34%;
    left: 7%;
    font-size: 15px;
}
 
 
 .slider .second .first-p,.slider .second .second-p,.slider .second .third-p {
    font-size: 15px;
}

 .slider .second .second-p{
  top: 30%
 }
 .slider .second .third-p{
  top: 40%
 } 
 
 
 
 .slider .third .first-p {
    font-size: 12px;
}
 
 
 .slider .third .second-p {
    top: 22.5%;
    right: 24%;
    font-size: 12px;
}
 
 
 .slider .fourth .second-p,.slider .fourth .first-p{
  font-size: 15px
 }
 
 
  .main-slider .swiper-button-prev, .main-slider .swiper-button-next {
    width: 40px;
    height: 40px;
    line-height: 38px;
   
}
 
 
 .slider img, .slider {
  height: 221px
 }
 
 
 
 
 
 
 
 
}

@media (min-width:576px) and (max-width:767px)  {
 
 /* slider */
 
 .slider .first .first-p {
  top: 14.3%;
    font-size: 19px;

  left: 10%
 }


 .slider .first .second-p {
  top: 33%;
    left: 15%;
    font-size: 19px;
 }

 
 .slider .second .second-p,.slider .second .third-p {
    font-size: 19px;
}
 
 
 .slider .second .second-p{
  top: 30%
 }
 
 .slider .second .third-p{
  top: 41%
 }
 
.slider .third .first-p {
    font-size: 16px;
}
 
 .slider .third .second-p {
    top: 19.5%;
    right: 25%;
    font-size: 16px;
}
 
 
 .slider .fourth .second-p,.slider .fourth .first-p{
  font-size: 18px
 }
 
 
 .main-slider .swiper-button-prev, .main-slider .swiper-button-next {
    width: 40px;
    height: 40px;
    line-height: 38px;
   
}
 
 
 
 
 
 
 
 
 
 
 
 

 /**/
 
 
 
 
 
 
   /* Donations */
.donation .contributors .swiper-button-next {
    bottom: -8%;
    left: 45%;
}
 
 .donation .contributors .swiper-button-prev {
    bottom: -8%;
    right: 45%;
}
 
 .donation{
  padding-bottom: 90px
 }

  
/**/

 
}


@media (max-width:767px) {
 
 /*
 .navbar{
  position: static
 }
 */
 
 
 .navbar a {

  font-size: 9px;
 }

 .navbar .devider {
  margin: 0 5px 0 5px
 }

 


.contact .right, .contact .left{
  padding-top: 20px
 }
  .contact .left{
  padding-top: 10px
 }

 .share {
    left: 30%;
    right: 30%;
}
 
 .contact .social {
    margin-bottom: 20px;
}
 

 
 .receive img {
  max-width: 60%
 }
 
 .footer .location-logo {
    font-size: 40px;
}
 
}


/* small*/

@media (min-width:768px) and (max-width:991px) {

 /* navbar */

 .navbar a {
  font-size: 12px;
  margin: 0 5px 0 5px
 }

 .navbar .devider {
  margin: 0 5px 0 5px
 }

 /*slider*/
.slider .first .first-p {
  font-size: 19px
 }


 .slider .first .second-p {
  font-size: 21px;
 }

 
 
 .slider .second .first-p {
    font-size: 19px;
}
 
 .slider .second .second-p {
    font-size: 21px;
}
 
.slider .second .third-p {
    font-size: 21px;
} 
 
 
 .slider .third .first-p {
    font-size: 20px;
}
 
 .slider .third .second-p {
    top: 19.5%;
    right: 27%;
    font-size: 20px;
}
 
 
 .slider .fourth .first-p,.slider .fourth .second-p{
  font-size: 20px
 } 
 
 
 
 
 
 
 
 
 
 
 

 
 /**/

 /* Donations */

.donation .contributors .swiper-button-next {
    bottom: -7%;
    left: 45%;
}
 
 .donation .contributors .swiper-button-prev {
    bottom: -7%;
    right: 45%;
}
 
 .donation {
  padding-bottom: 90px
 }


/**/

 .contact .right, .contact .left{
  padding-top: 20px
 }
  .contact .left{
  padding-top: 10px
 }

 .share {
    left: 30%;
    right: 30%;
}
 
 .contact .social {
    margin-bottom: 20px;
}
 
 
 .receive img {
  max-width: 60%
 }
 
}


/*medium*/

@media(min-width:992px) and (max-width:1199px) {
  /*********************/

 .slider .first .first-p {
  top: 4.3%;
  font-size: 24px
 }


 .slider .first .second-p {
  font-size: 25px;
 }

 
 .slider .second .first-p {
    font-size: 24px;
}
 
 
 .slider .second .second-p {
    font-size: 24px;
}
 
 .slider .second .third-p {
    font-size: 24px;
}
 
 .slider .third .first-p{
  font-size: 22px
 }
 
 
 .slider .third .second-p {
    top: 21.5%;
    right: 32%;
    font-size: 22px;
}
 
 
 
 
 .slider .fourth .first-p,.slider .fourth .second-p {
    font-size: 24px;
}
 
 
 .fixed-call{
  display: none
 }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
  /* Donations */
.donation .contributors .swiper-button-next {
    bottom: -10%;
    left: 45%;
}
 
 .donation .contributors .swiper-button-prev {
    bottom: -10%;
    right: 45%;
}
 
  .donation{
  padding-bottom: 90px
 }

 /**/
}


/* large screen*/
@media(min-width:1200px) {
 .fixed-call{
  display: none
 }

}