@media (max-width: 1400px) {
    .nav-top_container ul {
        padding: 0 0rem 0 0;
    }
}

@media (max-width: 1200px) {
    .form-control.form-yellow {
        padding: 8px 40px 8px 20px;
    }
    .nav-item.marg {
        margin: 0 25px 0 25px;
    }
    .container_prod_col {
       /* width: 23%;*/
    }
}

@media (max-width: 992px){
    .offcanvas.offcanvas-end{
        display: flex;
    }
    .nav-item.marg {
        margin: 0 0px 0 0px;
        height: auto;
        display: block;
    }
    .navbar-expand-lg .navbar-nav i {
        right: 5px;
    }
    .search_mobile{
        width: 7rem; display: flex; justify-content: space-between; align-items: center;
    }
    .nav-top {
        display: none;
    }
    .drop-down {
        display: flex;
        background: #fff;
        padding: 0rem 0rem 0rem 0rem;
        position: relative;
        top: 0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        box-shadow: 0px 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px 0px;
        -moz-box-shadow: 0px 0px 0px 0px;
        height: 0;
        overflow: hidden;
        overflow-y: auto;
        transition: .5s;
    }
    .drop-down.active{
        height: 15rem;
        overflow: hidden;
        padding: 1rem 0rem 1rem 0rem;
        transition: .5s;
        z-index: 10;
    }
    .foot-nav--container.pad {
        padding: 0 0 0 1rem;
    }
    .foot-nav--container.bt {
        justify-content: flex-start;
    }
    .foot-nav--container{
        margin: 0 0 2.5rem 0;
    }
    .container-img {
        height: 60rem;
    }
    .banner_title {
        right: 0;
        bottom: 0;
        left: 0;
        justify-content: center;
        flex-direction: column;
        top: 0;
        align-items: center;
    }
    main {
        height: auto;
        padding: 7rem 0 0 0;
    }
    .banner_title > div {
        width: 23rem;
        height: 26rem;
        border-radius: 5px;
        align-items: center;
        flex-direction: column;
    }
    .banner_title h1 {
        margin: 3rem -3rem 3rem 0rem;
    }
    .banner_title > div img {
        margin: 20px 0 0 0;
    }
    .banner_title > div article p br{
        display: none;
    }
    .banner_title > div > article {
        text-align: center;
    }
    .banner_title > div article p {
        width: 13rem;
    }
    .banner_title > div .roda_img {
        margin: 0px 0 -45px -80px;
    }
    .container_banner--col{
        width: 35rem;
        margin: auto auto 3rem auto;
    }
    .container_prod_col {
        /*width: 100%;*/
        margin: 0 0px 0 0px;
    }
    .view-prod .container-descrp {
        flex-direction: column;
    }
    .view-prod .container-descrp .img-prod{
        text-align: center;
    }
    .view-prod .container-descrp .img-prod img{
        width: 40rem;
        margin: -1rem 0rem 0 0rem;
    }
    .search_input.active{
        display: block;
    }
}

@media (min-width: 992px){
    .navbar-expand-lg .navbar-collapse {
        justify-content: space-between;
        margin: 10px 0 0 0;
    }
    
}

@media (max-width: 768px){
    .view-prod .container-descrp .img-prod img{
        width: 100%;
    }
    .view-prod .container-descrp .text-prod div:nth-child(2) .btn-comprar {
        padding: .8rem 0;
        font-size: 17px;
        border-radius: 35px;
        width: 100%;
        display: block;
        text-align: center;
    }
    .maps {
        height: 30rem;
    }
    .cont-map{
        padding: 0;
    }
    .container-form--inputs .container-form--col {
        padding: 0 0 4rem 0;
    }
    .container-form--inputs .container-form--col form input,
    .container-form--inputs .container-form--col form textarea{
        width: 100%;
    }
    .cont-img{
        padding: 0;
    }
    .container-nosotros .container-nosotros--text .container-nosotros--col p {
        width: 95%;
    }
    .img-preg{
        width: 95%;
    }
}



@media (max-width: 576px){
    .foot-nav--container.bt {
        order: -1;
    }
    .banner_title h1 {
        margin: 3rem 0rem 3rem 0rem;
        font-size: 80px;
        line-height: 70px;
    }
    .banner_title > div {
        width: 20rem;
        height: 26rem;
    }
    .banner_title > div .roda_img {
        margin: 0px 0 -45px -32px;
    }
    .container_banner--col{
        width: 100%;
        margin: auto auto 3rem auto;
    }
    .container_prod_col--cont div{
        height: 20rem;
    }
    .container_prod_row--title h3 {
        font-size: 28px;
        margin: 0;
        line-height: 25px;
    }
    .container_prod_row--title {
        align-items: center;
    }
    .catalogo {
        padding: 5rem 1.5rem 5rem 1.5rem;
    }
    .foot-nav--container .redes-foot li {
        margin: 0px 10px 15px 0;
    }
    .foot-nav .creditos {
        justify-content: space-evenly;
        flex-direction: column;
    }
    .cuadro .cuadro-text {
        height: auto;
        padding: 10px 0 10px 0;
    }
    .inf-adicio .container-descrp-title h3 {
        line-height: 29px;
    }
    .container-descrp-title h3 {
        font-size: 30px;
    }
    .inf-adicio .container-descrp-text .cuadro .cuadro-text p {
        max-width: 11rem;
    }
    .view-prod .container-descrp .text-prod div:nth-child(1) h2 {
        font-size: 37px;
        line-height: 36px;
    }
    .nosotros-map{
        padding: 0 0 3rem 0;
    }
    .nosotros-map--phone p, .nosotros-map--ubic p {
        margin: 0 8px;
    }
    .nosotros-map--cont {
        flex-direction: column;
    }
    .formulario {
        padding: 3rem 1rem 1rem 1rem;
    }
    .container-preg--text .container-preg--col ul {
        padding: 20px 0 20px 15px;
    }
    .container-preg--text .container-preg--col ul li img{
        width: 100%;
    }
    .container-table{
        overflow: scroll;
    }
    .container-preg--text .container-preg--col ul li table {
        margin: 1rem 0 0 0;
        width: 35rem;
        height: 15rem;
    }
}