body.offcanvas-active{
	overflow:hidden;
}
.offcanvas-header{ 
    display:none; 
}
.prod-popup-info{
    padding: 50px 50px 0 50px
}
.navbar-toggler{
      display:none;
  }
  .navbar-nav{
      display:block;
  }
    .title{
        text-align:center;
    }
    .cont{
        margin-top: 9em;padding: 0;width: 100%;
    }
    .titulob{
        font-size:50px;
        font-family:'Montserrat', sans-serif;
    }
    .comentariob{
        font-size:19px;
        font-family:"Ubuntu", sans-serif;
        margin-top: 1em;
    }
    .portfolio-project{
        padding: 2em;
    }
    .layout-2 .nav > li:hover > a, .layout-2 .nav > li.active > a, .layout-2 .nav > li.active > a:focus{
        color: #966a39 !important;
    }
    .carousel-caption{
        z-index:1;
    }
    .project-details a:hover > h4 {
        color: #966a39 !important;
    }
@media (max-width: 992px) {
  .offcanvas-header{ display:block; }
  .navbar-collapse {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #444343;
    transition: visibility 2.2s ease-in-out, transform .4s ease-in-out;
  }
  .navbar-toggler{
      display:block !important;
  }
  .navbar-nav{
      display:grid !important;
  }
  .navbar-collapse.show {
    Z-INDEX:999;
    visibility: visible;
    width:80%;
    transform: translateX(-100%);
    box-shadow: 0px 0px 22px -2px rgba(0,0,0,1);
    -webkit-box-shadow: 0px 0px 22px -2px rgba(0,0,0,1);
  }
    .navbar-collapse.show .nav-link{
        color:white;
        font-size: 25px;
        padding-left: 10px;
        line-height: 1;
    }
}
@media screen and (min-width: 600px) and (max-width: 889px) {
        .titulob{
        font-size:30px;
        }
        .comentariob{
        font-size:16px;
        }
    }
    @media screen and (min-width: 480px) and (max-width: 600px) {
        .titulob{
        font-size:22px;
        }
        .comentariob{
        font-size:14px;
        }
    }
    @media screen and (max-width: 480px) {
        .titulob{
        font-size:15px;
        }
        .doux-icon-divider{
            display:none;
        }
        .comentariob{
        font-size:12px;
        }
        .layout-2 .nav > li{
            padding: 0 0 0 1em !important;
        }
    }
    @media screen and (max-width: 767px) {
        .folow-us ul.footer-social li {
            margin: 0 15px 0 15px;
        }
        ul.contact-details li {
            padding-left: 30px !important;
            display: block;
            float: none;
        }
        ul.contact-details{
            text-align:center;
        }
        .btn-sub{
            text-align: center;
        }
    }