<style>

@media only screen and (min-width:1000px){
  .main {
    width:100%;
    display:block;
    margin:auto;
  }
}

 @media only screen and (min-width:747px) and (max-width:999px){
  .main {

    width:100%;
    display:block;
    margin:auto;
    height:500;
  }
}

@media only screen and (max-width:699px){
  .main {

    width:100%;
    display:block;
    margin:auto;
  }
}

  #LargeMap{
    width:100%;
    height:500px;
  }
</style>