.af_map { height: 400px; width: auto; }

.jvectormap-zoomin, .jvectormap-zoomout { display: none; }

#affilegend { margin: 0 20px 20px; overflow: hidden; padding: 5px; width: 530px; }
  #affilegend .item { float: left; margin-right: 25px; }
  #legend1, #legend2 { background: #e30018; float: left; height: 18px; line-height: 15px;
    margin-right: 15px; width: 36px; }  
  #legend2 { background: #494948; }  
  #affilegend label { font-size: 11px; line-height: 15px; }
 
 
#affiliates { padding: 20px; width: 100%; }
#affiselect { background: #f5f5f5; padding: 20px; width: 100%; text-align: center; }

#affiselect_zone { margin-right: 20px; } 
#affiselect_zone, #affiselect_country { width: 250px; border: none; padding: 5px 2px; } 
#affiselect_state, #affiselect_product { display: none; }
 
.remaaffiliates_list { background: #f2f2f2; display: none; margin-top: 30px;
    padding: 20px 20px 25px;
}  

.remaaffiliates_list .header {
    border-bottom: 1px dotted #919292;
    border-top: 1px dotted #919292;
    margin-bottom: 20px;
    overflow: hidden;
}

.remaaffiliates_list .items { position: relative; }

.remaaffiliates_list .affi_col { border-left: 1px dotted #919292; float: left;
    margin-bottom: -3000px; padding: 0 15px 3000px; width: 200px; }
.remaaffiliates_list .affi_col:first-child { border: none; }    

.remaaffiliates_list .header .affi_col { border: none; margin: 0; padding: 15px; }    

.remaaffiliates_list .no-results { left: 0; padding: 0 0 0 15px; position: absolute;
    top: 0; z-index: 1; }
    
.remaaffiliates_list .single_item {  background: #e7e7e7; border-bottom: 15px solid #e7e7e7;
    display: none; margin-bottom: 10px; overflow: hidden; padding: 15px 0 0; position: relative;
    z-index: 2; }    
    

@media screen and (max-width: 980px) {
  #affiselect { padding: 5px 2%; }
  #affiliates { padding: 15px; }
  #affilegend { margin: 0 15px 15px; }
  .remaaffiliates_list .affi_col, .remaaffiliates_list .header .affi_col { padding-left: 1%; padding-right: 1%; width: 22.9%; }
}   

@media screen and (max-width: 800px) {
  .remaaffiliates_list { margin-top: 20px; padding: 3% 1%; }
}

@media screen and (max-width: 760px) {
  .remaaffiliates_list .header { display: none; }
  .remaaffiliates_list .affi_col { border: medium none; margin: 0 0 0 10px; padding: 0; width: 31%; }
  .remaaffiliates_list .affi_col:first-child { float: none; font-size: 15px; font-weight: bold; margin-bottom: 15px; width: 100%; }
}

@media screen and (max-width: 600px) {
  .af_map { height: 320px; width: auto; }
  #affiliates { padding: 0 15px; }
  #affiselect_zone { margin-right: 6%; } 
  #affiselect_zone, #affiselect_country { width: 46%; border: none; padding: 5px 2px; } 
}

@media screen and (max-width: 500px) {
  .remaaffiliates_list .affi_col { margin: 0 0 5px; padding: 0 2%; width: 100%; }
  .remaaffiliates_list .affi_col:first-child { margin-bottom: 12px; }
}

@media screen and (max-width: 480px) {
  .af_map { height: 250px; width: auto; }
} 

@media screen and (max-width: 460px) {
  #affilegend .item { float: none; margin: 0 0 5px; }
} 

@media screen and (max-width: 400px) {
  #affiselect_zone, #affiselect_country { margin: 0 0 5px; width: 80%; }
}     

@media screen and (max-width: 360px) {
  .af_map { height: 200px; width: auto; }
}