@media (min-width: 1025px) {
.owl-theme .owl-nav.disabled + .owl-dots {
	position: absolute; right: 0; bottom: 0; left: 0; padding: 1em 1em .7em; background-color: hsla(0,0%,100%,.8);
}

	:root .owl-theme .owl-dots .owl-dot span {width: 18px; height: 18px; border: 4px solid white;}
	
	:root .owl-theme .owl-dots .owl-dot.active span, :root .owl-theme .owl-dots .owl-dot:hover span {
		background-color: #009ff4;
	}	
}

@media (max-width: 1280px) {
.wrapper {padding-left: 24px; padding-right: 24px;}
#header .slogan h2 {font-size: 1.5em;}
.section-services {grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(3, 1fr);}
	.section-services .s-item-7 {
		grid-row-start: 3; grid-column-start: 1;
		grid-row-end: 4; grid-column-end: 7;
	}
}


@media (max-width: 1024px) {

.site-logo {max-width: 150px;}
#header .meta {margin-top: 2.4em;}

.nav-on {overflow: hidden;}
.nav-on #header:after {
	content: ""; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; 
	background: radial-gradient(ellipse at center, rgba(0,0,0,.4) 0%,rgba(0,0,0,.7) 53%,rgba(0,0,0,.8) 66%,rgba(0,0,0,1) 100%);
}

#site .nav-collapse, .nav-collapse span {position: relative; z-index: 901; display: block; width: 48px; height: 42px; padding: 0;}
#site .nav-collapse {float: right; margin-top: -2px; text-decoration: none;}
.nav-on .nav-collapse {background-color: #009ff4;}
.nav-collapse:before, .nav-collapse:after, .nav-collapse span:before {
	content: ""; position: absolute; right: 9px; display: block; height: 4px; border-radius: 2px;
	background-color: #404040; 
}
.nav-collapse:before {top: 9px; width: 20px;}
.nav-on .nav-collapse:before, .nav-on .nav-collapse span:before, .nav-on .nav-collapse:after {transform-origin: left; background-color: white;}
.nav-on .nav-collapse:before {top: 9px; right: 6px; width: 28px; transform: rotate(45deg);}
.nav-collapse span:before {top: 19px; width: 24px;}
.nav-on .nav-collapse span:before {opacity: 0;}
.nav-collapse:after {bottom: 9px; width: 28px;}
.nav-on .nav-collapse:after {right: 6px; transform: rotate(-45deg);}

	.nav-wrapper {
		min-height: 0; position: fixed; top: 5em; right: -100%; bottom: 0; z-index: 901; width: 100%; max-width: 240px; overflow-y: auto;
		padding: 1em; background-color: white; transition: all .3s cubic-bezier(.32,.1,.56,1); transition-delay: 0.1s;
		border-top: 6px solid #009ff4; box-shadow: 0 0 15px rgba(0,0,0,.4);
	}
	.f-nav .nav-wrapper {top: 3.35em;}
	.nav-on .nav-collapse + .nav-wrapper {right: 0;}
		#site .main-nav .nav {display: block; margin: 0; text-align: left;}
		.site-nav .nav > li {width: 100%; margin-bottom: .2em;}
			.sub-menu > a {display: block;}
			.main-nav .nav > li > a:before {top: 85%;}
			
	.site-nav {position: absolute; top: 2.5em; right: 85px; margin: 0; padding-top: 0;}
	.f-nav .site-nav {top: 1em; right: 70px;}

		:root .site-nav .sub-menu-wrapper {
			position: static; visibility: visible; opacity: 1; width: 100%; padding: 0; padding-left: .7em; 
			background-color: transparent; box-shadow: none; transform: translateX(0); display: none;
		}
			.main-nav .nav > .sub-menu > a:after {display: none;}
				.nav-x .sub-menu .sub-menu-wrapper a {padding-top: .8em; padding-bottom: .8em;}
				.nav-x .sub-menu .sub-menu-wrapper a:after {
					content: ""; position: absolute; top: 1.3em; left: .1em;
					display: block; width:4px; height: 4px; background-color: #a8d5f7;
				}

#header .slogan {left: 0%; right: 0; transform: translateX(0);}
	#header .slogan h2 {margin: 0; padding: .7em; font-size: 1.1em;}

.index .header-graphic {padding-top: 7em;}
.inside main {padding-top: 9em}

.item-col-2 .item-content > section {width: 50%;}
.body-cat-4 .content .item-list section {width: 33.33%;}

.section-in-products section {width: 50%;}

#footer .link:before {display: none;}
.footer-copy {padding-top: 1.5em; border-top: 1px solid rgba(0,0,0,.2);}

}

@media (max-width: 767px) {

.col-90, .col-85, .col-80, .col-75, .col-70, .col-66, .col-60, .col-55, 
.col-50, .col-45, .col-40, .col-33, .col-30, .col-25, .col-20, .col-15, .col-10, .col-8 {width: 100%;}

#header .wrapper {padding-left: 20px; padding-right: 20px;}
.f-nav #header .wrapper {padding-bottom: 0;}

#header .slogan {position: static; clear: both; margin-left: -20px; margin-right: -20px;}

.body-cat-4 .content .item-list section {width: 50%;}

.item-description .item-gallery, .item-description .item-overview {width: 100%;}

.section-services {grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(5, 1fr);}
	.section-services .s-item-3 {
		grid-row-start: 3; grid-column-start: 2;
		grid-row-end: 4; grid-column-end: 4;
	}
	.section-services .s-item-4 {
		
		grid-row-start: 3; grid-column-start: 1;
		grid-row-end: 4; grid-column-end: 2;
	}
	.section-services .s-item-5 {
		grid-row-start: 4; grid-column-start: 3;
		grid-row-end: 5; grid-column-end: 4;
		
	}
	.section-services .s-item-6 {
		grid-row-start: 4; grid-column-start: 1;
		grid-row-end: 5; grid-column-end: 3;
	}
	.section-services .s-item-7 {
		grid-row-start: 5; grid-column-start: 1;
		grid-row-end: 6; grid-column-end: 4;
	}

#footer p {text-align: left;}
#footer .link {display: block; margin-right: 0; margin-bottom: .7em; padding-right: 0;}

}

@media (max-width: 480px) {
.section-services {gap: 1em; padding: 1em;}
.side-bar-nav a {padding: .5em .8em; border-width: 1px 0 0;}
.side-bar-nav .nav-expand > li:last-child a {border-bottom-width: 1px;}

.item-col-2 .item-content > section,
.body-cat-4 .content .item-list section {width: 100%;}
	.inside .item-list .item-cell {padding: 1rem; box-shadow: 0 2px 10px 0 rgba(0,0,0,.15);}
		.inside .item-list .item-cell dt {bottom: 1rem;}
		
.inside h2 {font-size: 2.5em;}

}