#ds_piont_modal{
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    background-color: rgb(0,0,0); /* Fallback color */
  	background-color: rgba(0,0,0,0.4);
    z-index: 100;
    overflow: auto;
}
#ds_piont_modal .modal-content {
  background-color: #fefefe;
  margin: 5% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 70%; /* Could be more or less, depending on screen size */
}
#ds_piont_modal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

#ds_piont_modal .close:hover, #ds_piont_modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.dpd_pickup{
	display: block;
    background: #ccc;
    text-align: center;
    padding: 12px 10px;
    cursor: pointer;
}
#dsPointShow{
	display: none;
}
#dsPointShow .title{
	font-size: 1.1rem;
	font-weight: 500;
}
@media (min-width: 768px) {
	#ds_piont_modal .modal-dialog{
		width: auto !important;
	}
}