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

    .container{width:100%;}
    #slider h1{font-size:13px !important;margin:0 !important;text-align:center;float:left;margin-bottom:2px;}
    #slider p{font-size:11px !important;margin:0;float:left;}

    .data_cube{width:16%;}
    .noticia_detail{width:79%;}

    .theme-custom .nivo-controlNav {bottom:4px;}
    .nivo-directionNav{display:none;}
    #top{height:auto;}
    #box_menu{height:auto;padding-bottom:10px;}
    #informacio_contacte{position:relative;overflow:hidden;width:100%;clear:both;}
    #informacio_contacte a{float:left;clear:none;max-width:48%;margin-right:2%;}

    .categoria_destacada h1{font-size:60px;}

    #menu {
        position:fixed;top:0;left:0;width:100%;z-index:100;margin:0;background:#EABF2F;overflow:auto;max-height: 100%;box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.2);
    }
    #top #informacio{background:#fff;}
    #top #informacio ul li a{color:#01387C;}

    #logo_small h1{color:#fff !important;}

    #menu .sf-menu ul{
        box-shadow: none;
    }
    #menu .sf-menu a {
        border-top:none;
        margin:0;
        padding: 10px 15px;
        border-bottom:1px solid rgba(0, 0, 0, 0.15);
        background:none !important;
        font-family: 'Roboto Condensed', sans-serif;
        color:#fff;
        font-size:15px;
        line-height:24px;
    }
    #menu .sf-menu a:hover {
        background:none !important;color:#EABF2F !important;
    }
    #menu li li{
        background: rgba(0, 0, 0, 0.15);
    }

    #menu .sf-menu li a{padding-left:20px;}
    #menu .sf-menu li a:hover{color:#000 !important;}
    #menu .sf-menu li li a{padding-left:40px;}
    #menu .sf-menu li li li a{padding-left:60px;}

    #menu_small h1{color:#fff;}

    h1.titol_nav{font-size:22px;line-height:48px;margin:0;padding:0;color:#fff;margin:5px 10px;text-transform:uppercase;}
    #mobnav-btn {
        float: right;
        font-size:20px;
        cursor:pointer;
        margin:5px;
    }
    #mobnav-btn i.fa-square{color:#000;}
    .mobnav-subarrow {
        position:absolute;
        top:0;
        right:0;
        z-index:10000000;
        font-size:20px;
        padding:0 15px;
        line-height:44px;

        background: rgba(0, 0, 0, 0.15);
    }
    .mobnav-subarrow i{
        color:#fff;
    }
    .sf-menu {
        width: 100%!important;
        display: none;
        margin:0;
    }
    .sf-menu.xactive {
        display: block!important;
    }
    .sf-menu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
    }
    .sf-menu li a {
        float: none!important;
    }
    .sf-menu ul {
        position:static!important;
        display: none!important;
    }
    .xpopdrop > ul {
        display: block!important;
    }
    #mobnav-btn i.fa-square{color:#000;}
}

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

    body.padding-top{padding-top:138px;}

    #top{background:#fff;}
    #top.fixat{position:fixed;top:0;width:100%;box-shadow: 0 2px 10px #ccc;}

    #menu{position:absolute;right:5px;top:0px;}
    #topbar-menu {
        position:relative;
    }
    #mobnav-btn,.titol_nav,.mobnav-subarrow {
        display: none;
    }

    .sf-menu li {
        white-space: nowrap; /* no need for Supersubs plugin */
        *white-space: normal; /* ...unless you support IE7 (let it wrap) */
        -webkit-transition: background .2s;
        transition: background .2s;
    }
    .sf-menu li li a{
        margin:0;
        border-top:none;
    }
    #menu ul li.last a{border:none;}
    #menu a{
        color:#333;
        padding:0 20px;
        font-size:15px;
        font-weight:700;
        font-family: 'Montserrat', sans-serif;
        margin:0;
    }
    #menu ul > li > a{padding:0 20px;line-height:100px;height:100px;background-color: transparent;-ms-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
    #menu li:last-child a{border-right:none;}
    #menu a:hover{color:#EABF2F;}
    #menu a.selected{color:#EABF2F;}
    #menu a.selected i{color:#EABF2F;}
    #menu li li a.selected{border:none;color:#EABF2F;}

    #menu li li a{
        padding:10px 20px;
        height:auto;
        line-height:normal;
        font-size:14px;
        font-weight:500;
        border:none;
        background:#333;
        color:#fff;
        text-transform:none;
    }
    #menu li li a:hover{color:#EABF2F;border:none;}
    #menu li.has-dropdown a{
        padding-right:10px;
    }
    #menu ul.dropdown{min-width:200px;}
    .sf-menu ul ul li {
        background: #fff;
    }
    .sf-menu li:hover,
    .sf-menu li.sfHover {
        /* only transition out, not in */
        -webkit-transition: none;
        transition: none;
    }

    #menu li li.sfHover a{color:#00377C;}
    #menu li li li a{color:#fff !important;}
    #menu li li li a:hover{color:#EABF2F !important;}

    #menu li.sfHover i{color:#EABF2F !important;}

}