/*
Styles for responsive layouts
*/



/* !1200 AND UNDER*/
@media only screen and (max-width : 1200px) {

	.media-size:after {
		content: "max-width: 1200px";
	}

	/*.story .right, */.products .clear4 {
		display:none;
	}

}



/* !992px AND UNDER*/
@media only screen and (max-width : 992px) {

	.media-size:after {
		content: "max-width: 992px";
	}

	.nav .menu li a {
	    font-size:12px;
	}

	/*.nav .menu > li > ul {
	    top:35px;
	}*/

	.home-box:last-of-type {
		width:100%;
	}

	.footer-logo, .products .clear3 {
		display:none;
	}

	.single-product-content form input[type="submit"] {
		margin-top:15px;
	}

}



/* !710 AND UNDER */
@media only screen and (max-width :710px) {

	.media-size:after {
		content: "max-width: 710px";
	}

	.container {
		width:460px;
	}

	.header .right .menu {
		margin-bottom:15px;
	}

	.right .menu li {
	    margin-left:15px;
	}

	.header-widget {
		width:52%;
		margin-top:15px;
	}

	.header .widget p {
		font-size:30px;
	    line-height:30px;
	}

	.nav-mobile, .mobtitle {
		display:block;
		z-index:99;
	}

	.nav .menu-main-menu-container {
		padding-top:50px;
		position:relative;
		background-color:#00218c;
	}

	.nav .menu-main-menu-container h5 {
		color:#fff;
		font-size:18px;
		font-weight:300;
		position:absolute;
		left:12%;
		top:15px;
	}

	.nav .menu  {
		width:100%;
		background-color:#ddd;
		position:relative;
		z-index:99999;
		display:none;
		margin:0;
	}

	.nav .menu > li {
		width:100%;
		float:none;
		padding:0;
		margin:0;
		*display:inline;
		zoom:1;
		position:relative;
		border-bottom:1px dotted #fff;
	}

	.nav .menu ul.sub-menu, .nav .menu li a:hover ul.sub-menu, .billboard-container, .home-news-container, .footer, h2.similar, .related-products, .news-stories li .right {
		display:none;
	}

	.nav .menu > li:hover > a, .nav .menu > li > a:hover, .nav .menu > li.current-menu-item > a, .nav .menu > li.current-page-parent > a {
	    border-bottom:none;
	}

	.nav .menu li a {
		font-size:15px;
	    padding:15px 15px;
	    display:block;
	}

	.nav .menu li ul li a {
	    padding:15px 25px;
	    background-color:#fff;
	}

	.nav .menu li ul.sub-menu {
		position:static;
		min-width:100%;
		width:100%;
	}

	.nav-click {
		display:block;
	}

	.home-cta ul li {
		margin-bottom:10px;
	}

	.bottom {
		border-top:2px dotted #ddd;
		margin-top:20px;
		padding-top:20px;
	}

	.content ul.news-stories, .news-stories li .left {
		padding:0;
	}

	.banner .inner-container {
		min-height:10px;
		padding:15px 0;
	}

	.banner h1 {
		font-size:25px;
	    position:static;
	    transform:none;
	}
	
}


/* !480 AND UNDER */
@media only screen and (max-width : 480px) {

	.media-size:after {
		content: "max-width 480px";
	}

	.container {
		width:330px;
		padding-left:0;
		padding-right:0;
	}

	.header .right, .right .menu {
	    float:none;
	    text-align:center;
	}

	.right .menu li a {
	    font-size:11px;
	}

	.header .logo {
		width:180px;
	    float:none;
	    display:block;
	    margin:0 auto;
	}

	.header-widget {
		margin-top:25px;
	}

	.header-widget, .header .widget {
		width:100%;
		text-align:center;
	    float:none;
	}

	.header .widget p {
	    font-size:40px;
	    line-height:40px;
	}

	.header form {
		float:none;
	}

	.nav .menu-main-menu-container h5 {
	    left:18%;
	}

	.page-id-205 .inner-container > div {
	    padding:0;
	}
	
}


/* !350 AND UNDER */
@media only screen and (max-width : 350px) {

	.media-size:after {
		content: "max-width 350px";
	}

	.container {
		width:290px;
	}

}