.kmi-dealer-map{
    float:left;
    width:60%;
    position: relative;
}
.kmi-dealer-map-img{
    width:100%;
    height:auto;
}
.kmi-dealer-info-parent{
    width:84%;
    margin:0 auto;
    clear:both;
    margin-bottom:40px;
}
.kmi-dealer-table{
    display:none;
    direction: rtl;
    width:99%;
    margin:0 auto;
    color:black;
    text-align: center;
    font-family: Morabba;
    margin-bottom:10px;

}
.kmi-dealer-table tr >  td > a{
    color:blue;
    text-decoration: underline;
}
.kmi-dealer-table tr,.kmi-dealer-table td{
    border:1px solid #ccc;
    padding:4px;
    color:black;
}
.kmi-dealer-table-header{
    background-color: #333;
    color:#ccc;
    padding:10px;
    text-align:center;
    border-radius: 4px;
    font-family: Morabba;
    display:none;
}
.dealer-arrow{
    background-image: url("../images/down-arrow.png");
    background-size:contain;
    background-repeat: no-repeat;
    display:block;
    width:20px;
    height:20px;
    margin:3px;
    float:right;
    filter:drop-shadow(1px 1px 2px black);
    cursor: pointer;
}
.dealer-arrow-active{
    transform: rotate(180deg);
}
.kmi-dealer-cities{
    width: 30%;
    max-height: 400px;
    float: right;
    margin-top: 90px;
    margin-right: 6%;
}
.kmi-city-button{
    margin:4px 6%;
    color:black!important;
    font-family:Morabba;
    padding: 10px;
    background-color:#ffc800;
    width: 38%;
    float: left;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;

}
.kmi-dealer-active-map{
    opacity: 0;
    position:absolute;
    cursor: pointer;
}
.kmi-dealer-active-map[data="تهران"]{
    right: 56.2%;
    top: 34%;
    width: 7.8%;
}
.kmi-dealer-active-map[data="البرز"]{
    right: 61.8%;
    top: 32.9%;
    width: 3.8%;
}
.kmi-dealer-active-map[data="قم"]{
    left: 33.5%;
    top: 38.2%;
    width:6.4%;
}
.kmi-dealer-active-map[data="کردستان"]{
    left: 20.7%;
    top: 31.3%;
    width: 8%;
}
.kmi-dealer-active-map[data="مازندران"]{
    left: 34.9%;
    top: 30%;
    width: 12.3%;
}
.kmi-dealer-active-map[data="همدان"]{
    left: 26.5%;
    top: 35.05%;
    width: 6.4%;
}
.kmi-dealer-active-map[data="اصفهان"]{
    top: 41.8%;
    left: 31.8%;
    width: 18.55%;
}
.kmi-dealer-active-map[data="آذربایجان شرقی"]{
    left: 19.6%;
    top: 18.4%;
    width: 9.8%;
}
.kmi-dealer-active-map[data="گلستان"]{
    left: 45.5%;
    top: 24.4%;
    width: 7.4%;
}
.kmi-dealer-active-map[data="فارس"]{
    left: 34.6%;
    top: 55.4%;
    width: 16.5%;
}
.kmi-dealer-active-map[data="کرمان"]{
    left: 46.9%;
    top: 53.8%;
    width: 16.8%;
}
.kmi-dealer-active-map[data="قزوین"]{
    left: 30%;
    top: 30.5%;
    width: 6.6%;
}
.kmi-dealer-active-map[data="خراسان رضوی"]{
    top: 27.7%;
    right: 32.1%;
    width: 15.3%;
}
.kmi-dealer-active-map[data="خراسان جنوبی"]{
    left: 55.8%;
    top: 41.1%;
    width: 13.9%;
}
.kmi-dealer-active-map[data="سیستان و بلوچستان"]{
    right: 23.9%;
    top: 56.4%;
    width: 14.7%;
}
.kmi-dealer-active-map[data="سمنان"]{
    right: 44.7%;
    top: 28.6%;
    width: 15.7%;
}
.kmi-dealer-active-map[data="کرمانشاه"]{
    right: 71.9%;
    top: 37.5%;
    width: 8.4%;
}
.kmi-dealer-active-map[data="یزد"]{
    right: 41.5%;
    top: 38.5%;
    width: 16.4%;
}
.kmi-dealer-active-map[data="گیلان"]{
    top: 22.9%;
    right: 64.4%;
    width: 5.5%;
}
.kmi-dealer-active-map[data="اردبیل"]{
    top: 16%;
    right: 68.9%;
    width: 5.2%;
}
.kmi-city-button:hover{
    background-color:black;
    color: white!important;
}
.kmi-dealer-single{
    display:none;
}
.kmi-dealer{
    display:none;
}
.kmi-dealer-map-name{
    color: #b00;
    font-size: 24px;
    width: 60%;
    direction: ltr;
    font-family: Morabba;
    position: absolute;
    bottom: 73px;
    right: 117px;
    
}
.active-dealers-title{
    padding: 5px;
    font-size: 20px;
    text-align: center;
    color: green;
}
.deactive-dealers-title{
    padding: 5px;
    font-size: 20px;
    text-align: center;
    color: red;
}
@media screen and (max-width:920px){
    .kmi-dealer-map{
        clear:both;
        width:108%;
        margin:0 auto;
    }
    .kmi-dealer-cities {
        width: 88%;
        clear: both;
        margin-top: 0px;
    }
    .kmi-city-button{
        padding: 2px;
    }
    .kmi-dealer-table-header{
        font-size: 15px;
    }
    .dealer-arrow{
        margin: 0px;
    }
    .kmi-dealer-cities{
        margin-bottom:25px;
    }
    .kmi-dealer-map-name{
        bottom: 28px;
        right: 66px;
        font-size: 16px;
    }
}