div.wrapper_header{ position: relative; }
div.wrapper_header .companyLogo a[href="Home"]{ position: absolute; }



section.wrapper_middle[data-cattype="212"] {
    padding: 0px;
}

section.wrapper_middle[data-cattype="212"] .container{padding-bottom:30px;}

section.wrapper_middle[data-cattype="212"] .configure{
    text-align: center;
    padding: 10px 0;
    background: #ccc;
}

section.wrapper_middle[data-cattype="212"] .configure .title{ 
    font-size: 15px; 
    font-weight: bold;
    padding: 0 6px;
}
section.wrapper_middle[data-cattype="212"] .btn-my-location{ padding: 5px 12px; }
section.wrapper_middle[data-cattype="212"] .btn-my-location.active{ position: relative; }
section.wrapper_middle[data-cattype="212"] .btn-my-location.active:before{ 
    position: absolute;
    content: 'ON';
    padding: 1px 3px;
    background: #2c9904;
    color: #fff;
    top: -1px;
    right: -1px;
    font-size: 8px;
    font-weight: unset;
}

section.wrapper_middle[data-cattype="212"] .select-state{
    padding: 6px 12px;
    vertical-align: bottom;
    width: 150px;
}

section.wrapper_middle[data-cattype="212"] label{
    font-weight: normal;
    margin: 0 5px;
}




section[data-cattype="212"] .wrapper_map{ 
    width: 100%;
    overflow: hidden;
    position: relative;

    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
section[data-cattype="212"] .wrapper_map.active { height: 480px; }
section[data-cattype="212"] .map { 
    width: 100%; 
    height:550px; 
}


section[data-cattype="212"] .grid.dealer-type li{
    margin: 20px 5px;
}


ul.grid.list-dealer{ 
    max-width: 1200px; 
    margin: 0 auto 30px auto;
    min-height: 300px;
}
ul.grid.list-dealer li{
    text-align: left;
    width: 200px;
    margin: 20px 40px 20px 0;
}
ul.grid.list-dealer li .title{ font-weight: bold; }
ul.grid.list-dealer li .map-link{ 
    color: #E5322D; 
    font-size: 15px;
	font-weight:bold;
}
ul.grid.list-dealer li .text-distance{ color: #aaa; }



@media (min-width: 992px) and (max-width: 1279px) {

section.wrapper_middle[data-cattype="212"] .configure .align-right .title {
text-align: center;
margin-left: 40px;
display:block;
}
}
@media (min-width: 992px) and (max-width: 1300px) {
section.wrapper_middle[data-cattype="212"] .configure .align-left .title {
    display: block;
}

}
@media (min-width: 981px) and (max-width: 991px) {
	section[data-cattype="212"] .align-right, section[data-cattype="212"] .align-left{text-align:center; width:100%; margin-bottom:10px; margin-top:10px;}
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {
	section[data-cattype="212"] .map { 
    height:350px; 
	}
	
	section[data-cattype="212"] .align-right, section[data-cattype="212"] .align-left{text-align:center; width:100%; margin-bottom:10px; margin-top:10px;}
}


/* Landscape phone  */
@media (max-width: 767px) {
    section[data-cattype="212"] .wrapper_map{display:none;}
		
	section[data-cattype="212"] .align-right, 
	section[data-cattype="212"] .align-left{text-align:center; width:100%; margin-bottom:10px; margin-top:10px;}
		
	section.wrapper_middle[data-cattype="212"] .configure .title {
    display: block;
	}
		
}

/* Potrait phone to below */
@media (max-width: 480px) {
    
    
}