
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
      
		width: 100%; height: 450px; position: relative; overflow: hidden;
		
		
      }
      /* Optional: Makes the sample page fill the window. */

      .controls {
        margin-top: 10px;
        border: 1px solid transparent;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 32px;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
		display:block !important;
		position:relative  !important;
		left:auto  !important;
		width:40%;
		float:left;
      }

      #origin-input,
      #destination-input {
        background-color: #4d90fe;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        margin-left: 12px;
        padding: 0 11px 0 13px;
        text-overflow: ellipsis;
      
      }

      #origin-input:focus,
      #destination-input:focus {
        border-color: #4d90fe;
      }

      #mode-selector {
        color: #fff;
        background-color: #4d90fe;
        margin-left: 12px;
		
        padding: 5px 11px 0px 11px;
      }

      #mode-selector label {
        font-family: Roboto;
        font-size: 12px;
        font-weight: 300;
		display: inline;
		margin-right:5px;
      }
	  
	  #mode-selector input{
		
	  }
	  
	   #mode-selector i{
		
	  }
.gmnoprint{display:none!important;}

@media (max-width: 991px) {
	 
	 .controls{width: 100% !important; position:absolute !important;}
	 #origin-input	{top:0px!important;}
	 #destination-input{top:40px !important;}
	  #mode-selector {top:40px !important;}
}

