﻿#SubContactUsGoogleMapPopup{ box-sizing: border-box;float: right;width: 465px;}
#SubContactUsGoogleMapPopup .titleMaps{ font: normal 14px/34px arial;color: #afe9ff;cursor: pointer;}
#SubContactUsGoogleMapPopup .titleMaps span{ background: url(icoview.png.ashx) no-repeat left center;padding-left: 18px;}

#SubContactUsGoogleMapPopup .viewmaps:hover{ background: url(icoviewhv.png.ashx) no-repeat left center;color: #fff;}

#SubContactUsGoogleMapPopup .map{ cursor: pointer;width: 460px;height: 144px;border: 3px solid #127535;border-radius: 6px;margin-top: 10px;}
#SubContactUsGoogleMapPopup .map img{cursor: pointer;width: 460px;height: 144px;border-radius: 6px;}


#GoogleMapPopup{width:800px;position: fixed;z-index: 1002;top: 10%; right: 0;left: 0;margin-right: auto;margin-left: auto;display: none;}
#GoogleMapPopup #map_canvas1 {width:800px;height:400px;float: left;border-radius: 10px;}
#GoogleMapPopup .mapborder{width:800px;border:solid 1px #d7d7d7;padding:4px;background:#fff;float: left;border-radius: 10px;}
#GoogleMapPopup .headergooglemap{color:black;font-weight:bold;margin-top:30px;margin-bottom:10px;margin-left:8px;}
#fadePopup1{display:none;top: 0%;left: 0%;width: 100%;height: 100%;background:#000;position:fixed;z-index:1001;-moz-opacity: 0.3;opacity:.30;filter: alpha(opacity=30)}



@media (max-width: 736px) {
#SubContactUsGoogleMapPopup{width: 100%}
#SubContactUsGoogleMapPopup .map{width: 100%}
#SubContactUsGoogleMapPopup .map img{width: 100%}

#GoogleMapPopup{width: 100%}
#GoogleMapPopup .mapborder{ width: 98%;margin: 0px auto}
#GoogleMapPopup #map_canvas1{width: 100%}
#SubContactUsGoogleMapPopup .mapborder{ width: 97%;margin: 0px auto;height:329px}
#SubContactUsGoogleMapPopup #map_canvas{width: 100%;height:329px}

}
@media (max-width: 1000px) {
    #SubContactUsGoogleMapPopup{float: left}
}