﻿@media only screen and (max-width: 1000px) {
    .navbar_logo {
        display: none;
    }

    /* .navbar-collapse {
        background-color: black;
    }*/


    .modalRepresentantesUtilizador {
        width: 100% !important;
    }

    #button_add {
        width: 100%;
        margin-right: 0px;
    }

    .button_ver {
        padding: 20px 20px;
    }

    .button_edit {
        padding: 20px 20px !important;
    }

    .button_apagar {
        padding: 20px 20px !important;
    }

    .homepage_banner_row2_butoes {
        width: 80%;
        margin: 0 auto;
    }

    .homepage_banner_butao3_sabermais {
        padding: 6px 44px;
    }

    .homepage_pesquisarapida_container {
        display: none;
    }

    .homepage_leiloesativos_caixa {
        margin-top: 20px;
    }

    .caixadefiltros {
        display: none;
    }

    .filtrosmobile-butao {
        width: 100%;
        height: 100px;
    }

    .listadeleiloes_caixa {
        min-height: 100vh;
    }

    .listadeleiloes_caixa_tempo {
        margin-left: 0px;
    }

    .listadeleiloes_caixa_licitacaoaganhar {
        margin-left: 0px;
    }

    .listadeleiloes_titulo {
        margin-top: 40px;
        text-align: center;
        font-size: 42px;
    }

    .listadeleiloes_caixa_valordelicitacao {
        margin-left: 0px;
    }

    .homepage_banner_butao1_Listadeleiloes_licitar {
        margin-left: 0px;
    }

    .carroporlicitacao_dados_mobile {
        width: 90% !important;
        margin: 0 auto;
    }

    .login-box {
        width: 99%;
    }

    .registar-box {
        width: 99%;
    }

    .AreaPessoal_Container_Index_Web {
        display: none !important;
    }

    .AreaPessoal_Container_Index_Mobile {
        display: block !important;
    }

    .User_AreaPessoal_Index_Table {
        overflow-x: scroll;
        width: 100%;
        display: block;
    }

    .navInfo_cont_row_parent {
        display: none;
    }

    .UserAreaPessoal_row1 {
        margin-left: 0px;
    }

    .container-Admin-Breadcrumbs {
        /*margin-left: 0rem;*/
    }

    .container-Admin {
        margin: 0rem;
    }

    .Admin_Leiloescriados_ListadeLeiloes {
        margin-left: 0rem;
        margin-top: 2rem;
        margin-right: 0rem;
        max-width: 1144px;
    }

    .Admin_Pesquisa_searchInput {
        width: 100%;
    }

    .Admin_ListarLeiloes_Box_Mobile {
        display: block;
    }


    .Button_Admin_Leilao_CriarLeilao {
        width: 100%;
    }

    .container-Admin-Viaturas {
        margin-left: 0rem;
    }

    .Admin_Header {
        margin-left: 0rem;
    }

    .AdminHeaderWeb {
        display: none;
    }

    .AdminHeaderMobile {
        display: block;
    }


    .AdminDashboardIcon {
        width: 40%;
        margin-top: 8px;
    }

    .PortalAdmin_Info_Valor {
        font-size: 18px;
        font-weight: 600;
        text-align: right;
        margin-bottom: 0px !important;
        width: 100%;
        margin-top: 10px;
    }

    .PortalAdmin_Info_Label {
        font-size: 18px;
        font-weight: 600;
        text-align: right;
    }

    .modal-dialog {
        width: 100% !important;
        margin: 0 auto;
        padding-left: 17px;
        padding-right: 34px;
        margin-top: 40px;
    }

    .modalBoxCompraImediata_btn1 {
        padding: 8px 12px;
        background-color: #56bb5b;
        border: 0px;
        color: white;
        transition: 0.4s all;
        margin-bottom: 15px;
        width: 46%;
        border-radius: 2px;
        margin-left: 10px;
        margin-right: 3px;
        font-family: Poppins;
    }

    .modalBoxCompraImediata_btn2 {
        padding: 8px 12px;
        background-color: #f91b1b;
        border: 0px;
        color: white;
        transition: 0.4s all;
        margin-bottom: 15px;
        width: 46%;
        border-radius: 2px;
        margin-left: 10px;
        margin-right: 3px;
        font-family: Poppins;
    }

    .Marketplace_Anuncio_BoxWeb {
        display: none
    }

    .Homepage_Anuncio_BoxWeb {
        display: none
    }

    .Marketplace_Anuncio_BoxMobile {
        background-color: white;
        border: solid 1px #969696ab;
        width: 90%;
        margin: 0 auto;
    }

    .Home_Anuncio_BoxMobile {
        background-color: white;
        border: solid 1px #969696ab;
        /*width: 90%;*/
        margin: 0 auto;
    }

    .Marketplace_Anuncio_Box_Info_VersaoKms_Mobile {
        font-size: 12px;
    }

    .Marketplace_Anuncio_Box_Info_DataLabel {
        font-size: 16px;
        font-weight: 600;
        text-align: right;
    }

    .Marketplace_Anuncio_Box_TimeRow {
        width: 100%;
        background-color: #feb71c;
        place-content: center;
        padding-top: 3px !important;
        margin-top: 0px !important;
    }

    .Marketplace_Anuncio_Box_TimeRow_FinalHour {
        width: 100%;
        place-content: center;
        padding-top: 3px !important;
        margin-top: 0px !important;
        background-color: red;
    }


    .homepage_leiloesativos_row2 {
        padding-top: 50px;
        width: 100%;
        margin: 0 auto;
    }

    .homepage_leiloesativos_caixa_todososleiloes {
        padding: 15px 50px;
        transition: 0.5s;
        background-color: #262626;
        color: #FEB71C;
        margin-bottom: 20px;
        margin-top: 20px;
        /*border-radius: 60px;*/
        font-family: Poppins;
        font-size: 18px;
        font-weight: 600;
    }

    .Dashboard_Container_InitalLabel1 {
        margin-left: 25px;
    }

    .Dashboard_Container_InitalLabel2 {
        margin-bottom: 60px;
        margin-left: 25px;
        margin-right: 25px;
    }

    .leilaoUtilizador_colFiltros {
        display: none
    }

    .leilaoUtilizador_colRight {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .homepage_banner_coluna2 {
        padding: 20px 0px;
    }

    .homepage_banner_titulo {
        width: 50%;
        display: flex;
        justify-content: center;
        font-size: 30px;
    }

    .viaturaPreVenda {
        font-size: 10px;
    }

    .Marketplace_Anuncio_Box_Info_MarcaModeloMobile {
        font-size: 13px;
    }

    .detalhesViatura {
        margin-bottom: 2%;
        font-size: 15px;
    }

    .ViaturaAdmin_Anuncio_Box_Info_MatriculaLabel {
        line-height: 18px;
        padding-right: 15px;
    }

    .Admin_AdicionarImg {
        font-size: 14px;
    }

    #Admin_Leiloescriados_DetalhesLeilao_LicitacoesContainer {
        padding: 45px 45px;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
    }

    .countNavAdmin {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background-color: #34444c;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        font-weight: normal;
    }
}

@media only screen and (min-width: 1300px) {
    .AreaPessoal_ContainerAnuncios_Index_Web {
        display: block
    }

    .AreaPessoal_ContainerAnuncios_Index_Mobile {
        display: none
    }
}

@media only screen and (min-width: 420px) {
    .AnuncioTime_BoxBigMobile {
        display: flex;
        width: 100%;
    }

    .AnuncioTime_BoxSmallMobile {
        display: none
    }
}

@media only screen and (max-width: 420px) {
    .AnuncioTime_BoxBigMobile {
        display: none;
        background-color: white;
    }

    .AnuncioTime_BoxSmallMobile {
        display: flex;
        background-color: white;
    }
}





@media only screen and (min-width: 920px) {
    .headerWeb {
        display: flex !important;
        width: 100%;
    }

    .headerMobile {
        display: none !important;
    }

    .container-Admin-ViaturasWeb {
        margin-left: 13rem;
        margin-top: 2rem;
        margin-right: 2rem;
        max-width: 1700px;
        width: 87% !important;
    }

    .container-Admin-ViaturasMobile {
        display: none
    }

    .Admin_ListarLeiloes_Box_Web {
        display: flex;
        background-color: white;
    }

    .Admin_ListarLeiloes_Box_Mobile {
        display: none;
        background-color: white;
    }

    .PortalAdminMobile {
        display: none;
    }

    .PortalAdminWeb {
        display: flex;
    }

    .Admin_ListarLeiloes_BoxAnunciosWeb {
        display: flex;
    }

    .Admin_ListarLeiloes_BoxAnunciosMobile {
        display: none;
    }
}

@media only screen and (max-width: 920px) {
    .headerWeb {
        display: none !important;
    }

    .headerMobile {
        display: flex !important;
    }

    .container-Admin-Breadcrumbs {
        /*margin-left: 0rem !important;*/
    }

    .container-Admin-ViaturasWeb {
        /*display: none*/
        margin-left: 1rem;
        margin-top: 2rem;
        margin-right: 2rem;
        max-width: 1700px;
        width: 100% !important;

    }

    .container-Admin-ViaturasMobile {
        margin-top: 2rem;
        max-width: 1700px;
        width: 90% !important;
        margin: 0 auto;
    }

    .Admin_ListarLeiloes_Box_Web {
        /*display: none;*/
    }

    .Admin_ListarLeiloes_Box_Mobile {
        display: flex;
        background-color: white
    }


    .PortalAdminMobile {
        display: block;
    }

    .PortalAdminWeb {
        display: none;
    }

    .PortalAdmin_Info_Label {
        text-align: left;
    }

    .PortalAdmin_Info_Valor {
        text-align: left;
    }

    .Admin_ListarLeiloes_BoxAnunciosWeb {
        display: none;
    }

    .Admin_ListarLeiloes_BoxAnunciosMobile {
        display: flex;
        width: 100%;
        margin: 0 auto;
    }

    .navbar_logo_homepage {
        margin-left: auto;
    }
}


@media only screen and (max-width: 570px) {
    .homepageViaturaDisponivelBoxImage {
        max-height: 229px !important;
    }
}




@media only screen and (max-width: 450px) {

    .homepage_carrosportipo_butao {
        padding: 6px 0px;
        transition: 0.5s;
        background-color: transparent;
        border: 3px solid white;
        color: white;
        margin-bottom: 20px;
        margin-top: 20px;
        /* border-radius: 60px; */
        font-size: 14px;
        width: 100%;
        display: block;
        text-align: center;
    }

    .homepage_carrosportipo_nome {
        padding-left: 0px !important;
    }
}

@media only screen and (max-width: 1300px) {
    .AreaPessoal_ContainerAnuncios_Index_Web {
        display: none
    }

    .AreaPessoal_ContainerAnuncios_Index_Mobile {
        display: block
    }
}

@media only screen and (min-width: 1000px) {
    .navbar_logomobile {
        display: none;
    }

    .listadeleiloes_filtrosmobile_titulo_container {
        display: none;
    }

    .AreaPessoal_Container_Index_Web {
        display: block !important;
    }

    .AreaPessoal_Container_Index_Mobile {
        display: none !important;
    }

    .Admin_ListarLeiloes_Box_Mobile {
        display: none;
    }

    .Admin_ListarLeiloes_Box_Web {
        display: block;
        border: solid 1px #96969638;
        background-color: white;
        border: 1px solid #ededed;
        box-shadow: 0 1px 1px 0 rgb(0 0 0 / 20%);
        display: block;
    }

    .AdminHeaderWeb {
        display: block;
    }
    /*
    .modal-dialog {
        width: 35% !important;
        max-width: 1200px !important;
    }*/

    .modalBoxCompraImediata_btn1 {
        padding: 8px 12px;
        background-color: #56bb5b;
        border: 0px;
        color: white;
        transition: 0.4s all;
        margin-bottom: 15px;
        width: 47%;
        border-radius: 2px;
        margin-left: 10px;
        margin-right: 3px;
        font-family: Poppins;
    }

    .modalBoxCompraImediata_btn2 {
        padding: 8px 12px;
        background-color: #f91b1b;
        border: 0px;
        color: white;
        transition: 0.4s all;
        margin-bottom: 15px;
        width: 47%;
        border-radius: 2px;
        margin-left: 10px;
        margin-right: 3px;
        font-family: Poppins;
    }

    .Marketplace_Anuncio_BoxWeb {
        background-color: white;
        border: solid 1px #c9c9c9ab;
        width: 100%;
        margin: 0 auto;
        max-width: 1300px;
        /*float: left;*/
        margin-left: 5%;
    }

    .Marketplace_Anuncio_BoxMobile {
        display: none;
    }

    .Home_Anuncio_BoxMobile {
        display: none;
    }

    .Marketplace_Anuncio_Box_TimeRowMobile {
        width: 100%;
        background-color: #FEB71C;
        place-content: center
    }


    .Marketplace_Anuncio_Box_TimeRow {
        margin-top: 4px !important;
        justify-content: right;
        width: 204px;
        display: flex;
        background-color: #feb71c;
        justify-content: left;
        box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1)
    }

    .Marketplace_Anuncio_Box_TimeRow_FinalHour {
        margin-top: 4px !important;
        justify-content: right;
        width: 204px;
        display: flex;
        background-color: red;
        justify-content: left;
    }

    .homepage_leiloesativos_row2 {
        padding-top: 50px;
        width: 90%;
        margin: 0 auto;
        max-width: 1700px;
    }

    .homepage_leiloesativos_caixa_todososleiloes {
        padding: 15px 50px;
        transition: 0.5s;
        background-color: #262626;
        color: #FEB71C;
        margin-bottom: 20px;
        margin-top: 20px;
        /*border-radius: 60px;*/
        /*font-family: Poppins;*/
        font-size: 18px;
        font-weight: 600;
    }


    .FiltersMobileButton {
        display: none
    }
}

@media only screen and (min-width: 1024px) {
    .homepage_pesquisarapida_row1 {
        width: 80%;
    }
}

@media only screen and (max-width: 426px) {
    .homepage_textMobile {
        font-size: 12px;
    }

    .homepage_textMobile2 {
        font-size: 22px;
    }

    .homepage_textMobile3 {
        font-size: 17px;
    }

    .Homepage_Anuncios_TimeboxWeb {
        display: none;
    }

    .Homepage_Anuncios_TimeboxMobile {
        display: block
    }
}



@media only screen and (min-width: 1000px) {

    .Homepage_Anuncios_TimeboxMobile {
        display: none;
    }

    .Homepage_Anuncios_TimeboxWeb {
        display: flex;
    }

    .navInfo_contactos_container_infoMobile {
        display: none
    }
}


/*@media only screen and (max-width: 920px) {

    .navInfo_contactos_container_info {
        display: none;
    }
 
}*/

@media only screen and (max-width: 1300px) {
    .anuncio_col {
        width: 50% !important;
        flex: 0 0 50.00000% !important;
        max-width: 50% !important
    }
}

@media only screen and (max-width: 1300px) and (min-width : 900px) {
    .anuncio_col {
        width: 50% !important;
        flex: 0 0 50.00000% !important;
        max-width: 50% !important
    }
    .homepageViaturasVendidasCol {
        display: none
    }
}


@media only screen and (max-width: 900px) {
    .anuncio_col {
        width: 100% !important;
        flex: 0 0 100.00000% !important;
        max-width: 100% !important
    }

    .container-Admin-Breadcrumbs {
        padding-left: 1rem !important;
    }

    .homepageMainBanner {
        background-image: url(../Assets/HomepageBackground.jpg);
        background-size: cover;
        background-position: center;
        height: 100%;
    }
}

@media only screen and (max-width: 700px) {
    .homepageViaturasVendidasCol {
        display: none
    }
}


.navbar_logomobile {
    width: 100%;
}

.navbar-toggler {
    margin-left: 60%;
    margin-top: 30px;
}

.caixadefiltrosMobile {
    height: 112vh;
    margin-bottom: 60px;
    box-shadow: 0px 4px 6px 6px rgba(204,204,204,0.75);
}



@media only screen and (max-width: 400px) {
    .homepage_banner_imagemdefundo {
        height: 75vh;
    }
}

@media only screen and (min-width: 400px) {
    .cmpbox1 .cmpboxbtns {
        min-width: 10% !important;
        max-width: 10% !important;
        margin-top: 20px !important;
    }
}
