/* Responsive */
@media (min-width: 993px) and (max-width: 1300px) {
	.container {
		padding-left: 30px !important;
		padding-right: 30px !important;	
	}
	
	.beacon-models li {
		width: 202px;
	}
	.homeicon {
		display:none;
	}
	.icon-home {
		display:inline;	
	}
}

/* Medium devices */
@media (min-width: 992px) and (max-width: 1199px) {
	.container {
		padding-left: 20px !important;
		padding-right: 20px !important;	
	}
	
	ul.button-list li br {
		display: none;	
	}
	
	.blue-section p.tagline-intro {
		font-size: 22px;	
		padding-top: 10px;
	}
	
	#home-youtube-container {	
		margin-right: 20px;
	}
	
	.beacon-models li {
		width: 210px;
	}
	
	#how-they-work {
		border-left: 0;	
	}
	
	.large-only {
		display: none !important;	
	}
	
	.med-and-below {
		display: inline !important;	
	}
	
	#description2 {
		left: 140px;
		width: 360px;
	}
	
	
	#description3 {
		left: 400px;
		width: 200px;
	}
	
	
	
	@keyframes ping {
		0% {
			width: 0px;
			height: 0px;
			top: 114.5px;
			left: 310px;
		}
		
		100% {
			width: 1000px;
			height: 1000px;
			top: -385.5px;
			left: -190px;
			
		}
	}
	
	
	
}

/* Small devices */
@media (max-width: 991px) {
	
	.search__block {}
	.search__block .form-group {
	  float: left;
	  width: 100%;
	  margin-right: -40px;
	  margin-bottom: 0;
	}
	
	.container {
		padding-left: 20px !important;
		padding-right: 20px !important;	
	}
	
	ul.button-list li br {
		display: none;	
	}
	
	ul.button-list {
		font-size: 16px;
	}
	
	ul.button-list li a {
		padding: 15px;	
	}
	
	
	.blue-section p.tagline-intro {
		font-size: 22px;	
		padding-top: 20px;
	}
	
	#home-youtube-container {	
		width: 100%;
		text-align: center;
		margin: 0 auto;
		float: none;
		background-color: #2f2f30;
	}
	
	.blue-section {
		padding-bottom: 20px !important;	
	}
	
	.blue-section p {
		padding-left: 30px;
		padding-right: 30px;	
	}
	
	.beacon-models li {
		width: 210px;
	}
	
	.home-infographic {
		width: 100%;
		padding: 0;
	}
	
	#description2 {
		left: 140px;
		width: 360px;
	}
	
	
	#description3 {
		left: 450px;
		width: 200px;
	}
	
	.home-sidebar {
		width: 100%;
		float: none;
		padding-top: 20px;
		clear: both;
	}
	
	.hoz-subsection {
		width: 100% !important;
		margin-bottom: 40px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.no-bottom-margin-on-mobile {
		margin-bottom: 0 !important;
	}
	
	.hoz-subsection ul {
		height: auto;
	}
	
	
	
	.mobile-and-screen-readers {
		position: static;
		left: 0;
		top: 0;
		width: auto;
		height: auto;
		overflow: visible;
	}
	
	.desktop-only {
		display: none !important;
	}
	
	#how-they-work {
		border-left: 0;	
		margin: 0;
	}
	
	#how-they-work li {
		margin-bottom: 0;	
	}
	
	.how-they-work-description {
		width: 100%;
		margin-left: -140px;
		padding-left: 140px;
	}
	
	.how-they-work-graphic {
		margin: 0;	
		float: left;
		width: 140px;
		text-align: left;
	}
	
	
	.deployment-graphic {
		width: 50%;
		text-align: center;
		float: left;
		padding: 0 30px;	
	}
	
	.deployment-graphic img {
		max-width: 100%;	
	}
	
	.large-only {
		display: none !important;	
	}
	
	.med-and-below {
		display: inline !important;	
	}
	
	#search-box {
		width: 150px;
	}
	
	#amsa-logo {
		padding:10px 0 10px 0;
		max-height:70px;
		width:80%;
	}
	
	#footer .footer-menu {
		width: 200px;	
	}
	
	#socialmedia {
		width: 400px;
		clear: both;
		float: right;
	}
	
	#socialmedia ul {
		width: 100%;
	}
	
	#socialmedia ul li {
		display: inline-block;
		width: auto;
	}
	
	#socialmedia h3 {
		display: none;	
	}
	
	.social-link {
		width: auto;	
		margin-right: 20px;
	}
	
	#footer.container {
		padding-bottom: 10px;	
	}
	
	.home .tagline {
		margin-top: 20px;	
	}
	
	.homeicon {
		display:none;
	}
	.icon-home {
		display:inline;	
	}
	
	@keyframes ping {
		0% {
			width: 0px;
			height: 0px;
			top: 123.5px;
			left: 335px;
		}
		
		100% {
			width: 1000px;
			height: 1000px;
			top: -376.5px;
			left: -165px;
			
		}
	}
	

	
}



/* Extra small devices */
@media (max-width: 767px) {
	
	.hoz-subsections {
		height:auto;
	}
	.hoz-subsections-beacon-info {
		height: auto;
	}
	.outer-white-container {
	 	padding:0 20px 10px 20px;	
	}
	#header-top {
		height:auto;	
	}
	.scroll-to-top {
		opacity: 0.7;
	}
	
	.infographic-canvas {
		display: none;
	}
	
	.mobile-only {
		display: inline !important;
	}
	
	.container {
		padding-left: 0px !important;
		padding-right: 0px !important;	
	}
	
	.home #main-outer {
		padding-top: 0;	
	}
	
	#main-inner h1, #header-inner h1, #breadcrumbs, #footer {
		margin-left: 20px;	
		margin-right: 20px;
	}
	
	#nav ul li a {
		padding-left: 20px;	
	}
	#nav ul {
		background-color:#111335;	
	}
	.homeicon {
		display:inline;
	}
	.icon-home {
		display:none;	
	}
	#main-outer-lines {
		background-image: none;
	}
	
	.scroll-to-top {
		padding: 5px;	
	}
	
	.scroll-to-top img {
		width: 20px;
		height: 20px;	
		margin-top: 10px;
	}
	
	#nav.container ul {
		display: none;	
/*		border-top: 5px solid #3f3f40;*/
	}
	
	#nav.container ul ul {
		border-top: 0;	
	}
	
	.table-of-contents, .section, .blue-section {
		margin-bottom: 0;	
		margin-top: 0;
	}
	
	#nav ul li {
		display: block;
	}
	
	#nav ul li a {
		border-right: 0;
		display: block;	
		padding-left: 20px;
	}
	
	#nav ul ul {
		display: block;
		position: relative;	
	}
	
	#nav ul li {
		border-top: 1px solid #3f3f40;	
	}
	
	#nav.container {
		border-bottom: 1px solid #3f3f40;	
		position:absolute;
		top:0;
		right:0;
		width:100%;
	}

	#nav ul ul li a {
		width: 100%;	
		font-size: 15px;
		padding-left: 40px;
	}
	
	#navcontainer {
		margin-left: 0;	
		margin-right: 0;
	}
	
	ul.button-list li br {
		display: none;	
	}
	
	ul.button-list {
		font-size: 17px;
	}
	
	ul.button-list li {
		width: 50%;	
	}
	
	ul.button-list li a {
		padding: 15px;	
	}
	
	
	.blue-section p.tagline-intro {
		font-size: 22px;	
		padding-top: 30px;
	}
	
	#home-youtube-container {	
		width: 100%;
		text-align: center;
		margin: 0 auto;
		float: none;
		background-color: #2f2f30;
	}
	
	.blue-section {
		padding-bottom: 40px !important;	
	}
	
	.blue-section p {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.news-box {
		width: 100%;	
		margin-top: 10px;
	}
	
	#news-section-divider {
		display: none;	
	}
	
	#amsa-logo {
		height:78px;
		float:left;
	}
	#amsa-logo img {
		max-height:60px;	
	}
	
	#beacons-logo {
		padding-left: 20px;	
	}
	
	.beacon-models li {
		width: 32%;
		max-width: 220px;
		height: 150px;
		margin: 0 auto 10px;
		display: inline-block;
	}
	
	.beacon-models li a {
		font-size: 15px;
		font-weight: bold;	
	}
	
	#footer .footer-menu {
		display: none;
	}
	
	#footer ul {
		width: 100%;
		padding-left: 0;	
		margin: 0;
	}
	
	#footer ul li {
		font-size: 14px;	
	}
	
	#footer ul li a {
		width: 100%;	
		padding: 5px 10px;
	}
	
	#footer-logos {
		display: none;	
	}
	
	.leftnav-toggle {
		display: block;
		background-color:transparent;
		color:#111335;
		height:80px;
		padding:20px;
	}
	
	#breadcrumbs-outer {
		display: none;	
	}
	
	#nav ul li:first-child a {
		margin-left: 0;	
	}
	
	#carriage-reqs dt {
		width: 100%;
	}
	
	#carriage-reqs dd {
		width: 100%;
		margin-bottom: 10px;
	}
	
	.desktop-and-medium-only {
		display: none !important;	
	}
	
	#home-infographic-small {
		float: right;
		max-width: 40%;
		padding-left: 30px;	
	}
	
	.large-only {
		display: inline !important;	
	}
	
	.med-and-below {
		display: none !important;	
	}
	
	#search-container {
		bottom: 20px;
		right: 20px;	
	}
	
	#search-box {
		width: 200px;
	}
	
	#contact-box {
		display: none;	
	}
	
	#socialmedia {
		width: 100%;
		padding: 0 10px;
		text-align:center;
	}
	
	#footer {
		background-color: #3378bd;
		margin-left: 0;
		margin-right: 0;
		padding: 10px;
	}
	
	.social-link {
		margin-right: 10px;	
	}
	
	.home #footer {
		margin-top: 40px;	
	}
	
	
}



/* Smaller than extra small devices */
@media (max-width: 520px) {
	ul.button-list {
		font-size: 20px;
	}
	
	ul.button-list li {
		width: 100%;	
	}
	
	.leftnav-toggle {
		display: block;
		background-color:none;
		color:#111335;
	}
	
	.how-they-work-description {
		width: 100%;
		margin-right: -120px;
		padding-right: 120px;
		margin-left: 0;
		padding-left: 0;
	}
	
	.how-they-work-graphic {
		margin: 0;	
		float: right;
		width: 120px;
	}
	
	.deployment-graphic {
		width: 100%;
		text-align: center;
		float: left;
		padding: 0 30px;	
	}
	
	.deployment-graphic img {
		max-width: 100%;	
	}
	
	#home-infographic-small {
		float: right;
		max-width: 65%;
		padding-left: 10px;	
	}
	
	#search-container {
		position: relative;
		width: 100%;	
		padding-right: 20px;
		padding-left: 20px;
		left: 0;
		top: 0;
		right: 0;
	}
	
	#search-box {
		width: 100%;
		margin-right: -50px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	#submit-icon {
		float: right;	
		margin-top: 10px;
	}
	
	#beacons-logo {
		width: 100%;
		text-align: center;	
	}
	
	.beacon-models li {
		width: 48%;
	}
}

/* Even smaller */
@media (max-width: 400px) {
	.beacon-models li {
		width: 100%;
	}
}


/* Devices with super small heights */
@media (max-height: 450px) {
	.scroll-to-top {
		opacity: 0.9;
		width: 100%;
		position: fixed;
		bottom: 0;
		right: 0;
		text-align: left;
		z-index: 999;
		padding: 1px 20px;
		height: 40px;
		border-radius: 0;
		background-color: #2F2F30;
	}
	.scroll-to-top span {
		padding-top: 10px;
		padding-left: 30px;
		display: block;
	}
	.scroll-to-top img {
		float: left;	
	}
	body {
		margin-bottom: 40px;	
	}
	
	.scroll-to-top:hover {
		background-color: #1c3d5d;
	}
}