@media (max-width: 888px) {

    /* --- TOPPNYHETER -------------------------------------------------------------------- */
    #sliderWrapper {
        margin-right: -12px;
        margin-left: -12px;
        background: #eee;
        height: 0 !important;
        /*padding-bottom: 72%;*/
        min-height: 250px;
    }

        #sliderWrapper #slider {
            position: absolute;
            top: 0;
        }

        #sliderWrapper .nivo-caption {
            margin-top: 0;
            bottom: 0;
            font-size: 20px;
        }

    .nivoSlider,
    .nivo-main-image,
    .nivo-slice img,
    .nivoSlider .img-responsive {
        height: 250px !important;
    }

    .nivoSlider {
        border-radius: 0 !important;
    }






    /* --- STARTSIDAN -------------------------------------------------------------------- */
    #page-start .content h1 {
        margin: 0 0 5px 0;
    }

    #page-start #tabLinks {
        margin: 0 -12px;
        border: none;
    }

        #page-start #tabLinks:before,
        #page-start #tabLinks:after {
            content: '';
            display: inline-block;
            width: 15px;
            border-bottom: 1px solid #ddd;
            background: #fff;
        }

        #page-start #tabLinks a {
            border-top: 1px solid #ddd;
        }

            #page-start #tabLinks a:first-child {
                border-left: 1px solid #ddd;
            }

            #page-start #tabLinks a:last-child {
                border-right: 1px solid #ddd;
            }

            #page-start #tabLinks a.active {
                border-bottom: 1px solid #fff;
            }


    /* Nyhet på start sidan - visa bara en rad text */
 /*   .start-news,
    .start-news-more {
    }

        .start-news .template .template-text p:first-of-type {
            display: block !important;
            height: 1.3em;
            white-space: nowrap;
            overflow: hidden;
            width: 100%;
            text-overflow: ellipsis;
        }

        .start-news .template .template-text p {
            display: none;
        }*/

    /* Tabbar på startidan */
    #page-start #tabLinks a {
        font-size: 12px;
        flex: 1;
        padding: 0 10px;
    }

    .tabStart hr {
        margin: 20px -12px;
    }

    .tabStart:after {
        content: '';
        display: block;
        height: 20px;
        margin: 0 -12px;
        border-bottom: 1px solid #ddd;
    }



    .gamebox-container {
        margin-bottom: 20px;
    }




    /* Hightlight Events - Nytt från 16 aug 2022.
     * Next game / Previous game
    **********************************************/

    .highlight-event .events {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        height: 98px;
        background: #f8f8f8;
        border-bottom: 1px solid #ddd;
    }

        .highlight-event .events::-webkit-scrollbar {
            display: none;
        }


        .highlight-event .events .event {
            height: 98px;
            width: 82%;
            display: inline-block;
            border-right: 1px solid #ddd;
        }

            .highlight-event .events .event:last-child {
                width: 100%;
                border-right: 0;
            }

    .highlight-event .event a {
        display: block;
        padding: 11px 20px 7px;
        text-decoration: none;
        color: #444 !important;
    }

        .highlight-event .event a:focus {
            color: #444 !important;
        }

    .highlight-event .events .event .event-date {
        display: inline;
        font-size: 13px;
    }

    .highlight-event .events .event .event-header {
        margin-bottom: 6px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .highlight-event .events .event .event-season {
        font-size: 13px;
    }

    .highlight-event .events .event .event-info div {
        padding: 0 0 5px 0;
        min-height: 27px;
    }

    .highlight-event .events .event .event-info img {
        max-width: 20px;
        vertical-align: middle;
        margin-right: 0px;
        margin-top: -2px;
    }

    .next-game-box-calendar-btn {
        /*border-top: 1px solid #ddd;*/
        display: block;
        padding: 11px 20px 7px;
        text-decoration: none;
        border-bottom: 1px solid #dbdbdb;
    }





    /* Hightlight Events - Borde tas bort efter 16 aug 2022.
     * Next game / Previous game
    **********************************************/
    .highlight-event {
        margin-top: -10px;
    }

    .mobile-tabs.highlight-event h2 {
        display: none;
    }

    /* Event list */
    .highlight-event .event-list {
        margin: 0;
        padding: 0;
        list-style: none;
        border-bottom: 1px solid #dbdbdb;
    }
        /* Event */
        .highlight-event .event-list li {
            position: relative;
            background: #f8f8f8;
        }

            .highlight-event .event-list li:nth-child(2n) {
                background: #eeeeee;
            }

            /* No Events */
            .highlight-event .event-list li.no-event {
                padding: 25px 0;
                text-align: center;
            }

            /* Show more link */
            .highlight-event .event-list li.show-more a {
                background: #fff;
                border-top: 1px solid #dbdbdb;
            }

            .highlight-event .event-list li a {
                display: block;
                padding: 11px 20px 7px;
                text-decoration: none;
            }

            /* Date, Season or other meta */
            .highlight-event .event-list li .event-info {
                color: #444;
                width: 100%;
                padding-right: 20px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-bottom: 8px;
                font-size: 13px;
            }

                .highlight-event .event-list li .event-info strong {
                }

                .highlight-event .event-list li .event-info span {
                    color: #666;
                }

            /* Event content: Teams, Event name, place */
            .highlight-event .event-list li .event-content {
                position: relative;
            }

                .highlight-event .event-list li .event-content div {
                    padding: 0 0 5px 0;
                    min-height: 27px;
                }

                .highlight-event .event-list li .event-content img {
                    max-width: 20px;
                    vertical-align: middle;
                    margin-right: 2px;
                    margin-top: -2px;
                }

                .highlight-event .event-list li .event-content strong {
                    float: right;
                }


    /* Livetv/Tickets buttons */
    .event-content .form-group {
        position: absolute;
        top: 0;
        right: 0;
    }

        .event-content .form-group button {
            display: block;
            float: right;
            clear: both;
        }



    /* Standings panel
     * Standings Table
    **********************************************/
    .standings-panel {
        margin-left: -12px;
        margin-right: -12px;
        border-bottom: solid 1px #ddd;
    }

        .standings-panel .btn {
            border-radius: 0;
            border: none !important;
            background: #f9f9f9 !important;
            padding: 11px 0px !important;
        }


        .standings-panel .standings-collapse {
            padding: 0;
            margin: 0;
        }

        .standings-panel .infobox-holder {
            margin-bottom: 0;
        }

        .standings-panel .infobox {
            padding: 12px 15px;
            border-radius: 0;
        }


}