/* Media Query for 425px (Small Mobile Devices) */
@media only screen and (max-width: 767px) {

.carousel-indicators {
    display: flex !important
;
    right: 0px;
    bottom: 90px!important;
    z-index: 9999999999!important;
    justify-content: center;
}
.h50sm{
    height: 58%!important;
}

.pt7rem {
        padding-top: 3.5rem !important;
}

.navbar{
    
    z-index: 9999!important;
}

.mob-p-top0{
    padding-top: 50px!important;
}

.mob-p-right0{
    padding-right: 0px!important;
}

.mob-p-left0{
    padding-left: 0px!important;
}

.mob-p-top1{
    padding-top: 1rem!important;
}

.mob-p-right1{
    padding-right: 1rem!important;
}

.mob-p-left1{
    padding-left: 1rem!important;
}

    /* Mobile font size adjustments  */
    
    
    
    .mobfs12 {
        font-size: 12px !important;
    }
    
    .mobfs14 {
        font-size: 14px !important;
    }
    
    .mobfs16 {
        font-size: 16px !important;
    }

    .mobfs18 {
        font-size: 18px !important;
    }

    .mobfs20 {
        font-size: 20px !important;
    }

    .mobfs21 {
        font-size: 21px !important;
    }

    .mobfs24 {
        font-size: 24px !important;
    }

    .mobfs26 {
        font-size: 26px !important;
    }

    .mobfs32 {
        font-size: 32px !important;
    }

    .mobfs36 {
        font-size: 36px !important;
    }

    .mobfs40 {
        font-size: 40px !important;
    }

    .mobfs42 {
        font-size: 42px !important;
    }

    .mobfs48 {
        font-size: 48px !important;
    }

    .mobfs52 {
        font-size: 52px !important;
    }

    .mobfs64 {
        font-size: 64px !important;
    }

    .mobfs72 {
        font-size: 72px !important;
    }

    .mobfs80 {
        font-size: 80px !important;
    }
    
    .mtsm-10{
        margin-top:10px;
    }
    
    .payform{
        max-width: 500px;
    position: absolute;
        top: -100%;
    z-index: 959;
}

    .carousel-item {
               height: 84vh !important;
        background-position: calc(16% + 8px) calc(23% - 19px) !important;
        background-size: cover;
        background-size: 129% 43% !important;
        background-repeat: no-repeat;
    }
    
    .footercustompadding {
    padding: 90px 0px 154px 0px!important;
}

.product-card .card {

    width: 270px !important;
}    
    .wc-50 {
    width: 100% !important;
}

.w-41 {
    width: 100%;
}

.boot-card{
    width: 100%;
}

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

.formlightbg {
   
    margin-top: -244px !important;
}
    .group {
        display: none;
    }

    .carousel-caption {
        position: absolute !important;
        /*top: 30% !important;*/
        margin: auto !important;
        width: 100% !important;
        padding: 13px !important;
        left: 0px !important;
    }


    .carousel-caption h1 {
        font-size: 25px !important;
        margin-left: 0 !important;
    }

    .custom-arrows {
        top: 74% !important;
    }

    .custom-arrows.right {
        left: 74% !important;
    }

    .mob-filters {
        overflow: scroll;

        padding-left: 30%;
    }

    .stats-card {
        width: 331px;
        margin: 10px auto 4px auto;
    }

    .card {
        width: 280px !important;
    }

    .faq-question h5 {
        width: 237px !important;
    }

    .faq-item.active .faq-answer {
        width: 237px;
    }

    .bg-banner {
        background-position: calc(85% + 0px) calc(-1% - 0px) !important;
        height: 480px !important;
    }

.hmob75{
    height: 75%!important;
}
    .text-banner {
        top: 50%;
    }

    .mob-mb142 {
        margin-bottom: 16px;
    }

    .formheight {
        height: 721px;
    }

    .testigradient2 {
        display: none;
    }

    .testigradient1 {
        display: none;
    }

    .cutomheightform {
        height: 400px !important;
    }

    .custommargin-footer {
        margin-bottom: 280px;
    }

    .overflowmob {
        overflow: visible !important;
    }

    .banner-section {
        background-position: calc(36% + 20px) calc(0% - 55px), calc(99% + 20px) calc(0% - 55px) !important;
    }

    .leafbg {
        background-image: none;
    }

    .gap-mob0 {
        gap: 0.5rem !important;
    }

    .cardtogglebtn {
        padding: 0px !important;
    }

    .testimonial-content p {
        font-size: 14px;
        padding-bottom: 12%;
        color: #7A7A7A;
        line-height: 1.2;
    }

    .testimonial-card {

               padding: 50px 2px !important;
        width: 350px !important;
    }
    
    .custom-testimonial-carousel .testimonial-item {
    width: 350px !important;
        margin: auto 6px;
    }

    .cutomheightformmob {
        height: 634px !important;
    }

    .customconp{
            padding-top: 4rem !important;
    }

  .pdf {
             width: 100px !important;
        height: 80%;
        margin: auto;
        align-items: center;
  }
  
.donate-card {
    width: 100% !important;
}

.gs {
    margin-top: -400px;
}

.gallery-section .carousel-inner, .gallery-section .carousel-item {
    height: 315px !important;
}

  .d-block-inline{
      display: inline;
  }
  
 .d-d-none{
    display: none!important;
}

.mob-camp{
    width:59px;
    height: 62px;
}

.nd {
    top: 68%;
    left: 6%;
    width: 76%;
}

.gallery-section .row img {
    width: 100%!important;
}

.firstpairs {
    margin-top: -156px;
}

.pt-sm-2{
    padding-top: 2rem!important;
}

.titletop{
        min-height: 120px;
    display: flex;
    align-items: center;
}

.product-card h5 {
    white-space: normal!important;
}


.moblogin{
    position: absolute!important;
    z-index: 999!important;
    top: 100px!important;
    width: 100%!important;
}

}

/* Media Querry for laptop small  */
@media (min-width: 1025px) {
    .footer-bottom {

        width: 1173px;
    }

    .stats-card {
        width: 362px !important;
        height: 230px !important;
    }



    .card {
        width: 380px !important;
    }

    .boot-card {
        width: 380px !important;
    }

    .boot-card img {
        width: 380px !important;
    }
       .testigradient2 {
        display: none;
        left: 85%;
    }
    
    .testigradient111 {
  
            top: 375%;
    }

}

/* Media Querry for tablets  */
@media (min-width: 600px) and (max-width: 1024px) {
    
        
    .testimonial-card{
       background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        padding: 1px 0px 2px 2px !important;
        width: 358px !important;
    }
    
    .testimonial-content .stars {
    color: #FFCE31;
    font-size: 20px;
    letter-spacing: 3px;
    margin-top: 12px;
}
    
    .testimonial-content p {
       padding: 1px 9px 47px 5px;
        font-size: 13px;
    }
    .testimonial-content {
    max-width: 85%;
    }
    
    .custom-testimonial-carousel .testimonial-item {
  width: 403px !important;
        margin: auto -3px;
        min-height: 364px !important;
}

.nd {
    top: 68%!important;
    left: 8%!important;
    width: 79%!important;
}

.testimonial-item h5 {
 
 font-size:18px;   
}

.testimonial-item .designation{
     font-size:16px;   
}


    .tabfs16 {
        font-size: 16px !important;
    }

    .tabfs18 {
        font-size: 18px !important;
    }

    .tabfs20 {
        font-size: 20px !important;
    }

    .tabfs21 {
        font-size: 21px !important;
    }

    .tabfs24 {
        font-size: 24px !important;
    }

    .tabfs26 {
        font-size: 26px !important;
    }

    .tabfs32 {
        font-size: 32px !important;
    }

    .tabfs36 {
        font-size: 36px !important;
    }

    .tabfs40 {
        font-size: 40px !important;
    }

    .tabfs42 {
        font-size: 42px !important;
    }

    .tabfs48 {
        font-size: 48px !important;
    }

    .tabfs50 {
        font-size: 50px !important;
    }

    .tabfs52 {
        font-size: 52px !important;
    }

    .footer-bottom {
        width: auto;
    }

    .banner-section {
        background-position: calc(36% + 20px) calc(0% - 55px), calc(99% + 20px) calc(0% - 55px) !important;
    }

    .stats-card {
        width: 200px;
        height: 200px;
    }

    .custom-arrows.left {
        left: 10% !important;
    }

    .text-purple {
        font-size: 26px ! important;
    }

    .custom-arrows.right {
        left: 18% !important;
    }

    .cutomheightform {
        height: auto;
    }

    .formheight {
              height: 605px;
    }

    .testigradient2 {
     
                left: 79%;
        top: 406%;
    }

    .testigradient1 {
        display: none;
                top: 408%;
        left: -2%;
    }

    .boot-card {
        width: 300px !important;
    }

    .boot-card img {
        width: 300px !important;
    }

    .card {
        width: 350px !important;
    }

    .carousel-caption h1 {
        font-size: 24px !important;
            margin-bottom: 10px!important;
    }

.carousel-caption p {
font-size: 12px !important;
}
    .carousel-caption {

        left: 50% !important;
    }

    .testigradient11 {

          top: 362%;
    
    }
    .testigradient22 {

              top: 360%;
        left: 72%;
    }

    .testigradient111 {

        top: 610%;
    
    }

   
        .testigradient1111 {
            top: 319%;
            
        }
        
        .testigradient2222 {

    top: 325%;
    left: 79%;
}
        
    .testigradient222 {
        top: 608%;
        left: 79%;
    }
    
    .btn-primary {
    width: 100px;
    line-height: 2;
    height: 40px;
}

.fundraisertext {
   
    font-size: 14px !important;
 
}

.donate-card {
    width: 710px !important;
}

.d-tab-none{
    display: none!important;
}

.custom-carousel {
    height: 405px !important;
}

.firstpairs {
    margin-top: -100px;
}

}

@media (width: 1024px) {
    .card {
        width: 340px !important;
    }

    .boot-card {
        width: 300px !important;
    }

    .boot-card img {
        width: 300px !important;
    }

    .testigradient22 {

        top: 277%;
        left: 76%;
    }

    .testigradient11 {
        top: 281%;

    }
    
        .btn-primary {
    width: 100px;
    line-height: 2;
    height: 40px;
}

.fundraisertext {
   
    font-size: 14px !important;
 
}

.btn-yellow-top {
    width: 100px;
    line-height: 2;
    height: 40px;
}

.donatetext {
 
    font-size: 14px !important;
    
}

.fsfor1024-26{
    font-size: 26px!important;
}
}

@media (max-width: 768px) {
    
    .tab-w-100{
        width: 100%!important;
    }
    
    .testigradient2 {
        display: none;
        left: 71%; /* This has no effect if the element is hidden */
    }
    
        .testigradient111 {
        top: 609%!important;
    }
    
        .testigradient222 {
        top: 608%;
        left: 72%;
        }
        
        .testigradient1111 {
              top: 391%;

            
        }
        
        .testigradient2222 {

        top: 386%;
    left: 70%;
}

    .story-top-tab{
            margin-top: -150px!important;
    }


}