/* --- 1280px --------------------------------------------- */
@media only screen and (max-width: 1279px) and (min-height: 340px) {
	h2, .h2 { font-size: 32px;}
}

/* -- iPad --------------------------------------------- */
@media only screen and (max-width: 1025px) and (min-height: 340px) {

}

/* --- 980px --------------------------------------------- */
@media only screen and (max-width: 979px) {
	h2, .h2 { font-size: 25px;}
	
	#promo_text h1,
	#category_banner .h1 {
			font-size: 50px;
	}
	
	#start_categories .catbox .title,
	#category_subcats .catbox .title {
		top: 25px;
		left: 25px;
		width: calc(100% - 25px);
		hyphens: auto;
	}
	
	#prefooter .text { font-size: 25px; }
}

/* --- widescreen laptop? --------------------------------------------- */
@media only screen and (max-height: 660px) and (orientation: landscape) {
	
}

/* --- 768px --------------------------------------------- */
@media only screen and (max-width: 767px) {
	
	#start_categories .catbox { width: 50% !important; }
	#category_subcats .catbox { width: 50% !important; }
	
	#mainnav { padding: 5px 0px; }
	#mainnav .navbar-nav { margin: 0px; width: 100%;}
	#mainnav .navbar-nav > li,
	.navbar-nav > li > .dropdown-menu li	{ display: block; width: 100%; padding: 8px 0px; text-align: center; }
	#mainnav .navbar-collapse.navbar-ex1-collapse.collapse.in ul li li { border: 0px; }
	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: inherit; }
	#mainnav .nav > li:after { display: none; }
}



/* --- 580px --------------------------------------------- */
@media only screen and (max-width: 584px) {	
	h2, .h2 { font-size: 20px;}
	
	#promo_text h1,
	#category_banner .h1 {
			font-size: 30px;
	}
	#promo_text p { display: none; }
	
	#contact_slidein { display: none; }
	
	#header { padding: 0px; }
	#header .menu-dropdowns { float: none !important; text-align: center;}
	#logo_col a { text-align: center; margin: auto; padding-top: 10px; }
	#header .menus-col .menu-dropdowns > .btn-group > .btn { font-size: 12px;}
	
	#prefooter { padding: 40px 0px; }
	#prefooter .text { margin: 0px; }
	#prefooter .button { float: none; margin: 0px auto 25px auto; }
}

/* --- 480px --------------------------------------------- */
@media only screen and (max-width: 479px) and (orientation: portrait) {
	#start_categories .catbox { width: 100% !important; padding-bottom: 50vw; }
	#category_subcats .catbox { width: 100% !important; padding-bottom: 50vw; }
	
	#footer .row { display: block; }
	#footer .right,
	#footer .left {
		text-align: center;
		border: 0px;
	}
}


/* --- 380px --------------------------------------------- */
@media only screen and (max-width: 380px) and (orientation: portrait) {

}

/* mobile LANDSCAPE ---------------------------------------------*/
@media only screen and (max-height: 320px) and (orientation: landscape) {

}