@media (max-width: 640px){

    .topbar .header-actions {
        display: none; 
    }

    .main-nav .header-actions {
        display: flex; flex-direction: column;
    }

    .header-actions, .header-links {flex-direction: column;}

    body {width: 100%; overflow-x: hidden;}

    .logo {position: relative; z-index: 1000; }

    .main-nav-links {flex-direction: column; }

    .nav_holder {flex-direction: column;    }

    .main-nav {
        -webkit-transition: all 0.3s ease-out; 
        transition: all 0.3s ease-out;
        width: 100%; 
        height: calc(100vh - 0px); 
        position: fixed; 
        top: 0px; 
        right: -100vw; 
        z-index: 999; 
        background: white; 
        display: flex; 
        justify-content: flex-start; 
        align-items: center; 
        flex-direction: column;
        overflow-y: auto;  
        padding: 100px 0 30px;
    }
    .main-nav.open {
        right: 0; 
    }

    .close_menu {background: transparent; border: none; font-size: 36px; position: absolute; top: 10px; right: 30px; display: block; }

    .route-value {display:block; text-align: right; width: 100%; }

        .cta-actions {flex-direction: column;    }
}