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

    #main_wrapper {
        min-width: 0;
        max-width: 100%;
    }

    .center_w {
        width: 100%;
        padding-left: 6%;
        padding-right: 6%;
        margin-left: auto;
        margin-right: auto;
        left: auto;
        box-sizing: border-box;
    }


    .w_25,
    .w_25_f,
    .w_50,
    .w_50_f,
    .w_33 ,
    .w_33_f ,
    .w_66 ,
    .w_66_f ,
    .w_75,
    .w_75_f {
        margin-right: 0;
        width: 100%;
    }


    .main_bg_image, .bg_fixed .main_bg_image {
        width: 114%;
        position: relative;
        left: 0;
        margin: 20px 0 0 -7%;
        display: block;
    }

    .smart_hidden {display: none !important;}
    .desk_hidden {display: inline-block;}

    .smart_sniffer {display: block;}

    /*
    * --------------------------------------------------------------------------------------------------------
    * CONTENUTO
    * --------------------------------------------------------------------------------------------------------
    */

    .layout_sidebar .body_column {padding-left: 4px;}
    .layout_sidebar .body_title {margin-top: 40px; margin-bottom: 20px; height: auto; padding-bottom: 10px;}
    .layout_sidebar .body_title::after {bottom: 0;}

    .sidebar_menu {width: 100%;}
    .sidebar_menu ul:nth-child(n) {margin-top: 50px; width: 100%;}
        .sidebar_menu li {display: block; position: relative;}
        
        /* classe aggiunta via js e li attivo spostato per primo */
        .sidebar_menu li.menu_closed ~ li {display: none;} 

        /* freccina manu */
        .sidebar_menu > ul > li:nth-child(1)::after, 
        .sidebar_menu > ul > li:nth-child(1)::before {
            background: #fff;
            content: " ";
            display: block;
            height: 2px;
            left: 90%;
            position: absolute;
            top: 50%;
            width: 10px;
            z-index: 10;
        } 

            .sidebar_menu > ul > li:nth-child(1)::before {
                -ms-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }
            .sidebar_menu > ul > li:nth-child(1)::after {
                margin-left: 6px;
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }
            
            .sidebar_menu > ul > li:nth-child(1).menu_closed::before {
                -ms-transform: rotate(45deg);
                -webkit-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
            }
            
            .sidebar_menu > ul > li:nth-child(1).menu_closed::after {
                margin-left: 6px;
                -ms-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }
            

    /*
    * --------------------------------------------------------------------------------------------------------
    * HEADER / FOOTER
    * --------------------------------------------------------------------------------------------------------
    */
    #page_header {padding-bottom: 0; min-height: 0;}
        
        /* spostata via js */
        #main_nav {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 100%;
            margin: 0;
            background: #ECECEC;
            z-index: 1000;
            float: none;
            -ms-transition: left .4s linear;
            -webkit-transition: left .4s linear;
            transition: left .4s linear;
        }

            #main_nav > ul {background: transparent; width: auto; padding: 60px 0 0 30px; text-align: left;}

            #main_nav li {display: block;}
    
                #main_nav > ul > li {margin-bottom: 20px;}

                    #main_nav ul ul {
                        width: auto;
                        position: relative;
                        top: 0;
                        padding: 20px 0 0 20px;
                        text-align: left;
                        white-space: normal;
                    }   

            #main_nav a {font-size: 1.28rem; height: auto;}

            
            /* tasto apertura menu */
            #main_nav_smart_open {
                padding: 15px 10px;    
                position: absolute;
                right: 8%;
                top: 30px;
                display: block;
                background: #ececec;
                z-index: 1001;
            }

            #main_nav_smart_open span {
                width: 30px;
                height: 20px;
                border-top: 2px solid #018D35;
                border-bottom: 2px solid #018D35;
                z-index: 11;
                position: relative;
                display: block;
                text-indent: -9999px;
            }
                #main_nav_smart_open span::after,#main_nav_smart_open span::before {
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 0;
                    width: 100%;
                    height: 2px;
                    margin-top: -1px;
                    background: #018D35;
                }
                    #main_nav_smart_open span::before {display: none;}
                    #main_nav_smart_open span::after {display: block;}

             /* menu aperto */
            #main_nav.active {left: 0%;}

               
                #main_nav.active + #main_nav_smart_open span {border-color: transparent;}
                #main_nav.active + #main_nav_smart_open span::after {
                    -ms-transform: rotate(45deg);
                    -webkit-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    transform: rotate(45deg);
                }
                #main_nav.active + #main_nav_smart_open span::before {
                    -ms-transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                    transform: rotate(-45deg);
                    display: block;
                }


    #page_footer  {z-index: 1;}
    #page_footer .prefooter {background: #ececec;}
    .page_home #page_footer .prefooter {background: transparent; margin-top: -90px;}

    #page_footer #box_newsletter {padding: 25px; height: auto;}
        #page_footer #box_newsletter input {margin-bottom: 4px;}

    #page_footer #box_facebook { padding: 0; height: auto; margin-top: 25px;}


    /*
    * --------------------------------------------------------------------------------------------------------
    * MODULI
    * --------------------------------------------------------------------------------------------------------
    */

    .race_countdown {width: 100%;}

    /*==== FORM ====*/
    .default_form .field {
        width: 100%;
    }
    /*==== // FORM ====*/

    #video_player_popup {max-width: 100%;}
        #video_player_popup iframe {width: 100%; height: auto;}




}