.carousel-demo-fullscreen {
    /*width: 100%;
            height: 100%;*/
}

    .carousel-demo-fullscreen ul[rn-carousel] {
        /*width: 100% !important;*/
        /*max-height: 378px !important;*/
    }


.bgimage {
    background-size: cover;
    height: 100% !important;
    width: 100% !important;
    background-position: center center;
}

/*@media only screen and (min-device-width : 320px) and (max-device-width : 723px) {
             ul[rn-carousel] {
                width: 100% !important;
                height: 100px !important;
                margin: 0 auto;
            }

            .container {
                margin-top: 109px !important;
            }

            .ListActions {
                margin: 12px 0px 20px 0px !important;
            }
        }
        @media only screen and (min-device-width : 724px) and (max-device-width : 1920px) {
             ul[rn-carousel] {
                width: 100% !important;
                height: 200px !important;
                margin: 0 auto;
            }

            .container {
                margin-top: 109px !important;
            }

            .ListActions {
                margin: 12px 0px 20px 0px !important;
            }
        }*/

/*------------------------------------------------- MedeaQueryCss---------------------------------------------------- */
ul[rn-carousel] {
    width: 100% !important;
    height: 180px !important;
    margin: 0 auto;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* STYLES GO HERE */
    ul[rn-carousel] {
        width: 100% !important;
        height: 100px !important;
        margin: 0 auto;
    }

    .container {
        margin-top: 109px !important;
    }

    .ListActions {
        margin: 12px 0px 20px 0px !important;
    }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    /* STYLES GO HERE */
    /*ul[rn-carousel] {
                width: 100% !important;
                height: 130px !important;
                margin: 0 auto;
            }*/
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    /* STYLES GO HERE */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* STYLES GO HERE */
    ul[rn-carousel] {
        width: 100% !important;
        height: 200px !important;
        margin: 0 auto;
    }

    .container {
        margin-top: 123px !important;
    }

    .ListActions {
        margin: 12px 0px 20px 0px !important;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* STYLES GO HERE */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* STYLES GO HERE */
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
    /* STYLES GO HERE */
    ul[rn-carousel] {
        width: 100% !important;
        height: 325px !important;
        margin: 0 auto;
    }

    .container {
        margin-top: 123px !important;
    }

    .ListActions {
        margin: 12px 0px 20px 0px !important;
    }
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
    /* STYLES GO HERE */
    ul[rn-carousel] {
        width: 100% !important;
        height: 455px !important;
        margin: 0 auto;
    }

    .container {
        margin-top: 123px !important;
    }

    .ListActions {
        margin: 12px 0px 20px 0px !important;
    }
}

/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
    /* STYLES GO HERE */
}

/* iPhone 5 (landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
    /* STYLES GO HERE */
}

/* iPhone 5 (portrait)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    /* STYLES GO HERE */
}

/* 900*1280----------- */
@media only screen and (min-device-width : 900px) and (max-device-width : 1200px) {
    /* STYLES GO HERE */
    ul[rn-carousel] {
        width: 100% !important;
        height: 245px !important;
        margin: 0 auto;
    }

    .container {
        margin-top: 123px !important;
    }

    .ListActions {
        margin: 12px 0px 20px 0px !important;
    }
}
/*------------------------------------------------- MedeaQueryCss---------------------------------------------------- */