@media (max-width: 767px){
    .navad {
        width: 100vw;
        padding: 0 20px;
        position: fixed;
        z-index: 3;
        top: 0;
        right: 0;
        left: 0;
    }
    .home__section .card {
        position: absolute;
        left: -20px;
        right: -20px;
    }
    aside.sidebar {
        position: fixed;
        z-index: 2;
        max-height: calc(100vh - 60px);
        top: 60px;
        bottom: 0;
        overflow: auto;
        left: -240px;
        -webkit-transition: all 0.25s ease-out;
        -o-transition: all 0.25s ease-out;
        transition: all 0.25s ease-out;
    }
    .home__section {
        background: #F5F7FF;
        position: relative;
        min-height: 100vh;
        width: 100%;
        left: 0%;
        /* width: calc(100% - 240px); */
        /* left: 240px; */
        transition: all 0.5s ease;
    }
    aside.active, .sidebar.active {
        width: 240px; left: 0; max-height: 100%;
    }
    .sidebar.active ~ .home__section {
        width: calc(100%);
        left: 0;
    }
    .sidebar {
        min-height: calc(100vh - 60px);
        font-family: "Nunito", sans-serif;
        font-weight: 500;
        padding: 0;
        width: 240px;
        z-index: 11;
        transition: width 0.25s ease, background 0.25s ease;
        -webkit-transition: width 0.25s ease, background 0.25s ease;
        -moz-transition: width 0.25s ease, background 0.25s ease;
        -ms-transition: width 0.25s ease, background 0.25s ease;
    }
    .home__section nav {
        width: 100%;
        position: fixed; z-index: 3;
        top: 0;
        right: 0;
        left: 0;
    }
    #formEmpresa > :first-child{ margin-bottom: -40px}
    .d-label:first-child {  min-width: 140px }
}

@media (max-width: 820px) {
    .slider {
        width: 700px; height: 375px;
    }
    .slider .slider_navigation { bottom: 90px; }
    .slider .slider_navigation .btnn { width: 15px; height: 15px; margin: 8px }
}
@media (max-width: 420px) {
    .slider {
        width: 100%; height: 200px;
    }
    .slider .slider_navigation { bottom: 30px; }
    .slider .slider_navigation .btnn { width: 24px; height: 24px; margin: 8px }
    
    .slider .slider_navigation .btnn.active:before {
        content: "o";
        left: 17px;
        bottom: 10px;
        /*height: 14px;*/
        /*width: 14px;*/
        font-size: 24px;
        position: relative;
        color: #fab809;
        z-index: 2;
    }
    .slider .slider_navigation .btnn.active:after {
        content: "+";
        font-weight: 100;
        font-size: 64px;
        left: -6.5px;
        bottom: 0px;
        position: relative;
        color: #fab809;
        z-index: 3;
    }

    .services-img img {
        position: relative;
        width: 320px;
    }
    .services { margin-top: 0 }
    div .personal img { width: 350px }

    div .personal { display: grid }
    div .personal img.personal {
        width: 350px;
    }
    div .personal img.basc {
        left: 0; bottom: 30%; top: inherit;
        width: 200px; height: 200px;
    }
    /*______________________ Multi Step Form ______________________*/
    .multi-step {
        position: relative;
        /* top: 40%; left: 30%; */
        transform: translate(0%, -10%);
        max-width: 800px; height: 800px; top: 110px;
    }
    .header-service { font-size: 20px; height: 90px }
    .multi-step form { left: 10px} 
    .div_servicios .container { top: 100px; }
}