/* --------------------------------------------
   < 1024px viewport
-------------------------------------------- */			

.desktop-only {
	display: block;
}
.mobile-only,
.mobile-inline {
	display: none;
}
@media (max-width: 1410px) {	
	#main-content > div {
		padding: 10px;
	}	
	#main-content {
		/*padding: 0px 27px;*/
		padding: 0px;
	}	
	.twitter-timeline {
		margin:0px auto!important;
		display:block!important;
	}
	.button-app-ios {
   margin-bottom: 0px!important;
   } 
   #main-content .search-table tr td {
   	height: auto;
   }

	body {
		margin: 0px; padding:0px;
	}
	#container { width: 100%; background-image: none; margin:0px; background-color:#FFF;}
	#top {	width: 100%; margin: 0px; }
	#footer { width: 100%; margin:0px; background-image:none;background-color:black; overflow: hidden;height: auto!important;}
	#left { margin: 0px; width:26%;}
	#main-content, .nav, .stop {
		
		
	}
	#theatre {
  	    width: 100%;
  	    height: 37.0vw;
	}
	#slider img {
		width:100%;
	}
	#main-content {	
		float: right;
	}
	#attribution {
		width: 100%;
	}
	.logo {
	}
	.logo img {
		width: 100%;
		max-width: 221px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	#page-header-graphic {
		width:73.9%!important;
		height: auto!important;
	}

}
@media (max-width: 1165px) {
	.desktop-only {
		display: none!important;
	}
	.mobile-only {
		display: block!important;
	}
	.container-mobile-sidebar {
		margin-top:15px;
		text-align:center;
	}	
	
	a.request-info, .btn-fee-range {
		float: none;
		display: inline-block;
	}
	
	.btn-fee-range  {
		float: left;
	}
	.btn-fee-range + div + .request-info {
		float: right;
	}


	
	a.request-info, a.request-info:visited {
		width: 160px;
	}
	a.request-info img {
		width: 320px;
	}
	.container-mobile-sidebar .btn-fee-range {
		width: 42%;
    	font-size: 16px;
		margin-right: 10px;
		padding: 7px 0;
	}


	.home-blurb-container h1{
		line-height:70%;
		padding-top: 0!important;
	}
	.mobile-only {
		overflow:hidden;
		width: 100%;
		display: block!important;
	}


	.no-mobile {
		display: none!important;
	}
	.container-tagline-lower {
		float:right;
		margin-top: 0;
	}
	.container-social {
		padding-top: 16px;
		float: right;
	}
	/*
	.main-nav {
		width: 100%;
	    position: absolute;
	    left: 0;
	
	}
	*/	
	#top {	
		background-image:none!important;
		overflow: hidden;
		height: auto;
	}
	#top .top-tagline {
		display: block;
		padding-top: 8px;
		
	}
	#top .top-text {
		float: left;
		padding-left: 10px;
		padding-top: 8px;
		padding-bottom:8px;
		clear:left;
	}

	.nav a, .nav a:visited {
	  font-size: 11pt;
	}
	a.menu-toggle {
		display:block;
		margin-top: -55px;
	}
	.main-nav {
		display: block;
		float: right;
		width: 100%;
		/*position: absolute;*/
		top: 120px;
		background: black;
		z-index: 999999;
		max-height: 0px;
		overflow: hidden; /*do not remove, refer to main-nav.show */
		transition:all 0.3s linear;
		transform:translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
	}
	.main-nav.show {
		overflow: visible;
	}
	.show {
		max-height:1042px;
	}
	.main-nav a {
		color: white;
	}
	.main-nav > ul {
		margin: 0px;
		padding:0px;
	}
	.main-nav ul li { 
		padding: 5px 6px;
		float: left;
		width: 100%;
	}
	ul.submenu {
		max-height: 500px;
		position: relative;
		top: 0px;
		margin:0!important;
		padding-left: 30px;
		width: 100%;
	}
	ul.submenu li a:before {
		content: "\2219";
	    font-size: 40px;
	    position: absolute;
	    line-height: 10px;
	    margin-left: -30px;		
	}
	ul.submenu li {
		padding :0;
	}
	li.has-submenu > a {
		padding-bottom: 0;
	}
	.main-nav a {
		font-size: 13px;
	}
	.nav-browse {
		display:  block;
	}
	.nav-search {
		display:  none!important;
	}
	.nav-search a img {
		display: none;
	}
	.nav-search a span {
		display: block;
	}
	.container-top-nav {
		width:100%;
		/*width: 70px;*/
	}

}
@media (max-width: 1075px) {
	.col-middle {
		display: none!important;
	}

	.container-popup { 
		left: 25%;
		right: 25%;
		
	}
	.container-filter-results .container-result {
		width: 50%;
	}	
			
}
@media (max-width: 980px) {

	.container-speaker-content {
		width: 55%;
	}
	#right-side {
		margin-left: 10px;
	}

	.container-popup { 
		left: 20%;
		right: 20%;
		
	}		
	.row > .col-50 {
		width: 100%;
	}
}
@media (max-width: 915px) {
	#tab-service .container-service,
	#tab-topic .container-topic {

		width: 48%;

	}		
	.home-blurb-container {
		text-align: center!important;
	}
	.home-blurb-container h1 {
		text-align: center!important;
	}	
	.featured-sliders > div {
		width: calc(50% - 20px);
		float: left;
		text-align: center;
		margin: 0px 10px;
	}
	.featured-sliders > .mini-slider:nth-of-type(3) {
		margin: 0px calc(25% + 10px);
	}
	.container-filter-results form {
		width: 100%;
	}	


}

/*
Sidebar stacks below on 'mobile' view
*/
@media (max-width: 830px) {
	.mobile-inline {
		display: inline-block!important;
	}
	a.request-info img:hover {
		right:160px!important;
	}
	#main-content a.button-variable {
		
		width: 100%;
		
	}	
	.internal-bg {
		display: flex;
		flex-direction: column;
	}
	#right-side {
		order:2;
	}
	.container-speaker-content {
		order:1;
	}
	#top {
		display: none;
	}
	a.logo {
		display: block;
		float: left;
		width: 92px;
		height: 78px;
	}
	.container-tagline	 {
		width: calc(100% - 92px);
		float: left;
	}	
	.nav-container h2 {
		font-size: 16px;
		margin-top: 9px;
		margin-bottom: 0px;
	}
	a.menu-toggle img {
		margin-top: 25px;
		margin-right: 18px;
		width: 36px;
	}

	.main-nav {
		top: 78px;
	}
	.table td,
	.table tr,
	.table tbody,
	.table {
		text-align:left!important;
		width: 100%!important;
		max-width:100%!important;
		display: block!important;
	}

	.search-controls p.control-results {
		width: 100%;
		float: none;
		clear: both;
		border: 0;
		margin-left: 0;
		margin-top: 5px;
		margin-bottom:5px;
	}
	#advanced_search td,
	#advanced_search tr,
	#advanced_search tbody {
		text-align: left;
		width: 100%!important;
		display: block;
	}

	.container-speaker-content {
		width: 100%;
	}
	  #attribution p, #attribution a{
	  	font-size: 7pt !important;
  		color: white;
  		text-decoration: none;
	}
	#main-content table {
		display: block;
		width: 100%!important;
		height: auto!important;
	}
	#main-content table td {
		display: block;
		width: 100%!important;
		clear: both;
		border-top: 0;
		padding: 5px;
	}
	#main-content .search-table tr td:nth-child(1) {
		min-height: 140px;
	}
	#main-content form table td {
		display: block;
	}	
	#main-content form table td {
		display: block;
	}
	#main-content form  textarea {
		width: 95%!important;
	}
	#main-content h1 {
		clear:both;
		padding-top:10px;
	}
	.narrow-similar-speakers {
		display: block;
	}	
	.narrow-similar-speakers li {
		width: 29%;
		float: left;
	}
	body {
		background-color:#272727;
	}	
	#slider_similar_speakers, #slider1next, #slider1prev {
		display: none!important;
		
	}
	#slider_similar_speakers li {
		display: block;
	}
	.sidebar-header-narrow {
		display: block;
	}
	.sidebar-header-wide {
		display: none;
	}

	.next-hidden {
		display: none;
	}
	#slider_similar_speakers {
		display: none!important;
	}
	.nav li {
		float: left;
		display: block;
				
		margin-left: 5px;
		width: 47%;
	}
	.nav li  a{
		display: block;
		border: 1px #989898 solid;
		padding:3px;
		

	}
	.nav ul {
		display: inline;
	}
	.nav li.separator {
		display: none;
	}
	#right-side {
		width: 100%;
		margin-top: 5px;
		margin-left: 0px!important;
		padding-left: 0px;
		
	}
	#page-header-graphic {
		width:65%!important;
	}
	.nav {
		width: 65%;
	}
	.nav-header-narrow {
		width: 60%;
		float:left;
	}

	.orange-sidebar {
		width: 100%;
		margin-top: 10px;
		overflow: hidden;
	}
	.container-app-buttons {
		text-align:center;
	}
	.button-app-ios {
		margin-bottom:5px;
	}
	#left-1, #left-2 {
		display: none;
	}	
	.grid-responsive div.grid-2 {
		width: 95%;
		float: none;
		clear: both;
	}

	.grid-responsive div.grid-2:nth-child(2) {
		margin-top: 20px;
	}
	.container-popup { 
		left: 1%;
		right: 1%;
		top: 1%;
		bottom: 1%;

	}
	.button-close {
		position: fixed;
	}
	.popup-youtube {
		top: 15px;

	}
		.container-search-results .row-result .col-image {
		width: 100%;
		margin-bottom: 10px;

	}
	.container-search-results .row-result .col-info {
		width: 100%;
		padding-left: 0px;
	}
	.container-search-results .page-result .col-image {
		min-height: 0px;
	}
	img {
		max-width:100%;
		height: auto;
	}

}


@media (max-width: 680px) { 
	#tab-service .container-service,
	#tab-topic .container-topic {

		width: 100%;

	}	
	.home-section h2 {
		padding-top: 0;
		margin-top: 0;
	}
	a.menu-toggle {
	
		/*margin-top: -45px;*/
	}
	.container-home-roster .section-roster {
		padding-left: 5px;
		padding-right: 5px;
	}
	.container-filter-results .container-result {
		/*width: 80%;
		margin: 0 auto;
		display: block;
		float: none;*/
		height:250px;
		padding:5px;

	}	
	.main-nav {
		/*margin-top: 64px;	*/
	}
	.container-tagline-lower {
		width: 85%;
	}	

	.container-social > div {
		float: right;
		/*
		float: none;
		margin-top: 5px;
		width:100%;
		clear: both;
		overflow:hidden;
		*/
	}	
	.icon-social {
		background-size: contain;
		height: 20px;
		width: 20px;
	}
	.btn-request-more {
		background-size: contain;
		height: 30px;
		font-size: 11px;
	}
	.container-social a {
	    /*margin-right: 9px;*/
	}	
	.container-filter-results form label,
	.container-filter-results form div.field-text  {
		width: 100%;
	}	

	.nav-container h2 {
		font-size: 80%;

	}

	.btn-request-more + a {
		clear:both;
	}
	.container-tagline h2 {
		font-size: 13px;
		margin-top: 15px;
		margin-bottom:0;
	}
	.featured-sliders.grey-bg {
		padding: 10px 0px;
	}
	.featured-sliders > div {
		width: 100%;
		float: none;
		text-align: center;
		max-width: 400px;
		margin: 10px auto!important;
		display: block;
	}
	.popup-youtube {
		left: 0;
		margin-left: 0!important;
	}	
	#main-content {
		  padding: 0px 10px;
	}	
	#main-content table {
		width: 100%!important;
	}
	.top-tagline {
		font-size: 8pt;
	}
	#social {
		width: 155px;	
	}
	#social a {
		float: left;
		margin:0px;
		margin-bottom:10px;
	}
	#social .tw {
		margin-left: 6px;
	}
	.container-speaker-photo {
		margin-top: 0px;
	}

	#speaker-functions  a {

		display: block;
		margin-bottom: 10px;
		
	}
	#left-1, #left-2 {
		display: none;
	}
	#left {
		width: 100%;
		min-height: 0px;
	}
	.nav-header-narrow {
		width:95%;
	}
	.nav {
		width: 100%;
	}
	#right-side {
		width: 100%;
		
	}
	#main-content {
		width: 100%;
	}
	#page-header-graphic {
		width:100%!important;
	}	


}
@media (max-width: 480px) {

	.btn-fee-range,
	a.request-info {
		width: 160px!important;
		float: none!important;
		margin: 0 auto!important;
		display:block!important;
	}
	.btn-fee-range {
		margin-bottom: 20px!important;
	}	
}