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

    .slider_img{
        width: 100%;
    }

    .box_16,
    .box_20,
    .box_25,
    .box_30,
    .box_40,
    .box_50,
    .box_60,
    .box_66,
    .box_70,
    .box_80,
    .box_33{
        float: none !important;
        width: 100% !important;
    }

    .box_500px{
        width: 100% !important;
    }

    .mobileFullWidth{
        width: 100% !important;
    }

    #homeContent .rotate{
        transform: none;
    }

    .formation_field{
        padding: 0 0 20px 0;
    }

    .player_block{
        font-size: 8px;
    }

    .wrapper_1200{

    }

    #page_contaner{
        padding: 5px;
    }

    .wrapper_800,
    .wrapper800,
    .wrapper_900,
    .boxWrapper800,
    .wrapper_1000,
    .wrapper_1200,
    .wrapper_1300{
        width: 100%;
        /*padding: 5px !important;*/
    }

    .player_details_pager{
        display: block;
    }

    .details_columns[page="1"]{
        display: table-cell;
    }

    .details_columns[page="2"],
    .details_columns[page="3"],
    .details_columns[page="4"],
    .details_columns[page="5"],
    .details_columns[page="6"]{
        display: none;
    }

    /*
    .small_input{
        width: 100% !important;
    }
    */

    .show_more_player_details{
        display: inline-block;
    }

    .show_more_player_details:hover{
        text-decoration: none !important;
    }

    .pos_container_select_minutes{
        float: left;
        width: 80%;
    }

    .pos_container_button_minutes{
        display: block;
    }

    .ui-dialog{
        width: 100% !important;
        height: 100% !important;
    }

    .ui-dialog-content{
        height: 100% !important;
    }

    .liveTeam{
        font-size: 25px;
    }

    .running_match_option_block{
        width: 70px;
    }

    .liveScore{
        font-size: 3em !important;
    }

    #imageTop{
        background-size: 100% 100%;
        background-position: 0 0;
    }

    #closeHomeMenuContainer{
        display: block;
    }

    #logo{
        text-align: center;
    }

    nav{
        position: absolute;
        display: none;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #232B38;
        z-index: 999;
        margin-top: 0;
    }

    nav ul{
        display: block;
    }

    nav ul a.homeMenuItem{
        margin-right: 0px !important;
        padding: 10px; 20px;
        border-bottom: 1px solid #646F79;
    }

    #homeMobileMenuButton{
        display: block;
    }

    .tableOverview.mobileView *{
        font-size: 0.9em;
    }



    .mobile_view{
        display: block;
    }

    .desktop_view{
        display: none;
    }

    #ready_popup{
        top: 0;
        left: 0;
        width: 100%;
        padding: 5px;
    }

    #ready_popup .desktopView{
        display: none;
    }

    #ready_popup .mobileView{
        display: block;
    }

}

@media screen and (max-width: 768px){
    .calendar_container{
        float: none;
        width: 100%;
    }

    .calendar_circle{
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
        font-size: 0.9em !important;

    }

    .box_50{
        display: block !important;
        float: none !important;
        width: 100% !important;
    }
}

@media screen and (max-width: 820px){
    .box_800{
        float: none !important;
        width: 100% !important;
    }


}