html, body {
    height: 100%;
    margin: 0;
  }
  
 
 
 @media (min-width:1301px) {
 
  #YMapsID {
            width: calc(100%);height:100%;
            float: left;
            }
      
  
  #ads {   
    max-width: 320px;
    max-height: 100px;
    position: absolute;
    right: 5px;
    bottom: 20px;
    
  }
  
 }
 
 
  @media (max-width:1300px) {
 
  #YMapsID {
            width: 100%; height:calc(100%);
            float: left;
            }
      
  
  #ads {   
    max-width: 320px;
    max-height: 100px;
    position: absolute;
    margin-left: calc(50% - 160px);
    bottom: 20px;
  }
  
 }