.showcase-media {
  -webkit-box-shadow: 0 0 5px 1px #909090;
  box-shadow: 0 0 5px 1px #909090;
  display: block;
  padding: 10px;
  max-width: 45%;
}
.showcase-media.left {
  float: left;
  margin: 10px 15px 10px 0;
  max-width: 65%;	
}
.showcase-media.right {
  float: right;
  margin: 10px 0 10px 15px;  
  max-width: 65%;		
}

@media all and (max-width: 52em) {
	.showcase-media {
		max-width: 0;	
	}
}



/* list test*/
.list-filter {
  float: left;
  width: 30.94754%;
 
  margin-right: 3.57869%;
  

}
.list-main-upper, .list-main-lower {
  float: right;
  width: 60.47377%;
}


@media all and (max-width: 58em) {
  .showcase-media, .showcase-media img {
   
  }



  
}


@media all and (max-width: 40em) {
   /*
    Objects
  */

.list-main-upper, .list-main-lower, .list-filter {
  float: none;
  width: auto;
}

  .showcase-media,
  .showcase-media.left,
  .showcase-media.right {
    float: none;
    margin: 15px auto;
    max-width: none;
  }
}



 /*
 Google Map embed
 */
.iframe-rwd  {
	position: relative;
	padding-bottom: 65.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.iframe-rwd iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





/* 
Patents Table styling
*/
table.patents { 
  width: 100%; 
  border-collapse: collapse; 
  
}
/* Zebra striping */
tr.patents:nth-of-type(odd) { 
  background: #eeeeee; 
}
tr.patents:nth-of-type(odd) td.patents {  
  border: 1px solid #ffffff; 
}
tr.patents:nth-of-type(even) { 
  background: #ffffff; 
  border: 1px solid #eeeeee; 
}
th.patents { 
  background: #e60000; 
  color: white; 
  font-weight: bold;   
}
td.patents, th.patents { 
  padding: 6px; 
  border: 1px solid #eeeeee; 
  text-align: left; 
}
td.patents {
  vertical-align: top;
}
td.patents:nth-of-type(1) { white-space: nowrap; }
td.patents:nth-of-type(3) { white-space: nowrap; font-size: x-small;}
td.patents:nth-of-type(4) { white-space: nowrap; }


/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 480px)  {

	/* Force table to not be like tables anymore */
	table.patents, thead.patents, tbody.patents, th.patents, td.patents, tr.patents { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead.patents tr.patents { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr.patents { 
		border: 1px solid #ccc; 
	}
	
	td.patents { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 30%; 
	}

	td.patents:nth-of-type(1) {
			font-weight: bold;
	}
	
	td.patents:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td.patents:nth-of-type(1):before { content: "Patent No.: "; font-weight: bold; }
	td.patents:nth-of-type(2):before { content: "Title: ";}
	td.patents:nth-of-type(3):before { content: "Inventors: ";  font-size: small; }
	td.patents:nth-of-type(4):before { content: "Issue Date: "; }
}



@media (min-width: 481px) {

	li.melcoleft, li.melcoright {
		float: left;
		margin-top: 5.5%; 
		width: 40.21066%; 
	}
	li.melcoleft {
		margin-right: 10%;
	}

	li.melcobusiness {
		float: left;
		margin-top: 5.5%; 
		width: 48%; 
		
	}

}

@media (max-width: 480px) {

	li.melcoleft, li.melcoright, li.melcobusiness {
		float: none;
		width: auto; 
		margin-bottom: 40px; 
	}
	li.melcobusiness {
		margin-right: 0;
	}

}

video {
  width: 100%    !important;
  height: auto   !important;
}


.list-wrapper {
	float: left;
}
.pub-header {
	float: right;
	padding: 0 0;
}
.pub-filter {
	float: left;
}
.pub-list {
	float: right;
	padding: 0 0 0 0;	
}


.list-header {
  display: block;
  width: 65.47377%;
  margin-right: 0; 
  float:right;
}
.list-header:last-child {
  margin-right: 0;
}


.list-filter {
  display: block;
  float: left;
  margin-right: 3.57869%;
  width: 30.94754%;
  position: relative;
}
.list-filter:last-child {
  margin-right: 0;
}


@media all and (max-width: 52em) {

  .list-header,
  .list-filter {
    display: block;
    float: left;
    margin-right: 3.57869%;
    width: 100%;
  }
  .list-header:last-child,
  .list-filter:last-child {
    margin-right: 0;
  }
	.list-wrapper, .list-header, .pub-filter, .pub-list   {
		float: none;
		width: auto;
	}

	
	.pub-filter {
		position: relative;
		height: 75px;
	}

	.pub-filter form {
		display: none;
	}
	
	.pub-filter section h3 a {
		display: inline-block;
	}


 .publications-filter-wrapper {
    top: 5px;
 }


.list-filter {
 position: relative;
    top: 0px;
  }
}




.filter-subareas{
	display: block; 
	float: none;
}
@media all and (max-width: 52em) {
	.filter-subareas{
		display: inline-block; 
		float: left;
	}

}



button#filter-submit-small {
	
	padding: 1px 1px;
	text-shadow: 0px 0px 0px transparent;
	text-transform: uppercase;

	color: #444;
	border: none;
	background-color: transparent;
	background-image: none;
	padding: 0;
}



.featured-research-wrapper,
.join-us-wrapper,
.news-events-wrapper {
  padding-top: 45px;
}
.featured-research-wrapper {
	float:right;
}

@media all and (max-width: 52em) {

	.featured-research-wrapper {
	  padding-bottom: 45px;
	  padding-top: 0px;
	}
	
	.news-events-wrapper {
	  padding-bottom: 45px;
	  padding-top: 0px;
	}

	.main-content-wrapper pub-list{
		float: none;
	}


}


@media all and (max-width: 43em) {
	.featured-research-wrapper {
		float:none;
	}

	featured-research-wrapper,
	.join-us-wrapper,
	.news-events-wrapper {
	  padding-bottom: 45px;
	}

	.featured-research-wrapper {
	  padding-bottom: 45px;
	  padding-top: 0px;
	}

}


@media all and (max-width: 28em) {
	
  	.featured-research .preview-sidebar {
  		width: 150%;
	}
}