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

}

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

}

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

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

}

@media screen and (max-width: 1279px) {
ul.nav.menu {display:none;margin:0;position:fixed;left:0;top:70px;width:100%;height:100%;background:#5b8266;z-index:10;overflow-y:auto;padding-bottom:100px;}
ul.nav.menu li {display:block;text-align: left;margin:0; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
ul.nav.menu li a {border-radius:0;color:#fff;}
ul.nav.menu li:has(a.c2a) { float: none;margin:30px;border:0;}
ul.nav.menu ul.nav-child li a {  background: color(srgb 0.36 0.51 0.4 / 0.5);}
ul.nav-child {position: initial;}
ul.nav.menu.active {display:block;}
.item-page {padding: 160px 20px;}
div.mobile {width:40px;height:40px;position: absolute;right: 10px;top: 15px;}
div.mobile:before {content: '\f39c';font-weight:300;font-weight: 300;line-height: 40px;font-size: 30px;color: #5b8266;}
nav.navigation.down {top:-100px;}
}

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

}

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

}

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

}


@media screen and (max-width: 720px) {
.column2, .column3 {display:block;}
#home .column2 {display:grid;grid-template-columns: repeat(1, 1fr)}
#home .column2 > :first-child { order: 2; }
#home .column2 > :nth-child(2) {  order: 1;}
h1 {font-size:1.5rem;line-height:1.5rem;margin:0 0 30px}
h2 {font-size:1.25rem;line-height:1.25rem;}
h3 {font-size:1rem;line-height:1rem;}
div.item-page { padding: 120px 30px;}
div.com-content-category-blog div.inner { padding: 120px 30px 30px;}
div.com-content-category-blog div.inner.blogitems {padding:30px;}
div.com-content-category-blog div.category-desc {margin:0;}
ul.blog { grid-template-columns: repeat(1, 1fr);}
#contact { max-width: 100%; padding: 60px 30px;}
div#contact .column3 {padding:0;}
div.logo {width:200px;margin: 4px 0 0;}
nav.navigation .container {height:70px;}
body.page-510 div.item-page .column2 img {margin:0 0 30px;}
ul.nav.menu li a.c2a {padding: 15px 20px !important;}
.c2a {width: 100%;}
}

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



}

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

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

}

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

}

@media screen and (max-width: 375px) {
div.quote:after, blockquote:after {right:0px;bottom:-30px;}
}

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

}

@media screen and (max-width: 320px) {
  
}
@media screen and (max-height: 480px) {

}