@media only screen and (min-width : 0px) and (max-width : 1355px) {
    .node-social a:link, .node .node-social a:visited{
        float: left;
        margin-right: 2px;
        margin-top: 10px;
    }
    .node-social{
        position: static;
        right: 0;
        width: auto;
        float: left;
    }
}
@media only screen and (min-width : 0px) and (max-width : 1200px) {
    * {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }
    #focus-publ #publ .title-8 a span.tooltip {
    width: 315px;
    border-radius: 10px !important;
    }
    #header{
        position: relative;
    }
    #header-space{
        height: 0;
    }
    .center {
        width: 100%;
        margin: 0;
    }
    #news-ind #indicators #indicators-front,
    #header-menu .block-menu {
         width: 100% !important;
    }
    #news-ind #news,
    #news-ind #indicators {
        display: block;
        float: left;
        width: 48%;
        padding: 0;
    }
    #news-ind #indicators {
        float: right;
    }
    #news-ind #quick-access {
        display: block;
        clear: both;
        margin-top: 30px;
    }
    #news-ind #indicators #indicators-front .home-indicador img,
    #news-ind #news .home-news-main img {
        width: 100%;
        height: auto;
    }
    #news-ind #indicators #indicators-inner {
        width: 500%;
        padding-bottom: 20px;
    }
    #news-ind #indicators #indicators-front .home-indicador {
        width: 20%;
    }
    #focus-publ #publ,
    #focus-publ #focus {
        display: block;
        width: 100%
    }
    #focus-publ .td-separator {
        display: none;
    }
    #tax-events #event-highlighted, 
    #tax-events #rates,
    #tax-events #events {
        display: block;
        width: 100%
    }
    #news{
        width: 100% !important;
        padding-bottom: 26px !important;
    }
    #news h2{
        margin-left: 5%;
    }
    #tax-events #event-highlighted .date, #news-ind #news .home-news .date{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }
    #news-ind #news .home-news .title{
        width: 90%;
        margin-left: 5%;
        float: left;
    }
    #news-ind #news .home-news .summary,
    #news-ind #news .home-news .tag{
        width: 90%;
        margin-left: 5%;
        float: left;
    }
    #news-ind #news, #news-ind #indicators{
        width: 100%;
    }
    #news-ind #news .see-all{
        width: 100%;
        text-align: center;
    }
    #news-ind #news .see-all a{
        width: 90%;
    }
    #indicators{
        margin-top: 45px;
    }
    #news-ind h2{
        margin-left: 5%;
    }
     #news-ind #indicators .title{
        width: 90%;
        margin-left: 5%;
    }
    #news-ind #indicators #indicators-front .home-indicador{
        padding-bottom: 26px;
    }
    #news-ind #indicators #indicators-front .home-indicador img{
        margin-top: 15px;
    }
    #news-ind #indicators .see-all{
        width: 100%;
        text-align: center;
    }
    #news-ind #indicators .see-all a{
        width: 90%;
    }
    .node .field-name-field-video video,
    .node .field-name-field-imagem img {
        width: 100%;
        height: auto;
    }
    .field-collection-container .float-right,
    .field-collection-container .float-left {
        float: none;
        margin: 0;
    }
    .field-collection-container .content_50_perct.float-left,
    .field-collection-container .media_thumbnail.float-left {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .field-collection-container .media_thumbnail.float-left img {
        width: auto;
        height: auto;
    }
    .field-collection-container .content_50_perct.float-right,
    .field-collection-container .media_thumbnail.float-right {
        float: right;
        margin-left: 20px;
        margin-bottom: 20px;
    }
    .field-collection-container .content_50_perct.float-left,
    .field-collection-container .content_50_perct.float-right {
        width: 50%;
    }
    .field-collection-container .content_33_perct.float-left,
    .field-collection-container .content_33_perct.float-right {
        width: 33%;
        margin: 0 1% 1% 0;
        float: left;
    }
    .field-collection-container .content_33_perct.float-right {
        margin: 0 0 1% 1%;
        float: right;
    }
    .field-collection-container .content_150.float-left,
    .field-collection-container .content_150.float-right {
        /*width: 15%;*/
        margin: 0 1% 1% 0;
        float: left;
    }
    .field-collection-container .content_150.float-right {
        margin: 0 0 1% 1%;
        float: right;
    }
    .field-collection-container .media_thumbnail.float-right img {
        width: auto;
        height: auto;
    }
    .node .field-name-field-imagem.content_50_perct img {
        /*width: 50%;*/
        /*height: auto;*/
    }
    .node {
        padding-right: 0;
    }
    #menu-burger{
        display: block;
        color: #fff;
        width: 60px;
        height: 60px;
        float: left;
        position: absolute;
        line-height: 55px;
        font-size: 60px;
        cursor: pointer;
    }
    #header-menu ul.menu{
        display: none;
        position: absolute;
        top: 60px;
        z-index: 80;
        background-color: red;
        width: 100%;
        left: 0;
        z-index: 80;
    }
    #header-menu .region-mainmenu.opened ul.menu {
        display: block;
    }
    #header-menu .region-mainmenu.opened ul.menu ul.menu,
    #header-menu .region-mainmenu.opened ul.menu ul.menu ul.menu,
    #header-menu .region-mainmenu.opened ul.menu li.opened ul.menu ul.menu {
        display: none;
    }
    #header-menu .region-mainmenu.opened ul.menu li.opened ul.menu,
    #header-menu .region-mainmenu.opened ul.menu li.opened ul.menu li.opened ul.menu {
        display: block;
    }
    #header-menu ul.menu li a:link, #header-menu ul.menu li span.nolink {
        width: 90%;
        padding: 0 2%;
        text-align: left;
        cursor: pointer;
    }
    #header-menu ul.menu li{
        margin: 0;
        padding: 0;
        float: left;
        display: block;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        background-color: #023F5A;
        border-bottom: 1px solid #3F667A;
    }
    #header-menu ul.menu li.active-trail{
    	background-color: #fff;
    }
    #header-menu ul.menu li.opened{
        background-color: #9EB2BC;
    }
    #header-menu ul.menu li.home a.active{
            background-color: #023F5A;
            color: #fff;
            border: 0px;
            
    }
    #header-menu ul.menu li a:link, #header-menu ul.menu li span.nolink{
        font-size: 20px;
    }
    #header-menu ul.menu li ul.menu li a:link, 
    #header-menu ul.menu li ul.menu li a:visited, 
    #header-menu ul.menu li ul.menu li span.nolink{
        padding: 20px 5% 20px;
    }
    #header-menu ul.menu li ul.menu {
        display: none ;
        position: relative;
        z-index: 3;
        top: 1px;
        background-color: #8F733C;
        width: 100%;
        left: 0;
        height: auto;
    }
    #header-menu ul.menu li.opened ul.menu li{
        width: 100%;
        float: left;
        background-color: #CED9DE !important;
        padding-bottom: 0px;
        color:#023F5A;
        border-bottom: 1px solid #9EB2BC;
    }
    #header-menu ul.menu li.opened ul.menu li span, 
    #header-menu ul.menu li.opened ul.menu li a{
        color:#023F5A;
        text-decoration: none;
    } 
    #header-menu ul.menu li ul.menu li:first-child{
        /*border-top:1px solid #fff;*/
    }
    #header-menu ul.menu li ul.menu ul.menu {
        display: none;
        position: relative;
        z-index: 3;
        top: 1px;
        background-color: #CED9DE;
        width: 100%;
        left: 0;
        height: auto;
    }
    #header-menu ul.menu li.opened ul.menu li ul.menu li{
        width: 100%;
        float: left;
        background-color: #fff !important;
        padding-top: 10px;
        border-bottom: 1px solid #CED9DE;
    }
    #header-menu ul.menu li ul.menu li ul.menu li a:link, 
    #header-menu ul.menu li ul.menu li ul.menu li a:visited, 
    #header-menu ul.menu li ul.menu li ul.menu li span.nolink{
        padding-left: 7%;
        width: 80%;
    }
     #header-menu ul.menu li ul.menu li ul.menu li:last-child{
        border-bottom: 0;
     }
    #header-menu ul.menu li ul.menu li ul.menu li:first-child{
        border-top:1px solid #CED9DE;
    }
    .block-menu{
        display: block !important;
        background-color: #8F733C;
    }
    #header-menu ul.menu li ul.menu li a:link, #header-menu ul.menu li ul.menu li a:visited, #header-menu ul.menu li ul.menu li span.nolink{
        font-size: 16px;
    }

    #header-menu ul.menu li:hover span.nolink, #header-menu ul.menu li:hover a, #header-menu ul.menu li span.nolink:hover, #header-menu ul.menu li a:hover, #header-menu ul.menu li a.active{
        background-color: transparent;
    }
    #header-menu ul.menu li ul li{
        background-color: #fff !important;
    }
    .super-block{
        display: block !important;
    }
    .super-none{
        display: none !important;
    }
     .super-blue{
        background-color: #023F5A !important;
     }
     .super-gold{
        background-color: #8F733C !important;
     }
     .contactos-seccao .contact-item .item-top, 
     .contactos-seccao .contact-item .item-top a{
        font-size: 19px;
     }
     
     #header-menu .region-mainmenu.opened ul.menu li.opened ul.menu li.column ul.menu{
        display: block;
     }
     #header-menu .region-mainmenu.opened ul.menu li.opened ul.menu li.column ul.menu li{
        padding-top: 0;
        background-color:#CED9DE !important; 
        border-bottom: 1px solid #9EB2BC;
     }
     #header-menu .region-mainmenu.opened ul.menu li.opened ul.menu li.column li.span,
     #header-menu .region-mainmenu.opened ul.menu li.opened ul.menu li.column li a{
        color: #fff;
     }
     #header-menu .region-mainmenu.opened ul.menu li.opened ul.menu li.column ul.menu li ul.menu{
       display: none;
     }
     #header-menu .region-mainmenu.opened ul.menu li.opened ul.menu li.column ul.menu li.opened ul.menu{
       display: block;
     }
     #header-menu ul.menu li ul.menu li.column ul.menu li a:link, 
     #header-menu ul.menu li ul.menu li.column ul.menu li a:visited, 
     #header-menu ul.menu li ul.menu li.column ul.menu li span.nolink{
        padding: 20px 20px 14px;
        color: #023F5A;
     }
     #header-menu .region-mainmenu.opened ul.menu li.opened ul.menu li.column ul.menu li ul.menu li{
        padding-top: 10px;
        background-color:#fff !important; 
     }
     #news-ind #indicators #indicators-front .home-indicador img, #news-ind #news .home-news-main img{
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
     }
     #footer-menu .items-3 ul.menu{
        display: none !important;
     }
    .node-social a:link, .node .node-social a:visited{
        float: left;
        margin-right: 2px;
        margin-top: 10px;
    }
    .node-social{
        position: static;
        right: 0;
        width: auto;
        float: left;
    }
    .view.view-economistas .attachment.attachment-before form #edit-actions .form-submit{
        margin-top: 20px;
    }
    .ui-dialog{
        position: absolute;
        left: 0 !important;
        top:0 !important;
        width: 100% !important;
        padding: 0;
    }
    .ui-dialog div.table{
        width: 100% !important;
        padding: 0;
        display: block;
        padding-bottom: 5vw;
        /*margin-top:80px;*/
    }
    body .ui-dialog .ui-dialog-titlebar-close span {
        display: block;
    }
    body .ui-dialog .ui-dialog-titlebar-close {
        font: 14px / 17px 'Open Sans', sans-serif;
        width: 80%;
        height: 100%;
        line-height: 52px;
    }
    body .ui-dialog .ui-dialog-titlebar-close:after {
        display: none;
    }
    #modal .cell-image{
        padding: 0;
        width: 100%
    }
    
    #modal .cell-image img{
        width: 100%;
        height: auto;
    }
    body.modal #wrapper,
    body.modal  .ui-widget-overlay {
        display: none;
    }
    body.modal .ui-dialog-content #wrapper {
        display: block;
    }
    #modal.table div.cell{
        margin-top: 20px;
        width: 90%;
        margin-right: 5%;
        margin-left: 5%;
        display: block !important;
        float: left !important;
    }
    #modal .see-all a{
        width: 100%;
        text-align: center;
        padding: 3vw 0;
        font-size: 5vw;
    }

    #modal .title, #modal .title a:link, #modal .title a:visited{
        font-size: 8vw;
    }
    #modal .text{
        font-size: 4vw;
        line-height: 5vw;
        margin-bottom: 5vw;
    }
    .ui-dialog .ui-dialog-titlebar{
        height: 80px;
        position: static;
        background-color: #E8E3D9;
        padding: 0;
    }
    .ui-dialog .ui-dialog-title {
        background: #fff url('/sites/all/themes/javali_theme/images/bp_default.png') no-repeat center center;
        display: block;
        float: left;
        width: 20%;
        margin: 0;
        height: 100%;
        padding:0;
    }
    .ui-dialog .ui-dialog-titlebar-close {
        float: right;
        width: 80%;
        height: 100%;
        line-height: 52px;
    }
    .ui-dialog .ui-dialog-titlebar-close span {
        background: transparent;
        text-indent: 0;
        width: auto;
        height: 100%;
        padding-left: 5%;
        margin: 0;
        font-weight: 600 !important;
        line-height: 80px;
    }
    .node-type-publicacao #main-content .view-series-publicacoes .view-filters{
        width: 100%;
    }
    .customsection div.table div.cell {
        display: block;
        width: 90% !important;
        margin: 0 5% 30px; !important;
        padding: 0 !important;
    }
    .customsection div.table div.cell video,
    .customsection div.table div.cell img {
        width: 100%;
        height: auto;
    }
    body.modal #dialog #main-content {
        width: 90%;
    }
    body.modal #dialog #main-content svg {
        width: 100%;
    }
    #indicators-front svg {
        width: 100%;
    }
    #javali-search-form {
        display: none;
    }
    .page-search #javali-search-results {
        width: 100%;
        margin: auto;
        display: block;
        padding: 0;
    }
    .node-type-projecao-economica .ui-tabs,
    .node-type-indicador .ui-tabs,
    .field-collection-item-field-content-group .tabs {
        display: none;
    }
    .node-type-projecao-economica .responsive-tabs,
    .node-type-indicador .responsive-tabs,
    .field-collection-item-field-content-group .responsive-tabs {
        display: block;
    }
    .node-type-indicador td img,
    .node-type-indicador .hideformmobile {
        display: none;
    }
    .node-indicador .ctools-collapsible-content span.title {
        position: static;
        font-size: 15px;
    }
    .node-type-indicador .ctools-collapsible-container .ctools-collapsible-content th,
    .node-type-indicador .ctools-collapsible-container .ctools-collapsible-content td {
        font-size: 13px;
    }
    #wrapper.page404 #main-content{
        width: auto;
    }
    .node-type-webform .node-webform .webform-progressbar-containner{
        display: none;
    }
    .node-type-webform .node-webform .webform-progressbar-number{
        display: block;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
        color: #023F5A;
        font-weight: bold;
    }
    .node-webform input[type="text"], .node-webform input[type="email"]{
        width: 100%;
    }
    .node-webform .webform-component-select select, .node-webform .form-item select{
        width: 100%;
    }

    .node-webform .webform-component-date select{
        width: 20%;
    }
    .node-webform .form-actions input.webform-next, 
    .node-webform .form-actions input.webform-previous, 
    .node-webform .form-actions input.webform-submit, 
    .node-webform .form-actions input#reset,
    .node-webform .form-actions input#edit-reset{
        /*padding: 0 70px;*/
        height: 50px;
        background-color: #3F667A;
        color: #fff;
        font-weight: bold;
        font-size: 12px;
        outline: 0;
        border: 0;
        margin: 10px 0;
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .node-webform .form-actions a.button-form{
        width: 100% !important;
        display: inline-block;
        margin: 0;
        line-height: 50px;
        text-align: center;
        padding: 0;
    }
    .node-webform .form-actions input.webform-next, 
    .node-webform .form-actions input.webform-previous, 
    .node-webform .form-actions input.webform-submit{
        float: none;
    }
    .node-webform textarea{
        width: 100%;
    }
    #lang #user-login a span.text {
        display: none;
    }
    #lang #user-login a span.nif {
        padding-left: 0;
    }
    .node-evento .group-header{
        width: 100%;
        float: left;
        height: auto;
    }
    .node-evento .group-header .field{
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    .node-evento .group-inscricao{
        position: relative;
        float: left;
        left: 0;
    }
    .view .message-legis {
        top: -21px;
        padding: 1px 10px;
        margin: 0;
    }
    input[type=file],
    input[type=button],
    input[type=submit] {
        -webkit-border-radius:0px;
        border-radius: 0;
        -webkit-appearance:none;
    }
    .contactos-seccao .contact-item .item-image {
        display: none;
    }
    .contactos-principal .contacto-containner {
        width: 100%;
    }
    .contactos-principal .contactos-mapa div {
        width: 100% !important;
    }
    
    .page-intervencoes #main-content .view .view-content .views-row .views-field.views-field-field-tipo-intervencao,
    .page-comunicados #main-content .view .view-content .views-row .tag {
        float: right;
        width: 83%;
    }
    .page-intervencoes #main-content .view .view-content .views-row .views-field-field-imagem,
    .page-comunicados #main-content .view .view-content .views-row .views-field-field-imagem {
        float: left;
        width: 13%;
        margin-right: 4%;
    }
    .views-field-field-tipo-paper a:link, 
    .views-field-field-tipo-paper a:visited, 
    .field-name-field-area-de-interesse a:link, 
    .field-name-field-area-de-interesse a:visited, 
    .views-field-field-area-de-interesse a:link, 
    .views-field-field-area-de-interesse a:visited, 
    .field-name-field-tags a:link, 
    .field-name-field-tags a:visited, 
    .views-field-field-tags a:link, 
    .views-field-field-atividade a:visited, 
    .views-field-field-atividade a:link, 
    .views-field-field-tags a:visited, 
    .views-field-field-tipo-intervencao a:link, 
    .views-field-field-tipo-intervencao a:visited, 
    .tag a:link, 
    .tag a:visited{
        border-radius: 10px !important;
    }

    .page-recrutamento #main-content .view .view-content .views-row .views-field-field-departamento a{
        border-radius: 10px !important;
    }
    .front .section-img-text iframe{
    	width: 100%;
    }
    .front #event-highlighted iframe{
    	width: 100% !important;
    }
    .simulador-response-item svg g,
    .simulador-response-item svg {
        /*width: 100%;*/
    }
    .simulador-response-item #chart {
        /*height: 500px;*/
    }
}