/*
Versions Tablet i pantalkles amb poca resolució. No Mobile.
*/
@media (max-width: 1040px) {
    
    html, body{
        width: 100%;
    }
        
    #wrapper_header,
    .wrapper_form .wrapper_form_content form,
    .wrapper_menu,
    #wrapper,
    .text_full,
    #wrapper_perfil,
    footer #wrapper_footer,
    #cookies .text_cookies,
    .wrapper_llistat_formacions_fitxa{
        width: 100% !important;
        box-sizing: border-box;
        padding-left: 25px;
        padding-right: 25px;
    }
    
    #menu_header ul{
        padding-left: 0px;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs{
        width: 88%;
    }
    
    .wrapper_form .wrapper_form_content form .btn_form{
        width: 10%;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content{
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content div{
        height: 55px;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content input{
        margin-left: 0px;
        margin-right: 0px;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_imatge{
        width: 3%;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_imatge img{
        width: 100%;
        margin-top: 5px;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_text{
        width: 37%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_text input{
        width: 100%;
        font-size: 13pt;
        margin-left: 0px;
        box-sizing: border-box;
    }
        
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_data{
        width: 15%;
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
    }
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_data input{
        padding-top: 0px;
        width: 100%;
        padding-left: 0px;
        box-sizing: border-box;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_lloc{
        width: 45%;
        padding-left: 10px;
        box-sizing: border-box;
        margin-left: 0px;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_lloc span{
        font-size: 12pt;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_lloc input{
        font-size: 12pt;
    }
        
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_lloc .element1{
        width: 5%;
        padding-right: 7px;
        box-sizing: border-box;
        display: inline-block;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_lloc .element2{
        width: 12%;
        padding-left: 7px;
        padding-right: 7px;
        box-sizing: border-box;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_lloc .element3{
        width: 20%;
        padding-left: 7px;
        padding-right: 7px;
        box-sizing: border-box;
        display: inline-block;
    }
    
    .wrapper_form .wrapper_form_content form .form_inputs .form_inputs_content .input_lloc .element4{
        width: 63%;
        padding-left: 10px;
        box-sizing: border-box;
    }
        
    .wrapper_form_2 .wrapper_form_content form{
        margin: 0px;
        margin-left: 80px;
        right: auto;
    }
        
    #menu_search_content nav ul li.online, #header_login_content_menu nav ul li.online{
        margin-left: 0px;
    }
    
    #wrapper .col_1{
        width: 75%;
        box-sizing: border-box;
        padding-right: 10px;
    }
    
    #wrapper .col_2{
        width: 25%;
        box-sizing: border-box;
        padding-left: 10px;
    }
    
    .wrapper .col_afinador_map{
        left: auto;
        right: 40px;
    }
    
    .element_llista_formacio .dades_imatge{
        width: 50%;
    }
    
    .element_llista_formacio .dades_imatge .dades{
        width: 40%;
        box-sizing: border-box;
        padding-left: 20px;
    }
    
    .element_llista_formacio .formacio_info {
        width: 50%;
        box-sizing: border-box;
        z-index: 10;
        background-color: white;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    
    .element_llista_formacio .formacio_info .ciutat{
        font-size: 16px;
    }
    
    .element_llista_formacio .formacio_info .ciutat.online,
    .element_llista_formacio .formacio_info .ciutat.cupo{
        margin-bottom: 0px;
    }
    
    .element_llista_formacio .formacio_info .titol{
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 24px;
        line-height: 26px;
    }
    
    .element_llista_formacio .formacio_info .formador, 
    .element_llista_formacio .formacio_info .lloc{
        font-size: 16px;
        line-height: 19px;
    }
    
    .element_llista_formacio .formacio_info .botons div{
        float: none;
        margin-top: 10px;
        width: 110px;
    }
    
    .element_llista_formacio .formacio_info .botons a{
        font-size: 10pt;
        float: right;
    }
    
    .element_llista_formacio .formacio_info .preu{
        font-size: 16px;
    }
    
    .element_llista_formacio.fitxa .dades_imatge .imatge_formacio{
        width: 50%;
    }
    
    .pagina_estatica{
        width: 100%;
    }
    
    .col_1_2_info{     
        padding: 60px 25px;
        box-sizing: border-box;
    }
    
    .col_1_2_info iframe{
        width: 100% !important;
    }
    
    #wrapper_header_login #header_login_content_afina .wrapper_menu nav{
        position: relative;
        left: 0px;
        box-sizing: border-box;
        padding-left: 25px;
        padding-right: 25px;
    }
    
    #wrapper_header_login #header_login_content_formacions .menu_login nav ul li .menu_triangle_blanc{
        display: none;
    }
    
    #header_login_content_formacions .wrapper_menu .pentagrama_afinacio img{
        width: 350px;
        margin-top: 20px;
    }
    
    #nota_2{
        left: 170px;
    }
    
    #nota_3{
        left: 310px;
        top: 23px;
    }
        
    .suggeriment_text{
        width: 80%;
        margin-top: 20px;
    }
    
    .afinar_suggeriment .btn_gris{
        width: 15%;
        margin-top: 20px;
    }
    
    .col_2_2_info{padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    
    footer #wrapper_footer{
        height: 100%;
    }
    
    footer .wrapper_footer2{
        margin-top: 20px;
    }
    
    footer .wrapper_footer2 .contingut{
        width: 100%;
        box-sizing: border-box;
        padding-right: 20px;
    }
    
    #cookies .text_cookies .tancar{
        right: 20px;
    }
    
    #register_form_organitzador{
        left: auto;
        margin-left: 0px;
    }
    
    .popup_wrapper_register_org{
        width: 100%;
        box-sizing: border-box;
    }
    
    .fitxa_informacio .apartat table{
        max-width: 100% !important;
    }
    
    /* Modificacions per fer que els back-office no facin responsive */
    header.admin,
    header.organitzadors,
    .header_org_menu,
    #header_login_content_admin,
    #header_login_content_admin .wrapper_menu,
    .backoffice #wrapper,
    .header_admin{
        width: 995px;
    }
    
    header.admin,
    header.organitzadors{
        padding-top: 15px;
    }
    
    header.admin.login,
    .header_admin.login{
        width: 100%;
    }
    
    .backoffice #wrapper{
        margin: 0px;
        box-sizing: border-box;
        padding: 0px;
    }
    
    .btn_altre_email {
        width: 100%;
        display: block;
        margin-left: 0px;
        margin-top: 20px;
    }
    
    .fitxa_espai #wrapper{
        min-height: 100%;
    }
    
    .fitxa_espai_general #wrapper.header_organitzador .menu{
        bottom: 10px;
    }
    
    .wrapper_detalls .contingut{
        width: 90%;
    }
                
}


/*
Versions Mobile
*/
@media (max-width: 970px) {
    
    .only_mobile{
        display: block;
    }

    .only_desktop{
        display: none;
    }
    
    header{
        padding-top: 0px;
    }
    
    .logo_header{
        position: absolute;
        left: 50%;
        width: 200px;
        margin-left: -100px;
    }
    
    .logo_header.admin{
        left: auto;
        margin-left: 0px;
    }
    
    .logo_header.admin.login{
        position: relative;
        text-align: center;
        width: 100%;
    }
    
    .logo_header.admin.login h1{
        float: none;
        display: inline-block;
        width: auto;
    }
    
    .logo_header.admin.login h1 a{
        width: auto;
    }
    
    .logo_header h1{
        width: 100%;
        margin-top: 5px !important;
    }
    
    /*#logo_header #logo_music_desktop{
        display: none;
    }
    
    #logo_header #logo_music_mobile{
        display: block;
    }*/
    
    .logo_header .eslogan{
        display: none;
    }
    
    #link_menu_mobile{
        display: block !important;
        margin-top: 15px;
    }
    
    #link_menu_mobile img{
        width: 50px;
    }
    
    #link_menu_mobile.usuaris img{
        width: 40px;
    }
    
    #menu_header{
        width: 100% !important;
        margin-top: 0px;
    }
        
    #menu_header .header_unlogin{
        display: none;
        background-color: white;
        position: absolute;
        top: 85px;
        width: 100%;
        border-radius: 5px;
    }
    
    #menu_header .header_unlogin li{
        display: block;
        float: none;
        border-top: 1px solid #4d4d4d;
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    
    #menu_header .header_unlogin li:first-child{
        border-top: none;
    }
    
    #menu_header .header_unlogin li.logout{
        background-color: white;
        margin-left: 0px;
        margin-right: 0px;
        border: 1px solid #9b0000;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    
    #menu_header .header_unlogin li.logout a{
        color: #4d4d4d !important;
    }
    
    #menu_header .header_unlogin li a{
        display: block;
        font-size: 16px;
        width: 100%;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        color: #4d4d4d !important;
    }
    
    #menu_header .header_unlogin li a:hover{
        background-color: transparent !important;
        border-radius: 0px !important;
        text-decoration: underline !important;
    }
        
    #menu_header .menu_idiomes{
        position: unset;
        margin-top: 24px;   
    }
    
    #menu_header .menu_idiomes a{
        font-size: 18px;
    }
    
    #menu_header .menu_idiomes #desplegable_idiomes{
        width: 100%;
        text-align: center;
        top: 85px;
        border-radius: 5px;
    }
    
    #menu_header .menu_idiomes #desplegable_idiomes li a{
        font-size: 16px;
    }
    
    #menu_header.admin ul{
        float: none;
        margin: 0 auto !important;
        width: 330px;
        margin-top: 10px !important;
    }
    
    .img_home_mobile{
        width: 100%;
        height: 200px;
        background-image: url("../img/header_background.jpg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    
    #menu_search{
        display: none;
    }
        
    #menu_search_content ul li{
        margin-left: 0px !important;
    }
    
    #menu_search_content nav ul .esq{
        display: none;
    }
    
    #menu_search_content nav ul .dre{
        width: 100%;
        display: flex;
        justify-content: space-evenly;
    }
    
    #menu_search_content nav ul .dre.home{
        width: 100%;
    }
    
    #menu_search_content nav ul .dre .online{
        display: block;
    }
    
    #menu_search_content .titol{
        display: none;
    }
    
    .wrapper_form_search form .form_inputs .form_inputs_content.simple{
        display: none;
    }
    
    .wrapper_form_search form .link_canviar_cerca{
        display: none;
    }
    
    .wrapper_menu_visualitzacio{
        width: 100%;
        padding-left: 0px;
        margin-top: 25px;
        margin-bottom: 20px;
    }
    
    .wrapper_menu_visualitzacio.home{
        margin-top: 0px;
    }
    
    .wrapper_menu_visualitzacio.home .menu_visualitzacio{
        width: 100%;
        margin-top: 0px;
    }
    
    .wrapper_header_interior{
        height: auto;
    }
    
    .wrapper_header_interior .wrapper_header_interior_filtre{
        margin: 0px;
        width: 100%;
    }
    
    .wrapper_header_interior .wrapper_header_interior_filtre .wrapper_form_2{
        display: none;
    }
    
    .menu_visualitzacio{
        width: 100%;
        margin-left: 0px;
    }
    
    .menu_visualitzacio ul li a{
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    
    .menu_visualitzacio ul li a.item.selected, .menu_visualitzacio ul li a.item:hover{
        background-color: white;
        border-bottom: none;
    }
            
    .wrapper_form,
    .wrapper_form_2{
        height: 70px;
    }
    
    .wrapper_form{
        display: none !important;
    }
    
    .menu_afinador ul li{
        padding-left: 0px;
    }
    
    .menu_afinador .afinador_lv1{
        width: 80%;
        margin: 0 auto;
    }
    
    .menu_afinador .afinador_lv1:last-child{
        border: none;
    }
    
    .menu_afinador .afinador_lv2{
        left: -15px;
    }
    
    .afinador.desktop{
        display: none;
    }
    
    .afinador.mobile{
        display: block;
        background-color: white;
        text-align: center;
        padding-top: 25px;
        padding-bottom: 20px;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
    
    .afinador.mobile .afinador_header{
        text-transform: uppercase;
        color: #4d4d4d;
        cursor: pointer;
    }
    
    .afinador.mobile .afinador_header img{
        width: 17px;
    }
    
    .afinador.mobile .afinador_header span{
        display: inline-block;
        margin-left: 10px;
        position: relative;
        top: -3px;
        font-size: 14pt;
    }
    
    .afinador.mobile .afinador_contingut{
        display: none;
        margin-top: 20px;
    }
        
    .afinador.mobile .afinador_contingut .wrapper_form_search{
        position: relative;
        background-position: top;
        background-size: cover;
        background-repeat: no-repeat;
        border-radius: 20px;
        padding: 40px 25px 30px 25px;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .fletxeta_avall{
        position: absolute;
        top: 0px;
        left: 50%;
        width: 30px;
        margin-left: -15px;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .wrapper_input{
        background-color: white;
        border-radius: 5px;
        padding: 10px 5px;
        box-sizing: border-box;
        display: inline-block;
        width: 90%;
        margin-bottom: 20px;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_imatge{
        display: inline-block;
        width: 10%;
        padding-right: 10px;
        box-sizing: border-box;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_imatge.mobile{
        display: inline-block;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_imatge img{
        height: 16px;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_text,
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_data,
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_info_mapa{
        display: inline-block;
        width: 85%;
        text-align: left;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_text input,
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_data input{
        border: none;
        width: 100%;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_info_mapa input{
        border: none;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_info_mapa .text_a{
        display: inline-block;
        width: 5%;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_info_mapa .text_km_de{
        display: inline-block;
        width: 15%;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_info_mapa input.km{
        width: 15%;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_info_mapa input.ciutat{
        width: 60%;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .submit_image{
        display: none;
    }
    
    .afinador.mobile #menu_afinador{
        padding-left: 50px;
        padding-right: 50px;
        box-sizing: border-box;
    }
    
    .afinador.mobile .toolbar{
        width: 80%;
        margin: 0 auto;
    }
    
    .afinador.mobile .toolbar a{
        display: inline-block;
        width: 100px;
        text-align: center;
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 10pt;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 5px;
        margin-top: 10px;
    }
    
    .afinador.mobile .toolbar a.cancelar{
        float: left;
        background-color: #1a3244;
    }
    
    .afinador.mobile .toolbar a.afina{
        float: right;
        background-color: var(--color_btn_mes_info_back);
    }
    
    .checkbox_gran {
        position: relative;
        z-index: 2;
        margin-bottom: 0px !important;
        left: 13px;
    }

    .checkbox_gran_style {
        z-index: 1;
        position: relative;
        left: -7px;
        display: inline-block;
        width: 15px;
    }
    
    #wrapper .col_2.home{
        display: none;
    }
    
    #wrapper .intro_home_mobile{
        display: block;
        float: left;
        width: 100%;
        font-size: 12pt;
        font-family: 'geogrotesque-light';
        color: #999999;
    }
    
    #wrapper .col_1{
        width: 100%;
    }
    
    .element_llista_formacio{
        height: auto;
        float: left;
    }
    
    .element_llista_formacio .dades_imatge{
        width: 100% !important;
        height: auto;
        padding-right: 0px;
    }
    
    .element_llista_formacio .dades_imatge .imatge_formacio,
    .element_llista_formacio.fitxa .dades_imatge .imatge_formacio{
        width: 100%;
        position: relative;
        border-radius: 0px;
        height: auto;
    }
    
    .element_llista_formacio .dades_imatge .dades{
        float: left;
        width: 100% !important;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 10px;
    }
    
    .element_llista_formacio .dades_imatge .dades .dia{
        float: left;
        padding-right: 20px;
        box-sizing: border-box;
        width: 15%;
    }
    
    .element_llista_formacio .dades_imatge .dades .mes{
        float: left;
        border-right: 1px solid white;
        padding-right: 20px;
        font-size: 16pt;
        line-height: 23px;
        box-sizing: border-box;
        width: 25%;
    }
    
    #llista_login.element_llista_formacio .dades_imatge .dades .mes{
        border-right: 1px solid #28314A;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom{
        float: left;
        position: relative;
        bottom: auto;
        padding-left: 20px;
        padding-right: 0px;
        box-sizing: border-box;
        width: 60%;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom .dies{
        float: left;
        line-height: 21px;
        top: auto;
        border-right: 1px solid white;
        padding-right: 20px;
        box-sizing: border-box;
        width: 60%;
    }
    
    .element_llista_formacio .dades_imatge .imatge_formacio img{
        height: auto;
        width: 100%;
    }
    
    #llista_login.element_llista_formacio .dades_imatge .dades .div_bottom .dies{
        border-right: 1px solid #28314A;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom .dies span{
        width: 150px;
        margin: 0 auto;
        display: block;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom .hores{
        float: left;
        text-align: right;
        padding-left: 20px;
        padding-top: 10px;
        padding-right: 10px;
        font-size: 16pt;
        box-sizing: border-box;
        width: 40%;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom .linia{
        display: none;
    }
    
    .element_llista_formacio .dades_imatge .imatge_formacio{
        width: 100%;
        height: auto;
    }
    
    .element_llista_formacio .dades_imatge .imatge_formacio.full{
        border-bottom-left-radius: 0px;
        border-top-right-radius: 10px;
    }
    
    .element_llista_formacio .formacio_info{
        width: 100% !important;
        border-bottom-left-radius: 10px;
    }
    
    .element_llista_formacio .formacio_info .ciutat,
    .element_llista_formacio .formacio_info .titol,    
    .element_llista_formacio .formacio_info .formador,
    .element_llista_formacio .formacio_info .lloc,
    .element_llista_formacio .formacio_info .preu{
        position: relative;
        float: left;
        width: 100%;
    }
    
    .element_llista_formacio .formacio_info .ciutat.online,
    .element_llista_formacio .formacio_info .ciutat.cupo{
        width: auto;
        float: none;
    }
    
    .element_llista_formacio .formacio_info .preu{
        bottom: 0px;
        left: 0px;
        margin-top: 20px;
        margin-bottom: 5px;
        font-size: 14pt;
    }
    
    .element_llista_formacio .formacio_info .preu.sense_descompte{
        bottom: -20px;
        width: auto;
    }
    
    .element_llista_formacio .formacio_info .preu.amb_descompte{
        bottom: 0px;
    }
    
    .element_llista_formacio .formacio_info .botons{
        width: 100%;
    }
    
    .element_llista_formacio .formacio_info .botons div{
        float: right;
        width: 100px;
        padding: 5px 15px 5px 15px;
    }
    
    .element_llista_formacio .formacio_info .botons.sense_preu{
        position: relative;
        margin-top: 10px;
    }
    
    .element_llista_formacio .dades_imatge .dades.online .div_bottom{
        float: right;
    }
    
    .element_llista_formacio .dades_imatge .dades.online .div_bottom .hores{
        float: right;
        padding-top: 5px;
        padding-bottom: 0px;
    }
    
    .element_llista_formacio .dades_imatge .dades .etiqueta{
        width: 105px;
        top: 24px;
        padding: 3px 20px;
    }
    
    footer #wrapper_footer .columna{
        width: 100%;
        text-align: center;
        padding-left: 0px;
    }
    
    footer #wrapper_footer .columna img#logo_footer{
        width: 60%;
        display: inline-block;
    }
    
    footer #wrapper_footer .columna img#logo_footer_harmony_games{
        width: 15%;
        display: inline-block;
        margin-left: 0px;
    }
    
    footer #wrapper_footer .columna#footer_col1 p{
        margin-left: 0px;
    }
    
    footer #wrapper_footer .columna#footer_col2{
        margin-top: 30px;
    }
    
    footer #wrapper_footer .columna#footer_col3 p{
        margin-top: 10px;
    }
    
    footer #wrapper_footer .columna#footer_col4{
        margin-top: 30px;
    }
    
    footer .wrapper_footer2 .contingut{
        display: block;
        width: 100%;
        padding-right: 0px;
    }
    
    footer .wrapper_footer2 .contingut .columna{
        width: 100%;
        text-align: center;
        margin-top: 40px;
        padding-left: 0px;
    }
    
    footer .wrapper_footer2 .contingut .columna.text{
        text-align: center;
        margin-top: 0px;
    }
    
    footer .wrapper_footer2 .contingut .columna img{
        width: 50%;
    }
    
    .fitxa_content .fitxa_header h2{
        margin-top: 20px;
        font-size: 24pt;
        line-height: 32px;
    }
    
    .fitxa_content .fitxa_header .llista_formadors{
        margin-top: 20px;
    }
    
    .fitxa_content .fitxa_header .llista_formadors a{
        font-size: 14pt;
    }
    
    .fitxa_content .fitxa_header .organitzador{
        font-size: 13pt;
    }
    
    .fitxa_content .fitxa_header .text{
        width: 100%;
    }
    
    .fitxa_content .fitxa_header .logo_organitzador{
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    
    .col_fitxa.formador .fitxa_resum .info_especifica .btn_info{
        position: relative;
        float: left;
        margin-top: 12px;
        right: 0px;
        bottom: 0px;
    }
    
    .fitxa_resum{
        margin-bottom: 0px;
    }
    
    .info_descompte .titol{
        margin-left: 0px;
    }
    
    .info_descompte .valor{
        padding: 4px 10px;
    }
        
    .fitxa_espai_general{
        float: left;
        width: 100%;
    }
    
    .fitxa_espai_general #wrapper{
        float: left;
        width: 100%;
    }
    
    .fitxa_espai_general #wrapper .wrapper_info{
        float: left;
        width: 100%;
        display: block;
    }
    
    .fitxa_espai_general #wrapper .wrapper_info .text{
        float: left;
        width: 100%;
    }
    
    .fitxa_espai_general #wrapper .wrapper_info .text .logo{
        max-width: 30%;
        padding-top: 10px;
        padding-left: 0px;
        padding-bottom: 20px;
    }
    
    .fitxa_espai_general #wrapper .wrapper_info .text .link_formacions{
        font-size: 14pt;
    }
    
    .fc th{
        font-size: 7pt;
    }
    
    .col_afinador_map{
        display: none;
    }
    
    .popup_wrapper_login .tancar_popup,
    .popup_wrapper_selector .tancar_popup{
        float: left;
        width: 100%;
        text-align: right;
        box-sizing: border-box;
        padding: 10px 15px 0px 10px;
        margin-bottom: 5px;
    }
    
    .popup_wrapper_login{
        padding: 10px 30px 30px 30px;
        height: auto;
    }
    
    .popup_wrapper_login .tancar_popup{
        padding-right: 0px;
        z-index: 10;
        position: relative;
    }
    
    #register_form_usuari, 
    #register_form_organitzador, 
    #register_form_selector{
        width: 100%;
        left: 0px !important;
        margin-left: 0px !important;
        top: 70px !important;
    }
    
    #register_form_usuari{
        top: 380px !important;
    }
    
    #register_form_organitzador{
        top: 340px !important;
    }
    
    .popup_wrapper_register{
        width: 100%;
        box-sizing: border-box;
        padding: 30px !important;
    }
    
    .popup_wrapper_register .col_1_2{
        width: 100%;
    }
    
    .popup_wrapper_register .col_1_2 .contingut{
        padding-right: 0px;
    }
    
    .popup_wrapper_register_org{
        padding: 30px !important;
    }
    
    .popup_wrapper_register_org .col_1_2{
        width: 100%;
    }
    
    .popup_wrapper_register_org .col_1_1 .col_1_2.col_left .form_fields{
        padding-right: 0px;
    }
    
    .popup_wrapper_register_org .col_1_1 .col_1_2.col_right .form_fields{
        padding-left: 0px;
    }
    
    .popup_wrapper_register_org input{
        font-size: 11pt;
        padding-left: 15px;
    }
    
    .login_options .checkbox_acceptar.llarg{
        width: 10%;
    }
    
    .login_options .text_acceptar.llarg{
        width: 90%;
    }
        
    #login_form_selector{
        top: 330px !important;
    }
    
    .header_login{
        display: none;
    }
    
    #header_login_content .menu_login_mobile{
        display: none;
    }
        
    .menu_login #link_menu_mobile{
        display: block;
        margin-top: 15px;
    }
    
    .menu_login #link_menu_mobile img{
        width: 50px;
    }
    
    .menu_login_mobile{
        display: none;
        background-color: #9E006D;
        position: absolute;
        top: 85px;
        width: 100%;
        border-radius: 5px;
    }
    
    .menu_login_mobile li{
        display: block;
        float: none;
        border-top: 1px solid white;
        margin-left: 20px;
        margin-right: 20px;
    }
    
    .menu_login_mobile li:first-child{
        border-top: none;
    }
    
    .menu_login_mobile li a{
        display: block;
        font-size: 16px;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
        
    .wrapper_menu.agenda,
    .wrapper_menu.perfil{
        height: auto;
        float: left;
    }
    
    #wrapper_header_login .header_login_content{
        float: left;
    }
    
    #wrapper_header_login .header_login_content.sync_calendars .div_boto_calendari{
        display: none;
    }
    
    #header_login_content_formacions{
        display: none;
    }
    
    #wrapper_header_login .menu_agenda_usuari_opener{
        display: block;
        float: left;
        width: 100%;
        padding-bottom: 15px;
        padding-top: 15px;
        text-align: center;
    }
    
    #wrapper_header_login .menu_agenda_usuari_opener a{
        color: white;
        text-decoration: none;
    }
    
    #wrapper_header_login .menu_agenda_usuari_opener a:after{
        content: url("../img/fletxa_down_perfil_off.png");
        width: 8px;
        height: 5px;
        margin-left: 7px;
        display: inline-block;
    }
    
    #wrapper_header_login .menu_agenda_usuari_opener.opened a:after{
        content: url("../img/fletxa_up_perfil_on.png");
    }
    
    #wrapper_header_login .menu_agenda_usuari{
        display: none;
        float: left;
        width: 100%;
        position: relative !important;
        top: 0px !important;
        border-top: 1px solid white;
        padding-top: 15px;
        text-align: center;
    }
        
    #wrapper_header_login #header_login_content_afina{
        padding-top: 10px;
    }
    
    #wrapper_header_login #header_login_content_afina .wrapper_menu .menu_agenda_usuari ul li{
        margin-right: 0px;
    }
    
    #wrapper_header_login #header_login_content_afina .wrapper_menu .menu_perfil_usuari{
        display: none;
    }
    
    #wrapper_header_login #header_login_content_afina .wrapper_menu .menu_perfil_usuari ul{
        float: none;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #wrapper_header_login #header_login_content_afina .wrapper_menu .menu_perfil_usuari ul li{
        display: block;
        float: left;
        width: 100%;
        list-style: outside none none;
        margin-right: 0px;
        border-top: 1px solid white;
        padding-bottom: 15px;
        padding-top: 15px;
        text-align: center;
        margin-top: 0px;
    }
    
    #wrapper_header_login #header_login_content_afina .wrapper_menu .menu_perfil_usuari ul li:first-child{
        border-top: none;
    }
    
    #wrapper_header_login #header_login_content_afina .wrapper_menu .menu_perfil_usuari ul li img{
        display: none;
    }
    
    #wrapper_header_login #header_login_content_afina .wrapper_menu .menu_perfil_usuari ul li a{
        display: block;
    }
    
    #wrapper_header_login #header_login_content_afina .wrapper_menu nav{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    #wrapper_header_login #header_login_content_afina .wrapper_menu nav ul{
        margin-bottom: 20px;
    }
    
    #wrapper_header_login #header_login_content_afina .wrapper_menu nav ul li{
        margin-top: 10px;
    }
    
    #wrapper_header_login #header_login_content_afina .wrapper_menu nav ul li .menu_triangle_blau,
    #wrapper_header_login #header_login_content_afina .wrapper_menu nav ul li .menu_triangle_blau img{
        display: none;
    }
    
    #wrapper_header_login .menu_agenda_usuari ul li{
        display: block !important;
        float: none !important;
        padding-bottom: 15px;
    }
    
    #wrapper_header_login .menu_agenda_usuari .menu_sync_calendars{
        float: left;
        width: 100%;
    }
    
    #wrapper_header_login .menu_agenda_usuari .menu_sync_calendars .wrapper{
        width: 300px;
        margin: 0 auto;
    }
    
    #wrapper_header_login .menu_agenda_usuari .menu_sync_calendars .div_boto_calendari{
        float: left;
        width: 49%;
        height: 30px;
        margin-top: 20px;
        box-sizing: border-box;
    }
        
    #wrapper_header_login .menu_agenda_usuari .menu_sync_calendars .div_boto_calendari a p{
        color: white !important;
    }
    
    #wrapper_header_login .menu_agenda_usuari .menu_sync_calendars .separador{
        float: left;
        border-right: 1px solid white;
        height: 30px;
        margin-top: 30px;
    }
    
    .wrapper_menu .btn_modificar_preferencies{
        position: relative;
        left: 50%;
        margin-left: -50px;
        margin-top: 50px;
        margin-bottom: 20px;
    }
    
    #header_login_content_menu nav{
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
    
    .wrapper_menu.afina{
        height: auto;
    }
    
    .afina_localitzacio{
        margin-top: 50px;
    }
    
    .selector_lloc_km #afina_lloc{
        width: 60%;
    }
    
    .btn_desar_afinar_cerca{
        left: 0px;
        margin-left: 0px;
    }
    
    .btn_tancar_afinar_cerca{
        position: absolute;
        top: 10px;
        right: 0px;
    }
    
    .btn_tancar_afinar_cerca img{
        width: 25px;
    }
    
    .titol_cat_lvl1{
        padding-left: 0px;
    }
    
    .afinar_preferencies_catlv3{
        width: 100%;
    }
    
    #wrapper_perfil .col_2{
        width: 100%;
        text-align: center;
    }
    
    #wrapper_perfil .col_2.compte,
    #wrapper_perfil .col_2.ajuda{
        display: none;
    }
    
    #wrapper_perfil .col_1{
        width: 100%;
    }
    
    #wrapper_perfil .titol_ajuda{
        margin-top: 0px;
    }
    
    .form_inscripcio .col_form_inscripcio{
        width: 100%;
    }
    
    .form_inscripcio .col_info_formacio_pagament_inscripcio{
        width: 100%;
        padding-left: 0px;
    }
    
    .pagina_estatica{
        width: 100%;
    }
    
    .pagina_estatica table{
        max-width: 100%;
    }
    
    .pagina_estatica .text2{
        padding-left: 0px;
    }
    
    .col_1_2_info{
        width: 100%;
        padding: 0px 20px;
        margin: 30px 0px 0px 0px;
    }
        
    .wrapper_continguts_curs .col_dre .classe_contingut .wrapper_material .video{
        width: 100%;
        margin-bottom: 15px;
        height: 400px;
    }
    
    .wrapper_continguts_curs .col_esq{
        display: none;
    }
    
    .wrapper_continguts_curs .col_dre{
        width: 100%;
    }
    
    .wrapper_continguts_curs .menu_contingut.mobile{
        display: block;
        margin-top: 40px;
    }
    
    .form_solicitar_factura{
        width: 90%;
    }
    
    .form_solicitar_factura .wrapper_camp .titol{
        width: 100%;
    }
    
    .form_solicitar_factura .wrapper_camp .camp{
        width: 100%;
    }
    
    .element_llista_formacio_perfil.formacions_inscrites .formacio_info{
        width: 100%;
        padding-top: 15px;
        padding-right: 25px;
    }
    
    .element_llista_formacio_perfil .formacio_info .titol{
        line-height: 30px;
        font-size: 26px;
    }
    
    .element_llista_formacio_perfil.formacions_inscrites .formacio_info{
        height: auto;
    }
    
    .element_llista_formacio_perfil.formacions_inscrites .formacio_info .botons{
        position: relative;
    }
    
    .element_llista_formacio_perfil.formacions_inscrites .formacio_info .botons .links{
        margin-left: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100%;
    }
    
    .col_form_left{
        width: 100%;
    }
    
    .fitxa_resum .info_especifica.cupo .preu{
        font-size: 30px;
        line-height: 20px;
    }
    
    .wrapper_detalls{
        overflow: unset;
        float: left;
        width: 100%;
    }
    
    .wrapper_botiga_header .botiga_header{
        width: 100%;
        margin-top: 0px;
        box-sizing: border-box;
        padding-left: 25px;
        padding-right: 25px;
    }
        
    .wrapper_botiga_header .botiga_header ul.menu{
        display: none;
        background-color: white;
        position: absolute;
        top: 80px;
        left: 0px;
        width: calc(100% - 50px);
        border-radius: 5px;
        z-index: 10;
        margin-left: 25px;
        margin-right: 25px;
    }
    
    .wrapper_botiga_header .botiga_header ul.menu li{
        display: block;
        float: none;
        width: calc(100% - 40px);
        box-sizing: border-box;
        border-top: 1px solid black;
        margin-left: 20px !important;
        margin-right: 20px !important;
        border-left: none;
        padding-left: 12px !important;
        text-align: center;
    }
    
    .wrapper_botiga_header .botiga_header ul.menu li:first-child{
        border-top: none;
    }
    
    .wrapper_botiga_header .botiga_header ul.menu li a{
        padding-top: 15px;
        padding-bottom: 15px;
        width: 100%;
        display: block;
        font-size: 18px;
        font-family: 'geogrotesque-medium';
    }
    
    .wrapper_botiga_header .botiga_header ul.menu li .item_submenu{
        display: none;
    }
    
    .wrapper_botiga_header .botiga_header #botiga_link_menu_mobile{
        display: flex !important;
        align-items: center;
        font-family: 'geogrotesque-bold';
        font-size: 24px;
        text-decoration: none;
        color: black;
        position: absolute;
        left: 50%;
        margin-left: -100px;
        width: 188px;
    }
    
    .wrapper_botiga_header .botiga_header #botiga_link_menu_mobile img{
        width: 50px;
        margin-right: 15px;
    }
    
    .wrapper_botiga_header .botiga_header .links{
        margin-top: 8px;
    }
        
    .wrapper_botiga_header .botiga_header ul.menu li .wrapper_submenus .titol,
    .wrapper_botiga_header .botiga_header ul.menu li .wrapper_submenus a.tancar{
        display: none !important;
    }
    
    .wrapper_botiga_header .botiga_header ul.menu li .wrapper_submenus a.submenu{
        width: 100%;
        padding-top: 5px !important;
        font-family: 'geogrotesque-regular';
    }
    
    .wrapper_botiga_header .botiga_header ul.menu li .wrapper_submenus a.submenu .imatge{
        display: none;
    }
    
    .wrapper_botiga_header .botiga_header ul.menu li .wrapper_submenus a.submenu .titol{
        display: block !important;
    }
    
    .wrapper_botiga_slider .slider .wrapper_text{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .wrapper_botiga_slider .slider .wrapper_text .titol{
        font-size: 40px;
    }
    
    .wrapper_botiga_slider .slider .wrapper_text .preu{
        left: 30px;
        bottom: 60px;
    }
    
    .wrapper_botiga_slider .slider .wrapper_text .preu .desde{
        font-size: 30px;
    }
    
    .wrapper_botiga_slider .slider .wrapper_text .preu .valor{
        font-size: 60px;
    }
    
    .wrapper_botiga_categories_home .wrapper_categories{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .wrapper_botiga_categories_home .wrapper_categories .titol{
        font-size: 30px;
    }
    
    .wrapper_botiga_categories_home .wrapper_categories .categoria .titol{
        font-size: 20px;
    }
    
    .wrapper_botiga_productes_destacats_home .wrapper_productes{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .wrapper_botiga_productes_destacats_home .wrapper_productes .titol{
        font-size: 30px;
    }
    
    .wrapper_botiga_productes_destacats_home .wrapper_productes .categoria .titol{
        font-size: 20px;
    }
    
    .wrapper_botiga_proveidors_home .wrapper_proveidors{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .wrapper_botiga_proveidors_home .wrapper_proveidors .titol{
        font-size: 30px;
    }
    
    .wrapper_botiga_proveidors_home .wrapper_proveidors .proveidor{
        width: calc(1/5*100% - (1 - 1/5)*20px);
    }
    
    .botiga_producte{
        width: calc(1/3*100% - (1 - 1/3)*20px) !important;
    }
    
    .botiga_producte .info .preu{
        font-size: 25px;
    }
    
    .wrapper_botiga .wrapper_productes{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .wrapper_botiga .wrapper_productes .titol_paginador{
        margin-bottom: 0px;
    }
    
    .wrapper_botiga .wrapper_productes .titol_paginador h2{
        width: 100%;
    }
    
    .wrapper_botiga .wrapper_productes .titol_paginador .paginador_ordenacio{
        margin-top: 0px;
        width: 100%;
        margin-bottom: 20px;
    }
    
    .wrapper_botiga .wrapper_productes .titol_paginador .paginador_ordenacio .ordenacio{
        float: right;
    }
    
    .wrapper_botiga .wrapper_productes .filtres{
        width: 100%;
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.6);
        border-radius: 5px;
        padding: 10px 20px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
    
    .wrapper_botiga .wrapper_productes .filtres .header .header_desktop{
        display: none;
    }
    
    .wrapper_botiga .wrapper_productes .filtres .header .link_filtres_mobile{
        display: block;
        display: flex;
        align-items: center;
        text-decoration: none;
        text-align: center;  
        width: 100%;
        position: relative;
        color: rgba(0, 0, 0, 0.6);
    }
    
    .wrapper_botiga .wrapper_productes .filtres .header .link_filtres_mobile .img_afina_cerca{
        margin-right: 20px;
    }
    
    .wrapper_botiga .wrapper_productes .filtres .header .link_filtres_mobile .img_fletxa{
        position: absolute;
        right: 0px;
        top: -5px;
    }
    
    .wrapper_botiga .wrapper_productes .filtres .wrapper_filtres{
        display: none;
    }
    
    .wrapper_botiga .wrapper_productes .filtres .filtre .valors .valor .checkbox_gran{
        left: 0px;
    }

    .wrapper_botiga .wrapper_productes .filtres .filtre .valors .valor .checkbox_gran_style{
        position: absolute;
    }
    
    .wrapper_botiga .wrapper_productes .filtres .filtre .valors .valor label{
        padding-left: 10px;
    }
    
    .wrapper_botiga .wrapper_productes .graella{
        width: 100%;
    }
    
    .wrapper_botiga .wrapper_productes.fitxa .imatges{
        width: 100%;
        padding-right: 0px;
        margin-bottom: 50px;
    }
    
    .wrapper_botiga .wrapper_productes.fitxa .info{
        width: 100%;
    }
    
    .wrapper_botiga.atributs .wrapper_atributs,
    .wrapper_botiga.productes_relacionats .graella,
    .wrapper_botiga.altres_productes_proveidor .graella{
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .graella_organitzadors .item_organitzador{
        width: calc(50% - 16px);
        font-size: 12px;
    }
        
}


/*
Versions Mobile mitjanes
*/
@media (max-width: 570px) {
    
    .fitxa_resum .info_especifica .picto{
        width: 12%;
    }
    
    .fitxa_resum .info_especifica .picto img{
        width: 100%;
    }
    
    .fitxa_resum .info_especifica .picto.euro{
        width: 10%;
    }
    
    .fitxa_resum .info_especifica .text p{
        font-size: 15px;
    }
    
    .fitxa_resum .info_especifica .text .preu{
        font-size: 16px;
    }
    
    .fitxa_resum .info_especifica .text .preu.amb_descompte{
        font-size: 18pt;
        margin-left: 10px;
    }
    
    .fitxa_resum .info_especifica .text .inscripcio{
        margin-right: -30px;
    }
    
    .fitxa_resum .info_especifica .item_info.amb_descompte{
        padding: 8px 0px;
    }
    
    .element_llista_formacio .dades_imatge .dades .dia{
        font-size: 25pt;
        line-height: 35px;
        padding-right: 15px;
    }
    
    .element_llista_formacio .dades_imatge .dades .mes{
        font-size: 12pt;
        line-height: 17px;
        padding-right: 15px;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom{
        padding-left: 15px;        
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom .dies{
        font-size: 10pt;
        line-height: 17px;
        padding-right: 15px;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom .dies span{
        width: 150px;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom .hores{
        padding-left: 15px;
        padding-top: 5px;
        font-size: 12pt;
        width: 40%;
    }
    
    .fitxa_content .close{
        top: 30px;
        right: 0px;
    }
    
    .fitxa_content .fitxa_header{
        padding: 30px;
    }
    
    .fitxa_content .fitxa_header .logo_organitzador{
        max-width: 30%;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .fitxa_resum{
        height: auto;
        background-color: transparent;
    }
    
    .fitxa_resum .imatge_formacio{
        width: 100%;
        height: auto;
    }
    
    .fitxa_resum .imatge_formacio img{
        width: 100%;
    }
    
    .col_fitxa{
        border-radius: 0px;
        background-color: transparent;
        box-shadow: none;
    }
    
    .fitxa_content .fitxa_header{
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .fitxa_resum .info_especifica{
        padding: 30px 15px;
        width: 100%;
        height: auto;
        background-color: transparent;
    }
    
    .fitxa_resum .info_especifica .item_info_online{
        font-size: 12pt;
        margin-top: 0px;
    }
    
    .fitxa_resum .info_especifica .item_info.lloc_online{
        margin-top: 5px;
        padding-bottom: 10px;
    }
    
    .fitxa_resum .info_especifica .picto{
        width: 16%;
        padding-right: 20px;
        box-sizing: border-box;
        margin-right: 0px;
    }
    
    .fitxa_resum .info_especifica .picto img{
        max-width: 100%;
    }
    
    .fitxa_resum .info_especifica .text{
        width: 80%;
    }
    
    .fitxa_resum .info_especifica .text p{
        font-size: 12pt;
    }
    
    .fitxa_resum .info_especifica .text p.preu{
        font-size: 14pt;
    }
    
    .fitxa_content .fitxa_informacio{
        margin-bottom: 0px;
        padding: 0px;
    }
    
    .fitxa_content .fitxa_informacio .col_esq{
        width: 100%;
        box-sizing: border-box;
        padding-right: 0px;
    }
    
    .fitxa_content .fitxa_informacio .col_esq .apartat.video_mobile{
        display: block;
    }
    
    .fitxa_content .fitxa_informacio .col_dre{
        width: 100%;
        box-sizing: border-box;
        padding-left: 0px;
    }
    
    .fitxa_content .fitxa_informacio .col_dre .apartat.video_desktop{
        display: none;
    }
        
    .fitxa_content.footer{
        padding: 30px;
        padding-top: 30px;
    }
    
    .fitxa_content .fitxa_footer{
        padding-top: 20px;
    }
    
    .col_fitxa.formador{
        background-color: white;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    
    .col_fitxa.formador .fitxa_resum .imatge{
        width: 100%;
        height: auto;
    }
    
    .col_fitxa.formador .fitxa_resum .imatge img{
        border-bottom-left-radius: 0px;
        border-top-right-radius: 10px;
        width: 100%;
    }
    
    .col_fitxa.formador .fitxa_resum .info_especifica{
        width: 100%;
    }
    
    .col_fitxa.formador .fitxa_resum .info_especifica .nom_formador{
        margin-top: 0px;
        font-size: 16pt;
        border-bottom: none;
    }    
    
    .col_fitxa.formador .fitxa_resum .info_especifica .presentacio_formador{
        display: none;
    }
    
    .fitxa_espai_general #wrapper .wrapper_info .text .logo{
        max-width: 50%;
        text-align: left;
    }
    
    .titol_formadors{
        margin-top: 10px;
    }
    
    .popup_wrapper_register_org input{
        font-size: 10pt;
        padding-left: 15px;
    }
    
    .element_llista_formacio_perfil{
        border-radius: 5px;
        border: 1px solid #999999;
        height: auto;
        float: left;
        padding-top: 0px;
    }
    
    .element_llista_formacio_perfil.formacions_inscrites{
        padding-top: 0px;
    }
    
    .element_llista_formacio_perfil .dades_imatge{
        width: 100% !important;
        height: auto;
    }
    
    .element_llista_formacio_perfil .formacio_info{
        width: 100%;
        height: auto;
    }
    
    .element_llista_formacio_perfil .formacio_info .space_15{
        display: none;
    }
    
    .element_llista_formacio_perfil .formacio_info .botons{
        position: relative;
        margin-top: 15px;
    }
    
    .element_llista_formacio_perfil .formacio_info .botons div{
        margin-left: 0px;
        margin-right: 10px;
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .element_llista_formacio_perfil .formacio_info .botons div a{
        font-size: 11pt !important;
    }
    
    .col_form_inscripcio .bloc_form .titol{
        font-size: 18pt !important;
    }
    
    .col_form_inscripcio .bloc_form .dades_editables{
        font-size: 14pt !important;
    }
    
    /* Modificacions per fer que els back-office no facin responsive */
    header.admin,
    header.organitzadors,
    .header_org_menu,
    #header_login_content_admin,
    #header_login_content_admin .wrapper_menu,
    .backoffice #wrapper{
        width: 995px;
    }
    
    header.admin,
    header.organitzadors{
        padding-top: 15px;
    }
    
    .backoffice #wrapper{
        margin: 0px;
        box-sizing: border-box;
        padding: 0px;
    }
    
    .backoffice .element_llista_formacio_perfil .dades_imatge{
        width: 200px;
        height: 200px;
    }
    
    .backoffice .element_llista_formacio_perfil .formacio_info{
        width: 760px;
    }
    
    .backoffice .element_llista_formacio_perfil{
        border: none;
        padding-top: 20px;
    }
    
    .backoffice .element_llista_formacio_perfil .formacio_info .botons{
        position: absolute;
    }
    
    .wrapper_continguts_curs .col_dre .classe_contingut .wrapper_material .video{
        height: 300px;
    }
    
    .titol_meves_formacions{
        font-size: 45px;
    }                 
    
    
    .fitxa_resum .info_especifica.cupo{
        padding-top: 20px;
    }
    
    .fitxa_espai_general #wrapper.header_organitzador .contingut .logo{
        width: 120px;
        height: 120px;
        margin-right: 15px;
    }
    
    .wrapper_detalls .contingut .text_contacte{
        width: 100%;
    }
    
    .wrapper_detalls .contingut .mapa{
        width: 100%;
        margin-top: 30px;
    }
    
    .wrapper_detalls .contingut .text.meitat,
    .wrapper_detalls .contingut .video_imatges,
    .wrapper_detalls .contingut .form_contacte{
        width: 100%;
    }
    
    .wrapper_detalls .contingut .form_contacte .fila .cols_2{
        width: 100%;
        padding: 0px !important;
    }
    
    .wrapper_detalls .contingut .form_contacte .fila .cols_2:first-of-type{
        margin-bottom: 20px;
    }
    
    .fitxa_espai_general #wrapper.header_organitzador .menu a{
        font-size: 16px;
        margin-right: 15px;
    }
    
    .fitxa_resum .info_especifica .text .inscripcio.banner{
        margin-top: 0px;
    }
    
    .wrapper_botiga_categories_home .wrapper_categories .categoria{
        width: calc(1/2*100% - (1 - 1/2)*20px);
    }
    
    .wrapper_botiga_proveidors_home .wrapper_proveidors .proveidor{
        width: calc(1/4*100% - (1 - 1/4)*20px);
    }
    
    .botiga_producte{
        width: calc(1/2*100% - (1 - 1/2)*20px) !important;
    }
    
}


/*
Versions Mobile petites
*/
@media (max-width: 450px) {
            
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_info_mapa .text_km_de{
        width: 25%;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_info_mapa input.km{
        width: 25%;
    }
    
    .afinador.mobile .afinador_contingut .wrapper_form_search .input_info_mapa input.ciutat{
        width: 40%;
    }
    
    .element_llista_formacio .dades_imatge .dades{
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .element_llista_formacio .dades_imatge .dades .dia{
        font-size: 23pt;
        line-height: 30px;
        padding-right: 10px;
    }
    
    .element_llista_formacio .dades_imatge .dades .mes{
        font-size: 11pt;
        line-height: 15px;
        padding-right: 10px;
        width: 24%;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom{
        padding-left: 10px;        
        width: 61%;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom .dies{
        font-size: 10pt;
        line-height: 15px;
        padding-right: 10px;
        width: 60%;
    }
        
    .element_llista_formacio .dades_imatge .dades .div_bottom .hores{
        padding-left: 10px;
        font-size: 12pt;
        width: 40%;
        line-height: 15px;
        padding-top: 0px;
    }
    
    .fitxa_espai_general #wrapper .wrapper_info .text .link_formacions{
        font-size: 12pt;
    }
    
    .llista_formacions_actuals #close_llista_formacions,
    .llista_formacions_historic #close_llista_formacions,
    .llista_formacions #close_llista_formacions{
        position: relative;
        float: right;
        margin-bottom: 20px;
        top: 0px;
    }
    
    #register_form_usuari,
    #register_form_organitzador{
        top: 365px !important;
    }
        
    .popup_wrapper_register_org input{
        padding-left: 8px;
    }
    
    .popup_wrapper_register_org input.input_xxss{
        font-size: 10pt;
    }
    
    .wrapper_option .selector{
        width: 10%;
    }
    
    .wrapper_option .text{
        width: 90%;
    }
    
    .element_llista_formacio_perfil .formacio_info .titol{
        line-height: 26px;
        font-size: 22px;
    }
    
    .element_llista_formacio_perfil.formacions_inscrites .formacio_info .formador,
    .element_llista_formacio_perfil .formacio_info .lloc,
    .element_llista_formacio_perfil .formacio_info .dies{
        font-size: 14px;
    }
    
    .element_llista_formacio_perfil.formacions_inscrites .formacio_info .botons .materials{
        margin-top: 15px;
    }
    
    .titol_meves_formacions{
        font-size: 35px;
    }
    
    #cookies .text_cookies .tancar{
        text-align: right;
    }
    
    #cookies .text_cookies .tancar a{
        display: block;
        width: 400px;
        height: 100px;
    }
    
    .wrapper_llistat_formacions_fitxa .submenu_organitzador a{
        width: 100%;
    }
    
    .wrapper_llistat_formacions_fitxa .submenu_organitzador .separador{
        display: none;
    }
    
    .wrapper_botiga_categories_home .wrapper_categories .categoria{
        width: 100%;
    }
    
    .wrapper_botiga_proveidors_home .wrapper_proveidors .proveidor{
        width: calc(1/3*100% - (1 - 1/3)*20px);
    }
    
    .botiga_producte{
        width: 100% !important;
    }
    
    .botiga_producte .info .preu{
        font-size: 35px;
    }
}


/*
Versions Mobile molt petites
*/
@media (max-width: 370px) {
    #link_menu_mobile{
        width: 30px;
        margin-top: 23px;
    }
    
    #link_menu_mobile img{
        width: 100%;
    }
    
    .logo_header{
        width: 150px;
        margin-left: -75px;
    }
    
    .element_llista_formacio .dades_imatge .dades{
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .element_llista_formacio .dades_imatge .dades br::before{
        content: ' ';
    }
    
    .element_llista_formacio .dades_imatge .dades br{
        display: none;
    }
    
    .element_llista_formacio .dades_imatge .dades .dia{
        width: 15%;
        font-size: 22pt;
        box-sizing: border-box;
    }
    
    .element_llista_formacio .dades_imatge .dades .mes{
        width: 85%;
        box-sizing: border-box;
        border-right: none;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 0px;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom{
        width: 100%;
        box-sizing: border-box;
        padding-left: 0px;
        margin-top: 15px;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom .dies{
        width: 100%;
        padding-right: 15px;
        border-right: none;
    }
    
    .element_llista_formacio .dades_imatge .dades .div_bottom .hores{
        text-align-last: left;
        width: 100%;
        margin-top: 10px;
        padding-left: 0px;
    }
    
    .element_llista_formacio .dades_imatge .dades.online .div_bottom .hores{
        width: 100%;
    }
    
    .element_llista_formacio .formacio_info .botons{
        float: left;
        bottom: auto;
        right: auto;
        position: relative;
        margin-top: 20px;
    }
    
    .element_llista_formacio .formacio_info .botons div{
        float: left;
        min-width: 90px;
        padding: 5px 8px;
        width: 90px;
    }
    
    .element_llista_formacio .formacio_info .botons div.btn_negre{
        margin-left: 0px;
    }
    
    .col_form_inscripcio .bloc_form .titol{
        font-size: 16pt !important;
    }
    
    .wrapper_detalls .contingut .video_imatges .imatge{
        width: 100%;
        padding: 0px !important;
    }
    
    .wrapper_botiga_proveidors_home .wrapper_proveidors .proveidor{
        width: calc(1/2*100% - (1 - 1/2)*20px);
    }
    
    .graella_organitzadors .item_organitzador{
        width: calc(100% - 10px);
    }
        
}