@media only screen and (min-width:1800px) and (max-width:2200px) {
    .services {
        height: 150vh;
    }

    .podcastmain {
        margin-top: -380px;
    }

}



@media only screen and (max-width:500px) {
    .header .media {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    .desktop {
        display: none !important;
    }

    section {
        padding: 30px 0px;
    }


    .navbar-nav li:nth-child(-n + 8):after {
        display: none;
    }


    .brand {
        display: none !important;
    }

    .navbar-brand {
        display: block !important;
    }

    .nav-top-top,
    .nav-top {
        display: none;
    }

    .nav-main {
        display: unset;
        /* align-items: center; */
        /* justify-content: start; */
    }

    .carousel-caption {
        bottom: 3rem;
        right: 5%;
        left: 5% !important;
        backdrop-filter: blur(0px) saturate(180%);
        -webkit-backdrop-filter: blur(0px) saturate(180%);
        background-color: rgba(17, 25, 40, 0.75);
    }

    .carousel-caption h3 {
        font-weight: bold;
        color: #fff;
        margin-bottom: 0;
        font-size: 16px;
        margin-top: 10px;
    }

    .carousel-caption h3 br {
        display: none !important;
    }
    .header { 
        padding: 0px 0px; 
    }
    .navbar-brand img {
        width: 140px;
    }
    .service-block .inner-box {
        margin-left: 0px;
        padding: 40px 30px 45px;
    }

    .carousel-indicators [data-bs-target] {
        box-sizing: content-box;
        flex: 0 1 auto;
        width: 10px;
        height: 10px;
        padding: 0;
        margin-right: 3px;
        margin-left: 3px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000;
        background-clip: padding-box;
        border: 2px solid red;
        opacity: .5;
        transition: opacity .6s ease;
        border-radius: 50%;
    }

    .banner1 h3 br {
        display: none;
    }

    .banner2 .banner2-our {
        border-radius: 12px;
        border: 1px solid rgba(255, 255, 255, 0.125);
        padding: 15px;
        height: auto;
        text-align: center;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    .banner2 .banner2-our p br {
        display: none;
    }
    .aboutbanner1-main-content {
        margin-left: 15px;
    }

    .aboutbanner1 br{
        display: none !important;
    }
    .aboutbanner1-dev-content{
        text-align: start;
      }
 
    .aboutbanner2 {
        background-image: url(../images/About/bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .aboutbanner3 br{
        display: none;
    }

    .aboutbanner3 h3{ 
        font-size: 30px;
        font-weight: 600;
        color: #f58324;
    }
    .aboutbanner3 p br{
        display: block !important;
    }
    .aboutbanner3  .aboutbanner3-president-message-content{
        padding: 15px;
    }
    .aboutbanner3 .quote-symbol {
        width: 100px;
        position: relative;
        /* background: #fff; */
        padding: 0px;
        border-radius: 50%;
        /* margin-bottom: 28px; */
        display: block;
        z-index: -1;
        /* box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; */
        margin-top: 0px;
    }
    .aboutbanner4{
        padding-top: 0px;
    }
    .aboutbanner4 h3{ 
        font-size: 30px;
        font-weight: 600;
        color: #f58324;
        text-align: center;
    }
    .what-we-do .container br{
        display: none !important ;
    }
    .what-we-do:before {
        content: ' ';
        border-top: 350vh solid rgb(245, 245, 245);
        border-left: 100vw solid transparent;
        width: 0;
        position: absolute;
        right: 0;
        z-index: -1;
    }
    .forestation-banner{
        padding-bottom: 0;
        
    }
    .forestationbanner{
        padding-left:15px ;
        padding-right:15px ; 
    }

    /* .forestationbanner p{
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    } */

    .gwr-content {
        background-image: url(../images/Water-Restoration/bg.png);
        padding: 15px 0px 0px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: center center;
        /* margin-top: 30px; */
    }
    .gwr-content-implement {
        background-color: #6fbe44;
        color: #fff;
        padding: 15px !important;
    }
    .Ground-water-banner{
        padding-bottom: 0 !important;
    }
    .solar-banner1-content {
        background-color: #fff;
        padding: 0px 12px;
    }
    .solar-banner1 img{
        width: 100%;
    }
    .solar-banner1{
        padding-bottom: 0px !important;
    }
    .farming-content-main {
        background-color: #fd5d14;
        padding: 50px 0px;
        position: relative;
        margin-top: 0;
        z-index: -1;
        color: #fff;
    }
    .volunteering-form{
        padding: 10px;
    }

    .contact-us img {
        display: none;
    }
    .quotation img {
        width: 50% !important
    }
    .quotation{
        padding-top: 0;
        text-align: center; 
    }
    .quotation-sustainability{
        justify-content: center;
        margin-top: 15px;
    }
    .footer-email{
        margin-bottom: 20px;
    }


}