@media (min-width: 991px) {
  .media-project-hover{
    background: unset !important;
  }
}
@media (max-width: 991px) {
    .reverse-columns{
      display: flex;
		  flex-direction: column-reverse;
    }
    .header-mobile {
        position: fixed;
        bottom: 0;
        z-index: 10000;
        background: white;
        width: 100%;
    }

    .tel-border {
        border-left: 1px solid #E9E9E9;
    }

    .section-header {
        padding-top: 65px;
    }

    h2.titulo {
        height: 100%;
        width: 90%;
        line-height: 34px;
        font-size: 24px;
    }

    .background-images {
        height: 368px;
    }

    .media-statistic-2 {
        margin-bottom: 20px;
    }

    .text-sobre {
        width: 100%;
    }

    .text-servicos3 {
        font-size: 16px!important;
    }

    .header-mobile, .header-mobile .row{
      min-height: 60px;
      border-top: 0.5px solid #E9E9E9;
    }
    .header-mobile .logo img{
      height: 35px;
    }
    .menu-mobile .menu-item a {
      padding: 15px 15px;
      border-bottom: 0px solid #e6e6e6;
    }
    .menu-mobile {
      background: white;
      border-top: 0.5px solid #E9E9E9;
    }

    /********************************************
    HOMEPAGE
    **********************************************/
    .above-fold{
      height: 600px;
    }
    .above-fold .slide-image{
      position: relative;
      padding-left: 0px;
      padding-right: 0px;
      width: 100vw;
      height: 300px;
    }
    .above-fold .slide-text {
      min-height: 300px;
      height: 300px;
      background-size: 60%;
    }
    .tp-revslider-mainul {
      width: 100vw;
    }
    .media-project-hover {
      height: 300px;
      background-size: cover !important;
    }
    .media-project-hover .media__title {
      margin-bottom: 20px;
    }
    .center-div {
      padding: 60px 0px 0 0;
    }
    .inputEmailNewsletter {
      width: 100%;
      height: 50px;
      margin-bottom: 15px;
    }
    .btnNewsletter {
      width: 100%;
      height: 50px;
    }
    .newsletter {
      display: block;
    }
    .contact-image{
      padding: 50px 15px 60px 15px;
      margin-bottom: 0;
      margin-top: 0;
    }
    .background-images {
      height: auto;
    }
    .experiencia{
      display: none;
    }
    .media-project-hover  .media__body{
      background: rgba(0,0,0,0.4);
      height: 100%;
      width: 100%;
      padding: 60px !important;
    }


    /********************************************
    PROJETOS
    **********************************************/
    .project-listing .grid .grid-item, .project-listing .grid .grid-sizer {
      width: 100%;
      margin-bottom: 15px;
    }
    .project-style-1 .entry-meta{
      padding: 30px;
      min-height: max-content;
    }
    .project-style-1 .entry-meta .col-sm-6{
      width: 50%;
    }
    .project-style-1 .entry-meta__item{
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .project-style-1  .entry-content{
      min-height: auto;
      margin-bottom: 30px;
    }
    .project-style-1  .entry-content > img {
      min-height: auto;
    }
    .section-form {
      padding: 60px 30px;
    }
    .project-style-1 .entry-meta > .row {
      height: max-content;
    }
    .project-style-1 .entry-meta > .row > .col-sm-7 > div:nth-child(1), .project-style-1 .entry-meta > .row > .col-sm-5 > div:nth-child(1){
      margin-bottom: 0;
    }
    .project-style-1 video {
      height: auto;
      width: 100% !important;
      margin-bottom: 30px;
    }
    #send-message {
      width: 100%;
    }
    .project-navigation, .project-navigation-2 {
      padding-bottom: 0px;
    }
    
    /********************************************
    CONTACTOS
    **********************************************/
    .form-row .contactos{
      margin-top: 60px;
    }
    /********************************************
    FOOTER
    **********************************************/
    .footer-col {
      margin-bottom: 30px;
    }
    footer{
      padding-bottom: 60px !important;
    }


}

/*** tablet **/
@media (min-width: 600px) and (max-width: 991px) {
  .w-100-t{
    width: 100%;
  }
  .above-fold video{
    width: 100vw !important;
    height: auto !important;
  }

}
