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

	#header .nav-toggle,
	#main-nav .menu .more {display:none;}

	#main-nav .menu {display:flex;}
	#main-nav .menu li {margin-left:40px; padding:45px 0; line-height:30px; font-size:20px; transition:padding 0.3s ease;}
	#header.active #main-nav .menu > li {padding:25px 0;} 
	#main-nav .menu li a {display:block;}
	
	#main-nav .menu > li.menu-item-has-children {position:relative;}
	#main-nav .menu > li.menu-item-has-children::after {position:absolute; inset:auto auto 30px 50%; display:block; width:0; height:0; content:''; border:5px solid #0000; border-bottom:none; border-top-color:var(--color-theme-a); transform:translateX(-50%); transition:opacity 0.1s ease, bottom 0.3s ease;}
	#header.active #main-nav .menu > li.menu-item-has-children::after {bottom:10px;}
	#main-nav .menu > li.menu-item-has-children:hover::after {opacity:0;}
	#main-nav .menu > li.menu-item-has-children::before {position:absolute; inset:auto auto -10px 50%; width:20px; height:20px; content:''; background:var(--color-theme-a); transform:translateX(-50%) rotate(45deg); opacity:0; transition:opacity 0.1s ease;}
	#main-nav .menu > li.menu-item-has-children:hover::before {opacity:1;}
	
	#main-nav .menu > li.menu-item-has-children > .sub-menu-wrap {z-index:100; position:absolute; inset:100% 0 auto auto; visibility:hidden; opacity:0; transition:visibility 0.1s ease, opacity 0.1s ease;}
	#main-nav .menu > li.menu-item-has-children:hover > .sub-menu-wrap,
	#main-nav .menu > li.menu-item-has-children > a:focus + .sub-menu-wrap,
	#main-nav .menu > li.menu-item-has-children > .sub-menu-wrap:focus-within {visibility:visible; opacity:1;}
	
	#main-nav .menu > li.menu-item-has-children > .sub-menu-wrap > .sub-menu {padding:20px 20px 15px 20px; text-align:left; border-radius:5px; background:var(--color-theme-a); box-shadow:0 3px 5px rgba(0,0,0,0.15);}
	#main-nav .menu > li.menu-item-has-children > .sub-menu-wrap > .sub-menu li {margin:0 0 5px 0; padding:0; font-size:18px; line-height:var(--def-line-height); white-space:nowrap;}
	#main-nav .menu > li.menu-item-has-children > .sub-menu-wrap > .sub-menu li a {color:var(--color-theme-b);}

}
 

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

	:root {
		--h1-font-size:50px; 
		--h2-font-size:40px; 
		--h3-font-size:30px; 
		--header-height:90px;
		--content-width:980px;
		--lyt-bl-pad-top:60px;
	}

	#header {padding:20px 0;}
	#header .main-logo img {height:50px;}
	.nav-active #header .main-logo {position:relative; z-index:3001;}
	
	#header .nav-toggle {display:block; margin-left:auto; padding:13px 0; border:none;}
	.nav-active #header .nav-toggle {position:relative; z-index:3001;}
	#header .nav-toggle span,
	#header .nav-toggle span::before,
	#header .nav-toggle span::after {position:absolute; display:block; width:30px; height:2px; content:''; background:#FFF; transition:all 0.2s ease;}
	#header .nav-toggle span {position:relative; text-indent:-9999px;}
	#header .nav-toggle span::before {top:-9px;}
	#header .nav-toggle span::after {bottom:-9px;}
	#header .nav-toggle:hover span::before {top:-11px;}
	#header .nav-toggle:hover span::after {bottom:-11px;}
	.nav-active #header .nav-toggle span {background:#0000;}
	.nav-active #header .nav-toggle span::before {top:0; transform:rotate(-45deg);}
	.nav-active #header .nav-toggle span::after {bottom:0; transform:rotate(45deg);}

	#main-nav {z-index:3000; position:fixed; inset:-100vh 0 auto 0; width:100vw; min-height:calc(100vh - var(--header-height)); max-height:calc(100vh - var(--header-height)); padding-top:var(--header-height); color:#FFF; background:#000; opacity:0; visibility:hidden; transition:all 0.2s ease;}
	.nav-active #main-nav {top:0; opacity:1; visibility:visible;}
	.logged-in.nav-active #main-nav {top:var(--wpadminbar-height); min-height:calc(100vh - (var(--header-height) + var(--wpadminbar-height))); max-height:calc(100vh - (var(--header-height) + var(--wpadminbar-height)));}
	
	#main-nav .nav-wrap {display:flex; min-height:inherit; max-height:inherit; overflow-y:auto;}
	#main-nav .content {width:var(--wrapper-width); margin:auto; padding:0 20px;}

	#main-nav .menu {margin-bottom:var(--header-height); padding:50px 0;  text-align:right;}
	#main-nav .menu.has-sub-nav {padding-right:45px;}
	#main-nav .menu li {margin:0 0 15px 0; font-size:30px; line-height:30px;}
	#main-nav .menu li a {color:#FFF;}
	#main-nav .menu li a:hover,
	#main-nav .menu li a:active,
	#main-nav .menu li a:focus {color:#03A246;}
	
	#main-nav .menu li.menu-item-has-children a {display:inline-block;}
	#main-nav .menu li.menu-item-has-children .sub-menu-wrap {display:none;}
	#main-nav .menu li.menu-item-has-children .sub-menu {padding:5px 0 10px 0;}
	#main-nav .menu li.menu-item-has-children .sub-menu li {margin:0; padding:5px 0 0 0; font-size:24px; line-height:1.4;}
	#main-nav .menu li.menu-item-has-children .sub-menu li .sub-menu {padding:0 0 15px 0;}
	#main-nav .menu li.menu-item-has-children .sub-menu li .sub-menu li {font-size:16px;}
	
	#main-nav .menu li.menu-item-has-children {position:relative;}
	#main-nav .menu li.menu-item-has-children .more {position:absolute; inset:3px -42px auto auto; display:block; width:24px; height:24px; text-indent:-9999px; overflow:hidden; transition:all 0.2s ease;}
	#main-nav .menu li.menu-item-has-children .more::before,
	#main-nav .menu li.menu-item-has-children .more::after {position:absolute; inset:50% auto auto 50%; display:block; width:22px; height:2px; content:''; background:#FFF; transition:all 0.2s ease;}
	#main-nav .menu li.menu-item-has-children .more::before {transform:translate(-50%, -50%);}
	#main-nav .menu li.menu-item-has-children .more::after {transform:translate(-50%, -50%) rotate(90deg);}
	#main-nav .menu li.menu-item-has-children .more.active::after {width:0;}
	#main-nav .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .more {top:10px;}
	#main-nav .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .more::before,
	#main-nav .menu li.menu-item-has-children .sub-menu li.menu-item-has-children .more::after {width:16px;}

	#banner {position:relative; min-height:500px;}
	#banner .details {padding:120px 0 100px 0;}

}


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

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

	.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 {
		--h1-font-size:42px; 
		--h2-font-size:36px; 
		--h3-font-size:28px; 
		--content-width:760px;
	}

	.cols-wrap:not(.cols-1) .col .cols-wrap,
	.cols-wrap.cols-2.cols-layout-b,
	.cols-wrap.cols-2.cols-layout-c {grid-template-columns:1fr!important; gap:0;}

	#main .content-section .details-wrap .details-list {padding:10px 0;}
	#main .content-section .details-wrap .details {padding-top:10px;}

	#main .jumps-list.jumps-a,
	#main .jumps-list.jumps-b {margin:0 -10px 20px -10px; row-gap:20px;}
	#main .jumps-list.jumps-a .jump,
	#main .jumps-list.jumps-b .jump {width:50%; padding:0 10px; box-sizing:border-box;}
	
	#main .map-section .map-wrap {height:300px;}

}


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

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

}


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

    .cols-wrap.cols-2.cols-rev .col-1 {order:1;}
	
}


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

	:root {
		--body-font-size:16px;
		--h1-font-size:40px; 
		--h2-font-size:32px; 
		--h3-font-size:24px; 
		--header-height:60px;
		--content-width:580px;
	}

	.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) {grid-template-columns:1fr!important; gap:0;}

	.slick-dots li button {width:8px; height:8px;}

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

	#banner {position:relative; min-height:300px;}
	#banner .details {padding:100px 0 80px 0;}
	#banner .slides-wrap .slick-dots {bottom:30px;}

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

	#main .gallery-list .image .wrap .img .more {width:20px; height:20px;}

	#footer .col-1 nav {grid-template-columns:1fr; gap:0; margin-bottom:var(--def-margin);}
	#footer .col-2 {text-align:left;}	
	#footer .col-2 .contact,
	#footer .col-2 nav ul {justify-content:flex-start;}
	#footer .col-2 .contact li,
	#footer .col-2 nav ul li {margin:5px 5px 5px 0;}
	#footer .col-2 .contact li:not(:first-child)::before,
	#footer .col-2 nav ul li:not(:first-child)::before {display:none;}
	#footer .col-2 .contact li:not(:last-child)::after,
	#footer .col-2 nav ul li:not(:last-child)::after {margin:0 0 0 5px; content:'.';}

}


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

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

	#main .jumps-list.jumps-a .jump,
	#main .jumps-list.jumps-b .jump {width:100%;}

}
