.manray-place-section {
    background-color: #99258E !important;
    padding: 50px 0 0 0 !important;
    position: relative !important;
    min-height: 320px !important;
}

.manray-place-row {
    margin-top: 0 !important;
    padding: 16px 4px !important;
    display: flex !important;
    margin-left: 10% !important;
    margin-right: 10% !important;
}

.manray-place-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.manray-place-item {
    width: 100% !important;
    text-align: left !important;
}

.manray-place-h3 {
    margin-top: 0 !important;
}

.manray-place-btn {
    margin-top: 30px !important;
    padding: 13px 40px !important;
}

.manray-place-donate-wrapper {
    position: absolute !important;
    bottom: 30px !important;
    right: 30px !important;
    margin: 0 !important;
}

.manray-place-donate-center {
    width: 95px !important;
    height: 95px !important;
}

.manray-place-rainbow-img {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 50% !important;
    height: auto !important;
    z-index: 1 !important;
}

/* Tablet Layout: 768px - 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .manray-place-row {
        flex-direction: row !important;
    }

    .manray-place-col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

/* Mobile Layout: max-width 767px */
@media only screen and (max-width: 767px) {
    .manray-place-row {
        flex-direction: column !important;
        
        padding-bottom: 100px !important;
    }

    .manray-place-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .manray-place-col:first-child {
        order: 1 !important;
    }

    .manray-place-col:last-child {
        order: 2 !important;
    }
}

/* Small Mobile Layout: max-width 500px */
@media only screen and (max-width: 500px) {
    .manray-place-row {
        flex-direction: column !important;
    }

    .manray-place-col {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* Landscape Mobile Layout: max-width 767px and orientation landscape */
@media only screen and (max-width: 767px) and (orientation: landscape) {
    .manray-place-row {
        flex-direction: row !important;
    }

    .manray-place-col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        width: 50% !important;
    }

  
}

@media (max-width: 1024px) {

    /* When columns stack as rows, add margin-right to the paragraph */
    .mumbai-story-paragraph {
        margin-right: 20% !important;
    }
}