/* resources */

section.resources {
    height: auto;
    display: flex;
    align-items: center;
    width: 100%;
    background: #373a36 !important;
    margin-bottom: 10px !important;
}


    section.resources .detail-section {
        background: #373a36 !important;
        min-width: 620px;
        width: 100%;
        position: relative;
        left: 150px;
        max-width: 1149px;
        overflow-x: auto;
    }

    section.resources .resources-container {
        background: #373a36 !important;
        max-width: 1149px;
        align-items: center;
    }

    section.resources .detail-section-header {
        display: flex;
        text-align: left;
        margin-left: 10px;
    }

    section.resources .detail-section h2 {
        color: #ffffff !important;
        padding: 0px 0px 0px 0px;
    }

    section.resources.resources-container .row {
        margin: 0 0 0 0 !important;
    }

/* resources  Media Queries for responsive design */



@media only screen and (min-width: 1200px) and (max-width: 1365px) {

    .mainwrapper.section.Resources {
        max-width: 80% !important;
    }

    section.resources .detail-section-header {
        margin-left: -18px;
    }

    /**/
    section.resources .resources-container {
        background: #373a36 !important;
        max-width: 1149px;
        align-items: center;
        width: inherit !important;
    }

    section.resources .detail-section {
        background: #373a36 !important;
        width: 100% !important;
        position: relative;
        left: 90px;
        overflow-x: auto;
    }

        section.resources .detail-section .carousel-section {
            width: 100% !important;
            left: -25px;
        }

    /**/

    section.Resources .image-left {
        position: absolute;
        left: 90px;
        top: calc(60% + 100px);
        transform: translate(0, 40%);
        width: 40%;
        z-index: -1;
    }

    section.Resources .detail-section {
        left: 30% !important;
        position: relative !important;
        width: 70% !important;
        overflow-x: auto !important;
    }


    section.Resources .card-text-img img {
        width: 50px !important;
    }
}


@media only screen and (max-width: 1199px) and (min-width: 992px) {

    .mainwrapper.section.Resources {
        max-width: 80% !important;
    }

    section.resources .detail-section-header {
        margin-left: -28px;
    }

    /**/
    section.resources .resources-container {
        background: #373a36 !important;
        max-width: 1149px;
        align-items: center;
        width: inherit !important;
    }

    section.resources .detail-section {
        background: #373a36 !important;
        width: 100% !important;
        position: relative;
        left: 90px;
        overflow-x: auto;
    }

        section.resources .detail-section .carousel-section {
            width: 100% !important;
            left: -25px;
        }

    /**/


    section.Resources .image-left {
        position: absolute;
        left: 90px;
        top: calc(60% + 100px);
        transform: translate(0, 40%);
        width: 40%;
        z-index: -1;
    }

    section.Resources .detail-section {
        left: 30% !important;
        position: relative !important;
        width: 70% !important;
        overflow-x: auto !important;
    }


    section.Resources .card-text-img img {
        width: 50px !important;
    }
}


@media only screen and (max-width: 991px) and (min-width: 768px) {

    .mainwrapper.section.Resources {
        max-width: 80% !important;
    }

    section.resources .detail-section-header {
        margin-left: -28px;
    }

    /**/
    section.resources .resources-container {
        background: #373a36 !important;
        max-width: 1149px;
        align-items: center;
        width:inherit !important;
    }

    section.resources .detail-section {
        background: #373a36 !important;
        width: 100% !important;
        position: relative;
        left: 90px;
        overflow-x: auto;
    }

        section.resources .detail-section .carousel-section {
            width: 100% !important;
            left: -25px;
        }

    /**/

    section.Resources .image-left {
        position: absolute;
        left: 90px;
        top: calc(60% + 100px);
        transform: translate(0, 40%);
        width: 40%;
        z-index: -1;
    }

    section.Resources .detail-section {
        left: 30% !important;
        position: relative !important;
        width: 70% !important;
        overflow-x: auto !important;
    }


    section.Resources .card-text-img img {
        width: 50px !important;
    }
}

@media only screen and (max-width: 767px) {

    section.resources {
        margin-bottom: 0px !important;
    }
}

    @media only screen and (max-width: 767px) and (min-width: 577px) {

        section.resources .image-section {
            margin-top: 0;
            margin-left: -180px;
            margin-bottom: 40px;
        }

        section.resources .detail-section-header {
            margin-left: -1px;
        }

        section.resources .image-left {
            position: relative;
            top: -40px;
            left: 190px !important;
            transform: none;
            width: 100% !important;
            z-index: 1;
            float: left;
        }

        /*    section.resources .detail-section-header {
        position: relative;
        top: auto;
        max-width: none;
        left: 0;
        margin: 0;
        right: 0;
        bottom: 0;
        padding: 0px 10px 0px 10px;
    }*/

        section.resources {
            width: 100% !important;
            position: relative;
            padding: 10px;
        }

            section.resources .wrapper {
                width: 100% !important;
                position: relative;
            }

            section.resources .detail-section {
                left: 0;
                background: #ffffff;
                min-width: 100px !important;
                margin-left: 0px;
                padding: 0px 10px 0px 10px;
                position: relative;
                border-radius: 0px;
                width: 100% !important;
                justify-content: center;
            }

                section.resources .detail-section .detail-section-row {
                    padding: 0px 10px 0px 10px;
                }

                section.resources .detail-section .detail-section-header h2 {
                    font-size: 32px !important;
                    max-width: 90%;
                    text-shadow: none !important;
                    color: #ffffff !important;
                    padding: 0px 0px 0px 0px;
                }

            section.resources .card-text-img img {
                width: 70px;
                height: auto;
            }

            section.resources .card-text-header {
                font-size: 16px !important;
                color: #373a36 !important;
                padding: 0 10px 0 30px !important;
            }

            section.resources .card-text {
                font-size: 16px !important;
                color: #373a36 !important;
            }

        .location-row {
            flex-direction: column;
            padding: 0px 0px 10px 20px;
        }
    }

    @media (max-width: 576px) {
        section.resources .wrapper {
            width: 100% !important;
            position: relative;
            align-items: center;
            display: flex;
            justify-content: center;
        }

        section.resources .image-section {
            margin-top: 0;
            margin-left: -180px;
            margin-bottom: 40px;
        }

        section.resources .image-left {
            position: relative;
            top: -40px;
            left: 190px !important;
            transform: none;
            width: 100% !important;
            z-index: 1;
            float: left;
        }

        section.resources .detail-section-header {
            position: relative;
            top: auto;
            max-width: none;
            left: 0;
            margin: 0;
            right: 0;
            bottom: 0;
            padding: 0px 10px 0px 10px;
        }

        section.resources {
            width: 100% !important;
            position: relative;
            padding: 10px;
        }

            section.resources .detail-section {
                left: 0;
                min-width: 100px !important;
                margin-left: 7px;
                padding: 0px 10px 0px 10px;
                position: relative;
                border-radius: 0px;
                width: 100% !important;
            }

                section.resources .detail-section .detail-section-row {
                    padding: 0px 10px 0px 10px;
                }

                section.resources .detail-section .detail-section-header h2 {
                    font-size: 32px !important;
                    max-width: 90%;
                    text-shadow: none !important;
                    color: #ffffff;
                    padding: 0px 0px 0px 0px;
                }

            section.resources .card-text-img img {
                width: 70px;
                height: auto;
            }

            section.resources .card-text-header {
                font-size: 16px !important;
                color: #373a36 !important;
                padding: 0 10px 0 30px !important;
            }

            section.resources .card-text {
                font-size: 16px !important;
                color: #373a36 !important;
            }

        .location-row {
            flex-direction: column;
            padding: 0px 0px 10px 20px;
        }
    }