.wna-map-wrapper{ background: #FFF; padding: 5px; }
#wnamap { height: 320px; }
.bottom_infowindow{
    padding: 2% 70px;
    overflow:hidden;
    background:#FFF;
    position:relative;
    display:none;
}
.only_one{
    display: block;
}
.bottom_infowindow1{
    display:block;
}
.info{
    display: flex;
    flex-flow: wrap row;
    justify-content: space-around;
    
}
.info ._left{
    width: 68%;
}
.info ._right{
    display: flex;
    width: 30%;
    justify-content: flex-end;
    align-items: center;
}
.info ._right > *{
    flex: auto;
    margin: 0 5px;
}
.info h3{
    font-size:30px;
    color:#f15a29;
    margin:0;
}
.info span{
    font-size:28px;
    color:#8a8a8a;
}
.foursquare_icon{
    background:url(../images/foursquare-icon.png) no-repeat;
    width: 100%;
    background-size: contain;
    height:31px;
}
.opentable_icon{
    background:url(../images/opentable-icon.png) no-repeat;
    width: 100%;
    background-size: contain;
    height:31px;
}
.right_icons{
    text-align:center;
    display: block;
    margin: 37px 0 0 0;
}
.right_icons div{
    display:inline-block;
    margin: 0 3% 0 0;
}
.wnaal_arrow{
    background-size: contain !important;
    width: 25px;
    height: 25px;
    position:absolute;
    top: 50%;
    transform: translateY(-50%);
}
.location_left_arrow{
    background:url(../images/locator-arrow-left.png) no-repeat;    
    left: 10px;   
}
.location_right_arrow{
    background:url(../images/locator-arrow-right.png) no-repeat;
    right: 10px;
}

@media (max-width: 768px){
    .info{
        flex-direction: column;
    }
    .info ._left{
        margin-bottom: 15px;
    }
    .info > div{
        width: 100% !important;
    }
}


@media (max-width: 768px){
    .info h3{
        font-size: 16px;
    }
}