/*@media only screen and (max-width:628px) {*/
@media only screen 
  and (min-width: 320px) 
  and (max-width: 628px) {
.mini-map { display: none; }
.colombia-mini-map { width: 125px; height: 144px; background: url(../img/colombia-mini-map.png) no-repeat 0 0; background-size: 125px; display: block; position: absolute; top: 20px; left: 20px; z-index: 999; border: 1px #ccc solid; }
p.mobile-instructions { font-family: "Arial", Helvetica, Sans-Serif; font-size: 14px; font-weight: bold; color: #404040; padding: 5px 0; display: block; }
#map-outer { width: 100%; height: 400px; position: relative; overflow: hidden; }
#map { width: 100%; height: 400px; position: absolute; cursor: move; background: none; }

#filter { background: #f2f2f2; position: relative; }
#filter-container { width: 100%; padding: 0; }
#filter-container.open { display: block; }
#filter-container.closed { display: none; }
#filter .col1,
#filter .col2,
#filter .col3 { width: 100%; clear: both; }
#filter span { left: 20px; }
#filter label { padding: 12px 0 10px 40px !important; border-top: 1px solid #fff; margin: 0; }
#mobile-filter { width: 100%; background: url(../img/filter-mobile-icon.png) no-repeat 85vw 50% #d9d9d9; background-size: 25px; padding: 15px 0; display: block; overflow: hidden; text-decoration: none; }
#mobile-filter h2 { font-family: "Arial", Helvetica, Sans-Serif; font-size: 18px; font-weight: normal; color: #404040; margin: 0 0 0 20px; }
#apply { width: 100%; background: #003B86; padding: 15px 0; display: block; overflow: hidden; text-decoration: none; }
#apply p { font-family: "Arial", Helvetica, Sans-Serif; font-size: 18px; font-weight: normal; color: #fff; padding: 0; margin: 0 0 0 20px; }



#filter input[type=checkbox]#antropical-dolphin + label { background: url(../img/filter-antropical-spotted-dolphin-inactive.png) no-repeat 86vw 50%; background-size: 16px; }
#filter input[type=checkbox]#antropical-dolphin:checked + label { background: url(../img/filter-antropical-spotted-dolphin-active.png) no-repeat 86vw 50%; background-size: 16px; }

#filter input[type=checkbox]#atlantic-dolphin + label { background: url(../img/filter-atlantic-spotted-dolphin-inactive.png) no-repeat 86vw 50%; background-size: 16px; }
#filter input[type=checkbox]#atlantic-dolphin:checked + label { background: url(../img/filter-atlantic-spotted-dolphin-active.png) no-repeat 86vw 50%; background-size: 16px; }

#filter input[type=checkbox]#bottlenose-dolphin + label { background: url(../img/filter-bottlenose-dolphin-inactive.png) no-repeat 86vw 50%; background-size: 16px; }
#filter input[type=checkbox]#bottlenose-dolphin:checked + label { background: url(../img/filter-bottlenose-dolphin-active.png) no-repeat 86vw 50%; background-size: 16px; }

#filter input[type=checkbox]#pantropical-dolphin + label { background: url(../img/filter-pantropical-spotted-dolphin-inactive.png) no-repeat 86vw 50%; background-size: 16px; }
#filter input[type=checkbox]#pantropical-dolphin:checked + label { background: url(../img/filter-pantropical-spotted-dolphin-active.png) no-repeat 86vw 50%; background-size: 16px; }

#filter input[type=checkbox]#rough-toothed-dolphin + label { background: url(../img/filter-rough-toothed-dolphin-inactive.png) no-repeat 86vw 50%; background-size: 16px; }
#filter input[type=checkbox]#rough-toothed-dolphin:checked + label { background: url(../img/filter-rough-toothed-dolphin-active.png) no-repeat 86vw 50%; background-size: 16px; }

#filter input[type=checkbox]#sei-whale + label { background: url(../img/filter-sei-whale-inactive.png) no-repeat 86vw 50%; background-size: 16px; }
#filter input[type=checkbox]#sei-whale:checked + label { background: url(../img/filter-sei-whale-active.png) no-repeat 86vw 50%; background-size: 16px; }

#filter input[type=checkbox]#short-finned-pilot-whale + label { background: url(../img/filter-short-finned-pilot-whale-inactive.png) no-repeat 86vw 50%; background-size: 16px; }
#filter input[type=checkbox]#short-finned-pilot-whale:checked + label { background: url(../img/filter-short-finned-pilot-whale-active.png) no-repeat 86vw 50%; background-size: 16px; }

#filter input[type=checkbox]#sperm-whale + label { background: url(../img/filter-sperm-whale-inactive.png) no-repeat 86vw 50%; background-size: 16px; }
#filter input[type=checkbox]#sperm-whale:checked + label { background: url(../img/filter-sperm-whale-active.png) no-repeat 86vw 50%; background-size: 16px; }

#filter input[type=checkbox]#spinner-dolphin + label { background: url(../img/filter-spinner-dolphin-inactive.png) no-repeat 86vw 50%; background-size: 16px; }
#filter input[type=checkbox]#spinner-dolphin:checked + label { background: url(../img/filter-spinner-dolphin-active.png) no-repeat 86vw 50%; background-size: 16px; }

#filter input[type=checkbox]#striped-dolphin + label { background: url(../img/filter-striped-dolphin-inactive.png) no-repeat 86vw 50%; background-size: 16px; }
#filter input[type=checkbox]#striped-dolphin:checked + label { background: url(../img/filter-striped-dolphin-active.png) no-repeat 86vw 50%; background-size: 16px; }

#filter input[type=checkbox]#show-hide + label { background: url(../img/filter-selectall.png) no-repeat 86vw 50%; background-size: 16px; }
#filter input[type=checkbox]#show-hide:checked + label { background: url(../img/filter-deselectall.png) no-repeat 86vw 50%; background-size: 16px; }


















}