.map_directions_wrapper {
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
		background-color: #fff;
		width: 100%;
      }
     .map_directions_wrapper_col_1 {
		width: 70%;
		float: left;
      }
     .map_directions_wrapper_col_2 {
		width: 30%;
		float: left;
      }
      .directions_box {
        padding-left: 30px !important;
		padding-right: 20px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		height: 40px !important;
		background-image: url(../googlemaps/images/map-pin.png) !important;
		background-position: left !important;
		background-repeat: no-repeat !important;
		background-size: 32px 24px !important;
		border-width: 0px !important;
		border-color: #999 !important;
		background-color: #999 !important;
		box-shadow: 0px 0px 27px rgb(204, 204, 204) inset !important;
		transition:500ms all ease !important;
		display: block !important;
        float: left !important;
		width: 100% !important;
		color: #fff !important;
      }
      .directions_button {
        padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		height: 40px;
		border-width: 0px;
		border-color: #999;
		background-color: #333;
		cursor: pointer;
	    color: #fff;
	    display: block;
        float: left;
		width: 100%;
		text-align: center;
      }

      .your_location {
		height: 40px;
		border-width: 0px;
		border-color: #999;
		cursor: pointer;
	    color: #fff;
	    display: block;
        float: left;
		width: 100%;
		text-align: center;
		background-color: var(--main-theme-color1);
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 25px;
		padding-right: 25px;
      }
      .your_location a {
        color: #fff;
      }
      .your_location a:hover {
        color: #fff;
	    opacity: 0.7;
      }
		
		input, button{
    margin:0;
}

input::placeholder {
  color: #fff;
  font-style: italic;
}

@media only screen and (min-width : 641px) {
	
     .map_directions_wrapper {
		padding-top: 20px;
		padding-bottom: 20px;
		text-align: center;
		background-color: #fff;
		width: 100%;
      }
     .map_directions_wrapper_col_1 {
		width: 80%;
		float: left;
      }
     .map_directions_wrapper_col_2 {
		width: 20%;
		float: left;
      }
      .directions_box {
        padding-left: 30px !important;
		padding-right: 20px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		height: 40px !important;
		background-image: url(../googlemaps/images/map-pin.png) !important;
		background-position: left !important;
		background-repeat: no-repeat !important;
		background-size: 32px 24px !important;
		border-width: 0px !important;
		border-color: #999 !important;
		background-color: #999 !important;
		box-shadow: 0px 0px 27px rgb(204, 204, 204) inset !important;
		transition:500ms all ease !important;
		display: block !important;
        float: left !important;
		width: 100% !important;
		color: #fff !important;
      }
      .directions_button {
        padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		height: 40px;
		border-width: 0px;
		border-color: #999;
		background-color: #333;
		cursor: pointer;
	    color: #fff;
	    display: block;
        float: left;
		width: 100%;
		text-align: center;
      }
	
      .your_location {
		height: 40px;
		border-width: 0px;
		border-color: #999;
		cursor: pointer;
	    color: #fff;
	    display: block;
        float: left;
		width: 100%;
		text-align: center;
		background-color: var(--main-theme-color1);
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 25px;
		padding-right: 25px;
      }
      .your_location a {
        color: #fff;
      }
      .your_location a:hover {
        color: #fff;
	    opacity: 0.7;
      }
		
		input, button{
    margin:0;
}
	
input::placeholder {
  color: #fff;
  font-style: italic;
}

}
@media only screen and (min-width : 1024px) {

     .map_directions_wrapper {
		padding-top: 20px;
		padding-bottom: 50px;
		text-align: center;
		background-color: #fff;
		width: 100%;
      }
     .map_directions_wrapper_col_1 {
		width: 80%;
		float: left;
      }
     .map_directions_wrapper_col_2 {
		width: 20%;
		float: left;
      }
      .directions_box {
        padding-left: 30px !important;
		padding-right: 20px !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
		height: 40px !important;
		background-image: url(../googlemaps/images/map-pin.png) !important;
		background-position: left !important;
		background-repeat: no-repeat !important;
		background-size: 32px 24px !important;
		border-width: 0px !important;
		border-color: #999 !important;
		background-color: #999 !important;
		box-shadow: 0px 0px 27px rgb(204, 204, 204) inset !important;
		transition:500ms all ease !important;
		display: block !important;
        float: left !important;
		width: 100% !important;
		color: #fff !important;
      }
      .directions_button {
        padding-left: 0px;
		padding-right: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		height: 40px;
		border-width: 0px;
		border-color: #999;
		background-color: #333;
		cursor: pointer;
	    color: #fff;
	    display: block;
        float: left;
		width: 100%;
		text-align: center;
      }
	
      .your_location {
		height: 40px;
		border-width: 0px;
		border-color: #999;
		cursor: pointer;
	    color: #fff;
	    display: block;
        float: left;
		width: 100%;
		text-align: center;
		background-color: var(--main-theme-color1);
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 25px;
		padding-right: 25px;
      }
      .your_location a {
        color: #fff;
      }
      .your_location a:hover {
        color: #fff;
	    opacity: 0.7;
      }
		
		input, button{
    margin:0;
}
	
input::placeholder {
  color: #fff;
  font-style: italic;
}
}