@media only screen and (max-width: 414px) {
	.home .box:first-of-type {
		height: 180px;
	}

	.home .box:first-of-type img {
    width: auto;
    height: 187px;
	}

	.site-title img {
		width: 90% !important;
    margin: inherit;
    display: inline-block !important;
	}

	.home div#primary {
	    margin-top: 0px;
	}

	.home .box h2 {
		text-shadow: 0 0 40px #000, 0 0 10px rgba(0, 0, 0, 0.43), 0 0 5px #000;
	}
}





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

.crp_related ul li {
	width:43%;
}

#site-navigation {
	display: none;
}

#mobile-nav-shad {
	display: none;
}

body.nav-active #mobile-nav-shad {
	display: block;
}

.home div#primary {
    margin-top: 0px;
}

form#site-search {
	display: none;
	top: 96px;
	width: calc( 100% - 40px );
	position: fixed;
	background: #e1e1e1;
	padding: 10px 20px;
}

.search-magnifier {
	width: 52px;
	height: 52px;
}

#site-search input[type="text"] {
	font-size: 18px;
}

#site-search.active {
	display: block;
}

	.social {
		display: none;
	}

	.nudged-content-container {
		width: 78%;
	}

	.single #secondary #wpp-2, .single #secondary .resources-section {
		display: none;
	}

	#secondary {
		width: 80%;
		margin:0 auto;
		float: none;
	}

	.site-content {
		float:none;
		width: 90%;
		margin: 0 auto;
	}

	.single article .entry-header {
		width: 112%;
		margin-left:-20px !important;
	}

	.entry-meta-date {
		margin: 20px 0 0 0;
		width: 100%;
		color: #888 !important;
		font-family: OpenSans Semibold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 12px;
		display: inline-block;
	}

	.entry-meta-date span.date {
		color: #888 !important;
		font-family: OpenSans Semibold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 12px;
		display: inline-block;
	}

	.entry-meta-date span.month {
		color: #888 !important;
		font-family: OpenSans Semibold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 12px;
		display: inline-block;
	}

	.entry-meta-date span.year {
		color: #888 !important;
		font-family: OpenSans Semibold;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		font-size: 12px;
		display: inline-block;
		box-shadow: none;
	}

	.tagline {
		display: none;
	}

	#header-container .site-title img {
		width: 70%;
    margin: 0 auto;
    display: block;
  }

	#mobile-nav-toggle div {
		background: #00467f;
		box-shadow: 0 10px 0 #00467F, 0 20px 0 #00467F;
	}

	#mobile-nav-toggle {
		display: inline-block;
		width: 70px;
		vertical-align: middle;
	}

	.upper-header-stripe {
		display: none;
	}

	.site-header {
		padding: 5px 0;
		position: fixed;
		z-index: 1000;
		height: 48px;
		width: 100%;
	}

	#header-container {
		height: 96px;
	}

	.bx-wrapper img {
		width: 120%;
	}

	#home-rotator li {
		margin-top: 0px;
	}

	a.site-title {
		width: 170px;
		margin: 2px 0 30px 10px;
		display: inline-block;
		vertical-align: top;
	}

	#mobile-bar {
		display: block;
		top: 58px;
	}

	.header-center {
		top:0;
		left:0;
		display: inline-block;
	}

	.home-rotator-slide-content-width {
		background: rgba(0, 0, 0, 0.37);
		max-width: 100%;
		height: 200px;
	}

	.home-rotator-title {
		font-size: 26px;
		line-height: 30px;
		letter-spacing: 0.02em;
		text-align: center;
		padding: 46px 16px 0 26px;
	}

	a.home-rotator-button {
	/* 	margin: 15px auto 20px auto;
		padding: 8px 12px;
		display: block;
		background: rgb(49, 77, 99);
		color: #fff; */
	}

	.home .box:first-of-type {
		width: 50%;
		height: 184px;
		margin: 0 !important;
		display: inline-block;
		overflow: hidden;
	}

	.home .box:first-of-type img {
	}

	.custom-sidebar .image-section a {
		display: block;
	}

	.home .box:first-of-type h2 {
	    width: 45%;
	    padding-left: 15px;
	    padding-top: 40px;
			font-size: 16px;
			margin-left: 0;
			margin-right: 0;
	}

	.home .box {
		width: 50%;
		height: 92px;
		margin:0 !important;
		overflow: hidden;
		float:left;
	}

	.box img {
    width: 100%;
		float:left;
	}

	.home .box p {
		display: none;
	}

	.home .box h2 {
		position: absolute;
		font-size: 14px;
		color: #fff;
		width: 30%;
		margin-left: 37px;
		margin-top: 20px;
		z-index: 2;
	}

	.box a.readmore {
		display: none;
	}

	div#rotator-container {
    margin-bottom: -24px;
	}

	.home-rotator-slide-content {
		margin: 0 -100px 0 -4px;
		display: none;
	}

	.home .hero-boxes {
    margin-bottom: 270px;
    display: block;
		margin-top: 24px;
	}

	.sidebar {
		width: 90%;
		margin: 0 auto;
		display: block;
	}

	.blog-roll-post {
		width: 90%;
		padding: 0 5%;
	}

	.blog-roll {
		width: 100%;
		margin-right: 0;
	}

	.blog-roll-post-inner .featured-image {
		max-height: 280px;
		height: inherit;
	}

	.cropped-featured-image {
		max-height: 280px;
		height: inherit;
	}

	.author-meta {
		font-size: 10px !important;
	}

	.author-meta span {
		width: 12px;
    height: 12px;
    background-size: 80%;
    position: relative;
    top: 4px;
	}

	.blog-roll-post-inner .read-more {
    display: block;
    width: 92%;
    text-align: center;
    margin-bottom: -10px;
	}

	.blog-roll-post h3 a {
		font-size: 21px;
	}

	.mobile-latest-posts-title {
    display: block;
    text-align: center;
    width: 90%;
    text-transform: uppercase;
    font-family: OpenSans Semibold;
    font-weight: normal !important;
    color: #888;
    letter-spacing: 0.19em;
    font-size: 12px;
	  margin: -38px auto 14px auto;
	}

	.mobile-latest-posts-title::before {
		content: '';
		background: #aaa;
    width: 100%;
    height: 2px;
    display: inline-block;
	}

	.mobile-latest-posts-title span {
    background: #fff;
    padding: 0 15px;
    position: relative;
    top: -9px;
	}

	.blog-roll-post-inner div {
		font-size: 13px;
	}

	.wp-pagenavi {
		margin-top: -10px;
		font-size: 11px;
		margin-bottom: 50px;
		width: 100%;
	}

	.wp-pagenavi a, .wp-pagenavi span {
		padding: 3px;
	}

	.widget-area .widget {
		margin: 0 0 40px 0 !important;
	}

	.single .entry-header {
    margin-top: -40px;
		max-height: 260px;
		overflow: hidden;
	}

	.single #primary article h1.entry-title {
		font-size: 24px;
	}

	.single .nudged-content-container {
		width: 100%;
	}

	.single .entry-content p {
		font-size: 13px;
	}

	#mobile-nav ul.sub-menu {
		display: none;
	}

	footer .social {
		display: block;
		float: none;
		text-align: center;
		margin: -10px 0 10px;
	}

	#footer-container {
		width: 100%;
		height: auto;
	}

	footer[role="contentinfo"] {
		font-size: 12px;
		line-height: 2;
		width: 80%;
		margin: 0 auto;
		padding: 300px 5% 40px 5%;
		min-height: 20px;
	}

	body .site {
		padding-bottom: 30px;
	}

	.single article header.entry-header {
		margin: -10px -32px 0 -32px !important;
		position: relative;
	}

	.footer-logo {
		float: none;
		text-align: center;
		margin: 0 auto;
		display: block;
	}

	#footer-container .menu {
		position: absolute;
		top: 10px;
		text-align: center;
		line-height: 35px;
		padding: 5px 0;
	}

	ul#menu-footer-menu li {
    min-width: 80%;
    text-align: center;
}

	#site-copyright {
		color: #AAA;
    position: inherit;
    font-size: 11px;
    top: 20px;
    font-family: OpenSans;
    margin: 0 auto;
    text-align: Center;
    display: block;
    right: 0;
	}

	.search #secondary, .archive #secondary {
    margin-top: 38px;
    float: none;
    width: 80%;
    margin: 50px auto;
	}

	.archive-header, .page-header {
		margin-bottom:48px;
		padding-bottom:12px;
		text-align: center;
	}

	.bx-wrapper .bx-pager.bx-default-pager a {
		top: 11px;
    position: relative;
	}

	.mobile-coupon {
		display: inline-block;
		width: 113px;
	text-align: left;
	margin-top: 10px;
	margin-left: 35px;
	font-size: 13px;
	color:#235f90;
	}

	.mobile-coupon img {
    width: 80%;
}

.home .box h2 {
	text-shadow: 0 0 40px #000, 0 0 10px rgba(0, 0, 0, 0.43), 0 0 5px #000;
}

}

@media only screen and (max-width: 379px) {
	.crp_related ul li {
		width:93%;
	}
}

@media only screen and (max-width: 320px) {
	.mobile-coupon {
		width: 90px;
		margin-left:5px;
	}

	.mobile-coupon img {
    width: 100%;
	}

	.home .box h2 {
		text-shadow: 0 0 40px #000, 0 0 10px rgba(0, 0, 0, 0.43), 0 0 5px #000;
	}
}
