.map-list__toggle--with-bg button  {
    font-size: 14px;
    padding: 4px 6px !important;
    /* margin: 0; */
    min-height: 35px;
    /* display: block; */
    position: absolute;
    /* display: inline-block; */
    /* width: 22% !important; */
    overflow: hidden;
    /* margin: 0px 0; */
    left: 78% !important;
    top: 22.5px;
    vertical-align: middle;
    border-radius: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    font-weight: 700 !important;
    font-size: 14px !important;
    height: auto;
    text-decoration: none;
    color: rgb(78, 78, 78);
    /* background-color: rgb(249, 249, 249) !important; */
    cursor: pointer;
    touch-action: manipulation;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.row .card-body .btn {
    /* width: 44%; */
    cursor: pointer;
    background-color: #64a5f5;
    border: #64a5f5;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
     margin-top: -14px !important; 
    /* margin: 0px !important; */
    float: right;
    margin-right: 10px;
}
.map {
    left: 80% !important;
    top: 18.5px !important;
    background-color:transparent !important;
  }
  

@media (max-width:420px) {
    a.btn.btn-primary.btn-block {
        width:100%;
    }
    .form-group-acc {
        /* margin-right: 10px; */
        text-align: left;
        flex-grow: 1 !important;
        /*height: 95px;*/
        width:100%;
        /* padding: 0 5px; */
        /* color: #f0efef  */
    }
    .form-group-acc label {
        margin: 0px 0px 4px 0px!important;
    }
    
    .form-group-acc select,.form-group input  {
        padding: 8px !important;
        height: 48px !important;
        font-size: 14px ;
        border-radius: 8px !important;
        width: 100% !important;
    }
    
    .form-group-acc .btn{
        margin-top: 28px;
        background-color: #64a5f5;
        border: #64a5f5;
        height: 48px !important;
        width: 100% !important;
    }
    #room_detail {
        margin-top:19% !important;
    }

}



@media (max-width: 680px) {
    .header .navbar {
    position: absolute !important;
    top: -66%;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    border-top: 0.1rem solid rgba(0,0,0,0.1);
    border-bottom: 0.1rem solid rgba(0,0,0,0.1);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    margin-top: 100px !important;
    width: 100%;
    }

    #menu-btn {
    display: inline-block;
    }

    .mobile-view {
    display: block !important;
    }
    .form-group-acc label {
        margin: 0px 0px 4px 0px!important;
        transform:none;
    }
    .form-group-acc {
        text-align:left;
    }
}