@media screen and ( max-width: 1200px ) {
	
	/* STACK THE FOOTER WHEN IT OVERFLOWS */
	#stauf-footer .section {
		float: none;
		width: 100%;
		margin: 0;
		margin-bottom: 15px;
	}

}


@media screen and ( max-width: 1110px ) {
	
	
	/* MOVE THE NAV DOWN WHEN THE LOGO BUMPS INTO IT */
	#stauf-top-menu {
		margin-top: 10px;
	}
	
	div.mainbody {
		margin-top: 46px;
	}

}


@media screen and ( max-width: 820px ) {
	
	/* MOBILE NAV MENU */
	#mobile-menu {
		display: block;
		cursor: pointer;
		font-family: sans-serif;
		background-color: #19458c;
		border: none;
		font-size: 1.3em;
		font-weight: bold;
		border-radius: 7px;
		padding: 10px 10px 10px 10px;
	}
	
	#stauf-top-menu.open #mobile-menu {
		background-color: grey;
	}
	
	#stauf-top-menu.open #mainmenu {
		display:block;
	}
	
	#stauf-top-menu {
		z-index: 3;
		position: relative;
	}
	
	#mainmenu {
		padding: 0;
		width: auto;
		display: none;
	}
	
	#mainmenu li {
		float: none;
	}
	
	#mainmenu li:hover {
		margin-top: 0px;
	}
	
	#mainmenu li a.mainmenu_active {
		margin-top: 0px;
	}
	
	#mainmenu li div.mainmenuLay {
		display: none;
	}
	
	#layerslider-container {
		margin-top: 0px;
	}
	
	/* SHOW A LINK INSTEAD OF A VIDEO IN THE SLIDER */
	#slide3-video {
		top: 15px !important;
		left: 15px !important;
	}
	
	#slide3-video a {
		display: block;
		font-size: 6.4em !important;
		color: #fff !important;
		text-decoration: none;
	}

	#slide3-video iframe {
		display: none;
	}
	
	/* INCREASE FONT SIZE IN HOMEPAGE SLIDER */
	#slide1-text {
		font-size: 1.2em !important;
		width: 90% !important;
	}
	
	div#staufbox {
		display: block;
		margin: 0 auto 40px auto;
	}
	
	/* AUTO-ADJUST CONTENT WIDTH*/
	div.mainbody {
		width: auto;
		margin-top: 0px;
	}
	
	.installation-videos .title{
		float: none;
		width: 100%;
	}
	
	.installation-videos object{
		float: none;
		margin: 0 auto;
	}
	
	#cols {
		float: none;
		display: table;
		margin: 0 auto;
		width: auto;
	}

}

@media screen and ( max-width: 805px ) {
	
	
	/* HIDE THE TIMELINE ON THE HISTORY PAGE */
	#timeline_container {
		display: none;
	}
	
	.preload {
		display: none;
	}
	
	#history-text {
		background-color: #FFF !important;
		border-radius: 15px !important;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		box-shadow: rgba(0, 0, 0, 0.2) 10px 10px !important;
	}
	
	#history-text {
		display: block;
	}

}

@media screen and ( max-width: 743px ) {

	/* STACK BUTTONS ON PRODUCT LISTS */
	.product-listing .product .wrapper {
		padding: 15px 15px 0px 15px;
		position: relative;
	}

	.product-listing .product .wrapper .text{
		min-height: 100px;
		margin-bottom: 115px;
	}
	
	.product-listing .product .links {
		left: 50%;
		margin-left: -93px;
	}
	
	.product-listing .product a {
		display: block;
		margin-bottom: 5px;
	}
}

@media screen and ( max-width: 710px ) {
	.qr-col {
		float: none;
		margin-right: 0;
	}
}

@media screen and ( max-width: 620px ) {
	.fancybox-title-float-wrap .child {
		width: 100%;
		margin-left: 0;
	}
	
	.fancybox-title-float-wrap .child * {
		float: none;
		width: auto;
		display: block;
		margin: 0;
		margin-bottom: 15px;
		padding: 10px;
	}
	
	.fancybox-title-float-wrap {
		top: 135% !important;
	}
	
	.fancybox-next {
		right: 0 !important;
	}
	.fancybox-prev {
		left: 0 !important;
	}
	.fancybox-nav {
		width: 40% !important;
	}

}

@media screen and ( max-width: 600px ) {

	/* STACK TABLE CELLS ON PRODUCT DETAILS */
	.product-listing .product-detail table {
		width: 100%;
	}
	
	.product-listing .product-detail td{
		display: block;
		width: 100%;
	}
}

@media screen and ( max-width: 550px ) {

	/* RESIZE VIDEOS ON INSTALLATION PAGE */
	.installation-videos object,
	.installation-videos embed{
		width: 300px;
		height: 225px;
	}
	
	/* KEEP CONTENT IMAGES FROM SQUISHING TEXT */
	#content img.right {
		float: none;
		width: 90%;
		max-width: initial;
	}
	
}

@media screen and ( max-width: 460px ) {

	/* HIDE SLIDER TEXT WHEN THE SLIDER GETS TOO SMALL */
	#layerslider #slide1-text {
		display: none !important;
	}
}

@media screen and ( max-width: 435px ) {

	#stauf-header {
		background-repeat: repeat-x;
		background-attachment: scroll;
		height: 175px;
		text-align: center;
	}

	#stauf-logo {
		margin: 0 auto;
		float: none;
	}
	
	#stauf-logo img {
		margin-top: 10px;
	}
	
	#header-left {
		float: none;
		clear: both;
		margin: 0 auto;
		width: 200px;
	}
	
	#contact-table {
		width: 100%;
	}
	
	#contact-table td {
		display: block;
	}
	
	#contact-table input,
	#contact-table select,
	#contact-table textarea {
		width: 100%;
	}
	
	#contact-table input#city {
		width: 60%;
	}
	
	#contact-table input#state {
		width: 10%;
	}
	
	#contact-table input#zip {
		width: 25%;
	}
	
}

@media screen and ( max-width: 390px ) {
	.product-listing .product-detail .icons {
		float: right;
		margin-top: 0px;
	}
}

@media screen and ( max-width: 320px ) {
	.qr-landing-page .image>img{
		float: none;
	}

.qr-landing-page .image .icons{
		float: none;
		margin-top: 0px;
	}
}