@media (max-width: 1480px) {
    .bc-bargreen-info,
    #map {
        float: none;
        width: auto;
        padding-left: 270px;
    }

    .box-last-projects {
        margin-right: 60px;
    }


}

@media (max-width: 1366px) {
    .box-noticias,
    .single .box-noticias {
        width: 72%;
    }

    .list-noticias {
        margin: 0 -2%;
    }

    .list-noticias li {
        width: 45%;
        margin: 2%;
    }
}
@media (max-width: 1250px) {
    .content-gallery {
        width: 65%
    }
    .info-resumen {
        width: 34%;
    }

    #fotosyresumen {
        padding: 0 15px !important;
    }
}

@media (max-width: 1200px) {
    .box-know .title-common {
        font-size: 52px;
    }

    .box-know,
    .box-last-projects {
        float: none;
        width: 100%;
    }

    .box-last-projects {
        margin-top: 58px;
    }

    .box-last-projects .list-projects {
        width: 598px;
        float: none;
        margin: 27px auto 20px;
    }

    .wc-conoce {
        width: 598px;
        margin: 0 auto;
    }

    .content-box-ventas {
        margin-top: 0;
        background: #83be00;
    }

    .box-ventas {
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .box-ventas a span,
    .box-tab h3 {
        font-size: 30px;
    }

    .box-ventas a span {
        font-size: 22px;
    }

    .box-ventas a.lnk-casas {
        background-size: 51px auto;
    }

    .box-ventas a.lnk-lotes {
        background-size: 53px auto;
    }

    .box-ventas a.lnk-terrenos {
        background-size: 45px auto;
    }

    .box-ventas a {
        min-height: 48px;
    }

    .box-ventas a span {
        background-size: 12px auto;
    }

    .box-ventas a {
        padding-left: 66px !important;
    }

    .box-ventas {
        padding: 15px 0;
        display: block !important;
    }

    .box-ventas a span {
        padding-right: 35px;
    }

    .wc-venta {
        padding: 0 26px;
        float: none;
        display: inline-block;
        vertical-align: top;
        text-align: left;
        margin-left: -3px;
    }

    .box-ventas .ctn-bnt-ventas {
        text-align: center;
        padding: 0;
    }

    .box-last-projects {
        margin-right: 0;
    }
}

@media (min-width: 1025px) and (max-width: 1366px) {
    .site-content {
        padding: 0 25px;
    }

    .content-inmobiliaria .left-inmob,
    .content-inmobiliaria .right-inmob {
        width: 47%;
    }

    .content-projects {
        width: 100%;
    }

    .content-projects .list-projects {
        margin: 0 -2%;
    }

    .content-projects .item-proyect {
        margin: 2% 2%;
        width: 29%;
    }
}

@media (max-width: 1024px) {
    header .right-header {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 10;
        height: 100%;
        overflow: auto;
        background: #13683c;
        padding-top: 60px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;

        visibility: hidden;
        opacity: 0;
    }

    body.menu header .right-header {
        visibility: visible;
        opacity: 1;
    }

    h1 img {
        width: 207px;
    }

    .site-content {
        padding: 0 25px;
    }

    header h1 {
        margin: 23px 0 0 13px;
    }

    header,
    header .header-fix {
        height: 115px;
        position: relative;
        z-index: 25;
    }

    header .item-mail-phone.imp-1 {
        background: url(../images/mail-mob.png) no-repeat 0 -2px;
    }

    header .item-mail-phone.imp-2 {
        background: url(../images/phone-mob.png) no-repeat 0 -2px;
    }

    header .item-mail-phone {
        color: white;
        font-size: 16px;
    }

    header .mail-phone,
    header .nav-main,
    header nav li {
        float: none;
    }

    header nav li {
        text-align: center;
        margin: 0;
    }

    nav a,
    nav span.with-submenu {
        -webkit-border-radius: 0;
        border-radius: 0;
        color: white;
        padding: 13px 0 10px;
    }

    nav span.with-submenu {
        padding-left: 0;
        padding-right: 0;
        background-position: 56% 20px;
        cursor: pointer;
        color:white;
    }

    .hsubmenu {
        display: none;
    }

    .hsubmenu-mob {
        display: block;
    }

    nav .submenu-ventas {
        display: none;
    }
    nav .submenu-ventas a {
        font-size: 18px;
        font-weight: 400;
    }

    nav .submenu-ventas a:hover,
    nav .submenu-ventas a.active {
        background: #569c18;
    }

    .hsubmenu-mob.active span.with-submenu {
        background-image: url(../images/arrow-up.png);
    }

    header nav {
        margin-top: 32px;
    }

    .icon-menu {
        display: block;
    }

    .slide-home .item-slide-home {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        height: 494px;
    }

    .slide-home .item-slide-home img {
        display: none;
    }

    .slide-home h2,
    .banner-view h2 {
        font-size: 60px;
    }

    .slide-home .btn-slide {
        font-size: 17px;
    }


    h3 {
        font-size: 30px;
    }

    footer .box-informacion {
        width: 355px;
        width: 41%;
    }

    footer .box-contactanos {
        width: 48%;
        margin: 0;
    }

    footer .form-col-1, footer .form-col-2 {
        width: 100%;
        float: none;
    }

    footer .form-col-2 {
        margin-top: 8px;
    }

    .right-header,
    .logo-copy {
        float: none;
        width: 100%;
        text-align: center;
    }

    footer nav.nav-main {
        display: inline-block;
        vertical-align: top;
        float: none;
    }

    .logo-copy {
        margin-top: 55px;
    }
    .logo-copy h2,
    footer .copy {
        display: inline-block;
        vertical-align: top;
        float: none;
    }

    footer nav a {
        -webkit-border-radius: 20px;
        border-radius: 20px;
        padding: 0 20px;
    }

    .content-inmobiliaria .left-inmob,
    .content-inmobiliaria .right-inmob {
        width: 100%;
        float: none;
    }

    .title-common {
        font-size: 30px;
    }

    .vision-mision .vm-item {
        margin-top: 44px;
    }

    .right-inmob h2 {
        margin: 43px 0 7px;
    }

    .content-projects {
        width: 100%;
    }

    .content-projects .list-projects {
        margin: 0 -2%;
    }

    .content-projects .item-proyect {
        margin: 2% 2%;
        width: 46%;
    }

    .detail-ventas .content-slide-ventas .slide-home .item-slide-home {
        height: 430px;
    }

    .desc-item-venta {
        font-size: 26px;
    }

    .bar-menu-green a {
        font-size: 18px;
    }

    .box-noticias,
    .single .box-noticias {
        width: 60%;
    }

    .list-noticias {
        margin: 0;
    }

    .list-noticias li {
        width: 100%;
        margin: 34px 0 0;
    }

    .list-noticias li:first-child {
        margin: 0;
    }

    .message-result {
        padding-bottom: 32px;
    }

    .contact-map {
        height: 430px;
    }

    .content-main-contacto .box-contactanos h3 {
        font-size: 52px;
    }
}

@media(max-width: 889px) {
    .content-gallery,
    .info-resumen {
        width: 100%;
    }

    .info-resumen {
        margin: 10px 0 0;
        min-height: inherit;
    }

    .box-tab .box-tab-in {
        background: none;
        padding-bottom: 0;
    }

    .slider-main-terrenos button.slick-next,
    .slider-main-terrenos button.slick-prev {
        background-size: 25px auto;
        width: 25px;
        height: 40px;
        margin-top: -20px;
    }

    .slider-main-terrenos button.slick-next {
        right: 15px;
    }

    .slider-main-terrenos button.slick-prev {
        left: 15px;
    }

    .slider-thumb-terrenos button.slick-prev,
    .slider-thumb-terrenos button.slick-next {
        background-size: 11px auto;
        width: 30px;
    }

    .content-gallery .slider-thumb-terrenos {
        padding: 15px 40px;
    }
}

@media(max-width: 800px) {
    .box-noticias,
    .single .box-noticias {
        width: 56%;
    }

    .content-form-contact {
        width: 336px;
        float: right;
        margin: 0;
    }
}


@media (max-width: 767px) {
    .content-main-noticias {
        padding: 12px 0 63px;
    }

    .detail-ventas .slide-home h2 {
        margin-bottom: 40px;
    }

    .slide-home .item-slide-home {
        height: 350px;
    }

    .slide-home h2, .banner-view h2 {
        font-size: 40px;
    }

    .wc-venta {
        display: block;
        padding: 0;
        background: url(../images/double-green.png) repeat-x left top;
        margin: 0 17px;
    }

    .box-ventas a {
        float: none;
        width: 288px;
        margin: 34px auto 0 !important;
        display: block;
    }

    .box-ventas a:first-child {
        margin-top: 0 !important;
    }



    .box-ventas .ctn-bnt-ventas {

        padding: 15px 0 15px;
    }

    .box-know .title-common {
        font-size: 40px;
    }

    a.read-more {
        font-size: 15px;
    }

    .title-common {
        font-size: 26px;
    }

    .box-last-projects .list-projects,
    .wc-conoce {
        width: 100%;
    }

    .box-last-projects .slick-next.slick-arrow {
        right: 10px;
    }

    .box-last-projects .slick-prev.slick-arrow {
        left: 10px;
    }

    .content-carousel-proyects .slick-slide img {
        width: 100%;
        height: auto;
        display: block;
    }

    .box-last-projects .slick-arrow {
        background-color: white;
    }

    footer .box-informacion,
    footer .box-contactanos {
        width: 100%;
    }

    footer .box-contactanos {
        margin-top: 17px;
    }

    footer nav.nav-main {
        display: none;
    }

    .logo-copy {
        margin-top: 0;
    }

    .logo-copy h2, footer .copy {
        display: block;
        text-align: center;
        padding-left: 0;
    }

    .logo-copy h2 a {
        display: inline-block;
        vertical-align: top;
    }

    footer .footer-nav-in {
        padding: 8px 0 37px;
    }

    header .item-mail-phone {
        display: block;
        float: none;
        text-align: initial;
    }

    header .item-mail-phone.imp-2 {
        margin-top: 11px;
    }

    nav a, nav span.with-submenu {
        padding: 14px 0 12px;
        font-size: 16px;
    }

    h3 {
        font-size: 26px;
    }

    .content-form .text,
    .content-form textarea,
    footer .content-form select {
        font-size: 14px;
    }

    .content-inmobiliaria .detail-page {
        font-size: 14px;
    }

    .banner-view {
        height: 100px;
    }

    h1 img {
        width: 162px;
    }

    header, header .header-fix {
        height: 80px;
    }

    header h1 {
        margin: 16px 0 0 0;
    }

    .icon-menu {
        top: 32px;
    }

    .desc-ventas {
        font-size: 16px;
    }

    .desc-min,
    .state-project {
        font-size: 14px;
    }

    .detail-ventas .content-slide-ventas .slide-home .item-slide-home {
        height: 300px;
    }

    .detail-ventas .slide-home .slick-prev {
        left: 10px;
        background-size: 43px auto;
        width: 22px;
        height: 40px;
        margin-top: -20px;
    }

    .detail-ventas .slide-home .slick-next {
        right: 10px;
        background-size: 43px auto;
        width: 22px;
        height: 40px;
        margin-top: -20px;
    }

    .bar-menu-green a {
        display: none;
        width: 136px;
        margin: 0 auto;
        float: none;
        font-size: 16px;
    }

    .bar-menu-green a:first-child {
        display: block;
    }

    .box-presentacion,
    .box-video,
    .box-presentacion-in .desc-present {
        width: 100%;
        float: none;
    }

    .wc-btn-downloads {
        float: none;
        text-align: center;
    }

    .wc-btn-downloads a {
        display: inline-block;
        text-align: left;
        margin: 5px 2px;
    }

    .box-tab h3 {
        font-size: 26px;
    }

    .box-tab {
        padding: 0 15px;
    }

    .list-planos {
        display: none;
    }

    .bc-bargreen,
    .bc-bargreen-info {
        width: 100%;
        height: auto;
        float: none;
    }

    .bc-bargreen-info {
        padding: 0;
    }

    .tab-plano {
        display: block !important;
    }

    .tab-plano h4 {
        display: block;
        background: #13683c;
        color: white;
        height: 35px;
        line-height: 35px;
        text-align: center;
        font-size: 15px;
    }

    .image-piso {
        padding: 10px;
    }

    .bargreen-info-map {
        height: 300px;
    }

    .bar-ubicacion {
        padding: 50px 28px 50px;
    }

    .bar-menu-green-in.active {
        position: static !important;
    }

    .single .box-cat-files {
        display: none;
    }

    .single .list-noticias .desc {
        display: block;
        margin-left: -81px;
        margin-top: 60px;
    }

    .btns-prev-next,
    .single .cmn-cols {
        padding: 0;
    }

    .searchform {
        margin-bottom: 9px;
    }

    .contact-map {
        height: 300px;
    }

    .box-contactanos,
    .content-form-contact {
        float: none;
        width: 100%;
    }

    .content-form-contact {
        margin-top: 51px;
    }

    .content-main-contacto .box-contactanos h3 {
        font-size: 40px;
    }

    .content-main-contacto .box-following h4 {
        font-size: 24px;
            padding-top: 5px;
    }

    header .item-mail-phone {
        margin-left: 30px;
    }

    .know-last-projects {
        margin: 43px 0 84px;
    }

    .box-ventas a {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .box-ventas a span br {
        display: none;
    }
}

@media (max-width: 640px) {
    .content-projects .list-projects {
        margin: 0;
    }

    .content-projects .item-proyect {
        width: 100%;
        margin: 12px 0;
    }

    .box-video {
        height: 350px;
    }

    .box-cat-files {
        width: 100%;
        float: none;
        position: relative;
        z-index: 20;
    }

    .box-noticias, .single .box-noticias {
        float: none;
        width: 100%;
    }

    .list-noticias .desc {
        display: none;
    }

    .list-noticias h2 a, .list-noticias h2 {
        font-size: 18px;
    }

    .list-noticias .date-noti .date {
        font-size: 36px;
    }

    .list-noticias .date-noti .month {
        font-size: 15px;
    }

    .list-noticias .date-noti {
        width: 68px;
        height: 68px;
    }

    .list-noticias .info-noti {
        padding-left: 81px;
    }

    .dropdown-dates {
        display: block;
        margin-bottom: 20px;
    }

    .dropdown-fields {
        width: 47%;
    }

    .dropdown-fields .selected {
        height: 40px;
        cursor: pointer;
        line-height: 36px;
        font-size: 15px;
        font-weight: 700;
        border: 2px solid #d1d1d1;
        -webkit-border-radius: 30px;
        border-radius: 30px;
        padding: 0 30px 0 19px;
        background-image: url(../images/arr-dropdown-down.png);
        background-repeat: no-repeat;
        background-position: right center;
        position: relative;
        z-index: 2;
    }

    .dropdown-fields .selected.active {
        background-image: url(../images/arr-dropdown-up.png);
        background-color: #83be00;
        color: white;
        border: 2px solid #83be00;
    }

    .list-dropdown {
        padding: 21px;
        background-color: #83be00;
        position: absolute;
        z-index: 1;
        top: 21px;
        left: 0;
        width: 100%;
        display: none;
        border-radius: 30px;
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .list-dropdown a {
        color: white;
    }

    .bar-cat-file {
        display: none;
    }

    nav span.with-submenu {
        background-position: 58% 20px;
    }

    .item-slide-thumb {
        width: 180px;
    }

    .single .bar-menu-green a {
        width: 200px
    }
}

@media (max-width: 520px) {
    nav span.with-submenu {
        background-position: 60% 20px;
    }

}

@media (max-width: 450px) {
    .wc-conoce a.read-more {
        float: none;
        margin-top: 51px;
    }

    nav span.with-submenu {
        background-position: 62% 20px;
    }

    .wc-venta {
        margin: 0;
    }

}

@media (max-width: 480px) {
    .item-slide-thumb {
        width: 144px;
    }
}

@media (max-width: 450px) {
    nav span.with-submenu {
        background-position: 64% 20px;
    }

    .box-ventas {
        padding: 15px;
    }

    .box-ventas a span {
        font-size: 24px;
        padding-right: 35px;
        padding: 14px 20px 8px 0;
    }

    .box-ventas a {
        width: 100%;
    }
}