/* ------------------------------  1279 - 0000  ------------------------------ */

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

	/* The Bean Fights Back */
	
	.thebeanwarrior {
		width: 100px;
		
		left: -135px;
		top: -105px;
	}
	
	.redeyedjoe {
		width: 150px;
		
		right: -164px;
		top: -257px;
	}
	

}




/* ------------------------------  1023 - 0000  ------------------------------ */

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

	/* HEADER */
	
	#logo {
		margin-top: -68px;
	}

	#logo a {
		width: 310px;
	}
	
	.beansteam {
		width: 620px;
	}
	
	#nav {
		width: 100%;
		
		top: auto;
		bottom: 30px;
		left: 0;
	}
	
	/* BASE STYLES */
	
	.container {
		width: 95%;
	}
	
	
	/* HEADER */
	
	#nav {
		width: 90%;
		left: 5%;
	}
	
	
	/* CONTENT - HOMEPAGE */
	
	.whatwe h2 { font-size: 38px;}
	.whatwe p { font-size: 28px;}
	
	
	
	/* FOOTER */
	
	.loco { display: block;}
	.loco span.dot.mob { display: inline-block;}
	
	
	/* The Bean Fights Back */
	
	.tbw-rej {
		margin: 0 auto 30px;
		max-width: 250px;
		overflow: hidden;
	}
	
	.thebeanwarrior {
		position: static;
		float: left;
		margin-top: 155px;
	}
	
	.redeyedjoe {
		position: static;
		float: right;
	}
	
}



/* ------------------------------  959 - 000  ------------------------------ */

@media only screen and (max-width: 959px) {
	
	/* HEADER */
	
	/*#logo {
		margin-top: -68px;
	}

	#logo a {
		width: 310px;
	}
	
	.beansteam {
		width: 620px;
	}
	
	#nav {
		width: 100%;
		
		top: auto;
		bottom: 30px;
		left: 0;
	}*/
	
	/* CONTENT - HOMEPAGE */
	
	.whatwe .left,
	.whatwe .right {
		float: none;
		width: 500px;
		max-width: 90%;
		margin: 0 auto;
	}
	
	.whatwe .left { padding: 50px 0 25px;}
	.whatwe .right { padding: 25px 0 40px;}
	
	.sugarjarcon {
		position: static;
		width: 304px;
		margin: 0 auto;
	}
	
	.sugarjar {
		height: 105px;
	}
	
	.thesugars {
		height: 110px;
	}
	
	.twitter.spoonee { display: none;}
	.twitter.cubee { display: block;}
	
	
	/* FOOTER */
	
	.instabox { width: calc(14.28% - 22px);}
	.instabox7 { display: none;}
	
	.copyrights { text-align: center;}
	
	.copyrights .one,
	.copyrights .two {
		float: none;
		line-height: 1.5;
	}
	
	.copyrights .one { margin-bottom: 3px;}
	
	.misfit-inc {
		background: url("images/misfit-inc.png") no-repeat scroll 0 0 transparent !important;
		display: inline-block;
		float: none;
		
		width: 102px;
		height: 26px;
		margin: 0 0 -11px 7px;
	}
	
	.misfit-inc:hover { background-position: 0 0 !important;}
	
	
	/* the bean fights back */
	
	.page-template-template-tbfb #nav {
		bottom: 110px;
	}
	
	
}


/* ------------------------------  940 - 000  ------------------------------ */

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

	/* HEADER */
	
	.beansteam { display: none;}
	
	#logo {
		margin-top: 0;
		padding: 0 0 100px;
	}
	
	#logo a {
		width: 45%;
	}


	/* .menubox */
	
	.menubox {
		width: auto;
		margin-left: 0;
	}
	
	.menubox.left,
	.menubox.right {
		float: none;
	}

}


/* ------------------------------  767 - 000  ------------------------------ */

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

	/* HEADER */
	
	/*.beansteam { display: none;}
	
	#logo {
		margin-top: 0;
		padding: 0 0 100px;
	}
	
	#logo a {
		width: 45%;
	}*/
	
	/* FOOTER */
	
	.instabox { width: calc(16.66% - 22px);}
	.instabox6 { display: none;}
	
	
	/* .menubox */
	
	/*.menubox {
		width: auto;
		margin-left: 0;
	}
	
	.menubox.left,
	.menubox.right {
		float: none;
	}*/
	
	
	/* BAKERY PAGE */
	
	.cupcakefull, .cupcakehalf { margin-bottom: 0;}
	
	.cupcakefull, .muffinfull,
	.muffinhalf .one, .muffinhalf .two { height: 280px; margin-bottom: 2px;}
	
	.muffinhalf, .muffinfull { width: 100%;}
	.cupcakehalf.left .muffinhalf, .cupcakehalf.left .muffinfull { float: none;}
	
	
	/* ABOUT PAGE */
	
	.abtleft,
	.abtright {
		float: none;
		width: auto;
	}
	
	
	/* CONTACT PAGE */
	
	.conleft,
	.conright {
		float: none;
		width: auto;
	}
}


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

	/* HEADER */
	
	#logo {
		margin-top: 0;
		padding: 0 0 15px;
	}
	
	/*#logo a {
		width: 70%;
	}*/
	
	#nav {
		position: static;
		width: auto;
	}
	
	.nav-lsm,
	.nav-rsm {
		float: none;
		text-align: center;
	}
	.nav-lsm { margin-bottom: 10px;}
	
	#nav li {
		float: none;
		display: inline-block;
		
		min-width: 0;
	}
	
	#nav li a {
		padding: 0;
	}
	#nav li.current-menu-item a { font-weight: bold;}
	
}


/* ------------------------------  599 - 000  ------------------------------ */

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

	/* HEADER */
	
	/*#logo {
		margin-top: 0;
		padding: 0 0 15px;
	}*/
	
	#logo a {
		width: 70%;
	}
	
	/*#nav {
		position: static;
		width: auto;
	}
	
	.nav-lsm,
	.nav-rsm {
		float: none;
		text-align: center;
	}
	.nav-lsm { margin-bottom: 10px;}
	
	#nav li {
		float: none;
		display: inline-block;
		
		min-width: 0;
	}
	
	#nav li a {
		padding: 0;
	}
	#nav li.current-menu-item a { font-weight: bold;}*/


	/* FOOTER */
	
	.instabox { width: calc(20% - 22px);}
	.instabox5 { display: none;}
	
	
	/* the bean fights back */
	
	#main.tbfb .post.clearfix p {
		font-size: 21px;
		line-height: 28px;
	}
	
	
	/* CONTACT PAGE */
	
	.wpf-fifty { width: auto;}
	
	.wpf-left,
	.wpf-right { float: none;}
}



/* ------------------------------  599 - 000  ------------------------------ */

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

	/* FOOTER */
	
	.instabox { width: calc(25% - 22px);}
	.instabox4 { display: none;}

}



/* ------------------------------  479 - 000  ------------------------------ */

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

	/* HEADER */
	
	/*#logo {
		margin-top: 0;
		padding: 0 0 15px;
	}
	
	#logo a {
		width: 70%;
	}
	
	#nav {
		position: static;
	}
	
	.nav-lsm,
	.nav-rsm {
		float: none;
		text-align: center;
	}
	.nav-lsm { margin-bottom: 10px;}
	
	#nav li {
		float: none;
		display: inline-block;
		
		min-width: 0;
	}
	
	#nav li a {
		padding: 0;
	}
	#nav li.current-menu-item a { font-weight: bold;}
	*/
	
	/* CONTENT - HOMEPAGE */
	
	.whatwe .left,
	.whatwe .right {
		max-width: 95%;
	}
	
	.whatwe h2 {
		font-size: 32px;
	}
	
	.whatwe p {
		font-size: 26px;
	}
	
	.sugarjarcon {
		width: 260px;
	}
	
	.sugarjar {
		width: 260px;
		height: 70px;
	}
	
	
	/* FOOTER */
	
	#coffeewarning { display: none;}
	
	.instabean {
		margin-left: 0;
		padding: 5px 0;
	}
	
	.instabox {
		width: calc(50% - 22px);
		margin: 5px 5px;
	}
	
	
	/* the bean fights back */
	
	.page-template-template-tbfb #nav {
		margin-bottom: 25px;
	}
	
	.thebeanfights {
		margin-bottom: 10px;
	}
	
	.form-input { margin-right: 0;}
	
	.mc-field-group input {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	
	.mc-field-submit {
		position: static;
	}

}