﻿@media only screen and (max-width: 319px) {
    * {
        display: none;
    }
}

/* --------------------------------------------------------------*/
/* ------------------ GALAXY PHONES ------------------ */
/* --------------------------------------------------------------*/

/* ----- Galaxy S3 ----- */
/* Portrait and Landscape */
@media screen and (min-width: 320px) and (-webkit-device-pixel-ratio: 2) {
}

@media screen and (min-width: 320px) {

    div.top5-list-wrapper {
    }

        div.top5-list-wrapper > h5 {
            position: relative;
            color: #053D59;
            border-radius: 5px 5px 0 0;
        }

            div.top5-list-wrapper > h5 > i {
                position: relative;
                font-weight: bold;
                margin-right: 2%;
                /*color: #FFF;*/
            }

        div.top5-list-wrapper > nav {
            margin-top: 15px;
        }

            div.top5-list-wrapper > nav > ul {
                border-radius: 5px;
                background: #FFF;
            }

                div.top5-list-wrapper > nav > ul > li {
                    position: relative;
                    border-bottom: 1px solid #698B9B;
                    color: #053D59;
                    line-height: 38px;
                }
                    div.top5-list-wrapper > nav > ul > li.itemSelected {
                        background: #053D59;
                        color: #FFF;
                        font-weight: bold;
                    }
                    div.top5-list-wrapper > nav > ul > li > a {
                        width: 100%;
                        display: block;
                        text-align: left;
                    }
                        div.top5-list-wrapper > nav > ul > li > a > i {
                            position: relative;
                            float: left;
                            line-height: 38px;
                            width: 32px;
                            height: 32px;
                            text-indent: 6px;
                        }

                            div.top5-list-wrapper > nav > ul > li > a > i:last-child {
                                float: right;
                                text-indent: 12px;
                            }
}

@media screen and (min-width: 461px) {
}

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
}

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
}

/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) {
}

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 4) and (orientation: landscape) {
}

/* --------------------------------------------------------------*/
/* ------------------ iPhones ------------------ */
/* --------------------------------------------------------------*/

/* ----- iPhone 4 and 4S ----- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) {
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}
