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

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

@media (max-width: 1420px) {

	#intropanel .left .inside,
	#intropanel .right .inside {
		padding: 0 30px;
	}

}

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

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

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


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

@media (max-width: 900px) {

	#bottompanel .left,
	#bottompanel .right {
		width: 100%;
		margin: 0 auto 30px;
		flex: none;
	}


	#footer .middle {
		display: block;
	}

	#footer .middle>div {
		margin: 0 auto 20px;
		display: block;
	}

	#footer .moduletable_menu ul {
		margin: 0 auto;
		padding: 5px 0;
		text-align: center;
		border-right: 0;
	}

	#footer .moduletable_menu ul li {
		margin: 10px 20px !important;
		padding: 10px !important;
	}



}

@media (max-width: 800px) {

	#intropanel .left {
		padding: 50px 0 0;
	}

	#content .products_list ul {
		display: inline-block;
		text-align: center;
	}

	#content .products_list ul li {
		width: 45%;
		vertical-align: middle;
		flex: none;
		display: inline-block;
	}

	.classics #hero img {
		width: auto;
		max-width: 100%;
		max-height: 500px;
		margin: 0 auto;
	}

	.crisp_soda #hero .herobanner ul .pin-spacer.crisp_soda,
	.black_cherry #hero .herobanner ul .pin-spacer.black_cherry,
	.ginger_ale #hero .herobanner ul .pin-spacer.ginger_ale,
	.wild_quinine #hero .herobanner ul .pin-spacer.wild_quinine {
		height: 100% !important;
		padding: 0 !important;
	}

	.classics #hero .herobanner li {
		display: block;
	}

	.classics #hero .herobanner li .left,
	.classics #hero .herobanner li .right {
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	.classics #hero .herobanner .right {
		max-height: none;
	}

	.classics #hero .wrapsection {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
	}

	.classics #hero .wrapsection,
	#hero .herobanner .desc_text {
		transform: translate(0px, 0px) !important;
	}


}

/* SETTINGS MAX-WIDTH@700 */
@media (max-width: 700px) {
	header #logo img {
		max-height: 96px;
	}

	#hero ul {
		height: 100vh;
	}

	header .moduletable_menu {
		display: none;
	}

	#hero img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
	}

	#main-nav,
	#outmenu-icon {
		display: block;
	}

	.title h1 {
		text-align: center;
	}

	#content #reveal1.visible .title h1 {
		font-size: 300%;
	}

	#intropanel .left,
	#intropanel .right {
		width: 100%;
		margin: 40px auto;
		float: none;
	}

	#bottompanel .left .btn_wrap {
		text-align: center;
	}

	#footer .moduletable_menu ul {
		text-align: center;
		display: block;
	}

	#footer .moduletable_menu ul li {
		margin: 0 auto;
		display: block;
	}

	#footer .moduletable_menu li a {
		margin: 0 auto;
		display: inline-block;
	}

	#footer .bottom {
		display: block;
	}

	#bottompanel>.inside {
		max-width: 1260px;
		padding: 20px 0 120px;
		margin: 0 auto;
		display: flex;
		text-align: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	.home #content .products_list ul a:hover img {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
	}

	#bottompanel .recipes_list a:hover .wrapimg img {
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
		transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-moz-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
	}
}


@media (max-width: 600px) {

	#footer .bottom ul {
		display: block;
	}

	#footer .bottom ul li {
		padding: 0 0 5px;
	}

	#intropanel .parallaxParent,
	#content .parallaxParent {
		height: 200vh;
		bottom: 0;
	}
	#footer {
		background: url(../images/footer-mob-ltr.jpg) no-repeat center !important;
		background-size: cover !important;
		
	}	
}

@media (max-width: 500px) {
	header #logo img {
		max-height: 90px;
	}
	.inhide	{display:none !important;
	}
	.onhide	{display:block !important;
	}
	#content>.inside {
	padding: 0;
	}
	#content .products_list {
	padding: 50px 0 !important;
	}	
	#hero ul#container1 {
		height: 935px;
	}

	#hero ul {
		height: auto;
	}

	#bottompanel .left .wrapdesc {
		padding: 0;
	}

	#content .products_list ul li {
		width: 100%;
		margin: 0 auto 20px;
	}

	#bottompanel .recipes_list ul {
		display: block;
	}

	#bottompanel .recipes_list ul li {
		width: 100%;
		margin: 0 auto 20px;
		display: block;
		flex: none;
	}

	#bottompanel>.inside {
		padding: 0 0 120px;
	}
}


@media (max-width: 400px) {

	#main-nav {
		max-width: 100%;
	}

}

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

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

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