@media (min-width:1100px) {
    .mobile-nav {
        display: none;
    }
    .desktop-nav {
        display: block;
    }
}


@media (max-width:1460px) {
    .mangopeople_header_logo {
        width: 300px;
    }
    .mp-header_right {
        padding-left: 300px;
    }
}
@media (max-width:1400px) {
    .main-header , .top-info-header {
        padding-left: 30px ;
        padding-right: 30px;
    }
    .main-header .navbar-nav {
        gap: 20px;
    }
    .main-header .navbar-nav .nav-link {
        font-size: 18px;
    }
    .donate-btn {
        font-size: 18px;
        gap: 10px;
    }
}
@media (max-width:1280px) {
    .mangopeople_header_logo {
        width: 260px;
    }
    .mp-header_right {
        padding-left: 260px;
    }
}
@media (max-width:1270px) {
    .main-header .navbar-nav {
        gap: 15px;
    }
    .main-header .navbar-nav .nav-link {
        font-size: 17px;
    }
    .get-involved-tabs .nav-item .nav-link {
        font-size: 22px;
    }
    .get-involved-tabs .nav-item .nav-link.active {
        font-size: 22px;
    }
    .get-involved-section #tab_container_903 .wpsm_nav-tabs > li > a {
        font-size: 22px !important;
    }
    .get-involved-tabs {
        height: auto;
    }
    .get-involved-section .wpsm_nav  {
        height: auto !important;
    }
}

@media (max-width:1100px) {
    .mobile-nav {
        display: flex;
        height: 143px;
    }
    .desktop-nav {
        display: none;
    }   
}

@media (max-width:992px) {
    .shape-box-slider {
        width: 100%;
        height: 800px;
    }
    .image-slider-col {
        height: 700px;
    }
    .image-slider  {
        margin-left: 50px;
    }    
    .shape-box-slider::after {        
        height: 100%;
        left: -10%;
        width: 110%;
        background: url(../images/shape-2.png);
        background-size: 100% 110%;
    }
    .image-slider {
        max-width: 100%;
    }
    .vision-description h1 , .vision-description h2, .vision-description h3, .vision-description h4, .vision-description h5, .vision-description h6 {
        text-align: left;
    }
    .news-details-text h1 , .news-details-text h2, .news-details-text h3 , .news-details-text h4 , .news-details-text h5, .news-details-text h6 {
        font-size: 28px;
    }
    .news-details-text p , .news-details-text b, .news-details-text span , .news-details-text strong , .news-details-text ul {
        font-size: 18px;
    }
    .get-involved-section .wpsm_nav {
        flex-flow: column;
    }
}
@media (max-width:768px) {
    .shape-box-slider {
        height: 700px;
        position: relative;
        top: 0px;
    }
    .shape-box-slider::after {
        height: 100%;
        left: -10%;
        width: 110%;
        background: url(../images/shape-2.png);
        background-size: 100% 110%;
    }
    .mangopeople_header_logo img {
        height: 115px;
    }
    .mobile-nav {
        height: auto;
    }
    .mangopeople_header_logo {
        width: 190px;
    }
    .header {
        height: 116px;
    }
    .image-slider-col {
        height: auto;
    }
    .bottom-footer {
        border-radius: 20px;
        padding: 10px 20px;        
    }
    .breadcrumb-header {
        height: 300px;
    }
    .get-involved-tabs .nav-item {
        flex-basis: auto;
    }

}
@media (max-width:500px) {
    .shape-box-slider {
        height: 500px;
        position: relative;
        top: 0px;
    }
    .blog-box {
        width: 340px !important;
        margin: auto;
    }
}
@media (max-width:450px) {
    .gallery-card {
        max-width: 350;
        width: 100%;
    }
}