.slicknav_menu {
    display: none;
    width: 98%;
}

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


    /* #menu is the original menu */
    div.menu {
        display: block;
    }

        div.menu nav {
            display: none;
        }

    div.subMenu nav {
        display: none;
    }

    .slicknav_menu {
        display: block;
        width: 98%;
        margin: 0px;
       /* padding: .1em;*/
    }

    div.menu .slicknav_nav a {
        padding: 5px 10px;
        margin: 2px 5px;
        text-decoration: none;
        color: #000;
        font-weight: 700;
        background: #fad52a;
    }

        div.menu .slicknav_nav a:hover {
            background: #000000;
        }


    header {
        display: block;
        position: relative;
        margin: 0px auto;
        width: 98%;
        height: 120px;
        padding: 20px 0;
    }

        header a.logo,
        header h1 {
            display: block;
            width: 100%;
            height: 64px;
            padding: 0px 0px 0px 0px;
            text-align: center;
            float: left;
            position: relative;
        }

        header .follow {
            float: left;
            margin: 5px auto;
            width: 20%;
            height: 40px;
            padding: 20px 0px;
            min-width: 80px;
        }



        header .search {
            display: block;
            float: left;
            width: 74%;
            margin: 5px auto;
        }

        header form#quick-search {
            margin: 0 auto;
            padding: 0;
            display: block;
            height: 30px;
            width: 85%;
        }

        header .search input {
            position: initial;
            top: 0;
            border: 0px;
            width: 72%;
            height: 29px;
            font-size: 13px;
            padding: 0px 10px 0px 10px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            background: #f0f0f0;
            cursor: pointer;
            -webkit-transition: background 500ms linear;
            -moz-transition: background 500ms linear;
            transition: background 500ms linear;
            float: left;
        }

        header .search button {
            position: relative;
            top: 0;
            right: auto;
            float: left;
            width: 30px;
            height: 30px;
            border: 0px;
            background: transparent;
        }


    div.box_TopHeader {
        display: none;
    }

    .barraSipra {
        width: 97% !important;
    }

        .barraSipra .barraInterno {
            display: block;
            width: 100% !important;
        }


            .barraSipra .barraInterno ul li {
                display: block;
                float: left;
                margin: 0px 0px 0px -1px;
                padding: 0px 8px 0px 8px;
                height: 17px;
                border-left: 1px solid #9b9b9b;
                width: 25%;
                overflow: hidden;
            }


    /**** MENU **********/
    .menu {
        height: auto;
        width: 98%;
        padding: 0px;
        margin: 0px;
        float: none;
    }

        .menu .slicknav_menu {
            background-color: transparent;
        }

    /**** testata ****/

    .headBanner {
        width: 98% !important;
        background: #fff !important;
        padding: 0px 0px !important;
    }

        .headBanner .Banner, .headBanner .banner {
            width: 100%;
        }


            .headBanner .Banner h1 img, .headBanner .banner h3 img {
                width: 100%;
            }

    /*********** LIVE SCORE *****************/
    div#liveScore {
        height: auto;
        margin-bottom: 20px;
        float: left;
        width: 98%;
    }

    /*********** MAIN ***********/

    #Main {
        /*background: #e6e6e6 url(/dl/rainews/images/bkg_main.png) 0 -104px repeat-x;*/
        background: #fff;
        padding-bottom: 20px;
    }

    #Main {
        display: block;
        margin: 0px;
        width: 97%;
        padding-top: 5px;
        padding-left: 0px;
        padding-right: 0px;
    }

        #Main .colPrinc {
            width: 100%;
            float: left;
        }

        #Main .colSx {
            width: 100%;
            margin: 0px;
        }

        #Main .colCx {
            width: 100%;
            margin: 0px;
        }

        #Main .colDx {
            width: 100%;
            float: left;
        }

        #Main .colSxBig {
            width: 98%;
            margin: 0px;
        }


    /* ==========================================================================
   TOP ARGUMENT
========================================================================== */

    .topArgument {
        width: 98%;
        padding: 0px;
    }

        .topArgument ul {
            width: 100%;
        }



    /* ==========================================================================
   TOP NEWS
========================================================================== */

    div#focus {
        height: auto;
        margin-bottom: 20px;
        float: left;
        width: 98%;
    }

    #topNews.box {
        width: 100%;
        float: none;
    }

        #topNews.box a.img {
            display: block;
            border-bottom: 1px solid #b5b5b5;
        }

            #topNews.box a.img img {
                width: 100%;
                /*height: 360px;*/
            }

        #topNews.box .onImg {
            position: absolute;
            top: 10px;
            width: 90%;
            bottom: inherit;
        }

            #topNews.box .onImg h2 {
                font-size: 2em;
                line-height: 1em;
            }


    #topNews .related ul {
        width: 100%;
    }


        #topNews .related ul li {
            height: 32px;
            cursor: pointer;
            width: auto;
            display: block;
            float: none;
        }

        #topNews .related ul.twoCol li {
            width: 100%;
            padding: 0px 1px 0px 0px;
        }

    .box.partite {
        display: none !important;
    }


    div.contFooter.clearfix {
        display: none;
    }

    /* ==========================================================================
   GALLERY
========================================================================== */

    .box.gallery {
        width: 98%;
        margin: 10px 0px;
    }

        .box.gallery > ul > li > a {
            overflow: hidden;
            height: 55px;
            display: block;
        }

        .box.gallery h2.title {
            float: left;
            display: inline-block;
            border: 0 none;
            width: 473px;
            text-align: left;
            margin: 0;
            padding: 0;
        }

        .box.gallery h2.title {
            border-bottom: 1px solid #b5b5b5;
            padding: 0;
            float: left;
            min-height: 32px;
            cursor: pointer;
            width: 100%;
            background: #333333;
        }

            .box.gallery h2.title a {
                font-family: "Arvo";
                font-size: 18px;
                color: #fff;
                font-weight: 700;
                text-transform: uppercase;
                line-height: 30px;
            }

            .box.gallery h2.title .ico:before {
                color: #fad52a;
                margin: 0px 10px 0px 10px;
            }

        .box.gallery.giro h2.title .ico:before {
            color: #f16885;
        }


        .box.gallery h3 {
            font-family: "Open Sans";
            font-size: 14px;
            color: #333333 !important;
            font-weight: 400;
            margin: 10px 0px 15px 15px;
            line-height: 16px;
            float: left;
            width: 100%;
        }


        .box.gallery a.imgBig {
            height: auto;
            display: block;
            float: left;
            margin-left: 1%;
            overflow: hidden;
            margin-bottom: 10px;
        }

            .box.gallery a.imgBig img {
                width: 100%;
                float: left;
                position: relative;
                /* margin: 10px 0px; */
            }

        .box.gallery ul {
            list-style: none;
            list-style-image: none;
            float: none;
            display: inline-block;
            border: 0 none;
            width: 100%;
            text-align: left;
            margin: 2$;
            padding: 0;
        }

            .box.gallery ul li {
                padding: 1%;
                float: left;
                cursor: pointer;
                width: 23%;
            }

                .box.gallery ul li a img {
                    width: 100%;
                    /*height: 55px;*/
                }

                .box.gallery ul li a.imgNum {
                    height: 55px;
                    background: #fad52a;
                    font-family: "Arvo";
                    font-size: 25px;
                    color: #333333 !important;
                    text-transform: uppercase;
                    font-weight: 700;
                    line-height: 55px;
                    display: block;
                    text-align: center;
                }

        .box.gallery.giro ul li a.imgNum {
            background: #f16885;
        }

    /* ==========================================================================
   NEWS
========================================================================== */

    .colSxBig .box.news {
        width: 98%;
        background: #f6f6f6;
    }

    .box.news {
        width: 98%;
        background: #f6f6f6;
        margin: 20px 0px;
    }

        .box.news a.img h2 {
            font-size: 1.6em;
            color: #333333 !important;
            margin: 10px;
            line-height: 19px;
            float: left;
            width: 48%;
        }

        .box.news a.img h3 {
            font-size: 1.2em;
            color: #333333 !important;
            font-weight: 400;
            margin: 10px;
            line-height: 16px;
            float: left;
            width: 48%;
        }

        .box.news a.img img {
            width: 45%;
            /*height: 111px;*/
            float: left;
        }

        .box.news .related ul {
            width: 100%;
            margin: 0;
            padding: 0;
        }


            .box.news .related ul li {
                width: 100%;
                display: block;
                margin: 0;
                padding: 3px 0px;
            }

    /* ==========================================================================
   CERCA
========================================================================== */

    .box.search {
        width: 98%;
    }

        .box.search form .text input[type=text] {
            width: 80%;
            float: left;
        }

        .box.search button {
            float: left;
        }

        .box.search ul {
            width: auto;
        }



    /* ==========================================================================
   LAST HOUR
========================================================================== */

    .colCx .box {
        width: 98%;
        margin: 0px 0px 20px 0px;
    }

    .box.lastHour {
        background: #333333;
        overflow: hidden;
    }

        .box.lastHour .title {
            min-height: 28px;
            background: #fad52a;
            text-align: center;
            line-height: 28px;
            float: left;
            width: 100%;
            /*padding: 0px 30px;*/
            font-family: "Arvo";
            font-size: 15px;
            font-weight: 700;
            color: #333333;
            text-transform: uppercase;
            margin: 0;
        }

        .box.lastHour .slider {
            width: 98%;
            float: left;
            overflow: hidden;
            position: relative;
        }

        .box.lastHour ul {
            list-style: none;
            list-style-image: none;
            float: left;
            display: inline-block;
            border: 0 none;
            color: #fff;
            padding: 0px 0px 0px 0px;
            text-align: center;
            height: 170px;
        }

            .box.lastHour ul.listLastHour {
                position: relative;
                overflow: hidden;
                height: auto;
            }

            .box.lastHour ul li {
                border: 0 none;
                padding: 5px 0px 0px 0px;
                float: left;
                display: inline;
                height: 100%;
                height: 175px;
                background: url(/dl/raiSport/images/separator.png) 17px 165px no-repeat;
            }

                .box.lastHour ul li .clock {
                    font-family: "Open Sans";
                    font-size: 17px;
                    font-weight: 700;
                    color: #fff;
                }

        .box.lastHour .next,
        .box.lastHour .prev {
            display: none;
            position: absolute;
            top: 0;
            width: 30px;
            height: 85px;
            overflow: hidden;
            cursor: pointer;
            z-index: 2000;
        }

            .box.lastHour .next.disabled,
            .box.lastHour .prev.disabled {
                cursor: default;
            }

        .box.lastHour .next {
            right: -10px;
        }

        .box.lastHour .prev {
            left: 10px;
        }

            .box.lastHour .next:after,
            .box.lastHour .prev:after {
                position: absolute;
                top: 35px;
                font-family: "RaiNews";
                -webkit-font-smoothing: antialiased;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                font-size: 14px;
                line-height: 38px;
                color: #fff;
                text-align: center;
                cursor: pointer;
                -webkit-transition: all 200ms linear;
                -moz-transition: all 200ms linear;
                transition: all 200ms linear;
            }

            .box.lastHour .prev:after {
                content: "c";
            }

        .box.lastHour .next:after {
            content: "4";
        }

        .box.lastHour .next:hover:after,
        .box.lastHour .prev:hover:after {
            color: #fad52a;
        }

        .box.lastHour .next.disabled:hover:after,
        .box.lastHour .prev.disabled:hover:after {
            color: #fff;
        }

        .box.lastHour .news {
            text-align: center;
            padding: 0 8px;
            cursor: pointer;
        }

            .box.lastHour .news h2 {
                font-family: "Open Sans";
                font-size: 14px;
                font-weight: 400;
                color: #fad52a;
                margin: 10px 0px 5px 0px;
            }

            .box.lastHour .news h3 {
                font-family: "Open Sans";
                font-size: 12px;
                font-weight: 400;
                color: #fefefe;
                margin: 0;
            }

    /* ==========================================================================
   RUBRICHE
========================================================================== */

    .box.rubrica {
        background: #f6f6f6;
        -webkit-box-shadow: 2px 4px 0 rgba(115,115,115,0.2);
        -moz-box-shadow: 2px 4px 0 rgba(115,115,115,0.2);
        box-shadow: 2px 4px 0 rgba(115,115,115,0.2);
    }

        .box.rubrica.giro {
            background: #333333;
        }

            .box.rubrica.giro .title {
                background: #f16885;
            }

        .box.rubrica .title {
            background: #fad52a;
            text-align: center;
            width: 100%;
            font-family: "Arvo";
            font-size: 15px;
            font-weight: 700;
            color: #333333;
            text-transform: uppercase;
            margin: 0;
            padding: 8px 0px;
        }

        .box.rubrica ul {
            list-style: none;
            list-style-image: none;
            float: left;
            display: inline-block;
            border: 0 none;
            width: 100%;
            text-align: left;
            margin: 0;
            padding: 0;
        }

            .box.rubrica ul li {
                padding: 12px 12px 15px 6px;
                float: left;
                cursor: pointer;
                background: url(/dl/raiSport/images/separator.png) 15px bottom no-repeat;
                min-height: 150px;
            }

                .box.rubrica ul li:last-child {
                    background: none;
                }

                .box.rubrica ul li a {
                    display: block;
                    text-align: center;
                }

                    .box.rubrica ul li a img {
                        width: 130px;
                        /* height: 74px; */
                        float: left;
                    }

                    .box.rubrica ul li a h2 {
                        font-family: "Open Sans";
                        font-size: 13px;
                        font-weight: 700;
                        margin: 0px 0px 0px 0px;
                        line-height: 16px;
                        /* float: left; */
                        width: 130px;
                        text-transform: uppercase;
                        /* text-align: center; */
                    }

                    .box.rubrica ul li a h3 {
                        font-family: "Open Sans";
                        font-size: 12px;
                        font-weight: 400;
                        margin: 0px 0px 0px 0px;
                        line-height: 16px;
                        /* float: left; */
                        width: 130px;
                        text-align: center;
                    }

        .box.rubrica.giro .title h2,
        .box.rubrica.giro ul li a h2,
        .box.rubrica.giro ul li a h3 {
            color: #fff;
        }


    .colDx .box {
        width: 98%;
        margin: 0px 0px 10px 0px;
    }

    .box.lastItem span.title, .box.photoOFDay span.title {
        width: 100%;
        padding: 0px;
    }

    .box.photoOFDay a.img img {
        width: 100%;
    }


    /* ==========================================================================
   ARTICOLO
========================================================================== */

    .box.articolo, .box.live {
        width: 100% !important;
        border: none !important;
        /*padding: 5px !important;*/
    }

        .box.articolo h1, .box.results h1 {
            text-align: left;
            margin: 0px 0px 10px 0px;
            padding: 0;
            line-height: 36px;
            width: 100%;
            font-family: "Open Sans";
            font-size: 36px;
            color: #333333;
            font-weight: 600;
            /* text-transform: uppercase; */
        }

        #Main .box.articolo h1, .box.live h2 {
            line-height: 1em;
            font-size: 2.8em;
            text-transform: none;
            margin: 0;
        }

        .box.articolo h2 {
            text-align: left;
            margin: 10px 0px 0px 0px;
            padding: 0;
            line-height: 20px;
            width: 100%;
            font-family: "Open Sans";
            font-size: 20px;
            color: #333333;
            font-weight: 600;
        }

        .box.articolo p img.princ {
            width: 100%;
            float: left;
            margin: 0px 15px 0px 0px;
        }

        /*.box.articolo .Media {
        display: none;
    }*/

        .box.articolo.player .Media .Player, .box.live .Player {
            width: 100% !important;
            /*height: auto;*/
            float: left;
            display: block;
            background: #111;
            margin: 10px 0px;
            overflow: auto !important;
            overflow-x: hidden !important;
            -webkit-overflow-scrolling: touch !important;
        }

            .box.articolo.player .Media .Player, .box.live .Player iframe {
                width: 10px !important;
                min-width: 100% !important;
            }

        .box.articolo .mediaFrame {
            width: 100%;
            height: auto;
            float: left;
            display: block;
            background: #111;
            margin: 10px 0px;
        }

            .box.articolo .mediaFrame iframe {
                width: 100%;
                height: auto;
            }

        .box.articolo h4 {
            float: left;
            text-align: left;
            padding: 0;
            line-height: 16px;
            width: 284px;
            font-family: "Open Sans";
            font-size: 16px;
            color: #333333;
            font-weight: 600;
            margin: 10px 0px 0px 20px;
        }

        .box.articolo.player h4,
        .box.articolo.player img {
            display: none;
        }

        .box.articolo p {
            float: left;
            text-align: left;
            padding: 0;
            line-height: 1.4em;
            width: 100%;
            font-family: "Open Sans";
            font-size: 1.4em;
            color: #333333;
            font-weight: 400;
        }

    .articleDate, .linkAuthor {
        padding: 0;
        line-height: 14px;
        width: 320px;
        font-family: "Open Sans";
        font-size: 14px;
        color: #333333;
        font-weight: 400;
        margin: 30px 0px 30px 0px;
    }

    .articleDate {
        float: right;
        text-align: right;
    }

    .linkAuthor {
        float: left;
        text-align: left;
    }

    .box.articolo ul.visualizza {
        list-style: none;
        list-style-image: none;
        float: left;
        display: block;
        border: 0 none;
        width: 100%;
        color: #000;
        text-align: left;
        padding: 0px 0px 0px 0px;
        margin: 0;
        height: auto;
        background: #333333;
    }

        .box.articolo ul.visualizza .googleRating {
            display: none;
        }

        .box.articolo ul.visualizza li {
            margin: 0;
            border: 0 none;
            padding: 0px 5% 10px 5%;
            float: left;
            display: inline;
            position: relative;
            cursor: pointer;
            width: 160px;
        }

            .box.articolo.player ul.visualizza li strong,
            .box.articolo ul.visualizza li strong {
                text-align: center;
                margin: 0;
                padding: 10px 0;
                line-height: 15px;
                width: 160px;
                font-family: "Arvo";
                font-size: 15px;
                color: #fff;
                font-weight: 700;
                text-transform: uppercase;
                float: left;
            }

            .box.articolo ul.visualizza li.visits span,
            .box.articolo ul.visualizza li.public span {
                text-align: center;
                margin: 0;
                padding: 0;
                line-height: 20px;
                width: 160px;
                font-family: "Open Sans";
                font-size: 20px;
                color: #fff;
                font-weight: 400;
                float: left;
            }

    /* ==========================================================================
   BOX COMMENTI
   ========================================================================== */

    .boxCommenti {
        display: none;
    }


    /* ==========================================================================
   BOX SPECIALI
   ========================================================================== */
	
	.box.matches.speciali {
        width: 100%;
    }
    .box.specials {
        width: 98%;
        background: #f6f6f6;
        -webkit-box-shadow: 2px 4px 0 rgba(115,115,115,0.2);
        -moz-box-shadow: 2px 4px 0 rgba(115,115,115,0.2);
        box-shadow: 2px 4px 0 rgba(115,115,115,0.2);
        margin-bottom: 0px;
    }


        .box.specials .testata {
            width: 100%;
            height: auto;
            border-bottom: 1px solid #b5b5b5;
            /* overflow: hidden; */
        }

            .box.specials .testata img {
                width: 100%;
            }


        .box.specials a.subTitle {
            display: none;
        }



    /* ==========================================================================
   BOX LAST ITEM
   ========================================================================== */

    .box.lastItem ul {
        width: 98%;
    }


        .box.lastItem ul li {
            padding: .2em;
            float: left;
            cursor: pointer;
            width: 100%;
            margin-left: .2em;
            border-bottom: 1px solid #cacaca;
            padding-bottom: 14px;
            /* height: auto; */
        }

    .colSxBig .box.lastItem ul li {
        border-bottom: none;
    }

        .colSxBig .box.lastItem ul li:nth-child(2n) {
            margin-left: 30px;
        }

    .box.lastItem ul li a {
        display: block;
    }

        .box.lastItem ul li a img {
            width: 100%;
            height: auto;
            float: left;
            background: url(/dl/raiSport/images/logo_sport_150.png) center no-repeat;
            background-color: #333333;
        }

    .box.lastItem ul li:last-child {
        border-bottom: none;
        padding-bottom: 0px;
    }

    .box.lastItem ul li a .titoli {
        width: 59%;
        float: right;
    }

    .box.lastItem ul li a span {
        font-family: "Arvo";
        font-size: 1.3em;
        font-weight: 700;
        margin: 0px 0px .5em .2em;
        line-height: 14px;
        float: right;
        padding: .2em;
        background: #fad52a;
        text-transform: uppercase;
        color: #000 !important;
        width: 95%;
    }

    .box.lastItem ul li a h2, div#TeaserBlock .box.lastItem ul li a h2 {
        font-family: "Open Sans";
        font-size: 14px;
        font-weight: 700;
        margin: 0px 0px .2em .2em;
        line-height: 16px;
        float: right;
        width: 95%;
        background: none;
        text-align: left;
        color: #000;
        /*height: 44px;*/
    }

    .box.lastItem ul li a h3 {
        font-family: "Open Sans";
        font-size: 14px;
        font-weight: 400;
        margin: 0px 0px 10px 10px;
        line-height: 16px;
        float: right;
        width: 125px;
        /*height: 44px;*/
    }

    .box.lastItem ul li a h4 {
        font-family: "Open Sans";
        font-size: 12px;
        font-weight: 400;
        margin: 0px 0px 0px 7px;
        line-height: 14px;
        float: left;
        color: #000 !important;
        /*width: 88px;*/
        width: 125px;
    }

    .box.lastItem ul li .pic {
        width: 40%;
        height: 100%;
        float: left;
    }

    .box.lastItem.video ul li .pic:before {
        content: "v";
        font-family: "RaiNews";
        font-size: 30px;
        color: rgba(255,255,255,1);
        -webkit-font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: rgba(255,255,255,0.3);
        margin: 30px 0px 0px 60px;
    }

    .RaiPhotogallery {
        width: 100%;
        min-height: 300px;
    }

    /*LIVE*/

    .box.guida {
        width: 100%;
        border: none;
        padding: 5px;
    }

        .box.guida h2.title, .box.guida ol, .box.guida ol li, .box.guida ol li .extG {
            width: 100%;
            padding: 0px;
        }

            .box.guida ol li.past .extG .ora, .box.guida ol li .extG .ora, .box.guida ol li.live .extG .ora {
                width: 20%;
                padding: 0px;
                font-family: "Open Sans";
                font-size: 14px;
                font-weight: 700;
                line-height: 16px;
            }

            .box.guida ol li.past a, .box.guida ol li a, .box.guida ol li.live a {
                width: 80%;
                padding: 0px;
                font-family: "Open Sans";
                font-size: 14px;
                font-weight: 700;
                line-height: 16px;
            }
}