.adnav_frame {
  background-color: #3F3F3F;
  padding: 20px 15px;
}
.adnav_frame .adnav {
  max-width: 1600px;
  text-align: center;
  margin: 0px auto;
}
.adnav_frame .adnav .adnav_leadbanner {
  width: 728px;
  height: 90px;
  display: inline-block;
}
.adnav_frame .adnav .adnav_leaderboard {
  display: inline-block;
}
.adnav_frame .adnav .adnav_mediumboard {
  display: none;
}
.adnav_frame .adnav .adnav_mediumrectangle {
  display: none;
}
.adnav_frame .adnav .adnav_smallsquare {
  display: none;
}
.adnav_frame .adnav .adnav_smallboard {
  display: none;
}
.adnav_frame .adnav .adnav_mediumbanner {
  display: none;
}
.adnav_frame .adnav .adnav_midbanner {
  width: 396px;
  height: 72px;
  margin: 0px auto;
  display: none;
}
.adnav_frame .adnav .adnav_smallbanner {
  display: none;
}

/* Micro devices (smallest form phones, from 319px and lower) */
@media (max-width: 319px) {
  .adnav_frame {
    padding: 10px;
  }
  .adnav_frame .adnav .adnav_leaderboard {
    display: none;
  }
  .adnav_frame .adnav .adnav_smallsquare {
    display: block;
  }
  .adnav_frame .adnav .adnav_leadbanner {
    display: none;
  }
  .adnav_frame .adnav .adnav_midbanner {
    display: none;
  }
  .adnav_frame .adnav .adnav_smallbanner {
    display: block;
  }
  .adnav_frame .adnav .adnav_smallbanner img {
    width: 100%;
  }
}
/* Micro devices (smaller form phones, from 320px to 419px) */
@media (min-width: 320px) and (max-width: 419px) {
  .adnav_frame .adnav .adnav_leaderboard {
    display: none;
  }
  .adnav_frame .adnav .adnav_mediumrectangle {
    display: block;
  }
  .adnav_frame .adnav .adnav_leadbanner {
    display: none;
  }
  .adnav_frame .adnav .adnav_midbanner {
    display: none;
  }
  .adnav_frame .adnav .adnav_smallbanner {
    display: block;
  }
}
/* Extra small devices (portrait phones, less than 576px) */
@media (min-width: 420px) and (max-width: 575px) {
  .adnav_frame {
    padding: 20px 10px;
  }
  .adnav_frame .adnav .adnav_leaderboard {
    display: none;
  }
  .adnav_frame .adnav .adnav_mediumrectangle {
    display: block;
  }
  .adnav_frame .adnav .adnav_mediumbanner {
    display: block;
  }
  .adnav_frame .adnav .adnav_leadbanner {
    display: none;
  }
  .adnav_frame .adnav .adnav_midbanner {
    display: block;
  }
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767px) {
  .adnav_frame .adnav .adnav_leaderboard {
    display: none;
  }
  .adnav_frame .adnav .adnav_mediumboard {
    display: block;
  }
  .adnav_frame .adnav .adnav_mediumbanner {
    display: block;
  }
  .adnav_frame .adnav .adnav_leadbanner {
    display: none;
  }
  .adnav_frame .adnav .adnav_midbanner {
    display: block;
  }
}