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

	#main .content-section.min-rh-col .cols-wrap.cols-2 .col-2.lvl-1 {width:33.33%; margin-left:auto;}

}


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

	:root {
		--content-width:980px;
		--lyt-bl-pad-top:60px;
		--banner-pad:100px;
		--body-font-size:18px;
		--h1-font-size:50px; 
		--h2-font-size:40px; 
		--h3-font-size:30px; 
	}

	.button {padding:9px 20px;}

	.social-links.lrg li a {padding:10px;}

	.editable-content .checklist {padding-top:15px;}
	.editable-content .checklist li {margin:0 0 20px 0; padding:2px 0 17px 45px; line-height:26px;}
	.editable-content .checklist li:not(:last-child) {margin-bottom:15px;}
	.editable-content .checklist li::before {width:30px; height:30px;}

	#header {padding:20px 0;}
	#header .main-logo.main img {height:60px;}
	#main-nav .menu {margin-bottom:50px; column-gap:20px;}
	#main-nav .menu li {padding:15px 0; font-size:30px;}

	#banner {min-height:400px;}
	#banner .content .head .logo-b img {height:18px;}
	#banner .content .title {padding:30px 30px 10px 30px; font-size:24px;}
	#banner .content .foot .logo-a img {height:25px;}

	#main .call-to-action-section .cta-wrap {padding:30px 30px 10px 30px;}

	#main .content-section .stats-list .stat h2 .val {font-size:60px;}

	#main .icons-section .icons-list .icon .wrap .img {width:90px;}

	#main .steps-list.info-list .step header h3 .counter {width:80px;}
	#main .steps-list:not(.info-list) .step header h3 .text,
	#main .steps-list .step header .excerpt {padding-left:25px;;}
	#main .steps-list .step .info .details {padding-left:25px;}

	#main .posts-list .post .details {padding:0 0 20px 0;}
	#main .posts-list.style-a .col-2 .post {padding-left:0;}
	#main .posts-list.style-a .col-2 .post .wrap {padding-top:20px;}
	#main .posts-list.style-b .post .wrap .details {padding-left:50px;}
	#main .posts-list.style-b .post .wrap .details h2 {margin:0 0 10px 0; font-size:26px;}
	#main .posts-wrap.style-b .slick-controls {padding-left:25px;}

	#main .custom-posts.style-a .post .wrap .details .tag {margin:0 0 20px 0;}
	#main .custom-posts.style-a .post .wrap .details {padding:0 0 0 55px;}
	#main .custom-posts.style-c .post {width:445px!important;}


	#footer {font-size:14px;}
	#footer .main-logo img {width:auto; height:45px;}

}


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

	:root {
		--min-content-width:840px;
	}

	.cols-1 .col-1 .info-list .info .content {width:var(--min-content-width); margin:0 auto; padding-left:0;}

	#main .layout-section .intro.layout-b,
	#main .layout-section .outro.layout-b,
	#main .layout-section .cols-1.layout-b .col-1 {width:var(--min-content-width);}

}


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

	:root {
		--content-width:760px;
		--body-font-size:16px;
		--h1-font-size:44px; 
		--h2-font-size:34px; 
		--h3-font-size:24px; 
		--h4-font-size:20px; 
	}

	.cols-wrap:not(.cols-1) .col .cols-wrap {display:block;}
	.cols-wrap:not(.cols-1) .col .cols-wrap .col {width:100%;}

	.slick-controls .control {width:40px; height:40px; background-size:25px;}

	#banner .content .title {font-size:20px;}

	#main .content-section .stats-list .stat h2 .val {font-size:50px;}

	#main .content-section .cols-1 .col-1 .stats-list .stat {--stat-no:2;}

	#main .icons-section .icons-list .icon {width:100%;}

	#main .steps-list .step header {display:block;}
	#main .steps-list.info-list .step header {padding-right:50px;}
	#main .steps-list:not(.info-list) .step header h3 .text,
	#main .steps-list .step header .excerpt {width:100%; margin-left:0; padding-left:0;}
	#main .steps-list .step header .excerpt {padding-right:0;}
	#main .steps-list .step header .toggle {top:25px; width:40px; height:40px; background-size:25px;}

	#main .steps-list.info-list .step header h3 .counter {width:50px;}
	#main .steps-list .step .info .thumb {width:100%;}
	#main .steps-list .step .info .details {width:100%; padding-left:0;}

	#main .posts-list.style-b .post .wrap .thumb {width:100%;}
	#main .posts-list.style-b .post .wrap .details {width:100%; padding:0 0 70px 0;}
	#main .posts-wrap.style-b .slick-controls {width:100%; padding:0;}

	#main .custom-posts.style-a .post .wrap .thumb {width:100%;}
	#main .custom-posts.style-a .post .wrap .details {width:100%; padding:0;}
	#main .custom-posts.style-b .post {width:100%;}
	#main .custom-posts.style-c .post {width:335px!important;}

}


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

	:root {
		--wpadminbar-height:46px;
	}

}


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

    .cols-wrap.cols-2.cols-rev {flex-direction:row-reverse;}

}


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

	:root {
		--content-width:620px;
		--banner-pad:70px;
		--h1-font-size:36px; 
		--h2-font-size:30px; 
	}

	.editable-content img {margin:0 0 20px 0;}
	.editable-content img.alignleft {float:none; margin-right:0;}
	.editable-content img.aligncenter {margin-right:auto; margin-left:auto;}
	.editable-content img.alignright {float:none; margin-left:auto;}
	.editable-content .wp-caption.alignleft {float:none; margin-right:0;}
	.editable-content .wp-caption.aligncenter {margin-right:auto; margin-left:auto;}
	.editable-content .wp-caption.alignright {float:none; margin-left:auto;}
	.editable-content .wp-caption.aligncenter .wp-caption-text {text-align:left;}

	.cols-wrap:not(.cols-1) {display:block;}
	.cols-wrap:not(.cols-1) .col {width:100%;}
	#main .call-to-action-section .cols-wrap.cols-2.cols-layout-b > .col-1,
	#main .call-to-action-section .cols-wrap.cols-2.cols-layout-c > .col-2 {width:100%;}
	#main .call-to-action-section .cols-wrap.cols-2.cols-layout-c > .col-1,
	#main .call-to-action-section .cols-wrap.cols-2.cols-layout-b > .col-2 {width:100%;}

	#main .layout-section .col.align-c {text-align:left;}
	#main .layout-section .col.align-c .editable-content .button {margin:10px 10px 0 0;}

	.editable-content .checklist.col-2 {column-count:1;}

	#header {padding:15px 0!important;}
	#header .main-logo img {height:40px!important;}
	#header .nav-toggle {margin:5px 0;}

	#main-nav .menu {column-count:1;}
	#main-nav .menu li {padding:10px 0; font-size:20px;}

	#banner {min-height:300px;}
	#banner .content {padding:18px;}
	#banner .content .head .logo-b img {height:15px;}
	#banner .content .title {padding:20px 0 1px 0;}
	#banner .content .foot .logo-a img {height:22px;}
	#banner .content .foot .social-links {margin-bottom:-5px;}

	#main .layout-section.hide-bg {background-image:none!important;}

	#main .banner-section .slides-list .slide .content {width:75%;}

	#main .custom-posts.style-a .post .wrap {padding:25px 25px 5px 25px;}

	#footer .footer-2 .wrapper {display:block;}
	#footer .copy {margin-left:0;}

}


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

	.scrolled #banner .banner-video {inset:var(--banner-pad); width:calc(100% - calc(var(--banner-pad) * 2)); height:calc(100% - calc(var(--banner-pad) * 2));}

}


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

	:root {
		--content-width:100%;
		--h1-font-size:32px; 
		--h2-font-size:28px; 
	}

	.social-links.lrg {column-gap:10px;}
	.social-links.lrg li a {padding:0;}

	#banner {padding-bottom:20px;}
	#banner .content .head .logo-b img {height:12px;}
	#banner .content .foot .logo-a img {height:18px;}

	#main .call-to-action-section .cta-wrap {padding:20px 20px 1px 20px;}

	#main .content-section .cols-1 .col-1 .stats-list .stat {--stat-no:1!important;}

	#main .icons-section .icons-list .icon .wrap {padding:25px 25px 5px 25px;}

	#main .posts-list:not(.highlights) .post {--post-no:1;}

}


@media screen and (max-width:379px) {
	
	#main .custom-posts.style-c .post {width:100%!important;}
	
}