
.mobile {display:block !important;}

#home-boxes h1.title {font-size:22px}
h1 .white-arrow, h1 .black-arrow {padding-right:35px;}
.orange-arrow:after, .white-arrow:after, .black-arrow:after, 
h1 .white-arrow:after, h1 .black-arrow:after {width:20px; height:20px;}
h1 .white-arrow:after, h1 .black-arrow:after {top:3px;}

#header_image {overflow:hidden;}
#header_image img {width:200%; margin-left:-50%;}

.home-video-content {padding:50px 0 50px; width:90%; margin:0 auto;}
.home-video-content .literature-link-table {position:relative; bottom:auto; right:auto; margin:0 auto;}
#home-video h1 {font-size:50px;}
#home-video p br {display:none;}
#home-middle, #home-events {padding:50px 0 50px;}
#home-events li {width:40%;}
#home-koch-logos .the-content {width:90%;}

.top-content {width:100%;}

#table_rep_search * {width:auto !important;}
#table_rep_results th {display:none;}
#table_rep_results td {display:block; width:100%; margin:0;}

#content {padding-top:0; overflow: hidden;}
#sidebar, #the-content {width:100%; float:none;}
.page-template-page-subnav #content #the-content {float:none; width:100%;}
#sidebar > * {display:none;}
#subnav {margin-top:30px;}

#open-subnav {width:calc(100% - 33px); cursor:pointer; padding:7px 15px; border:solid thin #0297DB; border-radius:10px;}
#open-subnav > * {float:left}
#open-subnav span {margin:8px 0 0 20px;}

#the-content {padding-top:30px; overflow:hidden;}

#product-top-content {padding:40px 40px;}
#product-bottom-inner {width:auto; padding:0 40px;}

#footer .search {float:none; margin-top:30px;}
#footer-top {margin-bottom:0; border-bottom:none;}

@media (max-width:600px) {
	#hamburger {margin-top:10px;}
	#contact-button {margin-top:10px; width:80px; float:right; background-image:none;}
	#hamburger {float:none; margin:0 0 5px 38px;}
	#top-right {margin-top:15px;}
	
	.ps-repeat.last {width:100%; float:none; margin:0 !important;}
	
	#page-title.image .section {padding:50px 0;}
	
	#home-koch-logos .the-logos {width:90%; margin:0 auto;}
	
	#the-content table.courses th {display:none;} 
	#the-content table.courses td:nth-child(2) {border:none;}
	#the-content table.courses td {display:block; width:100% !important; padding:0;}
}

@media (max-width:500px) {
	#logo {width:200px;}
	#logo img {
		width:100%; 
		image-rendering: -moz-crisp-edges;
    	image-rendering: -o-crisp-edges;
    	image-rendering: -webkit-optimize-contrast;
	}
	
}

#map-sorting h2 {font-size:18px;}
#map-sorting {padding-bottom:10px;}
#map-sorting select {margin:0 0 20px !important; width:100%;}
#map-sorting select:nth-child(2) {
    margin: auto;
}
#map-wrap {height:auto;}
#mapbox, #map-wrap #keys {width:100%; float:none;}
#mapbox, #map-mask {height:500px}
#map-wrap #keys {padding-bottom:40px; overflow-y: auto;}

#the-companies ul {border-left: 1px solid #ccc;}
#the-companies li {width:calc(33% - 21px)}
#the-companies li:nth-child(even) {border-right: 1px solid #ccc;}
#the-companies li:nth-child(odd) {padding-left:10px;}

#map-detail {width:90%; top:20px; left:20px; transform: translateY(0); z-index: 1000001;}
#map-detail .company_title {font-size:18px;}
#map-detail .inset p {font-size:16px;}

@media (max-width:500px) {
	#mapbox, #map-mask {height:400px}
}
@media (max-width:401px) {
	#the-companies li {width:calc(50% - 21px)}
}


/* 2020 additions 
   --------------------------------------- */

@media (max-width:600px) {
	#top {height:auto; background-size:cover; position:relative; }
	#logo {padding-bottom:25px;}
	
	body.page-id-15563 #top, 
	body.page-id-15549 #top,
	body.page-id-15567 #top,
	body.page-id-15556 #top {padding-bottom:50px;}
	
	body.page-id-15563 .header-social, 
	body.page-id-15549 .header-social,
	body.page-id-15567 .header-social,
	body.page-id-15556 .header-social {display:block; position:absolute; right:0; bottom:-66px; width:200px;}
	
	body.page-id-15563 .footer-social ul,
	body.page-id-15549 .footer-social ul,
	body.page-id-15567 .footer-social ul,
	body.page-id-15556 .footer-social ul {text-align:right;}
	
	.product-boxes .product-box-inner {padding-bottom:0;}
	.product-box-inner {padding-top:0px;}
}

body.page-template-template-turnkey .top-content {width:100%;}




