@media (min-width: 1024px) {
  #map_modal .modal-dialog {
    max-width: 850px !important;
    height:480px !important;
  }
  #map_modal_upper .modal-dialog {
    max-width: 850px !important;
    height:480px !important;
  }
  #map-canvas-list{
    width:800px;
    height:354px;
    padding-bottom:5px;
    display: none;
  }
  #map-canvas-upper{
    width:800px;
    height:354px;
    padding-bottom:5px;
    display: none;
  }
  #close_map_model {
    text-align: right;
  }
  #close_map_model_down {
    text-align: right;
  }
  #map_modal .close {
    padding: 2px 5px 0 0 !important;
  }
  #map_modal_upper .close {
    padding: 2px 5px 0 0 !important;
  }
  #map_modal .modal-content {
  /*  overflow-x: hidden !important; */
    overflow-y: auto !important;
    height: 500px;
  }
  #map_modal_upper .modal-content {
  /*  overflow-x: hidden !important; */
    overflow-y: auto !important;
    height: 500px;
  }

}


.hotel_map_html_css {
  font-weight:bold;
  width: 130px;
  font-family: arial,helvetica;
  font-size:.8em;
}

.btn-close {
  float: right;
}

@media (min-width:768px) and (max-width: 1024px) and (orientation: portrait) {
  #map-canvas-list{
    width:auto;
    height:400px;
    padding-bottom:5px;
    display: none;
  }
  #map-canvas-upper{
    width:auto;
    height:400px;
    padding-bottom:5px;
    display: none;
  }

  #map_modal .modal-content {
  /*  overflow-x: hidden !important; */
    overflow-y: auto !important;
    height: 600px;
  }
  #map_modal_upper .modal-content {
  /*  overflow-x: hidden !important; */
    overflow-y: auto !important;
    height: 600px;
  }
  #close_map_model {
    text-align: right;
    padding-bottom :15px;
  }
  #close_map_model_down {
    text-align: right;
    padding-bottom :15px;
  }

  #map_modal .close {
    padding: 2px 5px 0 0;
  }
  #map_modal_upper .close {
    padding: 2px 5px 0 0;
  }

}

@media (max-width: 767px) and (min-width: 320px) and (orientation: portrait) {
#map-canvas-list{
    width:268px;
    height:400px;
    padding-bottom:5px;
    display: none;
  }
  #map-canvas-upper{
    width:268px;
    height:400px;
    padding-bottom:5px;
    display: none;
  }
  #map_modal .close {
    padding: 2px 5px 0 0;
  }
  #map_modal_upper .close {
    padding: 2px 5px 0 0;
  }

  #map_modal .modal-content {
  /*  overflow-x: hidden !important; */
    overflow-y: auto !important;
    height: 500px;
  }
  #map_modal_upper .modal-content {
  /*  overflow-x: hidden !important; */
    overflow-y: auto !important;
    height: 500px;
  }
}

@media (max-width: 767px) and (min-width: 320px) and (orientation: landscape) {
  #map-canvas-list{
    width:515px;
    height:400px;
    padding-bottom:5px;
    display: none;
  }
  #map-canvas-upper{
    width:515px;
    height:400px;
    padding-bottom:5px;
    display: none;
  }
  #map_modal .close {
    padding: 2px 5px 0 0;
  }
  #map_modal_upper .close {
    padding: 2px 5px 0 0;
  }
}