.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback{
    width: 15px;
    height: 15px;
    padding-top: 2px;
}

.map {
    width: 100%;
    min-width: 400px;
    height: 520px;
    padding-right: 10px;
}
#turkiyeStatesMap{
    text-align:center;
}

.clickFilter {
    background-color: #8c0841;
    color: white;
    opacity: 0.9;
}

.distribution-map__item {
    cursor: pointer;
}
.mapFillstyleBig-1000 {
    fill: #8c0841;
}

.mapFillstyle1000-500 {
    fill: #a01a52;
}

.mapFillStyle500-250 {
    fill: #b91c5e;
}

.mapFillStyle250-100 {
    fill: #d45885;
}

.mapFillStyle100-small {
    fill: #f7e8ee;
}

@media only screen and (max-width: 1024px) {
    .map {
        width: 100%;
        height: 420px;
    }

    .distribution-map{
        margin-top: 2rem;
    }
    .distribution-map__bot{
        flex-direction: column;
    }
    .distribution-map__right{
        margin-top:2rem;
    }
}

@media only screen and (max-width: 768px) {  
    .distribution-map{

        margin-top: 5rem;
    }

    .distribution-map__top p{
        flex:0 50%;
    }

    .distribution-map__right__header{
        font-size: 1.8rem;
        margin-bottom: 1rem;
        display: flex;
        justify-content: center;
    }
    
    .distribution-map__list{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .distribution-map__item{
        flex:0 48%;
        padding-right:0.5rem;
        padding-left:0.5rem;
        margin:0.2rem;
        border:1px solid #ddd;
        display: flex;
    }
}
    
@media only screen and (max-width: 550px) {
    .map {
        width: 100%;
        min-width: 0;
        height: 360px;
    }
}

@media only screen and (max-width:480px){
    .map {
        width: 100%;
        min-width: 0;
        height: 320px;
    }

    .distribution-map__bot{
        flex-direction: inherit;
    }

    .distribution-map__item{
        flex:0 100%;
        border:1px solid #ddd;
        display: flex;
    }
    
    .distribution-map__top p{
        flex:0 60%;
    }
}

@media only screen and (max-width:360px){
    .map {
        width: 100%;
        min-width: 0;
        height: 280px;
    }
}