@media(max-width:1350px){
    .content .contact{    margin: 0px 3%;}
    .left .content{height:auto;}
    /* .right{    height: 140vh;}
    .left{    height: auto;}
    .left .content{    width: 115%;} */
}
@media(max-width:1024px){.landing{    background-position: right;}
.volenteer {padding-left: 0px;}
.box-collapse {
    overflow: scroll;
    display: block;
    height: auto;
    align-items: center;
    position: fixed;
    /* padding: 30%; */
    padding: 10% 0px;
    min-width: 75%;}
    .pricing .box {
      max-width: 80%;
      margin: 0 auto 30px auto;
    }


}
@media(max-width:990px){#navbarNav .contact{position:relative;right: unset;}
.volenteer {padding-left: 0px; margin-left: 0px;border-left: 0px;}
#navbarNav{    padding: 20px;
    width: 100%;
    position: absolute;
    background: white;
    height:auto;
    top: 20vh;
    margin: 0px;
    left: 0px;
  box-shadow: rgb(128 128 128 / 31%) 0px 20px 14px;}

.navbar-nav .dropdown {
    position: relative;
    right: 0px;
}
.navbar-nav{width:100%;}
#navbarNav{text-align: center;
}}
@media(max-width:768px){
    
    .container-d{margin: 0px 0px;padding-left: 0px;}
    .container-o{padding-left: 0px;}
    /* #fil-name{width: 100%!important;} */
    /* .upload {
        text-align: center;
        display: grid!important;
        grid-template-rows: 1fr 1fr;
        grid-row-gap: 10px;} */
  .check .form-group2 {display: grid!important;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-row-gap: 55px;}
        .check .form-group-o {       grid-template-columns: 1fr 1fr ;
            grid-template-rows: 1fr 1fr 1fr 1fr;}
    .contact-sec  .contact{width:90%;    margin: auto!important;
    }
    .event-show .event-des , .event-show .img-eve img {height: auto;}
    .events{margin-top:30%;}
    .contact-sec{margin-top:30%;}
    .content .contact .map iframe {margin-bottom: -8px;}
    .left .content {
        height: auto;
    }
   .right .title{    text-align: center;
    letter-spacing: 2px;}
    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 25px;
        height: 25px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }.slick-dots{bottom: 23px;}
    .slick-dots li button:before{font-size: 50px;}
    .slide-client .box{     padding: 12%;   width: 95%;}
    .slide-client .box h5 {
        color: #3A1700;
        font-size: 14px;
    }
    .slick-dots li.slick-active button:before
    {
        opacity: .75;
        color: #D8D8D8;
        font-size: 70px;
    }
.slide-client .box h3 {
    bottom: -10px;
    font-size: 19px;}
    .img-a img {
        width: 80%;}
    .footer .rec {
        position: absolute;
        left: 0px;
        top: 0;
        display: none;
    }
    .slick-prev {
    left: 40%;
}
.clintes{text-align: center;
    display: block;}
    .clintes li{    margin-bottom: 12px;}
.footer{text-align: center;}
    .header{background-image: url(../frontend/imgs/res.png)!important;
        height: auto;
    }
    .about {
        display: block;}
        .title-center {
            margin: 5% 0px;
            text-align: center;
        }
    .img-eve {
        width: 100%;}
    .event{display:block;}
    .img-eve img {
        height: auto;
        object-fit: cover;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        width: 100%;
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }
    .event-des {
        background: #F3F2E7;
        width: 100%;
        height: auto;
        border-bottom-left-radius: 10px;
        border-top-left-radius: 0px;
        margin: 0px;
        border-top-right-radius: 0px;}
    .head-img{  background-size: contain;  background-repeat: no-repeat;}

    .right{height: 90vh;
        width: 100%;
        background-position: top;
}
.left
{height: 100%;
width:100%;}
.left .content{    padding: 22px 15px;}
.content .contact .sec{width:100%!important;}
.content .contact .contact-info {
    display: block;
}
.content .contact .map iframe {
    height: 40%;
    border-bottom-left-radius: 33px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 33px;
}
.content .contact{    margin: 0px 5%;}
.left .more{width: 100%;}
}
@media(max-width:500px){
    .about-text{margin: 5% 0px;}
    .face{    font-size: 14px;
    white-space: nowrap;}
    .float-right{display:none;}
    .events{margin-top:40%;}
    .location p{    width: 82%;}
    .right .title h1{font-size: 1.5rem;}
    .right .title h2{font-size: 1rem;}
    .left .content {
        position: absolute;
        left: 0px;
        z-index: 2;
        top: -30px;
        text-align: center;
        padding: 20px 15px;
        background: #fffffff0;
        width: 100%;
        height: auto;
        border-top-right-radius: 70px;
        border-bottom-left-radius: 0;
    }
    .landing {
        background-position: left;
        overflow-x: hidden;
        width: 100%;
        display: block;

    }
    .slider{
        height: 60vh;
    }
    .slide {
        height: auto;
        max-height: 345px;
    }
    .slide {
        height: auto;
        max-height: 345px;
    }
    .active-slide.slide {
        height: auto;
        min-width: 260px;
    }
    .slide img {
        width: 100%!important;
        max-height: 100%;}
    .btns-don .contact {
        border-radius: 30px;
        color: #ffffff;
        border: 1px solid #ffffff91;
        font-weight: bold;
        margin: 0px 5px;}
        .donation{    display: block;}
    .feature p {
        color: #3a17006c;
        width: 80%;
        height: auto;
    }
    .title-center h2{font-size: 25px;}
    .head-title{    font-size: 40px;}
    .header{    padding-top: 45%;
        text-align: center;}
.right{
    height: 60vh;
}}
@media (max-width: 992px) {
    .box-collapse-wrap{    margin-top: 5%!important;}
    .pricing .box {
      max-width: 60%;
      margin: 0 auto 30px auto;
    }
  }
  
  @media (max-width: 767px) {
  }
  
  @media (max-width: 420px) {
    .pricing .box {
      max-width: 100%;
      margin: 0 auto 30px auto;
    }
  }