@media screen and (max-width:600px){
    body{
        background: url('../img/bkg_1.jpg');
        background-size: cover;
    }
    
    .responsive_open_menu{
        display: block;
        position: absolute;
        right: 15px;
        top: 10px;
        cursor: pointer;
        font-size: 35px;
        color: #F7F7F7;
    }
    .logo{
        width: 120px;
    }
    .logo_title .responsive{display: block}
    .logo_title .desktop{display: none}
    .logo img{max-width: 100%;}
    
    .menu{
        display: none;
        z-index: 999;
        position: relative;
        background-color: rgba(0,0,0,0.85);
    }
    .menu ul{
        width: 100%;
        margin: 0;
    }
    .menu li{
        display: block;
        margin: 0 0 10px 0;
        font-size: 20px;
        text-align: center;
    }
    .menu .search{    
        padding: 5px;
        top: 34px;
        right: auto;
        width: 100%;
        box-sizing: border-box;
    }
    .menu .search input[type="text"]{
        margin: 0 auto;
    }
    
    #wrapper >div{background-position: center;}
    
    .event_title_home{margin-left: 20px!important;}
    
    .next_event{
        width: 80%;
        margin-left: 10%;
    }

    .next_event img{max-width: 80%; max-height: 60%;}
    
    .slider{
        bottom:70px;
        width: 100%;
        box-sizing: border-box;
    }
    .slider li{width: 150px}
    .slider .bx-wrapper .bx-prev{left: 0}
    .slider .bx-wrapper .bx-next{right: 0}
    
    .featured_event{display: none;}
    
    .slider .bx-wrapper .bx-prev, 
    .slider .bx-wrapper .bx-next{
        background-size: 100%;
        width: 20px;
        height:55px;
    }
    .slider .bx-wrapper .bx-viewport{left:0}
    
    .content{margin-bottom: 100px;}
    .content h2{
        width: 100%;
        margin-left: 0;
    }
    
    .box, .boxAdmin, .boxHome{
        width: 100%;
        height:auto;
        margin-right: 0;
    }

    .boxHome.fullScreen{
        display:none;
        background-color:transparent;
        z-index:999999;
        width:100%;
        position:absolute;
        color:#000;     
    }
    .box .box_content, .boxAdmin .box_content, .boxHome .box_content{
        width: 66%;
    }
    .box .exploded, .boxAdmin .exploded, .boxHome .exploded{
        width: 100%;
        top:-120px;
        left:0;
        margin-left: 0;
    }
    .box .exploded .img, .boxAdmin .exploded .img, .boxHome .exploded .img{
        display: block;
        width: 50%;
    }
    .box .exploded .box_content, .boxAdmin .exploded .box_content, .boxHome .exploded .box_content{
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    .box .exploded .box_content .text, .boxAdmin .exploded .box_content .text, .boxHome .exploded .box_content .text{text-align: justify}
    
    .archive{
        float: none;
        display: block;
        width: 100%;
        height: 33px;
        margin-bottom: 10px;
    }
    .archive span{float: none}
    .archive input{
        width: 65%;
    }
    
    .gallery .categories .category{
        width: 100%;
        box-sizing: border-box;
        margin-right: 0;
    }
    .gallery .categories .category .img img{opacity: 1}
    
    .club .col,
    .club .col.img,
    .club .box_club,
    .club .box_club.news,
    .link >div,
    .contatti .col,
    .challenge .col{
        display: block;
        width: 100%;
        min-height: 0;
    }
    .club .box_club{margin-bottom: 10px;}
    
    .club .consiglio,
    .club .collegio{
        display: block;
        margin-right: 0;
        width: 100%;
    }
    
    .risultati .archive{height: 38px;}
    .risultati .archive select{
        width: 200px;
    }
    .risultati ul li strong{display: block;}
    .risultati table{
        width: 100%;
        overflow-x: auto;
        display: block;
    }
    
    .challenge .col{border-bottom: 1px solid;}
    
    .contatti .col:nth-child(2) {
        width: 100%;
    }
    
    .login form{
        width: 100%;
        text-align: left;
    }
    .login form label{width: 100%}
    .login form p{margin-top: 40px;}

    .logo .login{
        display:none;
    }

    .menu li.munuLogin{
        display:block;
    }  

}

@media screen and (max-width:360px){
    .gallery .categories .category{
        width: 100%;
        box-sizing: border-box;
    }
}