@media (max-width: 500px) and (min-width: 290px) {
    div .mobi-none  {
        display:none;
    }
    div.mobibanner {
        display: flex;
        flex-wrap: nowrap;
    }
    .quantrihethong {
        position:relative;
    }
   
    div div.menuleftmobi {
        position: absolute;
        top: -8px;
        left: -500px;
        width: 90%!important;
        height: 100vh;
        background: linear-gradient(180deg, #2c3e50 0%, #34495e 100%);
        z-index: 300;
        transition: left 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        box-shadow: 2px 0 20px rgba(0, 0, 0, 0.3);
        display: flex;
        flex-direction: column;
    }

        div div.menuleftmobi.active {
            left: -8px;
        }
    div div.contentrightmobi{
        width:100%!important;
    }
    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 200;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        backdrop-filter: blur(5px);
    }

        .overlay.active {
            opacity: 1;
            visibility: visible;
        }
    .MenuTrai .b-bar-dropdown-menu-container {
        width: 100% !important;
        left: -8px !important;
        height: 1500px;
        max-height: 1600px !important;
    }
    .nextformobi i {
        border: 1px solid lightgray;
        padding: 5px 8px;
        border-radius: 50%;
        position: absolute;
        background-color: white;
        left: -7px;
        top: -3px;
        z-index: 2;
    }
    .marginmobi10{
        margin-bottom:10px;
    }
}