#IranMap { display: block; position: relative; direction: rtl; text-align: right; padding: 0; font-size: 13px; width: 100%; margin: 0px auto; }
.activeMap { fill: #ff9189 !important }
#IranMap .show-title { position: absolute; background-color: #333; color: #fff; margin: 0 !important; padding: 0 5px; text-align: center; line-height: 26px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; opacity: 0.8; z-index: 10000; }
#IranMap .map { display: block; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
#IranMap .map svg { }
#IranMap .map .border path, #IranMap .map .island path { fill: rgba(255,255,255,0.45); transition: all 0.3s ease }
#IranMap .map .province path { fill: #a4b9c3; /*stroke: #fff;*/ }
#IranMap .map .province path.hover { /*fill:#e01921!important;*/ stroke: #666; }
#IranMap .map .sea path, #IranMap .map .lake path { fill: rgba(130, 242, 253, 0.7); }
#IranMap .map .province path:hover, #IranMap .map .island path:hover,
#IranMap .map .province path.hover, #IranMap .map .island path.hover { cursor: pointer; }
#IranMap .list { display: block; float: right; width: 100%; text-align: center; margin-bottom: 30px; }
#IranMap .list ul { padding: 0; }
#IranMap .list > ul { }
#IranMap .list li { list-style: none; display: block; }
#IranMap .list span { background: #e1e1e1; display: block; font-size: 20px; padding: 0 8px; line-height: 35px; margin-bottom: 5px; }
#IranMap .list li ul li { display: block; float: right; width: 33.33333333333333%; }
#IranMap .list li ul li a { color: #000; border: 1px solid #e1e1e1; display: block; padding: 1px 8px; line-height: 26px; text-decoration: none; transition: all 0.3s ease; outline: 1px dashed transparent; outline-offset: -4px; }
#IranMap .list li ul li a.active { border: 1px solid #999; outline: 1px dashed #999; }
#IranMap .list li ul li a:hover, #IranMap .list li ul li a.hover { border: 1px solid #999; }
#IranMap .list ul:before, #IranMap .list ul:after { display: table; content: " "; }
#IranMap .list ul, #IranMap .list ul:after { clear: both; }
#IranMap .list p { font-size: 16px; }
#IranMap .city { clear: both; padding: 10px 0; }
#IranMap .IconMap { background-image: url('../../Images/mapicon.png'); position: absolute; width: 10px; height: 16px; cursor: pointer; }

@media (max-width:768px) {
    #IranMap .list, #IranMap .map { width: 100%; }
    #IranMap { width: 80% }
}

@media (min-width:768px) and (max-width:860px) {
    #IranMap .list li ul li { width: 50%; }
}

@media (max-width: 515px) {
    #IranMap .list, #IranMap .map { width: 100%; }
    #IranMap .list li ul li { width: 50%; }
    #IranMap .list li ul li a { font-size: 10px !important; }
}

@media (min-width:320px) and (max-width:600px) {
    #IranMap .list li ul li { width: 50%; }
}

@media (max-width: 500px) {
    /*#IranMap .map { display: none; }*/
    #IranMap { width: 100% }
}

.LbHolderMenuId { display:none}
.LbHolderLangId { visibility: hidden; }