@media only screen and (max-width: 2240px) {}

@media only screen and (max-width: 1740px) {}

@media only screen and (max-width: 1500px) {}

@media only screen and (max-width: 1140px) {}

@media only screen and (max-width: 992px) {


    .closetab {
        display: none;
    }

    .leftbar {
        width: 100%;
        margin: 0;
        height: 100%;
        z-index: 0;
        top:0 ;
        left: 0;
         background: rgba(21, 21, 21, 0.9);
        opacity: 0;
        transition: all 0.3s ease-in-out;
    }
    
    
    .leftbar.show{
        z-index: 999;
        opacity: 1;
        min-height:730px;
        overflow:auto;
    }
    .mobilearea{
        display: block;
    }
    .btnwhite2{
    font-size:12px;   
    }
    .logo{
        max-width: 180px;
        display: block;
        margin: auto;
        margin-bottom: 15px;
    }
    .apply{
        display: block;
    }
    .btnwhite{
        padding: 12px 20px;
        font-size:12px;
      
    }

    .fixo{
        position: fixed;
        top: 30px;
        left: 3%;
        width: 94%;
    }
    .floors--item.svelte-56k5o8.svelte-56k5o8 {
        display:none;
    }
    .floors--item.selected.svelte-56k5o8.svelte-56k5o8 {
        display:flex;
    }
    .floors--wrapper.svelte-56k5o8.svelte-56k5o8 {
      
        transform: translate(-80%, 0);

    }
    .floors--item.active.selected.svelte-56k5o8.svelte-56k5o8::after{
        display: none;
    }
    .floor-swithcer.svelte-x7l2ai.svelte-x7l2ai {
        display: none;
    }
    .popover{
        transform: translate3d(0, 0, 0) !important;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        position: fixed !important;
        bottom: initial !important;
        max-width: 100%;
    }
    .btnbase{
        font-size: 11px;
    }
    .btnx {
       
        bottom: 145px;
        width: 100%;
        justify-content: center;
    }
}