#resource-filters {
  padding: 15px;
}

@media (min-width: 768px) {
  #resource-filters {
    display: -ms-flexbox;
    display: flex;
  }
}

#resource-filters .filter-con {
  width: 100%;
}

#resource-filters .filter-con:after {
  content: "";
  display: table;
  clear: both;
}

#resource-filters .filter-con label {
  display: block;
}

#resource-filters .filter-con select {
  width: 100%;
}

@media (min-width: 768px) {
  #resource-filters .filter-con {
    max-width: 49%;
  }
}

@media (min-width: 480px) {
  .resource-listing h2 {
    margin: 0 0.5em;
  }
}

.resource-listing .resources {
  width: 100%;
}

.resource-listing .resources .resource img,
.resource-listing .resources .resource .title,
.resource-listing .resources .subcategory img,
.resource-listing .resources .subcategory .title {
  display: block;
  text-align: center;
}

.resource-listing .resources .resource img,
.resource-listing .resources .subcategory img {
  width: 305px;
  height: 210px;
  margin: 0 auto;
}

.resource-listing .resources .resource a,
.resource-listing .resources .subcategory a {
  font-size: 1.05em;
  font-weight: 600;
  color: #58595b;
  text-decoration: none;
}

.resource-listing .resources .resource a:hover,
.resource-listing .resources .subcategory a:hover {
  color: #0090dc;
}

@media (min-width: 480px) {
  .resource-listing .resources {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .resource-listing .resources .resource,
  .resource-listing .resources .subcategory {
    width: 50%;
    padding: 1em;
  }
}

@media (min-width: 1024px) {
  .resource-listing .resources .resource,
  .resource-listing .resources .subcategory {
    width: 33.3333%;
  }
}
/* HORIZONTAL / HORIZ. PERSISTENT CSS --------------- */
ul.menubeanh,
ul.menubeanh-persistent {
  list-style: none;
  position: relative;
  overflow: visible;
}
ul.menubeanh,
ul.menubeanh ul,
ul.menubeanh-persistent,
ul.menubeanh-persistent ul {
  padding: 0;
  margin: 0;
  list-style: none;
  /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh li,
ul.menubeanh-persistent li {
  float: left;
  position: relative;
  list-style: none;
  /*
  	width: 8em;
	overflow: visible;
	*/
}
ul.menubeanh li ul,
ul.menubeanh-persistent li ul {
  display: none;
  position: absolute;
  top: 1.2em; /* IE */
  left: 0; /* IE */ /* background-color: #fff;  IE Requires a background color. */
}
ul.menubeanh > li > ul,
ul.menubeanh-persistent > li > ul {
  top: auto; /* Non-IE */
  left: auto; /* Non-IE */
}
/* (sub-)submenus */
ul.menubeanh ul,
ul.menubeanh ul ul,
ul.menubeanh ul ul ul,
ul.menubeanh-persistent ul,
ul.menubeanh-persistent ul ul,
ul.menubeanh-persistent ul ul ul {
  position: absolute;
  top: 0;
  left: 95%;
}
/* Interactive lines: show/hide menus */
ul.menubeanh li.over ul ul,
ul.menubeanh li.over ul ul ul,
ul.menubeanh-persistent li.over ul ul,
ul.menubeanh-persistent li.over ul ul ul {
  display: none;
}
ul.menubeanh li.over ul,
ul.menubeanh ul li.over ul,
ul.menubeanh ul ul li.over ul,
ul.menubeanh-persistent li.over ul,
ul.menubeanh-persistent ul li.over ul,
ul.menubeanh-persistent ul ul li.over ul {
  display: block;
}

/* VERTICAL CSS --------------- */
ul.menubeanv,
ul.menubeanv-persistent,
ul.menubeanv ul,
ul.menubeanv-persistent, ul {
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li,
ul.menubeanv-persistent li {
  position: relative;
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li ul {
  display: none;
  position: absolute;
  top: 2px; /* IE */
  left: 6em; /* IE */ 
  /* background-color: #fff;  IE requires a background color. */
}
ul.menubeanv li:hover ul,
ul.menubeanv li.over ul {
  display: block;
}

ul.menubeanv-persistent li.mi-parent {
  cursor: pointer;
}
ul.menubeanv-persistent li ul {
  display: none;
}
ul.menubeanv-persistent li.over ul {
  display: block;
}