@media (max-width:800px){
    .nav__menu{
        color: red;
        display: block;
        right:0px;
        position: absolute;
        z-index: 125;
    }
    .nav__links{
        display: none;
    }

    .nav__links--menu{
        position: fixed;
        background-color: #000;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        z-index:110;
        opacity: 0;
        pointer-events: none;
        transition: .7s opacity;
    }

    .nav__links--show{
        opacity:1 ;
        pointer-events: unset;
    }

    .nav__close{
        position: absolute;
        display: block;
        top: 30px;
        left: 30px;
        width: 30px;
        cursor: pointer;
        z-index: 125;
    }

    .headerTop{
        display: none;
    }

    .services{
        display: none;
    }
    .footer__container{
        display: block;
        margin: auto;
        text-align: center;
        
    }
    .footer__element{
        width: 100%;
    }
    .detailservices__card{
        background-color: white;
    }
    .card-my-title{
        text-align: center;
    }
    .card-my-subtitle{
        text-align: center;
    }
    .card-paragraph{
        text-align: center;
    }
    .card-text{
        text-align: center;
    }
    .quality{
        height: 100%;
    }
    .quality__items{
        float: left;
    }
    .quality__bottom{
        flex-direction: column;
    }
    .quality__button{
        margin: auto;
    }
    .quality__top{
        margin: auto;
    }
    .quality__image{
        display: none;
    }
    .quality__text{
        text-align: center;
    }
    .quality__title{
        margin: auto;
        text-align: center;
    }
    .aplicaciones{
        background-size: cover;
        height:100%;
    }
    .aplicacionesSection{
        background-size: cover;
        height:100%;  
    }
    .dumpster__lateral{
        align-items: center;
        margin:auto;
        text-align: center;
        width: 100%;
    }
    .dusmpster__text{
        width:100%;
    }
    .services_items{
        display: block;
        width:100%;
    }
    .services__item{
        width:400px;
    }

    .note__container{
        margin-top:40px;
    }
    .call{
        display: flex;
        height:100%;
    }
    .call__contact{
        width:100%;
    }
    .call__form{
        width:100%;
    }
    .dumpsterType__ItemText{
        width: 100%;
    }
    .dumspter__order{
        width:100%;
    }
    .dumpster__Description{
        height:100%;
        margin-bottom: 200px;
    }
    .dumpsterDetailItem{
        width: 100%;
    }
}