@charset "utf-8";
/* CSS Document */

.searchInputField { width: 100%; float: left; background: #fff; position: relative; margin-bottom: 15px; }
.searchInputField input { width: 93%;  padding: 15px; border: 0px; outline: 0px; }
.searchInputField a { width: 23px; height: 23px; position: absolute; right: 15px; top: 50%; margin-top: -11px; }

.kmTabs { position: absolute; bottom: 50px; z-index:9999; width: calc(100% - 400px);text-align: center; right: 0px; }
.kmTabs ul { background: #ffffff; padding: 10px 8px; margin: 0px; list-style: none; display: inline-block; }
.kmTabs li { display: inline-block; margin-left: 3px; margin-right: 3px; }
.kmTabs li a { padding: 10px 15px; border: #636363 solid 1px; display: inline-block; color: #636363; font-size: 16px;  transition: all 0.25s ease 0s; font-weight: 400; }
.kmTabs li a:hover,  .kmTabs li a.clickclass { background: #636363; color: #fff; text-decoration: none; transition: all 0.25s ease 0s; }
.showroomMapImg .leaflet-popup{width:400px;}
.mapPopupMain { width: 400px;   padding: 25px;  font-family: 'Fira Sans' }
.mapPopupMain a:hover { color: #000; } 
.mapPopupMain h2 { font-weight: 500; font-size: 18px; line-height:28px; color: #636363; margin-bottom: 0px; }
.mapPopupMain ul {  width: 100%; padding: 0px; margin: 0px; list-style: none; }
.mapPopupMain li { width: 50%; display: inline-block; }
.mapPopupMain li a { display: inline-block; vertical-align: middle; font-size: 14px;  font-weight: 600; color: #000; text-decoration: none; text-transform:uppercase; }
.mapPopupMain li span { display: inline-block; vertical-align: middle; width: 25px; }
.mapPopupMain:after { display:none; position: absolute; width: 33px; height: 24px; content: ""; background: url(../../assets/images/locator/box-down-arrow.png);     bottom: -24px; left: 50%; margin-left: -17px; }
 body .leaflet-container a.leaflet-popup-close-button {
    position: absolute;
    top: 7px;
    right: 10px;
    padding: 4px 4px 0 0;
    border: none;
    text-align: center;
    width: 18px;
    height: 14px;
    font: 25px/13px Tahoma, Verdana, sans-serif;
    color: #000000;
    text-decoration: none;
    font-weight: 100;
    background: transparent;
}

body.mobiledirection .leaflet-container a.leaflet-popup-close-button{ color: #fff;   top:4px;}
.leaflet-popup-content  .mapPopupMain p {
    font-size: 14px;
    line-height: 22px; margin-top:0px;
    margin-bottom: 20px;
    font-weight: 300;
    color: #000000;
}
 
@media (max-width:1199px) {


.kmTabs ul { padding: 8px; }
.kmTabs li { margin-left: 0px; margin-right: 0px; }
.kmTabs li a {
font-size: 12px; 
padding: 10px 0px;
width: 52px;
margin-top: 2px;
margin-bottom: 2px; }

}

@media (max-width:991px) {
 .kmTabs { bottom: 25px; width: calc(100% - 410px); }
}

@media (max-width:767px) {
.mapPopupMain{width:100%; padding: 10px;}
.showroomMapImg .leaflet-popup{width:300px;}
.mapPopupMain li a {
    font-size: 12px;
}
.leaflet-popup-content .mapPopupMain p{font-size: 13px;}
.mapPopupMain  h2{font-size: 20px;
    line-height: 21px; }
.kmTabs { bottom: 5px; }
 

.kmTabs.active { display: none; }
.mapPopupMain.active { display: none; }

.searchInputField { margin-bottom: 5px; margin-top: 10px; }

}

/*-------dropdownchanges start----*/

/*-------dropdownchanges ----*/


@media (max-width:375px) {
body  .kmTabs li {
    margin: 3px 0px;
}
body .kmTabs li a {
    font-size: 12px;
    padding: 9px 0px;
    width: 46px;
    margin-top: 2px;
    margin-bottom: 2px;
}
}
@media (max-width:768px) {
 .searchfield{
	display:none;
	}
	.mobiledirection .locatorMainBox .viewDealerList{width: 100%;
	}
.showroomDetailsMain .showroomDetailBox .tab-content .tab-pane .customScrollBar {
    height: calc(100vh - 224px) !important;
	position:relative;
}
.showroomDetailsMain .list-BlockIn.height_direc_t23 {
    height: calc(100vh - 400px);
}
.kmTabs { bottom: 40px; right: 0px; left: 0px; width: 100%; 
    z-index: 9999999}
.kmTabs ul{display: block;}
.kmTabs li { margin: 3px 2px; }
.kmTabs li a{    font-size: 12px;
    padding: 9px 0px;
    width: 56px;
    margin-top: 2px;
    margin-bottom: 2px;}
}
#State .select2-default {
  color: #000 !important;
  font-weight: bold;
}

@media (min-width: 1200px) {
	.kmTabs{
        bottom: 60px !important;
	  }
}