@media only screen and (max-width: 1200px) {
  .frame-type-fm-4col .container-col {padding: 15px;}
}
    
@media only screen and (max-width: 992px) {  
          .contentbox.imagefloat .right .parent, .contentbox.imagefloat .left .parent  {max-width: 100%; margin-left: 0; left:0; width: auto;}
  .contentbox .right, .contentbox .left {width: 100%;  position: relative; height: auto; height:200px !important;}
  .contentbox .child {display:inline-block;}
  .contentbox {text-align: center; margin-bottom: 50px;}
  .contentbox .boxtext {width: 100%; display: block; margin-left: auto; margin-right: auto; text-align: left; padding:15px; border: 0;}
  .contentbox  h2 {margin-top: 0px !important;}
  .row > div[class*="col-"] {margin-bottom: 15px;}
  .mainmenu {display:none !important;}
  mm-burger {display: inline-block;}
  #logo {text-align:center; margin: 0;
  margin-bottom: -5px;}
  .navcontainer {display: none;}
.subnavi span {padding: 0; position:relative; bottom:0 !important; background-color: #007A37;}
.subnavi {height: auto;}
.subnavi a {background-color: #007A37; display:block; margin-bottom: 5px; text-decoration: none; padding:5px;}
.subnavi span:before {content: "\F403"; display: inline-block; transform: rotate(90deg); margin-right: 10px; font-family: 'bootstrap-icons'; font-size: 18px;}
#funding {display:none !important;}
    }
  

@media only screen and (max-width: 767px) {
.content-header {min-height: 350px;}
.topmenu nav {display: none;}
  .swiper-button-prev {left: 0 !important;}
.swiper-button-next {right: 0 !important;}

.swiper .news-list-view {
  padding-left: 40px;
  padding-right: 40px;}
.sliderwrapper .claim h1 {text-align: left; font-size: calc(20px + 2vw);}

footer sub { padding-top: 25px;}
footer .ce-gallery img {max-width: 230px; margin-bottom: 15px;}
.news .article .news-img-wrap a img {width: 100%;}    
.news-single .article .news-img-wrap {width: 100%; float:none; text-align: center; margin:0px; margin-bottom: 15px;}
.news-single .article .news-img-wrap .outer {display:inline-block;}
#logo img {
  padding: 10px 0px;
  width: 160px;
}
.ce-gallery {width: 100%;}    
.ce-gallery .ce-column {float:none;}
.ce-gallery .ce-column figure {margin: auto;}
}   

        
@media only screen and (max-width: 480px) {
    table {hyphens: auto;}
    .ce-background .container-col {
  margin: 0px 8px;
  background-color: rgba(254,254,254,0.9);
}
.breaker [class*="col-"] h1 {font-size: 24px;}    
h1 {text-align: left; font-size: 24px;}
h2 {text-align: left; font-size: 18px; margin-top: 0;}  
body {font-size: 14px;}
.swiper-button-next::after, .swiper-button-prev::after {font-size: 24px !important;}
.news-list-view.sliding {
  padding-left: 35px;
  padding-right: 35px;
}
.container-col {padding: 20px !important;}
footer .footermenu li {
  display: block;
  padding: 0 5px;
}
.footermenu a {font-size: 14px;}
}


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