@media (max-width: 1400px) {
    #whatis-wrapper .slider-counter-wrapper {
        position: absolute;
        top: 64%;
        transform: translateY(-64%);
        right: -50px;
    }
}
@media (max-width: 1300px) {
    #whatis-wrapper .slider-counter-wrapper {
        /* position: absolute;
        top: 46%;
        transform: translateY(-46%);
        right: -50px; */
        display: none;
    }
}
@media (max-width: 1250px) {
    .container {
        max-width: calc(100% - 80px);
    }
    .page-portfolio-wrapper .portfolio-items .item {
        max-width: 240px;
        margin-right: 15px;
    }
}
@media (max-width: 1024px) {
    .page-portfolio-wrapper .portfolio-items .item {
        max-width: 45%;
        margin-right: 15px;
    }
    .page-portfolio-wrapper .portfolio-items .item:nth-of-type(even) {
        margin-right: 0px;
    }
    
    .page-portfolio-wrapper .portfolio-items .item:nth-of-type(odd) {
        margin-right: 15px;
    }
    .container {
        max-width: calc(100% - 80px);
    }
    .banner-slider-wrapper a.button {
        bottom: 66px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }
    .frontpage-header-slider.slick-slider .slick-dots,
    .block-banner-header-slider.slick-slider .slick-dots {
        bottom: 20px;
    }
    .site-content {
        margin-top: 80px;
    }
    .social-lat {
        display: none;
    }
    #frontpage-header, .block-banner {
        margin-bottom: 0;
        height: 100vh;
    }
    .frontpage-header-slider .slide, .block-banner-slider-wrapper .slide {
        height: calc(100vh - 80px);
    }
    .treehouse-body-frame {
        display: none;
    }
    #modconstruction-wrapper .green-grid {
        bottom: 30px;
    }
    .frontpage-header-slider-title {
        width: 100%;
        margin: 0 auto;
    }
    .frontpage-header-slider-title h1 {
        font-size: 60px;
    }
    .block-banner-header-slider-title h1 {
        font-size: 100px;
    }
    .frontpage-header-slider-sub-title,
    .block-banner-header-slider-sub-title {
        top: 32%;
    }
    .frontpage-header-slider-arrows .slider-prev,
    .block-banner-header-slider-arrows .slider-prev {
        margin-left: 20px;
    }
    .frontpage-header-slider-arrows .slider-next, 
    .block-banner-header-slider-arrows .slider-next {
        margin-right: 20px;
    }
    .block-b .image-label {
        bottom: 98px;
        right: -98px;
    }
    .block-c .block-c-slider {
        right: -15px;
    }
    .page-text-template-wrapper .block-text {
        padding-right: 120px;
    }
    #ourprojects-wrapper .container-ourprojects {
        padding-left: 20px;
    }
    #ourprojects-wrapper .ourprojects-right {
        padding-left: 75px;
    }
    #ourprojects-wrapper .ourprojects-custom-controls {
        right: -50px;
    }
    #whatis-wrapper .slider-counter-wrapper {
        position: absolute;
        top: 100%;
        transform: translateY(-100%);
        right: 10px;
    }
    .slider-counter-wrapper {
        display: none;
    }
    .whatis-right.col-4-right,
    .modconst-right.col-6-right,
    .home-contact .bg-image-wrapper {
        top: 0px !important;
    }
    .rehabilitation-img.img-shadow {
        top: -200px !important;
    }
    .block-a-right.col-4-right,
    .block-b .col-6-left .image-wrapper,
    .block-c-right.col-5,
    .block-d-slider,
    .block-f-slider {
        top: 0 !important;
    }
    .structures-center.col-4-left {
        top: 45px !important;
    }
    .block-c .block-lead {
        max-width: 80%;
    }
    .block-c .block-text {
        width: 80%;
    }
    .block-c .block-c-slider {
        width: 440px;
        height: 440px;
    }
    .block-c .block-c-slider .slide {
        height: 440px;
    }
    .video {
        width: 100%;
        height: 100%;
    }
}
@media (max-width: 960px) {
    .block-c .block-text {
        width: 70%;
    }
    .block-c .block-c-slider {
        width: 440px;
        height: 440px;
    }
    .block-c .block-c-slider .slide {
        height: 440px;
    }
}
@media (max-width: 768px) {
    .green-grid {
        display: none;
    }
    .frontpage-header-custom-nav,
    .frontpage-header-custom-nav.show {
        display: none;
    }
    .container {
        /* max-width: 738px; */
        max-width: calc(100% - 30px);
    }
    .col-6-left,
    .col-4-left,
    .col-2-left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px;
    }
    .col-4-right,
    .col-6-right,
    .col-5 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0px;
    }
    .img-shadow {
        box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0);
    }
    .frontpage-header-slider.slick-slider .slick-dots,
    .block-banner-header-slider.slick-slider .slick-dots {
        bottom: 40px;
    }
    .frontpage-header-custom-nav,
    .frontpage-header-custom-nav.show {
        display: none;
    }
    .frontpage-header-slider-sub-title,
    .block-banner-header-slider-sub-title {
        top: 33%;
    }
    .banner-slider-wrapper a.button {
        bottom: 136px;
    }
    .banner-slider-wrapper button {
        margin: 0 auto;
        right: 0;
        left: 0;
    }
    #whatis-wrapper .home-what-is .img-a-drt {
        flex-direction: column;
    }
    #whatis-wrapper .home-what-is .slider-pieces {
        margin-top: 40px;
        flex-direction: column-reverse;
    }
    #whatis-wrapper .left-lead-text {
        width: 400px;
        margin: 0 auto 60px auto;
    }
    #modconstruction-wrapper .modconst-img {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
    }
    #modconstruction-wrapper .green-card {
        top: -100px;
        left: 390px;
    }
    #modconstruction-wrapper button {
        margin-top: 25px;
    }
    #modconstruction-wrapper .modconst-right {
        top: 60px !important;
    }
    #modconstruction-wrapper .green-grid {
        bottom: -50px;
        left: 80px;
    }
    #structures-wrapper {
        padding-top: 70px;
        margin-bottom: 70px;
    }
    #structures-wrapper .green-grid {
        display: none;
    }
    #structures-wrapper .structures-img {
        width: 738px;
        height: 415px; /* 16:9 -> 738 *9 / 16  */
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .home-structures .row {
        flex-direction: column-reverse;
    }
    #structures-wrapper .number-text {
        margin-top: 0;
    }
    #structures-wrapper .home-structures .col-4-left button {
        margin-top: 55px;
        margin-left: 100px;
    }
    .home-structures .left-lead-text {
        text-align: center;
        margin-top: 50px;
    }
    .home-structures .left-lead-text h3 {
        text-align: center;
        max-width: 80%;
        margin: 0 auto;
    }
    .home-structures .left-lead-text button {
        margin-left: 0px;
    }
    #rehabilitation-wrapper {
        margin-top: 0;
    }
    #rehabilitation-wrapper .rehabilitation-right {
        height: 280px;
    }
    #rehabilitation-wrapper .grey-bg-wrapper {
        background: rgba(147, 149, 152, 0.3);
    }
    #rehabilitation-wrapper .rehabilitation-img {
        position: relative;
        top: 0;
        width: 100%;
        margin-top: 250px;
    }
    #rehabilitation-wrapper .block-text{
        width: 100%;
    }
    #contact-wrapper .bg-image-wrapper {
        width: 100%;
    }
    #contact-wrapper .left-white-card {
        width: 450px;
        padding: 50px 32px 48px 32px;
        margin-left: auto;
        margin-right: auto;
    }
    #contact-wrapper .left-white-card .left-lead-text {
        padding-right: 0;
    }
    #contact-wrapper {
        margin-bottom: 0;
        margin-top: 200px;
    }
    #contact-wrapper .green-grid {
        display: none;
    }
    #footer .site-social {
        display: none;
    }
    #footer .site-copyright {
        justify-content: center;
    }
    .page-text-template-wrapper .block-text {
        padding-right: 0;
    }
    .page-portfolio-wrapper .inner-wrapper {
        margin-left: 0;
    }
    .page-portfolio-wrapper .first-line .first-line-lable-wrapper {
        width: 100%;
    }
    .page-portfolio-wrapper .first-line span {}
    .page-portfolio-wrapper .second-line .button-filter {
        margin-bottom: 10px;
    }
    .page-portfolio-wrapper .portfolio-items .item {
        width: calc(50% - 8px);
        margin-right: 15px;
        margin-bottom: 15px;
        max-width: 50%;
    }
    /* mobile menu */
    .treehouse-full-menu {
        background-image: none;
        padding: 0px 20px 0px 20px;
    }
    .treehouse-full-menu .inner-menu-top-bar .lang-choice {
        justify-content: flex-end;
    }
    .treehouse-full-menu .inner-menu-body ul.menu {
        flex-direction: column;
        height: auto;
        margin-top: 160px;
    }
    .treehouse-full-menu .inner-menu-body ul.menu li.menu-item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        border-right: 0;
        padding-top: 0px;
        padding-bottom: 30px;
        text-align: left;
        padding-left: 0;
        padding-right: 0;
    }
    .treehouse-full-menu .inner-menu-body ul.menu li.menu-item a {
        font-size: 24px;
    }
    .treehouse-full-menu .inner-menu-body ul.menu li.menu-item ul.sub-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        display: none;
    }
    .treehouse-full-menu .inner-menu-body ul.menu li.menu-item ul.sub-menu li.menu-item {
        padding-top: 10px;
        padding-bottom: 0;
    }
    .treehouse-full-menu #top-menu > .menu-item-has-children > a::after {
        content: url(../images/svg/arrow_drop.svg);
        display: inline-block;
        width: 10px;
        height: 8px;
        vertical-align: middle;
        margin-top: -4px !important;
        margin-left: 10px;
    }
    .treehouse-full-menu #top-menu > .menu-item-has-children > a.active::after {
        content: url(../images/svg/arrow_drop_active.svg);
        display: inline-block;
        width: 10px;
        height: 8px;
        vertical-align: middle;
        margin-top: -4px !important;
    }
    .treehouse-full-menu .inner-menu-body ul.menu li.menu-item ul.sub-menu li.menu-item a {
        font-size: 20px;
    }
    /* --- */
    .block-b {
        margin-top: 50px;
    }
    .block-b .block-b-image {
        width: 100%;
    }
    .block-c {
        margin-top: 100px;
    }
    .col-5:first-child, .col-5:nth-child(2n + 1) {
        padding-right: 0;
    }
    .block-c .block-text {
        width: 100%;
    }
    .block-c .block-c-slider {
        width: 100%;
        right: 0;
        top: 0;
    }
    .block-c .block-c-slider .slide {
        height: 384px;
    }
    #block-c-wrapper .grey-bg-wrapper {
        background: rgba(147, 149, 152, 0.3);
    }
    #block-d-wrapper {
        margin-top: 425px;
    }
    #block-d-wrapper .block-d-slider-wrapper {
        width: 100%;
    }
    #block-d-wrapper .block-d-slider-wrapper {
        position: relative;
    }
    #block-d-wrapper .block-d-slider {
        height: auto;
    }
    #block-d-wrapper .block-d-slider .slide {
        height: 384px;
    }
    #block-d-wrapper .block-d {
        display: flex;
        flex-direction: column-reverse;
    }
    #block-d-wrapper .left-white-card {
        margin-top: 0;
        padding: 0px 0px 10px 0px;
    }
    #block-d-wrapper .green-grid {
        top: -140px;
        right: 65px;
    }
    #block-d-wrapper .left-white-card {
        width: 100%;
    }
    #block-e-wrapper {
        margin-top: 100px;
        margin-bottom: 200px;
    }
    #block-e-wrapper .grey-bg-wrapper {
        background: rgba(147, 149, 152, 0.3);
    }
    #block-e-wrapper .block-e-left .img-top {
        top: 0;
        position: relative;
        height: 540px;
        width: 100%;
    }
    #block-e-wrapper .block-e-left .left-lead-text {
        position: relative;
    }
    #block-e-wrapper .img-left {
        position: absolute;
        width: 46%;
        top: 889px;
        left: 0;
        height: 322px;
    }
    #block-e-wrapper .block-e-right .img-right {
        width: 46%;
        margin-top: 15px;
        right: 15px;
        height: 322px;
    }
    #block-e-wrapper .block-e-left .left-lead-text {
        display: none;
    }
    #block-e-wrapper .block-e-right {
        margin-top: 30px;
    }
    #block-f-wrapper {
        min-height: auto;
    }
    .block-f-slider-wrapper {
        width: 100%;
        position: relative;
    }
    #block-f-wrapper .left-white-card {
        width: 100%;
        padding: 0px 0px 30px 0px;
        margin: -20px auto 0 auto;
    }
    .block-f.container {
        display: flex;
        flex-direction: column-reverse;
    }
    .block-f-slider-wrapper .block-f-slider .slide {
        height: 645px;
    }
    .block-f-slider-wrapper .custom-slide-arrows {
        transform: translateY(-50%);
    }
    .block-f-slider-wrapper .custom-slide-arrows .slider-prev {
        margin-left: 10px;
    }
    .block-f-slider-wrapper .custom-slide-arrows .slider-next {
        margin-right: 10px;
    }
    #block-f-wrapper .left-white-card button {
        margin-top: 35px;
    }
    .block-f .image-label {
        bottom: 98px;
        right: -98px;
    }
    .block-banner-header-slider-title h1 {
        font-size: 80px;
    }
    /* contactos */
    .block-contact-info-right {
        margin-top: 40px;
        height: 504px;
    }
    .block-contact-info-card {
        width: 100%;
        height: 100%;
    }
    .block-contact-map-info .left-white-card {
        width: 90%;
        margin: -70px auto 0 auto;
        padding: 20px 32px 20px 32px;
        text-align: center;
    }
    .block-contact-map-info .left-white-card h3 {
        font-size: 18px;
        margin-right: 10px;
    }
    .block-contact-map-info .left-white-card h3:nth-of-type(2) {
        margin-right: 30px;
    }
    .block-contact-map-info .left-white-card .left-lead-text {
        display: flex;
        justify-content: center;
    }
    .block-contact-map-info .left-white-card .button {
        margin-top: 20px;
    }
    .block-contact-map-wrapper {
        width: 100%;
        right: 0;
    }
    #ourprojects-wrapper {
        margin-bottom: 200px;
    }
    #ourprojects-wrapper .ourprojects-right .ourprojects-carrousel .slide {
        height: 640px;
    }
    #ourprojects-wrapper .ourprojects-custom-controls {
        bottom: -180px;
        right: -105%;
        transform: translateX(105%);
        flex-direction: row;
    }
    #ourprojects-wrapper .ourprojects-custom-controls .ourprojects-slider-two-next {
        margin-top: 0;
    }
    #ourprojects-wrapper .ourprojects-custom-controls .ourprojects-slider-two-prev,
    #ourprojects-wrapper .ourprojects-custom-controls .ourprojects-slider-two-next {
        margin: 0 20px;
    }
    .block-lead h1 {
        font-size: 35px;
    }
    #whatis-wrapper .whatis-slider-two {
        margin-top: 15px;
    }
    #whatis-wrapper .slider-counter-wrapper {
        bottom: -475px;
    }
    #whatis-wrapper .custom-slide-arrows {
        flex-direction: row;
    }
    #whatis-wrapper .custom-slide-arrows .slide-arrow-next-wrapper {
        margin-top: 0;
    }
    #whatis-wrapper .info-wrapper .block-text {
        min-height: 90px;
    }
    #backToTop {
        bottom: 40px;
        right: 40px;
    }
    #frontpage-header .frontpage-header-slider .slider-prev,
    .block-banner-header-slider .slider-prev {
        margin-left: 20px;
    }
    #frontpage-header .frontpage-header-slider .slider-next,
    .block-banner-header-slider .slider-next {
        margin-right: 20px;
    }
    #ourprojects-wrapper .ourprojects-right .ourprojects-carrousel .slick-list {
        height: auto;
    }
    .page-construcao-modular-wrapper #block-f-wrapper {
        margin-top: 280px;
    }
    .page-estruturas-wrapper #block-f-wrapper {
        margin-top: 490px;
    }
    .page-reabilitacao-wrapper #block-f-wrapper {
        margin-top: 490px;
    }
    #rehabilitation-wrapper .grey-bg-wrapper {
        padding-bottom: 250px;
    }
    #whatis-wrapper .custom-slide-arrows .slide-arrow-prev-wrapper > div,
    #whatis-wrapper .custom-slide-arrows .slide-arrow-next-wrapper > div {
        display: none;
    }

}
@media (max-width: 640px) {
    .green-grid {
        display: none !important;
    }
    .block-banner-header-slider-title h1 {
        font-size: 50px;
        line-height: 65px;
    }
    #modconstruction-wrapper .green-card {
        top: -50px;
        left: 0;
        right: 0;
        width: 90%;
        margin: 0 auto;
        padding: 34px 45px 30px 30px;
    }
    #modconstruction-wrapper .modconst-right {
        top: 100px;
    }
    #treehouse-menu-bar {
        justify-content: flex-end;
    }
    .frontpage-header-slider-title h1 {
        font-size: 40px;
        line-height: 60px;
    }
    .banner-slider-wrapper button {
        bottom: 46px;
    }
    /* portfolio */
    .page-portfolio-wrapper .inner-wrapper {
        margin-left: 0;
    }
    
    #portfolio-modal {
        border: 0;
    }
    .info-btn-modal {
        top: 12px;
    }
    #backToTop {
        margin-right: 20px;
        position: fixed;
        right: 0;
        bottom: 30px;
    }
    .home-structures .block-text {
        margin-left: 0;
    }
    /* modal */
    .info-card-modal {
        opacity: 1;
        visibility: visible;
        position: relative;
        max-width: 100%;
        min-height: calc(100vh - 360px);
        background-color: #ffffff;
        color: #414042;
        top: 0;
        left: 0;
        padding: 0px 13px 10px 13px;
    }
    .info-card-modal .modal-title,
    .info-card-modal .modal-country {
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    }
    .info-btn-modal {
        display: none;
    }
    .portfolio-modal-slider-wrapper .slide {
        max-height: 50vh;
    }
    .portfolio-modal-slider-wrapper {
        /* height: 310px; */
        height: 50vh;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }
    #portfolio-modal {
        background-color: #ffffff;
        display: flex;
        flex-direction: column-reverse;
    }
    #portfolio-modal .image-label {
        display: none;
    }
    .portfolio-modal-slider.slick-slider .slick-dots {
        bottom: -25px;
        z-index: 99;
        width: 100%;
    }
    .info-card-modal .modal-category {
        font-size: 15px;
    }
    .info-card-modal .modal-title {
        font-size: 20px;
        line-height: 22px;
    }
    .info-card-modal .modal-year {
        margin-top: 20px;
        font-size: 15px;
    }
    .info-card-modal .modal-local {
        font-size: 16px;
    }
    .info-card-modal .modal-country {
        font-size: 15px;
    }
    .info-card-modal .modal-text {
        width: 90%;
        text-align: center;
    }
    .info-card-modal .modal-share a svg path {
        fill: #414042;
    }
    .portfolio-modal-photo-info {
        left: 50%;
        transform: translateX(-50%);
        bottom: 10px;
    }
    .treehouse-full-menu .inner-menu-body ul.menu {
        flex-direction: column;
        height: auto;
        margin-top: 110px;
    }
    .treehouse-full-menu .inner-menu-body ul.menu li.menu-item a {
        font-size: 22px;
    }
    .treehouse-full-menu .inner-menu-body ul.menu li.menu-item ul.sub-menu li.menu-item a {
        font-size: 20px;
    }
    .container-ourprojects .row {
        display: flex;
        flex-direction: column;
    }
    .col-3-left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0px;
    }
    #ourprojects-wrapper .ourprojects-custom-controls {
        bottom: -750px !important;
        right: 30%;
        transform: translateX(-30%);
        flex-direction: row;
        /* display: none; */
    }
    #ourprojects-wrapper .ourprojects-custom-controls span {
        margin: 0 20px;
    }
    #ourprojects-wrapper .ourprojects-slider-two-next {
        margin-top: 0;
    }
    .ourprojects-right {
        width: 100%;
        max-width: 100% !important;
        padding-left: 20px !important;
        margin-top: 40px;
    }
    #ourprojects-wrapper .ourprojects-right .ourprojects-carrousel {
        height: auto;
    }
    #ourprojects-wrapper {
        margin-bottom: 100px;
    }
    #footer {
        margin-top: 40px;
    }
}
@media (max-width: 414px) {
    .banner-slider-wrapper a.button {
        bottom: 40px;
    }
    .frontpage-header-slider.slick-slider .slick-dots,
    .block-banner-header-slider.slick-slider .slick-dots {
        bottom: 10px;
    }
    .block-contact-map-info .left-white-card .left-lead-text {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }
    .block-contact-map-info .left-white-card h3 {
        margin-right: 0;
        font-size: 16px;
        line-height: 20px;
    }
    .block-contact-map-info .left-white-card h3:nth-of-type(2) {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .page-contacts-wrapper .block-lead-small {
        margin-bottom: 20px;;
    }
    .treehouse-menu-button {
        left: 20px;
    }
    .home-structures .home-structures .block-text {
        margin-left: 0;
    }
    #structures-wrapper {
        padding-top: 30px;
        margin-bottom: 70px;
    }
    #rehabilitation-wrapper {
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .block-banner-header-slider-title h1 {
        font-size: 35px;
        line-height: 40px;
    }
    .scroll-down {
        left: -20px;
    }
    .block-a .block-a-slider .slide {
        height: 384px;
    }
    /* .block-b {
        margin-top: 50px;
    } */
    .block-b .block-b-image {
        height: 384px;
    }
    #structures-wrapper .structures-img,
    #modconstruction-wrapper .modconst-img,
    #whatis-wrapper .whatis-slider-two .slide,
    #whatis-wrapper .whatis-slider .slide {
        height: 384px;
    }
    #rehabilitation-wrapper .rehabilitation-img {
        top: 0px !important;
    }
    #whatis-wrapper {
        margin-bottom: 40px;
    }
    .page-portfolio-wrapper .portfolio-items .item {
        height: 312px;
    }
    .page-portfolio-wrapper .item .info {
        max-width: 130px;
    }
    .page-portfolio-wrapper .item .image-label{
        height: 21px;
        width: 131px;
    }
    .page-portfolio-wrapper .image-label span {
        font-size: 13px;
    }
    .page-portfolio-wrapper .item .image-label {
        bottom: 56px;
        right: -55px;
    }
    .portfolio-modal-slider-wrapper,
    .portfolio-modal-slider-wrapper .slide {
        height: 232px;
    }
    .info-card-modal {
        min-height: calc(100vh - 232px);
        padding: 50px 13px 10px 13px;
        overflow-y: auto;
    }
    #block-e-wrapper {
        margin-bottom: 100px;
    }
    #block-e-wrapper .block-e-left .img-top {
        height: 384px;
    }
    #block-e-wrapper .img-left {
        top: 949px;
        height: 176px;
    }
    #block-e-wrapper .block-e-right .img-right {
        height: 176px;
    }
    .block-f-slider-wrapper .block-f-slider .slide {
        height: 384px;
    }
    .frontpage-header-slider-title h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .frontpage-header-slider-sub-title, .block-banner-header-slider-sub-title {
        top: 29%;
    }
    #whatis-wrapper .slider-counter-wrapper {
        bottom: -430px;
    }
    #ourprojects-wrapper .ourprojects-custom-controls {
        bottom: -750px !important;
        right: 30%;
        transform: translateX(-30%);
        flex-direction: row;
        /* display: none; */
    }
    #ourprojects-wrapper {
        margin-top: 290px;
    }

}
@media (max-width: 375px) {
    .block-a .block-a-slider .slide,
    .block-b .block-b-image,
    .block-c .block-c-slider .slide,
    #block-d-wrapper .block-d-slider .slide,
    #block-e-wrapper .block-e-left .img-top,
    #whatis-wrapper .whatis-slider-two .slide {
        height: 345px;
    }
    .block-c {
        margin-top: 10px;
    }
    #block-e-wrapper .img-left {
        top: 758px;
    }
    .page-construcao-modular-wrapper #block-f-wrapper {
        margin-top: 110px;
    }
    .page-estruturas-wrapper #block-f-wrapper {
        margin-top: 410px;
    }
    .page-reabilitacao-wrapper #block-f-wrapper {
        margin-top: 410px;
    }
    #mapContact {
        height: 485px;
    }
    .page-portfolio-wrapper .portfolio-items .item {
        height: 278px;
    }
    #whatis-wrapper .left-lead-text {
        width: 100%;
    }
    .home-structures .left-lead-text h3 {
        max-width: 100%;
    }
    #rehabilitation-wrapper .grey-bg-wrapper {
        padding-top: 30px;
    }
    .portfolio-modal-slider-wrapper,
    .portfolio-modal-slider-wrapper .slide {
        /* height: 211px; */
        height: 50vh;
    }
    .info-card-modal {
        max-height: 50vh;
        padding: 35px 13px 10px 13px;
        overflow-y: auto;
        top: 0;
        min-height: 50vh;
    }
    .info-card-modal .modal-category {
        margin-top: 13px;
        font-size: 14px;
    }
    .portfolio-modal-slider.slick-slider .slick-dots {
        /* bottom: -15px; */
        background-color: #ffffff;
        padding: 15px 0px;
    }
    .info-card-modal .modal-title {
        font-size: 18px;
        line-height: 18px;
    }
    .portfolio-filters .second-line {
        display: flex;
        overflow-y: auto;
        flex-wrap: nowrap !important;
    }
    .page-portfolio-wrapper .portfolio-items {
        margin-top: 30px;
    }
    .button-filter {
        margin-right: 10px;
    }
    .frontpage-header-slider-sub-title, .block-banner-header-slider-sub-title {
        top: 30%;
    }
    #rehabilitation-wrapper {
        margin-bottom: 50px;
    }
    #ourprojects-wrapper .ourprojects-right .ourprojects-carrousel .slide {
        height: 540px;
    }
    #whatis-wrapper .slider-counter-wrapper {
        bottom: -390px;
    }
    #ourprojects-wrapper .ourprojects-custom-controls {
        bottom: -650px !important;
        right: 30%;
        transform: translateX(-30%);
        flex-direction: row;
        /* display: none; */
    }
    #modconstruction-wrapper .modconst-right {
        top: 100px !important;
    }
    .blur-frame-wrapper {
        height: 310px;
    }
    .block-b .block-b-slider .slide {
        height: 520px;
    }
    .info-card-modal .modal-share .share-btn svg path {
        fill: #000000;
    }
    .apss-theme-4 .apss-single-icon .fa {
        color: #000000;
    }
    .apss-theme-4 .apss-single-icon .fa:hover {
        color: #80bc00;
    }
    #rehabilitation-wrapper .rehabilitation-img {
        margin-top: 50px;
    }
    #rehabilitation-wrapper .grey-bg-wrapper {
        padding-bottom: 140px;
    }
}
@media (max-width: 320px) {
    .treehouse-full-menu .inner-menu-body ul.menu li.menu-item a {
        font-size: 20px;
    }
    .blur-frame {
        top: 43%;
    }
    .frontpage-header-slider-title h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .frontpage-header-slider-sub-title,
    .block-banner-header-slider-sub-title {
        top: 23%;
    }
    .frontpage-header-slider-title {
        top: 51%;
    }
    .frontpage-header-slider.slick-slider .slick-dots,
    .block-banner-header-slider.slick-slider .slick-dots {
        bottom: 20px;
    }
    #structures-wrapper .structures-img,
    #modconstruction-wrapper .modconst-img,
    #rehabilitation-wrapper .rehabilitation-img,
    #whatis-wrapper .whatis-slider-two .slide,
    #whatis-wrapper .whatis-slider .slide {
        height: 290px;
    }
    #modconstruction-wrapper .green-card h3 {
        font-size: 18px;
        line-height: 22px;
    }
    .block-lead h1 {
        font-size: 25px;
        line-height: 34px;
    }
    .number-text {
        font-size: 40px;
    }
    .number-text:after {
        margin-left: 24px;
    }
    #contact-wrapper .home-contact {
        min-height: 485px;
    }
    #contact-wrapper .left-white-card {
        padding: 30px 12px 28px 12px;
    }
    #contact-wrapper .home-contact a.button-filled {
        margin-top: 35px;
    }
    .block-contact-info-card {
        height: 434px;
        padding: 40px 25px 30px 25px;
    }
    #mapContact {
        height: 400px;
    }
    .block-contact-map {
        padding-top: 310px;
    }
    .block-contact-map-info .left-white-card {
        margin: -260px auto 0 auto;
        padding: 20px 12px 20px 12px;
    }
    .portfolio-modal-slider-wrapper,
    .portfolio-modal-slider-wrapper .slide {
        height: 180px;
    }
    .info-card-modal {
        max-height: calc(100vh - 180px);
        padding: 28px 13px 10px 13px;
        overflow-y: auto;
    }
    .info-card-modal .modal-category {
        margin-top: 3px;
    }
    .portfolio-modal-slider.slick-slider .slick-dots {
        bottom: -15px;
    }
    .info-card-modal .modal-category {
        font-size: 14px;
    }
    .info-card-modal .modal-title {
        font-size: 15px;
        line-height: 18px;
    }
    .treehouse-menu-bar-branding .site-branding svg {
        width: 153px;
        height: 45px;
    }
    .treehouse-menu-bar-branding .site-branding .wrap {
        padding-right: 10px;
    }
    .page-portfolio-wrapper .portfolio-top .block-text .lead,
    .page-portfolio-wrapper .portfolio-top .block-text .sub-lead  {
        font-size: 20px;
        line-height: 22px;
    }
    .block-lead {
        margin-bottom: 20px;
    }
    .portfolio-filters .second-line .button-filter {
        margin-right: 10px;
        font-size: 10px;
    }
    .banner-slider-wrapper a.button {
        bottom: 62px;
    }
    #ourprojects-wrapper .ourprojects-right .ourprojects-carrousel .slide {
        height: 450px;
    }
    #ourprojects-wrapper {
        margin-bottom: 50px;
    }
    #whatis-wrapper .slider-counter-wrapper {
        bottom: -334px;
    }
    #ourprojects-wrapper .ourprojects-custom-controls {
        bottom: -560px !important;
        right: 25%;
        transform: translateX(-32%);
        flex-direction: row;
        /* display: none; */
    }
    .block-b .block-b-slider .slide {
        height: 400px;
    }
    .block-banner-header-slider-title h1 {
        font-size: 25px;
    }
    
}