@media only screen and (max-width: 1200px) {
    #arboles .col-sm-3{
        max-width: 50% !important;
        flex: 0 0 40%;
    }
}

@media only screen and (max-width: 600px) {
    header img {
        width: 90px;
    }
    .portada--page-name h2 {
        font-size: 30px;
    }
    .portada img {
        width: 100px;
    }
    .buttons-extras {
        display: block;
        margin-top: 45px;
    }
    .buttons-extras img{
        width: 100px;
        margin: 10px;
    }
    .button-group--input-flex a{
        font-size: 15px;
        width: 210px;
    }
    .button-group--input-flex img {
        width: 50px;
    }
    .you-knew-it {
        text-align: center;
    }
    .fundation{
        text-align: center;
    }
    .fundation p{
        max-width: 100%;
        font-size: 27px;
        line-height: 37px;
    }
    .fundation--metrics{
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .fundation .col-sm:nth-child(1) p::after{
        display: none;
    }
    .principal--btns{
        position: fixed;
        bottom: 0px;
        display: flex;
        height: auto;
        right: 14px;
        zoom: .8;
    }
    .principal--btns a:nth-child(2){
        display: none;
    }
    .nav-tabs .nav-link{
        width: 100%;
    }
    .swiper-carousel .swiper-slide {
        text-align: center;
        padding-bottom: 30px;
    }
    header nav{
        background: #000000d1;
        position: fixed;
        left: 0px;
        right: 0px;
        top: 0px;
        height: 100vh;
        display: none;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    header nav li{
        margin-bottom: 20px;
    }
    .close_menu{
        width: 40px;
        position: absolute;
        top: 30px;
        right: 20px;
        cursor: pointer;
    }
    .open_menu{
        width: 40px;
        position: absolute;
        top: 30px;
        right: 0px;
        cursor: pointer;
    }
    section.principal .principal--overlay-message h3{
        font-size: 30px;
    }
    section.principal .principal--overlay-message p{
        font-size: 17px;
    }
    section.principal{
        height: 60vh;
    }
    .you-knew-it p {
        font-size: 25px;
        line-height: 33px;
    }
    .discover h3 {
        font-size: 30px;
    }
    .discover p {
        font-size: 22px;
        line-height: 36px;
    }
    .discover .row img {
        width: 200px;
    }
    .collaborate--message h3 {
        font-size: 29px;
    }
    .collaborate .col-sm{
        margin-bottom: 14px;
        width: 100%;
        flex: 0 0 100%;
    }
    .content--title {
        display: block;
        text-align: center;
    }
    .content--title p{
        text-align: center;
    }
    .content--title h4 {
        max-width: 100%;
        text-align: center;
    }
    .content img{
        margin: 0 auto 0 auto;
        display: block;
    }
    .projects-intern .project-title{
        opacity: 1;
        visibility: visible;
        height: 200px;
    }
    .projects-intern .col-sm {
        height: 400px;
    }
    .projects-intern .project-title h3 {
        font-size: 25px;
    }
    .collaborate--message {
        margin-bottom: 15px;
    }
    .portada {
        height: 230px;
    }
    .portada--page-name {
        zoom: .7;
    }
    .box-question {
        min-width: 100%;
    }
    .calculator-results {
        flex-direction: column;
    }
    /* #arboles{
        display: block !important;
    } */
    #arboles .col-sm-3{
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0px !important;
        margin-bottom: 20px !important;
        flex: 0 0 100%;
    }
    .fichas-adopcion-arbol img {
        height: 150px;
    }
    .porque-adoptar{
        text-align: center;
    }
    .open_menu{display:block}
    .close_menu{display:block}
    .conoce-empresa .recibiras .row{
        height: auto;
    }

    .recibiras .col-sm{
        justify-content: center;
    }
    .recibiras, .recibiras strong {
        text-align: center;
    }
    .recibiras img{
        width: 150px;
    }
    .conoce-empresa p{
        max-width: 100%;
        text-align: center;
    }
    .conoce-empresa h3{
        text-align: center;
    }
    .conoce-empresa h2{
        text-align: center;
    }
    .conoce-empresa .col-sm-4{
        margin-top: 70px;
    }
    .impulsa h4, .impulsa p{
        text-align: center;
    }
    .team-intern .row .col-sm:nth-child(1) .bio{
        width: 100%;
        position: absolute;
        display: flex;
        justify-content: space-between;
        height: 93px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        opacity: .8;
    }
    .team-intern .row .col-sm:nth-child(2) .bio{
        width: 100%;
        position: absolute;
        display: flex;
        justify-content: space-between;
        height: 93px;
        top: 0;
        bottom: 0;
        margin-top: auto;
        opacity: .8;
    }
    .team-intern .bio p{
        text-align: right;
    }

    .sticky-div{
        bottom: 0px;
        margin-top: auto;
        top: auto;
        width: 100%;
        margin: 0px;
        right: 0px;
        border-radius: 0px;
        padding: 10px 10px;
    }

    #product-list div{
        font-size: 13px;
    }

    .sticky-div h3{
        font-size: 16px;
    }

    .impulsa_persona h4{
        max-width: 100%;
    }

    .reforestar_persona p, .reforestar_persona h4{
        text-align: center;
    }

    .reforestar_persona .row > .col-sm{margin-bottom: 40px;}

  }

  @media only screen and (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl{
    max-width: 75% !important;
  }
}