/*Mobile*/
[class ^= menu-mobile-] {
    display: none;
}


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

    body{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        font-size: 12px;
        overflow-x: hidden;
    }

    .mobile-hidden{
        display: none;
    }
    .visible-mobile{
        display: block;
    }


    .size-12 {
        font-size: 10px;
    }
    .size-13{
        font-size: 11px;
    }
    .size-14{
        font-size: 12px;
    }
    .size-15{
        font-size: 13px;
    }
    .size-16{
        font-size: 14px;
    }
    .size-23{
        font-size: 21px;
    }
    .size-30 {
        font-size: 28px;
    }

    .padding-left-10{
        padding-left: 0px;
    }

    .padding-right-10{
        padding-right: 0px;
    }

    .padding-right-20{
        padding-right: 0px;
    }

    .padding-right-30{
        padding-right: 0;
    }

    .padding-right-40{
        padding-right: 0px;
    }

    .main {
        width: 100%;
        float: left;
    }


    /* Menu Mobile */
    .main-menu {
        background-color: #000;
        box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
        position: fixed;
        width: 100%;
        z-index: 5;
        top:0;
        line-height: normal;
    }

    .main-menu .menu-mobile-container{
        display: block;
    }

    .main-menu .main-menu-container {
        overflow: hidden;
        background-color: #000;
        clear: both;
        max-height: 0;
        transition: max-height .2s ease-out;
    }

    .main-menu .main-menu-container ul li{
        float: left;
        padding: 10px 20px;
        width: 100%;
    }

    .main-menu .main-menu-container ul li a{
        font-size: 13px;
    }



    .main-menu .menu-mobile-logo {
        display: table-cell;
        /*float: left;*/
        /*padding: 10px 20px;*/
        /*padding-left: 10px;*/
        text-align: center;
        vertical-align: middle;
    }

    .main-menu .menu-mobile-logo img{
        max-width: 100%;
        height:auto;
    }

    .menu-mobile-container .logo{
        display: table;
        height: 58px;
    }

    .menu-mobile-container .redes-sociais{
        display: table;
        height: 58px;
    }

    .menu-mobile-container .redes-sociais div{
        display: table-cell;
        /*float: left;*/
        /*padding: 10px 20px;*/
        /*padding-left: 10px;*/
        text-align: right;
        vertical-align: middle;
        font-size: 14px;
    }

    .menu-mobile-container .redes-sociais div a{
        margin-right: 7px;
    }

    /* menu icon */

    .main-menu .menu-mobile-icon {
        cursor: pointer;
        display: inline-block;
        float: left;
        padding: 28px 20px;
        position: relative;
        user-select: none;
    }

    .main-menu .menu-mobile-icon .menu-mobile-navicon {
        background: #fff;
        display: block;
        height: 2px;
        position: relative;
        transition: background .2s ease-out;
        width: 18px;
    }

    .main-menu .menu-mobile-icon .menu-mobile-navicon:before,
    .main-menu .menu-mobile-icon .menu-mobile-navicon:after {
        background: #fff;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        transition: all .2s ease-out;
        width: 100%;
    }

    .main-menu .menu-mobile-icon .menu-mobile-navicon:before {
        top: 5px;
    }

    .main-menu .menu-mobile-icon .menu-mobile-navicon:after {
        top: -5px;
    }

    /* menu btn */

    .main-menu .menu-mobile-btn {
        display: none;
    }


    .main-menu .menu-mobile-btn:checked ~ div.main-menu-container {
        max-height: 500px;
    }


    .main-menu .menu-mobile-btn:checked ~ .menu-mobile-container .menu-mobile-icon .menu-mobile-navicon {
        background: transparent;
    }

    .main-menu .menu-mobile-btn:checked ~ .menu-mobile-container .menu-mobile-icon .menu-mobile-navicon:before {
        transform: rotate(-45deg);
    }

    .main-menu .menu-mobile-btn:checked ~ .menu-mobile-container .menu-mobile-icon .menu-mobile-navicon:after {
        transform: rotate(45deg);
    }

    .main-menu .menu-mobile-btn:checked ~ .menu-mobile-container .menu-mobile-icon:not(.steps) .menu-mobile-navicon:before,
    .main-menu .menu-mobile-btn:checked ~ .menu-mobile-container .menu-mobile-icon:not(.steps) .menu-mobile-navicon:after {
        top: 0;
    }




    .unslider-nav {
        width: 100%;
    }

    .unslider-wrap.unslider-carousel > li img {
        height: 250px;
    }

    .unslider-arrow {
        z-index: 4;
    }

    .unslider-nav ol {
        padding-right: 30px;
    }

    .unslider-nav ol li {
        height: 14px;
        width: 14px;
    }

    .slide-container {
        height: 120px;
        left: 55px;
    }

    .slide-marca,
    .slide-versao
    {
        font-size: 15px;
    }

    .main.mobile-main{
        padding: 0 10px;
    }

    .mobile-content .ofertas{
        font-size: 12px;
        padding: 20px 10px;
        float: left;
        width: 100%;
    }

    .slide-container-main .preco {
        display: none;
    }


    .titulos-line-through {
        width: auto;
    }

    .titulos-line-through span {
        padding: 0 30px;
    }

    .lista-destaques-home .item {
        margin-bottom: 15%;
        width: 100%;
    }

    .mobile-with-100{
        width: 100%;
    }

    .botao{
        width: 100%;
        text-align: center;
    }

    .mobile-categorias .custom-col-xs-2{
        width: 50%;
        font-size: 12px;
    }

    .mobile-categorias .custom-col-xs-2{
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .mobile-categorias i{
        font-size: 25px;
    }

    .mobile-categorias .spacer-50,
    .mobile-categorias .spacer-60
    {
        height: 0;
    }


    .img-responsive {
        object-fit: cover;
        width: 100%;
    }

    .garantia-credito {
        height: 400px;
    }

    .footer-menu .section{
        width: 50%;
    }

    .footer-menu .section:last-child{
        width: 100%;
    }

    .footer-menu ul li {
        font-size: 11px;
    }

    .footer-menu h2{
        text-align: left;
    }

    .banner-topo img {
        height: 150px;
    }

    .vistas div {
        float: none;
    }

    .vistas ul {
        display: inline-block;
    }

    .filtros-1 select, .filtros-2 select, .filtros-ordenacao select {
        height: 30px;
        margin-right: 0;
        width: 100%;
        margin-bottom: 5px;
    }

    .filtros-ordenacao{
        display: block;
    }

    .filtros-ordenacao .custom-col-xs-4,
    .filtros-ordenacao .custom-col-xs-7{
        width: 100%;
    }


    .paginacao {
        float: none;
        text-align: center;
    }


    .paginacao ul {
        display: inline-block;
    }


    .lista-viaturas-1 .item .imagem {
        margin-right: 0;
        width: 100%;
    }

    .lista-viaturas-1 .item .info .versao {
        margin-left: 0;
    }

    .lista-viaturas-1 .item .info {
        margin-right: 0;
        width: 100%;
        height: auto;
        float: left;
    }


    .lista-viaturas-botao {
        text-align: center;
        width: 100%;
    }

    .lista-viaturas-1 .item .info .lista-botao,
    .lista-viaturas-1 .item .preco .lista-botao {
        bottom: 0;
        position: relative;
        float: left;
        margin: 10px 0;
    }

    .lista-viaturas-1 .item .preco {
        display: block;
        height: auto;
        position: relative;
        width: 100%;
        float: left;
    }

    .filtros-1 a {
        margin-bottom: 5px;
        width: 100%;
    }


    .visible-mobile.separador{
        padding-top: 58px;
    }


    .lista-noticias .item {
        margin-right: 0;
        width: 100%;
    }


    .lista-noticias .item .titulo {
        height: 40px;
    }

    .contactos-morada,
    .contactos-form
    {
        width: 100%;
    }

    .contactos-form .coluna {
        margin-right: 0;
        width: 100%;
    }


    .form-geral input[type="text"], .form-geral input[type="email"] {
        margin-bottom: 15px;
    }

    .contactos-form .custom-col-xs-6{
        width: 100%;
    }

    .overflow-x{
        overflow-x: auto;
        overflow-y: hidden;
    }

    .mensagens {
        width: 260px;
    }

    .centro-arbitragem .custom-col-xs-8,
    .centro-arbitragem .custom-col-xs-4{
        width: 100%;
        text-align: center;
    }

    .centro-arbitragem .aright{
        text-align: center;
    }

    .detalhe .custom-col-xs-7,
    .detalhe-caracteristicas .custom-col-xs-6,
    .detalhe-container-foto-info .custom-col-xs-6,
    .detalhe .custom-col-xs-5,
    .detalhe .custom-col-xs-2
    {
        width: 100%;
        text-align: center;
    }

    .detalhe h1, h2{
        text-align: center;
        width: 100%;
    }

    .detalhe-container-foto-info {
        display: block;
    }

    .detalhe-container-foto-info img{
        width: 100%;
        object-fit: cover;
        height: 230px;
    }

    .detalhe-caracteristicas .custom-col-xs-6
    {
        margin-bottom: 15px;
    }


    .detalhe-financiamento {
        float: left;
        position: relative;
    }



    .detalhe-menu-fundo > ul li.equipamento > a {
        background-position: center center;
    }

    .detalhe-menu-fundo > ul li.fotos > a {
        background-position: center center;
    }

    .detalhe-menu-fundo > ul li.anotacoes > a {
        background-position: center center;
    }

    .detalhe-menu-fundo > ul li.contactos > a {
        background-position: center center;
    }

    .detalhe-menu-fundo > ul li.videos > a {
        background-position: center center;
    }

    .detalhe-equipamento-descricao .custom-col-xs-3{
        width: 100%;
    }

    .detalhe-relacionados .custom-col-xs-3,
    .detalhe-relacionados .custom-col-xs-9{
        width: 100%;
    }

    .lista-viaturas-2 .item {
        margin-right: 0;
        width: 100%;
    }

    .lista-viaturas-2 .item .imagem {
        width: 100%;
    }


    .detalhe-menu-topo li:nth-child(1) > a,
    .detalhe-menu-topo li:nth-child(2) > a,
    .detalhe-menu-topo li:nth-child(3) > a,
    .detalhe-menu-topo li:nth-child(4) > a,
    .detalhe-menu-topo li:nth-child(5) > a,
    .detalhe-menu-topo li:nth-child(6) > a
    {
        background-position: center center;
    }

    .detalhe-menu-topo li:nth-child(1),
    .detalhe-menu-topo li:nth-child(6)
    {
        width: 13%;
    }

    .detalhe-menu-topo li:nth-child(2)
    {
        width: 20%;
    }

    .detalhe-menu-topo li:nth-child(3),
    .detalhe-menu-topo li:nth-child(4),
    .detalhe-menu-topo li:nth-child(5)
    {
        width: 18%;
    }

    .pedido-avaliacao .coluna {
        margin-right: 0;
        width: 100%;
    }

    .pedido-avaliacao .custom-col-xs-3,
    .pedido-avaliacao .custom-col-xs-9{
        width: 100%;
    }


    .detalhe-container-foto-info .foto-detalhe {
        height: 200px;
    }

    .header-menu{
        display: none;
    }

    .slide .redes-sociais{
        display: none;
    }

    .banner-topo .descricao{
        display: none;
    }


}