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

    .menu-header img {

        width: 10.125rem;

    }

}

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

    body, html {

        font-size: 15px;

    }

}

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

    body, html {

        font-size: 14px;

    }

}

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

    body, html {

        font-size: 12px;

    }

}

@media screen and (min-width: 1081px) and (max-width: 1300px) {

    select.filter-select {

        width: 260px;

    }

}

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

    body,html{

        font-size: 14px;

    }

    .coincidences-filter {

        top: 20px;

    }

    .menu-gs{

        display:none;

        position: absolute;

        top: 106px;

        z-index: 99999;

        background: white;

        width: 100vw;

        height: calc(100vh - 105px);

        left: 0;

        padding-top: 4.14rem;

        padding-bottom: 4.14rem;

    }

    .menu-gs > div {

        flex-direction: column;

        align-content: center;

        align-items: center;

        gap: 0;

    }

    .open-menu{

        display:block;

    }

    .menu-gs > div > a.btn-header-menu {

        display: block;

        width: 100%;

        text-align: center;

        padding: 1rem 0;

        border-top: 1px solid;

    }

    .menu-gs > div > a.btn-header-menu:first-child{

        border-top: none;

    }

    .menu-gs .pos-rel {

        display: block;

        border-top: 1px solid;

        width: 100%;

        text-align: center;

        padding: 1rem 0;

    }

    .pos-rel > .btn-header-menu {

        color: var(--color-gray);

    }

    .menu-gs .pos-rel {

        display: block;

        border-top: 1px solid;

        width: 100%;

    }

    .menu-gs .sub-menu {

        display: flex !important;

        position: relative;

        left: 0;

        top: 0;

        box-shadow: none;

        background: none;

        padding: 0;

    }

    .inputs-filter {

        width: 100%;

        flex-direction: column;

    }

    .filter form {

        flex-direction: column;

    }

    select.filter-select{

        width: 100%;

    }

    .text-btn-search{

        display:block;

    }

    .control-filter i {

        position: absolute;

        transform: translateX(-12px);

    }

    .btn-search {

        width: 100px;

    }

    .text-btn-search {

        display: inline-block;

        margin-right: 7px;

        font-size: 16px;

    }

    .testimoniosSlide {

        height: 190px;

    }



}

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

    .testimoniosSlide {

        height: auto;

    }

    .testimoniosSlide .swiper-wrapper{

        padding-bottom:3rem;

    }

    .testimonio {

        flex-direction: column;

        height: auto;

    }

    .testimonio .w-50{

        text-align: center;

    }

    .credits-perfilate > div {

        display: grid !important;

        grid-template-columns: 1fr 1fr;

        justify-items: center;

    }

    .develoments{

        grid-template-columns: repeat(4, 1fr);

        grid-template-rows: repeat(3, 1fr);

    }

    .develoments > div{

        height: 27.656rem;

    }

    .dev-1 { grid-area: 1 / 1 / 2 / 3; }

    .dev-2 { grid-area: 1 / 3 / 2 / 5; }

    .dev-3 { grid-area: 2 / 1 / 3 / 3; }

    .dev-4 { grid-area: 2 / 3 / 3 / 5; }

    .dev-5 { grid-area: 3 / 1 / 4 / 3; }

    .dev-6 { grid-area: 3 / 3 / 4 / 5; }

}

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

   /* .characteristics-div-desarrollos {

        height: 12rem;

    }*/

    .modelsSwiper .card-models {

        width: 25% !important;

    }

}

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


    .modelsSwiper .justify-content-center{

        justify-content: flex-start !important;

    }

    .popup .h-600 {

        height: 50vh;

    }

    .testimonio .w-50 {

        width: 100%;

    }

    body,html{

        font-size: 15px;

    }

    .results-filter .characteristics-div-desarrollos {

        padding: 2rem 0;

    }

    .floor {

        text-align: center;

    }

    .header-banner {

        padding: 1rem !important;

    }

    .develoments{

        grid-template-columns: repeat(2, 1fr);

        grid-template-rows: repeat(6, 1fr);

    }

    .dev-1 { grid-area: 1 / 1 / 2 / 3; }

    .dev-2 { grid-area: 2 / 1 / 3 / 3; }

    .dev-3 { grid-area: 3 / 1 / 4 / 3; }

    .dev-4 { grid-area: 4 / 1 / 5 / 3; }

    .dev-5 { grid-area: 5 / 1 / 6 / 3; }

    .dev-6 { grid-area: 6 / 1 / 7 / 3; }

    .banner-video {

        object-fit: cover;

    }

    .redes-footer {

        justify-content: center;

    }

    .direccion-header,.owr-blog a {

        display: none;

    }

    .owr-blog {

        justify-content: center !important;

    }

    .blog-destacados-home{

        display: none !important;

    }

    .btn-search {

        width: 100%;

    }

    .options-filter {

        align-items: center;

        justify-content: center;

    }

    .filter{

        padding: 2rem;

    }

    .filter form,.inputs-filter {

        gap: 25px;

    }

    .h1{

        font-size: 32px;

    }

    .container-buscador {

        margin-top: -140px;

    }

    .info-coincidencias{

        font-size: 14px;

        text-align: center;

    }

    .h2{

        font-size: 22px;

    }

    .img-gallery-home {

        height: 50vh;

    }

    .blog-home {

        height: auto;

        padding: 30px 0;

    }

    .overlay-blog-home {

        height: 100%;

    }

    .footer-container-info {

        max-width: auto;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        padding: 0 2rem;

    }

    footer {

        flex-direction: column;

        align-items: center;

    }

    .footer-container-info ul,.footer-container-info ul a {

        font-size: 16px;

        flex-direction: column;

        align-items: center;

    }

    .footer-container-info ul a span {

        text-align: center;

    }

    .ptb-58,.ptb-116{

        padding-top: 40px;

        padding-bottom: 40px;

    }

    .info-principal-desarrollo {

        flex-direction: column;

    }

    .social-media-desarrollos,.characteristics-div-desarrollos > a  {

        display: none !important;

    }

    .coincidences-filter {

        position: relative;

        right: 0;

        top: 0;

        margin: 2rem 0;

    }

    .h-800x {

        height: 250px !important;

    }

    .info-desarrollos,.info-principal-desarrollo > div {

        margin-left: 0;

    }

    .zone-desarrollo, .name-desarrollo, .type-desarrollo {

        text-align: center;

        margin: 6px 0;

    }

    .text-center-md{

        text-align:center;

    }

    .w-100-md{

        width: 100% !important;

    }

    .valores-div,.begin-area,.acceso-comercial .tk-row,.especificaciones-comercial .tk-row,

    .lotificacion-single .tk-row,.begin-desarrollo{

        flex-direction: column-reverse;

    }

    #pageQuienesSomos .img-valores,.valores-div > div:nth-child(2),.video-qs,.history-text,.tkontainer-desarrollo {

        padding: 0 !important;

    }

    .swiperProyects .swiper-slide > div {

        flex-direction: column !important;

        justify-content: center;

        align-items: center;

    }

    .h-500x {

        height: 250px;

    }

    .h-600,.h-600x,.h-700x,.h-400x {

        height: 250px;

    }

    .logo-single-area {

        width: 213px;

    }

    .begin-area > div,.begin-desarrollo > div {

        align-items: center;

        margin-top: 20px;

    }

    .ubicacion-comercial {

        margin: 0 !important;

    }

    .ubicacion-comercial .tk-row > div:nth-child(2),

    .acceso-comercial .tk-row > div:nth-child(1),

    .amenidades-comercial-section .tk-row > div:nth-child(2),

    .especificaciones-comercial .tk-row > div:nth-child(1){

        padding: 26px !important;

    }

    .list-especificaciones,.begin-area > div:nth-child(1), .begin-desarrollo > div:nth-child(1)  {

        padding: 0 26px;

    }

    .characteristics-lotificacion {

        flex-direction: column;

        gap: 0.5rem;

    }

    .single-desarrollo .without-pr {

        padding-right: 8% !important;

    }

    .models-card-view .tk-row > div:nth-child(1) {

        justify-content: center;

        align-items: center;

        gap: 8px;

    }

    .floors-lists, .info-purple-desarrollo > div {

        flex-direction: column;

        justify-content: center !important;

        align-items: center !important;

        width: 100%;

    }

    .models-card-view .tkontainer {

        padding-right: 0 !important;

        padding-left: 0 !important;

    }

    .characteristics-div-desarrollos .swiper-wrapper {

        width: 80vw;

    }

    .info-purple-desarrollo {

        margin-top: -3px;

        padding: 26px;

    }



    .credit-section {

        flex-direction: column;

        gap: 20px;

    }

    .credit-section .w-20 {

        width: 100%;

        text-align: center;

        display: flex;

        flex-direction: column;

        gap: 10px;

    }

    .ubicacion-desarrollo .tkontainer {

        padding: 0 !important;

    }

    .ubicacion-desarrollo .tk-row {

        flex-direction: column-reverse;

    }

    .pt-58{

        padding-top: 40px !important;

    }

    .pb-58{

        padding-bottom: 40px;

    }

    .info-ubicacion {

        gap: 10px;

        align-items: center;

    }

    .list-info-ubi > li {

        flex-direction: column;

        align-items: center;

    }

    .list-info-ubi {

        align-items: center;

        justify-content: center;

    }

    .banner-perfilate {

        height: 150px;

    }

    .card-blog-main {

        margin-bottom: 20px;

    }

    .card-blog-main .pos-rel {

        height: 200px;

    }

    .b-black-md{

        border-bottom: 1px solid #000000;

    }

    .form-perfilate form > div:nth-child(1),.requisitos-y-responsabilidades,.asociate form .tkontainer > div,

    .btns-asociate,.unete .w-80 > .d-flex,.unete .w-80 .w-50 > .d-flex{

        flex-direction: column;

    }

    .form-perfilate form .w-50,.asociate form .tkontainer > div .w-50,.asociate form button[type="submit"],

    .postventa button[type="submit"],.points-vacantes,.requisitos-y-responsabilidades .w-50,.vacantes a,.unete .w-33,

    .asociate form .tkontainer > div .w-50,.asociate form button[type="submit"],.unete .w-80,.unete .w-80 .w-50,

    .paso-div .w-80 > div:last-child a,.unete .w-80 .w-50 .w-25,.unete .w-80 .w-50 .w-75{

        width: 100% !important;

    }

    .form-perfilate form button[type="submit"] {

        width: 100% !important;

        margin-top: 10px;

    }

    .text-left-md{

        text-align: left !important;

    }

    .list-vacantes li {

        justify-content: flex-start !important;

    }

    .paso-div .w-80 > div:last-child {

        gap: 10px;

    }

    .paso-number {

        order: -1;

    }

    .paso-6 .w-80 > div {

        gap: 18px;

    }

    .current-model-characteristics .swiper-slide {

        height: 8rem;

    }

    .card-amenidades {

        height: 10rem;

    }

    .card-amenidades img {

        object-fit: contain;

    }

    .swiper-slide.card-characteristics {

        height: 8rem;

    }

    .gallerySwiper, .current-model-gallery {

        height: 100px;

    }

    .gallerySwiper img, .current-model-gallery img,.similarSwiper img {

        object-fit: cover;

    }

    .img-video-embed-desarrollo {

        height: 75vh;

    }

    #home-banner, #home-banner video {
        height: 80vh !important;
        object-fit: cover !important;
    }

}

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



    .credits-perfilate > div img {

        width: 140px;

    }

}

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

    .postventa form .d-flex {

        flex-direction: column;

    }

    .postventa form .w-25,.postventa form .w-75{

        width: 100%;

    }

    .credits-perfilate > div img {

        width: 120px;

    }

    .h1{

        font-size: 24px;

    }

    .h2{

        font-size: 16px;

    }

    .info-coincidencias{

        width: 80vw;

        text-align: center;

        bottom: -100px;

    }

    .ptb-58,.ptb-116{

        padding-top: 30px;

        padding-bottom: 30px;

    }

    .pt-58{

        padding-top: 30px !important;

    }

    .pb-58{

        padding-bottom: 30px;

    }

    .characteristics-div-desarrollos .swiper-wrapper {

        width: 95vw;

    }

}