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

@media (min-width: 499px) and (max-width: 768px) {

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

    .mobile-hidden {
        display: none !important;
    }

    .visible-mobile {
        display: block !important;
    }

    .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;
        -webkit-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 1);
        -moz-box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 1);
        box-shadow: 0px 5px 5px 0px rgba(51, 51, 51, 1);
    }

    .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: 45px;
    }

    .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;
        color: #fff;
    }

    /* 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;
    }

    .banner, .mobile-content {
        padding-top: 58px;
    }

    .detalhe .filtros-1 select {
        float: left;
        margin-right: 0;
        width: 100%;
    }

    .main.mobile-main > .spacer-50, .main.mobile-main > .spacer-70 {
        height: 20px;
    }

    .financia-section {
        width: 100%;
    }

    .financia-box {
        padding: 40px 20px;
    }

    .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 .custom-col-xs-3 {
        width: 50%;
    }

    .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 {
        height: auto;
        margin-right: 0;
        position: relative;
        width: 100%;
    }
    .lista-viaturas-1 .item .imagem img {
        height: auto;
        max-height: 350px;
    }

    .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: calc(50% - 5px);
    }
    .lista-noticias .item:nth-child(even) {
        margin-left: 5px;
    }
    .lista-noticias .item:nth-child(odd) {
        margin-right: 5px;
    }

    .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%;
    }


    .detalhe .lista-viaturas-2 .item {
        margin-right: 0;
        width: calc(50% - 5px);
    }

    .detalhe .lista-viaturas-2 .item:nth-child(even) {
        margin-left: 5px;
    }
    .detalhe .lista-viaturas-2 .item:nth-child(odd) {
        margin-right: 5px;
    }


    .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: 350px;
    }

    .header-menu {
        display: none;
    }

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

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

    .contend {
        width: 100%;
    }

    .col-xs-48 {
        width: 100%;
    }

    .buy-sell .comprar, .buy-sell .vender {
        margin-top: 0;
        height: auto;
    }

    .buy-sell .conteudo {
        margin: 20px 10px;
    }

    .buy-sell {
        height: auto;
        padding: 0;
    }

    .menu-search {
        height: auto;
        padding: 10px;
        font-size: 87%;
    }

    .welcome {
        text-align: center;
        padding-top: 0;
    }

    .welcome-slogan {
        text-align: center;
        margin-bottom: 10px;
    }

    .menu-search select, .menu-search input {
        margin: 0 0 5px 0;
        width: 100%;
        height: 42px;
        line-height: 42px;
    }

    .page-type {
        padding: 0 10px;
    }

    .results-list {
        width: 100%;
    }

    .results-item {
        margin: 40px 0 0 0;
        width: calc(50% - 5px);
    }

    .results-item:nth-child(even) {
        margin-left: 5px;
    }
    .results-item:nth-child(odd) {
        margin-right: 5px;
    }

    .results-item-image {
        width: 100%;
    }

    .results-item-price {
        clip-path: none;
    }

    .col-xs-25 {
        width: 100%;
    }

    .col-xs-60 {
        width: 100%;
    }

    .col-xs-95 {
        width: 100%;
    }

    .why-prima {
        padding: 20px;
        margin: 20px auto 0px;
    }

    .why-prima .col-xs-25 {
        margin-bottom: 35px;
    }

    .col-xs-90 {
        width: 100%;
    }

    .varia, .financia, .garantia, .assiste {
        min-height: 70px;
    }

    .footer {
        padding: 10px;
        font-size: 110%;
    }

    .bottom-footer .col-xs-25 {
        margin-bottom: 35px;
        text-align: center;
    }

    .footer p {
        margin-bottom: 10px;
    }

    .bottom-footer input[type="text"] {
        width: calc(100% - 60px);
    }

    .bottom-footer input[type="submit"] {
        width: 60px;
    }

    .credits {
        height: auto;
        padding: 10px;
    }

    .col-xs-50 {
        width: 100%;
    }

    .col-xs-40 {
        width: 100%;
    }

    .destaques-home .col-xs-50 {
        text-align: center;
    }

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

    .contactos-departamentos div.custom-col-xxs-12 {
        margin-bottom: 10px;
    }

    .contactos-morada div.custom-col-xxs-12 {
        margin-bottom: 10px;
    }

    .galery-magazine {
        margin: 0 0 25px 0;
        width: 100%;
    }

    .owl-carousel .owl-next {
        top: calc(50% - 12px);
    }

    .owl-carousel .owl-prev {
        top: calc(50% - 12px);
    }

    .custom-col-xxs-12 {
        width: 100% !important;
        min-height: 1px;
    }

    .owl-carousel {
        width: 100%;
    }

    .owl-item-custom img {
        height: auto;
    }

    .custom-col-xxs-11 {
        width: 91.66666666666667% !important;
        min-height: 1px;
    }

    .custom-col-xxs-10 {
        width: 83.33333333333333% !important;
        min-height: 1px;
    }

    .custom-col-xxs-9 {
        width: 75% !important;
        min-height: 1px;
    }

    .custom-col-xxs-8 {
        width: 66.66666666666667% !important;
        min-height: 1px;
    }

    .custom-col-xxs-7 {
        width: 58.33333333333333% !important;
        min-height: 1px;
    }

    .custom-col-xxs-6 {
        width: 50% !important;
        min-height: 1px;
    }

    .custom-col-xxs-55 {
        width: 48% !important;
        min-height: 1px;
    }

    .custom-col-xxs-5 {
        width: 41.66666666666667% !important;
        min-height: 1px;
    }

    .custom-col-xxs-4 {
        width: 33.33333333333333% !important;
        min-height: 1px;
    }

    .custom-col-xxs-3 {
        width: 25% !important;
        min-height: 1px;
    }

    .custom-col-xxs-2 {
        width: 16.66666666666667% !important;
        min-height: 1px;
    }

    .custom-col-xxs-1 {
        width: 8.333333333333333% !important;
        min-height: 1px;
    }

}