@media(max-width:768px){
    .nav-area{
        width: 69%;
        /* line-height: 10px; */
        background: #131824;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 50000;
        display: none;
    }
    .avt{
        pointer:cursor;
    }
    .account-profile{
        /*padding: 5px 10px;*/
        padding: 10px;
        border-radius: 5px;
        right:0;
        min-width: 150px;
        min-height:60px;
        position:absolute;
        top:100%;
        background: #131824;
        color: inherit;
        line-height:30px;
        display:none;
    }
    .nav-area-header{
        min-height: 70px;
        padding: none;
        background: #131824;
        border-bottom: 1px solid #242424;
    }
    .profile-dropdown{
        padding: 20px 3px 0 !important;
        line-height: normal;
        /*display: none;*/
    }
    .dropdown-menu-icon{
        position: absolute;
        right: 25px;
    }
    .nav-area-links{
        /*position: absolute;*/
        display: block;
    }
    .place-trade, .economic-call{
        display: none;
    }
    .place-trade-area{
        min-height: 50px;
        padding:10px 0;
        width: 100%;
        position: fixed;
        z-index: 5000;
        bottom: 0;
        left: 0;
        right: 0;
        background: #131824;
    }
    .place-trade-center{
        height: 100%;
        padding:70px 0 0 0;
        width: 100%;
        position: fixed;
        z-index: 5000;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #131824;
        opacity: 0.92;
    }
    .economic-cal{
        height: 100%;
        padding:40px 0 0 0;
        width: 100%;
        position: fixed;
        z-index: 5000;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #131824;
        opacity: 0.9;
    }
    .menu-tog .fas{
        padding: 25px 0;
        font-size: 20px;
    }
    .push-down{
        margin: 10px 0;
        display: none;
    }
    .banner img{
        height: 250px;
        width: 100%;
    }
    .banner-overlay-text{
        height: 250px;
        width: 100%;
    }
    .toggle {
        margin:10px -20px;
    }
    .toggle-navv{
        padding: 0 20px;
        cursor: pointer;
        display: block !important;
    }
    .main-area{
        width: 100%;
        overflow-x:hidden;
    }
    .nav-area-header{
        padding: 30px 20px;
        /*top: 20px;*/
    }
    .hide-mob{
        display: none;
    }
    .show-mob{
        display: block !important;
    }
}