/***************************************
* ESTILOS RESPONSIVE 
  PARA OS DIVERSOS TAMANHOS DE ECRÃS
****************************************/

@media (max-width: 3091px) {
    .sectionPanels{
        /*display:none;*/
    }
    .servicesMenuPanel{
        position:relative; 
        top:-20vh; 
        z-index:99; 
        height:0px;
    }
    .serviceMenu{
        min-width:28vh; 
        min-height:14vh;
        width:50vw;
        max-width:300px; 
        max-height:200px !important; 
    }
}

@media (max-width: 1800px) {
  
    .sectionPanels{
        /*display:none;*/
    }
    .servicesMenuPanel{
        position:relative; 
        top:-20vh; 
        z-index:99; 
        height:0px;
    }
    .serviceMenu{
        min-width:24vh; 
        min-height:12vh;
        width:50vw;
        max-width:300px; 
        max-height:200px !important; 
    }
}

@media (max-width: 1481px) {
    
    .sectionPanels{
       /*display:block;*/
    }

    .servicesMenuPanel{
        position:relative; 
        top:-32vh; 
        z-index:99; 
        height:80px;
    }
    .serviceMenu{
        min-width:24vh; 
        min-height:12vh;
        width:50vw;
        max-width:300px; 
        max-height:200px !important; 
    }
}

/*até o max 887 fazer...*/
@media (max-width: 991px) {
    /*menu topo*/
    .dropdown {background-color:#fff;}
    .dropdown-menu {background-color:#fff;border-radius: 0;/*color:#fff;*/}
    .nav-link{color:#ccc;background-color:rgba(0, 0, 0, 0.9);padding: 10px 0 5px 10px !important;width:100% !important;min-width:100%;}

    /*.titleTextGolden{font-size:2.5rem;}*/

    .carousel-InfoPanel01 {width:80vw;height:50vh;min-height:45vh;}

    .headerImage01 {background-image: url('Images/Frontpage/paneldef01.png');}
    /*.headerImage03 {background-image:none; background-color:#3a8c98;}*/
    .carousel-InfoPanel03 {
            width:80vw;
            height:40vh;
            min-height:45vh;
            /*background-color: rgba(0, 0, 0, 0.6);*/
            background-color:transparent;
    }


    /*fechar os menus imagem*/
    .sectionPanels{
        /*display:block;*/
    }
    .servicesMenuPanel{
        display:none;
    }
    .serviceMenu{
        display:none;
    }
}