.card-retiros-reserva-dias {
    text-align: right;
}
.retiros-fav-categoria{
    right: 93%;
    position: absolute;
}


@media only screen and (min-width: 250px) {
    .margin-retiros-frm {
        margin-top: 0px;
        height: 58px;
    }

    .card-retiros-reserva-content-fecha {
        position: absolute;
        left: 20px;
        top: 15px;
    }

    .card-retiros-reserva-content-publico {
        position: absolute;
        left: 20px;
        top: 13px;
    }

    .reserva-ahora {
        width: 100%;
    }

    .enviar-pregunta {
        width: 100%;
    }

    .card-retiros-reserva-nota {
        position: absolute;
        bottom: 30px;
    }

    .card-filtros {
        border-color: #ffffff;
        width: 200px;
        height: 423px;
        margin-left: 0px;
    }

    .filtros-filtros {
        position: absolute;
        left: 64px;
        top: 16px;
    }

    .filtros-destino {
        position: absolute;
        left: 53px;
        top: 180px;
    }

    .filtros-habitaciones {
        position: absolute;
        left: 34px;
        top: 225px;
    }

    .filtros-nivel {
        position: absolute;
        left: 60px;
        top: 270px;
    }

    .filtros-boton {
        position: absolute;
        left: 30px;
        top: 318px;
    }

    .mas-de {
        margin-left: 0px;
    }

    .testimonials-card {
        height: 277px;
        width: 300px;
    }

    .blog-fecha{
        position: absolute;
        bottom: 1rem;
    }

    .masthead.-type-3 {
        padding-top: 60px;
        padding-bottom: 10px;
        height: 341px;
        background-size: 100% 100%;
    }

    .masthead.categorias {
        padding-top: 160px;
        padding-bottom: 40px;
        background-image: url(../img/header-bg.jpg);
        height: 596px;
    }

    .masthead.-acerca-de {
        height: auto;
    }

    .nav-link:hover {
        color: #ffffff;
    }

    .ubi-search-tool-icon {
        position: absolute;
        left: 44px;
        top: 20px;
    }

    .cat-search-tool-icon {
        position: absolute;
        left: 24px;
        top: 102px;
    }

    .fec-search-tool-icon {
        position: absolute;
        left: 45px;
        top: 16px;
    }

    #selected_ubicacion {
        position: absolute;
        left: 32px;
        top: 16px;
        font-size: 16px;
    }

    #selected_categoria {
        position: absolute;
        left: 42px;
        top: 110px;
    }

    #selected_fecha {
        position: absolute;
        left: 36px;
        top: 16px;
    }

    #btn-ubicacion {
        position: absolute;
        left: 70px;
        top: 14px;
    }

    #btn-categoria {
        position: absolute;
        left: 35px;
        top: 102px;
    }

    #btn-fechaa {
        position: absolute;
        left: 94px;
        top: 2px;
        max-height: 2px;
    }

    .a-donde-vas {
        position: absolute;
        left: 48px;
        top: 58px;
    }

    .que-estas-buscando {
        position: absolute;
        left: 48px;
        top: 128px;
    }

    .cuando-vas {
        position: absolute;
        left: 48px;
        top: 198px;
    }

    .navbar-toggler.collapsed {
        color: #58BC0A;
        background-color: #58BC0A;
    }

    .retiros-rate {
        position: absolute;
        top: 160px;
        right: 10px;
    }

    .search-tool-card {
        background-color: #f0f8ff00;
        width: 200px;
        border: none;
    }

    .col-search-tool {
        background-color: #ffffff;
        margin: 5px;
        border-radius: 10px;
        height: 60px;
        width: 264px;
        position: relative;
    }

    .col-search-tool-btn {
        background-color: #f0f8ff00;
        margin: 5px;
        border-radius: 10px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .button-search-tool {
        padding: 0px;
        width: 100%;
    }

    .category-item {
        width: 230px;
        height: 460px;
    }

    .img-filtros {
        height: 12.3rem;
        width: 100%;
    }

    .retiros-rate-filtros {
        position: absolute;
        top: 188px;
        right: 10px;
    }

    .category-item-tit {
        position: absolute;
        top: 188px;
        width: 160px;
    }

    .cat-retiros-ubic {
        position: absolute;
        top: 231px;
        width: 190px;
    }

    .retiros-card {
        width: 200px;
        height: 450px;
    }

    .retiros-card-tit {
        position: absolute;
        left: 20px;
        top: 160px;
        width: 160px;
    }

    .retiros-card-date {
        position: absolute;
        left: 20px;
        top: 220px;
        width: 180px;
    }

    .retiros-card-ub {
        position: absolute;
        left: 20px;
        top: 190px;
        width: 180px;
    }

    .retiros-card-precio {
        position: absolute;
        bottom: 80px;
    }

    .retiros-card-desde {
        position: absolute;
        bottom: 110px;
    }

    .btn-descubrir-mas-ret {
        width: 200px;
    }

    .btn-descubrir-mas-lug {
        width: 200px;
    }
}

@media only screen and (min-width: 300px) {
    .masthead.-acerca-de {
        height: 1176px;
    }

    .card-filtros {
        margin-left: 31px;
    }

    .testimonials-card {
        width: 250px;
    }

    .search-tool-card {
        margin-left: 22px;
    }

    .retiros-card {
        width: 250px;
    }

    .retiros-card-tit {
        left: 20px;
        top: 200px;
        width: 160px;
    }

    .retiros-rate {
        top: 200px;
    }

    .retiros-card-date {
        left: 20px;
        top: 260px;
        width: 180px;
    }

    .retiros-card-ub {
        left: 20px;
        top: 230px;
        width: 180px;
    }

    .btn-descubrir-mas-ret {
        width: 250px;
    }

    .btn-descubrir-mas-lug {
        width: 250px;
    }
}

@media only screen and (min-width: 320px) {
    .masthead.-acerca-de {
        height: 1030px;
    }

    .testimonials-card {
        width: 260px;
    }

    .search-tool-card {
        margin-left: 32px;
    }

    .retiros-card {
        width: 270px;
    }

    .retiros-card-tit {
        left: 20px;
        top: 210px;
        width: 160px;
    }

    .retiros-rate {
        top: 210px;
    }

    .retiros-card-date {
        left: 20px;
        top: 295px;
        width: 180px;
    }

    .retiros-card-ub {
        left: 20px;
        top: 260px;
        width: 180px;
    }

    .btn-descubrir-mas-ret {
        width: 270px;
    }

    .btn-descubrir-mas-lug {
        width: 270px;
    }

    .retiros-card-desde {
        bottom: 60px;
    }

    .retiros-card-precio {
        bottom: 25px;
    }

    .masthead.categorias {
        padding-top: 90px;
        padding-bottom: 40px;
        /*background-image: url(/assets/img/categorias/Cataluña.jpg);*/
        height: 341px;
        background-size: 100% 100% !important;
    }
}

@media only screen and (min-width: 350px) {
    .masthead.-acerca-de {
        height: auto;
    }

    .card-filtros {
        margin-left: 60px;
    }

    .testimonials-card {
        width: 295px;
    }

    .search-tool-card {
        margin-left: 55px;
    }

    .retiros-card {
        width: 305px;
    }

    .retiros-card-tit {
        left: 20px;
        top: 242px;
        width: 160px;
    }

    .retiros-rate {
        top: 242px;
    }

    .retiros-card-date {
        left: 20px;
        top: 315px;
        width: 180px;
    }

    .retiros-card-ub {
        left: 20px;
        top: 284px;
        width: 180px;
    }

    .btn-descubrir-mas-ret {
        width: 305px;
    }

    .btn-descubrir-mas-lug {
        width: 305px;
    }
}

@media only screen and (min-width: 360px) {
    .testimonials-card {
        width: 310px;
    }
}

@media only screen and (min-width: 370px) {
    .card-filtros {
        margin-left: 69px;
    }

    .retiros-card {
        width: 340px;
        height: 450px;
    }

    .retiros-card-tit {
        left: 20px;
        top: 260px;
    }

    .retiros-rate {
        top: 260px;
    }

    .retiros-card-date {
        left: 20px;
        top: 320px;
    }

    .retiros-card-ub {
        left: 20px;
        top: 290px;
    }
}

@media only screen and (min-width: 400px) {
    .masthead.-acerca-de {
        height: auto;
    }

    .card-filtros {
        margin-left: 96px;
    }

    .testimonials-card {
        width: 340px;
    }

    .search-tool-card {
        margin-left: 66px;
    }
}

@media only screen and (min-width: 420px) {
    .testimonials-card {
        width: 370px;
    }

    .search-tool-card {
        margin-left: 75px;
    }

    .retiros-card {
        width: 364px;
        height: 500px;
    }

    .retiros-card-tit {
        top: 280px;
    }

    .retiros-rate {
        top: 280px;
    }

    .retiros-card-date {
        top: 350px;
    }

    .retiros-card-ub {
        top: 320px;
    }
}

@media only screen and (min-width: 440px) {
    .masthead.-acerca-de {
        height: auto;
    }

    .testimonials-card {
        width: 395px;
    }

    .search-tool-card {
        margin-left: 85px;
    }

    .retiros-card {
        width: 396px;
        height: 500px;
    }

    .retiros-card-tit {
        top: 300px;
    }

    .retiros-rate {
        top: 300px;
    }

    .retiros-card-date {
        top: 360px;
    }

    .retiros-card-ub {
        top: 330px;
    }
}

@media only screen and (min-width: 460px) {
    .card-filtros {
        margin-left: 120px;
    }

    .testimonials-card {
        width: 420px;
    }

    .search-tool-card {
        margin-left: 95px;
    }

    .retiros-card {
        width: 420px;
        height: 530px;
    }

    .retiros-card-tit {
        top: 320px;
    }

    .retiros-rate {
        top: 320px;
    }

    .retiros-card-date {
        top: 380px;
    }

    .retiros-card-ub {
        top: 350px;
    }
}

@media only screen and (min-width: 480px) {
    .testimonials-card {
        width: 430px;
    }

    .search-tool-card {
        margin-left: 100px;
    }
}

@media only screen and (min-width: 490px) {
    .testimonials-card {
        width: 439px;
    }

    .search-tool-card {
        margin-left: 110px;
    }
}

@media only screen and (min-width: 500px) {
    .masthead.-acerca-de {
        height: auto;
    }

    .card-filtros {
        border-color: #ffffff;
        width: 500px;
        height: 149px;
        margin-left: 0px;
    }

    .filtros-filtros {
        position: absolute;
        left: 50px;
        top: 4px;
    }

    .filtros-destino {
        position: absolute;
        left: 142px;
        top: 44px;
    }

    .filtros-habitaciones {
        position: absolute;
        left: 242px;
        top: 44px;
    }

    .filtros-nivel {
        position: absolute;
        left: 383px;
        top: 44px;
    }

    .filtros-boton {
        position: absolute;
        left: 141px;
        top: 86px;
    }

    .testimonials-card {
        width: 457px;
    }

    .search-tool-card {
        margin-left: 120px;
    }

    .retiros-card {
        width: 450px;
        height: 550px;
    }

    .retiros-card-tit {
        top: 345px;
    }

    .retiros-rate {
        top: 345px;
    }

    .retiros-card-date {
        top: 405px;
    }

    .retiros-card-ub {
        top: 375px;
    }

    .-acerca-de {
        height: 700px;
    }
}

@media only screen and (min-width: 510px) {}

@media only screen and (min-width: 520px) {
    .retiros-card {
        width: 480px;
        height: 570px;
    }

    .retiros-card-tit {
        top: 365px;
    }

    .retiros-rate {
        top: 365px;
    }

    .retiros-card-date {
        top: 425px;
    }

    .retiros-card-ub {
        top: 395px;
    }
}

@media only screen and (min-width: 530px) {
    .retiros-card {
        width: 485px;
    }
}

@media only screen and (min-width: 540px) {
    .search-tool-card {
        margin-left: 150px;
    }

    .retiros-card {
        width: 490px;
    }
}

@media only screen and (min-width: 560px) {
    .retiros-card {
        width: 510px;
    }

    .retiros-card-tit {
        top: 390px;
    }

    .retiros-rate {
        top: 390px;
    }

    .retiros-card-date {
        top: 450px;
    }

    .retiros-card-ub {
        top: 420px;
    }
}

@media only screen and (min-width: 576px) {
    .retiros-card {
        width: 123px;

    }

    .retiros-card-tit {
        top: 121px;
        left: 5px;
        width: 110px;
    }

    .retiros-rate {
        top: 121px;
    }

    .retiros-card-date {
        top: 285px;
        left: 5px;
        width: 110px;
    }

    .retiros-card-ub {
        top: 215px;
        left: 5px;
        width: 110px;
    }

    .retiros-card-btn {
        width: 100px;
    }

    .retiros-card-button {
        right: 10px;
    }

    .retiros-card-desde {
        bottom: 115px;
    }

    .retiros-card-precio {
        bottom: 79px;
    }
}

@media only screen and (min-width: 600px) {
    .retiros-card {
        width: 123px;

    }

    .retiros-card-tit {
        top: 105px;
        left: 5px;
        width: 110px;
    }

    .retiros-rate {
        top: 105px;
    }

    .retiros-card-date {
        top: 285px;
        left: 5px;
        width: 110px;
    }

    .retiros-card-ub {
        top: 215px;
        left: 5px;
        width: 110px;
    }

    .retiros-card-btn {
        width: 100px;
    }

    .retiros-card-button {
        right: 10px;
    }

    .retiros-card-desde {
        bottom: 115px;
    }

    .retiros-card-precio {
        bottom: 79px;
    }
}

@media only screen and (min-width: 700px) {

    .retiros-card {
        width: 123px;

    }

    .retiros-card-tit {
        top: 105px;
        left: 5px;
        width: 110px;
    }

    .retiros-rate {
        top: 105px;
    }

    .retiros-card-date {
        top: 285px;
        left: 5px;
        width: 110px;
    }

    .retiros-card-ub {
        top: 215px;
        left: 5px;
        width: 110px;
    }

    .retiros-card-btn {
        width: 100px;
    }

    .retiros-card-button {
        right: 10px;
    }

    .retiros-card-desde {
        bottom: 115px;
    }

    .retiros-card-precio {
        bottom: 79px;
    }
}

@media only screen and (min-width: 767px) {

    .divider {
        border-left: 2px solid #cccccc;
        width: 1px;
        height: 45px;
        position: absolute;
        top: 13px;
        left: 276px;
    }

    .img-filtros {
        height: auto;
        width: auto;
    }

    .category-item {
        width: 314px;
        height: 250px;
    }

    .retiros-rate-filtros {
        position: absolute;
        top: 18px;
        right: 20px;
    }

    .category-item-tit {
        position: absolute;
        top: 20px;
        width: 100px;
    }

    .cat-retiros-ubic {
        position: absolute;
        top: 58px;
        width: 143px;
    }

    .retiros-bottom-filtros {
        bottom: 4px;
    }

    .desde-filtros {
        bottom: 2px;
    }

    .mas-de {
        margin-left: 15px;
    }

    .card-filtros {
        width: 700px;
        height: 100px;
        margin-left: 0px;
    }

    .filtros-destino {
        position: absolute;
        left: 448px;
        top: 2px;
    }

    .filtros-habitaciones {
        position: absolute;
        left: 82px;
        top: 44px;
    }

    .filtros-nivel {
        position: absolute;
        left: 220px;
        top: 44px;
    }

    .filtros-boton {
        position: absolute;
        left: 299px;
        top: 44px;
    }

    .masthead.-type-3 {
        height: 400px;
    }

    .ubi-search-tool-icon {
        position: absolute;
        left: 14px;
        top: 19px;
    }

    .cat-search-tool-icon {
        position: absolute;
        left: 186px;
        top: 14px;
    }

    .fec-search-tool-icon {
        position: absolute;
        left: 28px;
        top: 19px;
    }

    .search-tool-card {
        background-color: #ffffff;
        width: 550px;
        height: 71px;
    }

    .boton-search-tool {
        position: absolute;
        right: 17px;
        top: 9px;
    }

    .masthead.categorias {
        height: 396px;
    }

    .img-filtros {
        height: 249px;
        width: auto;
    }

    #selected_ubicacion {
        position: absolute;
        left: 30px;
        top: 21px;
    }

    #selected_categoria {
        position: absolute;
        left: 210px;
        top: 21px;
        width: 160px;
    }

    #selected_fecha {
        position: absolute;
        left: 407px;
        top: 65px;
        width: 160px;
    }

    #btn-ubicacion {
        position: absolute;
        top: 15px;
        left: 23px;
        border: none;
        background-color: #ffffff00 !important;
    }

    #btn-categoria {
        position: absolute;
        top: 15px;
        left: 210px;
        border: none;
        background-color: #ffffff00 !important;
    }

    #btn-fechaa {
        position: absolute;
        top: 3px;
        left: 44px;
        border: none;
        background-color: #ffffff00 !important;
    }

    .button-search-tool {
        width: 150px;
    }

    .a-donde-vas {
        position: absolute;
        top: 40px;
        left: 51px;
    }

    .que-estas-buscando {
        position: absolute;
        top: 40px;
        left: 223px;
        width: 200px;
    }

    .cuando-vas {
        position: absolute;
        top: 40px;
        left: 421px;
    }

    .retiros-card {
        width: 158px;
        height: 440px;
    }

    .retiros-rate {
        position: absolute;
        top: 123px;
        right: 10px;
    }

    .retiros-card-precio {
        position: absolute;
        bottom: 74px;
    }

    .retiros-card-tit {
        position: absolute;
        left: 5px;
        top: 123px;
        width: 100px;
    }

    .retiros-card-date {
        position: absolute;
        left: 5px;
        top: 240px;
        width: 120px;
    }

    .retiros-card-ub {
        left: 5px;
        top: 190px;
        width: 120px;

    }

    .retiros-card-button {
        position: absolute;
        right: 5px;
    }

    .retiros-card-desde {
        position: absolute;
        bottom: 104px;
    }

    .btn-descubrir-mas-lug {
        width: 278px;
    }

    .btn-descubrir-mas-ret {
        width: 278px;
    }
}

@media only screen and (min-width: 768px) {
    .testimonials-card {
        width: 168px;
        height: 365px;
    }
}

@media only screen and (min-width: 800px) {
    .card-filtros {
        width: 750px;
    }

    .filtros-habitaciones {
        left: 550px;
        top: 2px;
    }

    .filtros-nivel {
        left: 82px;
    }

    .filtros-boton {
        left: 161px;
    }

    #selected_ubicacion {
        position: absolute;
        left: 30px;
        top: 21px;
    }

    #selected_categoria {
        position: absolute;
        left: 210px;
        top: 21px;
        width: 160px;
    }

    #selected_fecha {
        position: absolute;
        left: 407px;
        top: 21px;
        width: 160px;
    }
}

@media only screen and (min-width: 900px) {
    .retiros-card {
        width: 170px;
    }

    .retiros-rate {
        position: absolute;
        top: 135px;
        right: 10px;
    }

    .retiros-card-precio {
        position: absolute;
        bottom: 74px;
    }

    .retiros-card-tit {
        position: absolute;
        left: 5px;
        top: 135px;
        width: 110px;
    }

    .retiros-card-date {
        top: 250px;
        width: 120px;
    }

    .retiros-card-ub {
        top: 200px;
        width: 120px;
    }
}

@media only screen and (min-width: 950px) {}

@media only screen and (min-width: 990px) {
    .card-filtros {
        width: 925px;
        height: 60px;
    }

    .filtros-nivel {
        left: 690px;
        top: 2px;
    }

    .filtros-boton {
        left: 775px;
        top: 2px;
    }

    #selected_ubicacion {
        position: absolute;
        left: 30px;
        top: 21px;
    }

    #selected_categoria {
        position: absolute;
        left: 210px;
        top: 21px;
        width: 160px;
    }

    #selected_fecha {
        position: absolute;
        left: 407px;
        top: 21px;
        width: 160px;
    }
}

@media only screen and (min-width: 1000px) {
    .card-retiros-reserva-nota {
        position: absolute;
        bottom: 30px;
    }

    .masthead.-acerca-de {
        height: auto;
    }

    .category-item {
        width: 400px;
    }

    .category-item-tit {
        position: absolute;
        top: 20px;
        left: 33%;
        width: 134px;
    }

    .cat-retiros-ubic {
        width: 180px;
        left:33%;
    }
    .retiros-bottom-filtros {
        bottom: 20px;
    }

    .desde-filtros {
        bottom: 35%;
        left: 33.3%;
    }

    .card-filtros {
        width: 960px;
    }

    .testimonials-card {
        width: 228px;
    }

    .search-tool-card {
        margin-left: 365px !important;
    }

    .reserva-ahora {
        width: 100%;
    }

    .enviar-pregunta {
        width: 100%;
    }

    .retiros-card {
        width: 220px;
    }

    .retiros-card-precio {
        bottom: 27px;
    }

    .retiros-card-tit {
        top: 170px;
    }

    .retiros-card-date {
        top: 265px;
        width: 200px;
    }

    .retiros-card-ub {
        top: 230px;
        width: 200px;
    }

    .retiros-card-btn {
        width: 100px;
    }

    .retiros-card-desde {
        bottom: 60px;
    }

    #selected_ubicacion {
        position: absolute;
        left: 30px;
        top: 21px;
    }

    #selected_categoria {
        position: absolute;
        left: 210px;
        top: 21px;
        width: 160px;
    }

    #selected_fecha {
        position: absolute;
        left: 407px;
        top: 21px;
        width: 160px;
    }
}

@media only screen and (min-width: 1201px) {
    .category-item {
        width: 440px;
    }

    .category-item-tit {
        position: absolute;
        top: 13px;
        width: 160px;
        left: 33%;
    }

    .cat-retiros-ubic {
        top: 108px;
        width: 205px;
    }

    .mas-de {
        margin-left: 70px;
    }

    .card-filtros {
        margin-left: 20px;
    }

    .testimonials-card {
        width: 267px;
    }

    .search-tool-card {
        width: 550px;
    }

    .retiros-rate {
        position: absolute;
        top: 200px;
        right: 10px;
    }

    .retiros-card {
        width: 257px;
    }

    .retiros-card-precio {
        bottom: 10px;
        left: 15px;
    }

    .retiros-card-desde {
        bottom: 33px;
        left: 15px;
    }

    .retiros-card-tit {
        top: 200px;
        width: 190px;
        left: 15px;
    }

    .retiros-card-date {
        top: 300px;
        width: 220px;
        left: 15px;
    }

    .retiros-card-ub {
        top: 264px;
        width: 220px;
        left: 15px;
    }

    .retiros-card-button {
        right: 10px;
    }

    #selected_ubicacion {
        position: absolute;
        left: 30px;
        top: 21px;
    }

    #selected_categoria {
        position: absolute;
        left: 210px;
        top: 21px;
        width: 160px;
    }

    #selected_fecha {
        position: absolute;
        left: 407px;
        top: 21px;
        width: 160px;
    }
}

@media only screen and (min-width: 1301px) {
    .category-item {
        width: 100%;
    }

    .category-item-tit {
        left: 33.3%;
        width: 520px;
    }

    .cat-retiros-ubic {
        left: 33.3%;
        width: 520px;
    }
    .mas-de {
        margin-left: 70px;
    }

    .card-filtros {
        margin-left: 40px;
    }

    .retiros-rate {
        position: absolute;
        top: 200px;
        right: 10px;
    }

    #selected_ubicacion {
        position: absolute;
        left: 24px;
        top: 23px;
        font-size: 17px;
    }

    #selected_categoria {
        position: absolute;
        left: 210px;
        top: 21px;
        width: 160px;
    }

    #selected_fecha {
        position: absolute;
        left: 42px;
        top: 24px;
        width: 160px;
        font-size: 16px;
    }
}

@media only screen and (min-width: 1350px) {}

@media only screen and (min-width: 1401px) {
    .mas-de {
        margin-left: 176px;
    }

    .card-filtros {
        margin-left: 125px;
    }

    .search-tool-card {
        margin-left: 540px;
    }

    .retiros-rate {
        position: absolute;
        top: 230px;
        right: 10px;
    }

    .retiros-card {
        width: 278px;
    }

    .retiros-card-precio {
        left: 10px;
    }

    .retiros-card-desde {
        left: 10px;
    }

    .retiros-card-tit {
        top: 221px;
        left: 10px;
        width: 257px;
    }

    .retiros-card-date {
        top: 314px;
        left: 20px;
        width: 230px;
    }

    .retiros-card-ub {
        top: 312px;
        left: 10px;
        width: 230px;
    }
}

@media only screen and (min-width: 1501px) {
    .retiros-rate {
        position: absolute;
        top: 230px;
        right: 10px;
    }
}

@media only screen and (min-width: 1510px) {
    .retiros-rate {
        position: absolute;
        top: 230px;
        right: 10px;
    }

}

@media only screen and (min-width: 1601px) {
    .retiros-rate {
        position: absolute;
        top: 230px;
        right: 10px;
    }

}


/** REGLA PARA EL CELULAR*/
@media only screen and (max-width: 767px) {

    .search-tool-card {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: -43px;
    }

    .col-search-tool {
        width: 100%;
    }

    html {
        --is-phone: 1;
    }

    .btn-descubrir-mas-lug {
        font-size: 20px !important;
    }

    #btn-contacto {
        font-size: 20px !important;
    }

    #btn-subscripcion {
        border: solid 2px white;
    }

    #btn-contacto {
        margin-top: 20px !important;
        margin-left: 5px !important;
    }

    #contact-comentario {
        height: 600px !important;
    }

    .contacto {
        height: auto !important;
        padding-bottom: 30px;
    }

    .blog-card {
        border-radius: 15px !important;
    }

    #top-nav-bar {
        background-color: white !important;
    }


    .retiros-card-tit {
        width: 75% !important;
        top: unset !important;
        position: unset !important;
    }

    .retiros-card-ub {
        width: 100% !important;
        top: unset !important;
        position: unset !important;
        margin-top: 1% !important;
        left: 20px !important
    }

    .retiros-card-date {
        width: 75% !important;
        /* top: 78%; */

        top: unset !important;
        position: unset !important;
        margin-top: 10px !important;
        left: 20px !important;
    }

    .retiros-card-desde {
        width: 75% !important;
        margin-top: 2% !important;
        /* top: 88% !important; */
        top: unset !important;
        position: unset !important;
        left: 20px !important;
        /* bottom: 6% !important; */

    }

    .retiros-card-precio {
        width: 75% !important;
        /* top: 92% !important; */
        top: unset !important;
        position: unset !important;
        left: 20px !important;
        /* bottom: 2% !important; */
    }

    .retiros-card-button {
        /* width: 75% !important; */
        /* top: 87% !important; */
        bottom: 2% !important;
        /* left: 20px !important; */
    }

    .retiros-rate {
        right: 17px !important;
    }

    .btn-descubrir-mas-ret {
        font-size: 20px !important;
    }

    .card-img-top {
        max-height: 254px !important;
    }

    .padding-retiros-icon {
        padding-left: 15px !important;
        margin-top: 160px !important;
    }


    .phone-menu {
        display: unset !important;
    }

    .desktop-menu {
        display: none;
    }

    #navbarSupportedContentPhone>ul>li>a {
        color: var(--bs-nav-link-color);
    }

    .testimonials-card{
        height: unset !important;
        width: 100% !important;
    }

    .top-title-bg{
        margin-top: -11% !important;
        line-height: 1 !important;
    }

    /* CATEGORIA PAGE */

    .category-item {
        width: 100% !important;
    }

    .category-item-tit {
        width: 100% !important;
        top: unset !important;
        position: unset !important;
        margin-left: -1px;
    }

    .retiros-fav-categoria{
        left: 93%;
        position: absolute;
    }

    .cat-retiros-ubic {
        width: 95% !important;
        top: 341px !important;
        position: absolute;
    }

    .desde-filtros {
        width: 75% !important;
        /* top: 88% !important; */
        left: 15px !important;
        /* bottom: 6% !important; */
        top: 320px;
        position: absolute;
    }
    .retiros-button-filtros-desde {
        position: absolute;
        bottom: 10px;
    }

    .retiros-rate-filtros {
        top: 196.5px !important;
        right: 15px !important;
    }

    .retiros-button-filtros {
        bottom: 15px !important;
    }
    .pagination-cat {
        text-align: center !important;
    }
    .pagination-cat a {
        width: 15% !important;
        border-radius: 50px !important;
        padding: unset !important;
        font-size: medium;
        border: 2px solid #58BC0A !important;
        background-color: unset !important;
        color: #383838 !important;
    }

    .category-description {
        text-align: justify !important;
    }

    .card-filtros {
        height: 45px !important;
        margin-top: 5% !important;
        margin-bottom: 5% !important;
        /* margin-left: unset !important; */
    }

    .phone-menu-filtro {
        display: block;
    }

    .desktop-menu-filtro {
        display: none;
    }

    #catBtnFiltros {
        font-family: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif !important;
        font-weight: 530;
        font-size: 17px;
        line-height: 24px;
        color: #383838;
        font-style: normal;
        border: solid 3px #58BC0A;
        padding: 5% 15% 5% 15% !important;
        /* width: ; */
    }

    .padding-ab {
        padding-top: 15px !important;
    }

    .blog-fecha {
        position: unset !important;
        margin-top: 5% !important;
    }

    /* /  CATEGORIA PAGE */


    /* RETIROS PAGE */
    .padding-retiros-top {
        padding: unset !important;
    }

    .padding-retiros-icon-top {
        padding-left: 0px !important;
    }

    .retiros-title {
        padding: unset !important;
    }

    .padding-retiros-head {
        padding-bottom: 20px !important;
    }

    .bottom-section {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 12% !important;
        /* Adjust as needed */
        background-color: white;
        /* display: flex; */
        /* justify-content: space-between; */
        padding: 0px 20px 5px 20px !important;
        z-index: 1030 !important;
        margin-bottom: -3vw;
    }

    .fixed-screen-buttons {
        position: relative;
        display: block;
    }

    #sliderPhotosRetiroPhone
    {
        display: unset;
    }
    #sliderPhotosRetiroDesktop
    {
        display: none !important;
    }

    .iconLogginHeader{
        color:     #00cf00      ;
        font-size: 25px;
        margin-right: 10px !important;
    }
    .iconLogginRegister{
        color:     #00cf00      ;
        font-size: 25px;
    }

    

    /* #button-container {
        position: fixed;
        bottom: 0;
        height: 10% !important;
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 10px;
        background-color: #f1f1f1;
      }
      
      #my-button {
        padding: 10px 20px;
        border: none;
        height: 100%;
        background-color: #4CAF50;
        color: white;
        font-size: 16px;
        cursor: pointer;
      } */

    /* / RETIROS PAGE*/

}

/**  / REGLA PARA EL CELULAR*/
@media only screen and (max-width: 768px) {
    .phone-desktop {
        visibility: hidden !important;
    }
}

/** REGLA PARA EL TABLET*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {}

/**  / REGLA PARA EL TABLET*/

/** REGLA PARA EL PC*/
@media only screen and (min-width: 1024px) {
    .phone-menu-filtro {
        display: none !important;
    }

    .desktop-menu-filtro {
        display: block !important;
    }

    .phone-menu {
        display: none !important;
    }

    .desktop-menu {
        display: block !important;
    }

    .fixed-screen-buttons {
        /* position: relative; */
        display: none !important;
        /* height: 100vh; */
    }
    #sliderPhotosRetiroPhone
    {
        display: none;
    }
    #sliderPhotosRetiroDeskTop
    {
        display: unset;
    }
}


@media (max-width: 767px) {
    .p-row-title-category{
        padding-bottom: 40px;
    }

    .col-search-tool{
        height: 50px;
    }

    .ubi-search-tool-icon{
        top: 12px;
        left: 16px;
    }

    #btn-ubicacion{
        top: 7px;
        left: 32px;
        font-size: 16px;
    }

    .fec-search-tool-icon{
        left: 14px;
        top: 12px;
    }
    .d-br{
        display: none !important;
    }

    #btn-fechaa{
        left: 32px;
        top: 7px;
        font-size: 16px;
    }
}


@media (max-width: 458px) {
    .p-row-title-category{
        padding-bottom: 22px;
    }

    .d-br{
        display: none !important;
    }
    .col-search-tool{
        height: 50px;
    }
    .ubi-search-tool-icon{
        top: 12px;
        left: 16px;
    }
    #btn-ubicacion{
        top: 7px;
        left: 32px;
        font-size: 16px;
    }
    .fec-search-tool-icon{
        left: 14px;
        top: 12px;
    }

    #btn-fechaa{
        left: 32px;
        top: 7px;
        font-size: 16px;
    }
    .cat-retiros-ubic {
        width: 95% !important;
        top: 346px !important;
        position: absolute;
    }

    .desde-filtros {
        width: 75% !important;
        /* top: 88% !important; */
        left: 15px !important;
        /* bottom: 6% !important; */
        top: 325px;
        position: absolute;
    }
}

#mainLogoPhone{
    width: 120px;
    margin-bottom: 4px;
    margin-top: 4px;
}