@media screen and (min-width:1280px) {

	#nav-wrap #main-nav {z-index:2; position:relative; background:#007ab2;}
	#nav-wrap #sub-nav {z-index:1; position:relative; background:#AAAAAA;}
	#nav-wrap nav .wrap {display:flex; flex-flow:row wrap;}
	#nav-wrap nav a {display:block; padding:0 10px; color:#FFF; text-decoration:none; font-size:15px; text-transform:uppercase; line-height:50px; font-weight:700; transition:all 0.2s ease;}
	#nav-wrap nav .menu {display:flex; flex-flow:row wrap; height:50px;}
	#nav-wrap #main-nav .menu {width:calc(100% - 100px);}
	#nav-wrap nav #menu-secondary {display:none;}
	
	#nav-wrap nav .menu li:hover > a,
	#nav-wrap nav .menu li a:hover,
	#nav-wrap nav .menu li a:active,
	#nav-wrap nav .menu li a:focus,
	#nav-wrap nav .menu li.current-menu-item > a,
	#nav-wrap nav .menu li.current-menu-parent > a {color:#272727; background:#FFF;}
	
	#nav-wrap nav .menu li {position:relative;} 
	#nav-wrap nav .menu > li.menu-item-has-children::after {position:absolute; bottom:5px; left:50%; width:0; height:0; content:''; border:5px solid transparent; border-bottom:none; border-top-color:#FFF; transform:translate(-50%);} 
	#nav-wrap nav .menu > li.menu-item-has-children:hover::after,
	#nav-wrap nav .menu > li.menu-item-has-children.current-menu-item::after {border-top-color:#272727;} 
	#nav-wrap nav .menu li .sub-menu {position:absolute; top:50px; background:#007ab2; visibility:hidden; opacity:0; transition:all 0.2s ease;}
	#nav-wrap nav .menu li:hover > .sub-menu,
	#nav-wrap nav .menu > li > a:focus + .sub-menu {visibility:visible; opacity:1;}
	#nav-wrap nav .menu li .sub-menu li {white-space:nowrap;}
	#nav-wrap nav .menu li .sub-menu li a {line-height:40px;}
	#nav-wrap nav .menu li .sub-menu li .sub-menu {top:0; left:100%; background:#AAAAAA;}

	#nav-wrap nav .menu li.menu-item-has-children .toggle {display:none;}
}

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

	.wrapper {width:960px;}

	#page-wrap {padding-top:110px;}

	#header {border-bottom:10px solid #007ab2;}
	#header #main-logo img {height:60px;}

	#header #nav-toggle {display:block; margin-left:20px; padding:18px 7px; border:none; background:#007ab2;}
	#header #nav-toggle span,
	#header #nav-toggle span::before,
	#header #nav-toggle span::after {position:absolute; display:block; width:26px; height:4px; content:''; border-radius:2px; background:#FFF;}
	#header #nav-toggle span {position:relative; text-indent:-9999px;}
	#header #nav-toggle span::before {top:-8px; transition:top 0.3s ease;}
	#header #nav-toggle span::after {bottom:-8px; transition:bottom 0.3s ease;}
	#header #nav-toggle:hover span::before {top:-10px;}
	#header #nav-toggle:hover span::after {bottom:-10px;}

	#sub-nav {display:none;}

	#nav-wrap {position:fixed; top:110px; right:-320px; bottom:0; width:320px; height:calc(100vh - 110px); box-shadow:0 3px 5px 0 rgba(0,0,0,0); background:#007ab2; overflow:hidden; transition:box-shadow 0.5s ease, top 0.3s ease, right 0.5s ease, height 0.3s ease;}
	.logged-in #nav-wrap {top:142px; height:calc(100vh - 142px);}
	#nav-wrap.active {right:0; box-shadow:0 3px 5px 0 rgba(0,0,0,0.25);}
	#header-wrap.active #nav-wrap {top:90px; height:calc(100vh - 90px);}
	.logged-in #header-wrap.active #nav-wrap {top:122px; height:calc(100vh - 122px);}
	
	#nav-wrap nav {width:100%; height:100%; padding:0; overflow-y:scroll; -webkit-overflow-scrolling:touch; box-sizing:border-box;}
	#nav-wrap nav .wrapper {width:auto; padding:0;}
	#nav-wrap nav a {display:block; padding:10px 20px; font-size:16px; text-transform:uppercase; line-height:20px; color:#FFF; font-weight:700; text-decoration:none;}
	#nav-wrap nav a.shop {width:100%; padding:10px 20px 10px 50px; background-position:20px center;}
	#nav-wrap nav .menu:last-of-type {margin:0 0 1px 0;}
	#nav-wrap nav .menu li a:hover,
	#nav-wrap nav .menu li a:active,
	#nav-wrap nav .menu li a:focus {color:#FFF!important; background:#272727;}
	#nav-wrap nav .menu li.current-menu-item > a,
	#nav-wrap nav .menu li.current-menu-parent > a {color:#272727;}
	#nav-wrap nav .menu li.menu-item-has-children {position:relative;}
	#nav-wrap nav .menu li.menu-item-has-children > a {padding-right:40px;}
	#nav-wrap nav .menu li.menu-item-has-children .toggle {position:absolute; top:0; right:0; display:block; width:40px; height:40px; text-indent:-9999px; background:url('../images/bg-sub-menu-toggle.svg') center center no-repeat; background-size:24px; cursor:pointer; transition:transform 0.2s ease;}
	#nav-wrap nav .menu li.menu-item-has-children .toggle.active {transform:rotate(135deg);}
	#nav-wrap nav .menu .sub-menu {display:none;}
	#nav-wrap nav .menu .sub-menu li a {padding:5px 30px; font-size:15px;}

	#content-wrap .home-logos {padding:30px 20px 10px 20px;}

	#content-wrap .search-widget {display:block; padding:20px;}
	#content-wrap .search-widget h2 {margin:0 0 10px 0; text-align:center;}
	#content-wrap .search-widget .faWidget-form-row:not(:last-of-type) {width:255px;}

	#content {padding:20px;}

	#main {width:580px;}

	#main .home-ctas {display:block;}
	#main .home-ctas .slides-wrap {width:auto; margin:0 0 20px 0;}
	#main .home-ctas .related-posts {width:auto;}
	#main .home-ctas .related-posts .posts {display:flex; margin:0 -20px;}
	#main .home-ctas .related-posts .posts li {width:33.33%; padding:0; border:none;}
	#main .home-ctas .related-posts .posts li article {display:block; padding:0 20px;}
	#main .home-ctas .related-posts .posts li:nth-child(2) article {border:solid #000; border-width:0 2px;}
	#main .home-ctas .related-posts .posts li .thumb {width:auto; margin:0 0 10px 0;}
	#main .home-ctas .related-posts .posts li h3 {width:auto;}

	#main .posts-list li {width:50%;}

	#main .post-wrap .related-posts {padding:20px;}

}

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

	.wrapper {width:760px;}

	#page-wrap {padding-top:150px;}

	#header {padding:0 0 20px 0!important;}
	#header .wrapper {flex-flow:row wrap;}
	#header #main-logo {order:2;}	
	#header .wrap {order:1; position:relative; width:100%; margin:0 0 20px 0; padding:5px 0; background:#313131;}
	#header .wrap::after {z-index:0; position:absolute; top:0; right:-50vw; bottom:0; left:-50vw; content:''; background:#313131;}
	#header .wrap > * {z-index:1; position:relative;}
	#header .search-form {margin-left:auto;}
	#header .search-form .search-input {height:30px; padding:5px;}
	#header .search-form .search-submit {width:30px; background-size:18px;}
	#header #nav-toggle {margin-left:auto;}

	#nav-wrap,
	#header-wrap.active #nav-wrap {top:150px; height:calc(100vh - 150px);}
	.logged-in #nav-wrap,
	.logged-in #header-wrap.active #nav-wrap {top:182px; height:calc(100vh - 182px);}

	#content-wrap {padding-top:10px;}

	#header-ads {margin-bottom:10px;}

	#content {display:block;}

	#main {width:auto; margin:0 0 30px 0;}

	#main .posts-list {margin:0 -10px;}
	#main .posts-list li {padding:0 10px;}

	#aside {width:auto;}
	#aside .cta.ads {margin:0 -14px 20px -14px;}

	#footer .cols-wrap.cols-2 {margin:0 -10px;}
	#footer .cols-wrap.cols-2 .col {padding:0 10px;}

}

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

	.logged-in #header-wrap {top:46px;}
	.logged-in #nav-wrap,
	.logged-in #header-wrap.active #nav-wrap {top:194px; height:calc(100vh - 194px);}

}

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

	.wrapper {width:580px;}

	#page-wrap {padding-top:110px;}

	#header {padding:0 0 10px 0!important;}
	#header #main-logo img {height:40px!important;}
	#header .wrap {margin:0 0 10px 0;}

	#nav-wrap,
	#header-wrap.active #nav-wrap {top:124px; height:calc(100vh - 124px);}
	.logged-in #nav-wrap,
	.logged-in #header-wrap.active #nav-wrap {top:156px; height:calc(100vh - 156px);}

	#content-wrap .home-logos {display:none;}

	#content-wrap .search-widget form {display:block;}
	#content-wrap .search-widget .faWidget-form-row:not(:last-of-type) {width:100%; margin:0 0 10px 0;}
	#content-wrap .search-widget form button {margin:0 auto;}

	#main .gallery-list {margin:0 -5px 10px -5px;}
	#main .gallery-list li {width:25%; margin:0 0 10px 0; padding:0 5px;}

	#main .post-wrap .page-controls .post .thumb {display:none;}
	#main .post-wrap .page-controls .post .wrap {width:auto; margin:0;}

	#main .txt-img-block {display:block;}
	#main .txt-img-block .thumb {width:auto;}
	#main .txt-img-block .details {width:auto;}

	#aside .cta.ads {margin:0 0 20px 0;}
	
}

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

	.wrapper {width:100%;}
	
	#header-ads {position: fixed;bottom: 0;left:0;z-index: 2; text-align: center; width: 100%}
	#header-ads iframe {margin: 0 auto;}		

	#content {padding:0;}
	#main {padding:20px 10px;}

	#main .home-ctas {margin:0 0 20px 0;}
	#main .home-ctas .slides .slide .details h2 {font-size:22px; line-height:26px;}
	#main .home-ctas .related-posts .posts {margin:0 -10px;}
	#main .home-ctas .related-posts .posts li article {padding:0 10px;}
	#main .home-ctas .related-posts .posts li .thumb {margin:0 0 5px 0;}

	#main .posts-list li {width:100%!important;}

	#main .post-wrap .related-posts {padding:20px;}
	#main .post-wrap .related-posts .posts {display:block; margin:0;}
	#main .post-wrap .related-posts .posts li {width:auto; margin:0 0 10px 0; padding:0;}
	#main .post-wrap .related-posts .posts li:last-child {margin:0;}
	#main .post-wrap .related-posts .posts li article {display:flex;}
	#main .post-wrap .related-posts .posts li .thumb {width:105px; margin:0;}
	#main .post-wrap .related-posts .posts li .details {width:calc(100% - 120px); margin-left:auto;}

	#aside .related-posts {padding:10px;}
	
	#gdpr_link, #ccpa_link {margin-bottom:100px;}
	
	img.mobileSubsAd {display: block;}
	img.desktopSubsAd {display: none;}	

}

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

	#main .home-ctas .slides-wrap {margin:0 0 5px 0;}
	#main .home-ctas .related-posts .posts {margin:0 -3px;}
	#main .home-ctas .related-posts .posts li article {padding:0 3px; border:none!important;}
	#main .home-ctas .related-posts .posts li h3 {font-size:13px; line-height:1.3em;}

	#main .post-wrap .related-posts .posts li article {display:block;}
	#main .post-wrap .related-posts .posts li .thumb {display:none;}
	#main .post-wrap .related-posts .posts li .details {width:auto;}
	


}

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

	#header .search-form {width:180px;}

}