/* =========================== media queries  ===================== */ 
@media screen and (max-width: 1050px)  {
	#topmenu ul { margin:0 10px 0 0;}
	#header {padding:35px 0; }
}
@media screen and (max-width: 1024px)  {
.has-4-columns .wp-block-column:nth-child(odd) {
      margin-right: 20px; }
    .has-4-columns .wp-block-column:nth-child(even) {
      margin-left: 20px; }
    .has-4-columns .wp-block-column:not(:first-child) {
      margin-left: 20px; }
    .has-4-columns .wp-block-column:not(:last-child) {
      margin-right: 20px; } 	
}
	
@media screen and (max-width: 846px)  {
#header {padding:25px 0; }	
footer.footer { text-align:center;}	
.alignwide, figure.alignwide {margin-left:-15px; margin-right:-15px; width:calc(100% + 30px);  max-width:100vw;}
.wp-block-cover.alignwide {margin-left:-15px; margin-right:-15px; width:calc(100% + 30px);  max-width:100vw;}	
.col40 {width:100%; margin:0; padding:0; float: none;}
.col60 {width:100%; margin:0; padding:0; float: none;}	
.col-otc { width:100%; margin:1.5% 0;}
.col-ofc { width:100%; margin:1.5% 0;}
.col-ohc { width:100%; margin:1.5% 0;}
.col-ttc, .col-otc, .col-ohc, .col-ofc {margin-right:0; float:none;}	
.bottomline {text-align:center; padding:10px 0 0 0; }
.footermenu { padding:0 0 10px 0; }	

.profile-image-desktop {display:none;}	
.profile-image-mobile {display:block;}
.profile-image-mobile img {width:100%; height: auto;}

.speech-bubble {margin-left:10px;}
.speech-bubble p {margin: 0 0 10px; padding: 0;}
.speech-bubble p:last-of-type {margin-bottom: 0;}
.speech-bubble::after {border-width:0 8px 15px 8px;border-color: transparent transparent #92AA57 transparent;top:-15px;left:10px;}	
.counter {font-size:40px;}	
	
.profileheader {padding:30px 10px 20px 10px;}	
.col60 article {padding:15px 10px 15px 10px;}	
article {padding:0 0; }
.single-content article {padding:15px 0;}	
.has-2-columns ul.profilelist li, .has-2-columns .wp-block-column ul.profilelist li {font-size:13px;}	
ul.profilelist li, .wp-block-column ul.profilelist li { padding:4px 0; }	
.has-2-columns ul.profilelist li .key {width:100px;}	
.has-2-columns ul.profilelist li .value {left:125px; width:calc(100% - 125px); }
	
.page-menu { float:none;}
.page-logo {float:none;}
	
#topmenu { position:absolute; top:-15px; right:0; margin:0;  padding:0;  z-index:99999; width:65%;  }
#topmenu ul{ background:#fff; display:none; float:none; text-align:left; padding:15px 0 15px 15px; border-bottom: 1px solid #ebebeb; margin:0; }
#topmenu ul li{width:100%;border-bottom:1px dotted #ccc; padding:0;}
#topmenu ul li a { padding:15px; color:#333 !important;}
#topmenu ul li:last-child{border-bottom:none;}
#topmenu > ul > li{float:none}
#topmenu #head-mobile {display:block !important;padding:20px 0;font-weight:700; background:transparent; }

.mobilebutton{ width:60px;height:48px; position:absolute;right:0;top:-32px;cursor:pointer;z-index: 12399994; margin-bottom:2px; }
.mobilebutton:after{position:absolute;top:24px;right:20px;display:block;height:6px;width:30px;border-top:5px solid #f6f6f6;border-bottom:5px solid #f6f6f6;content:''}
.mobilebutton:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:14px;right:20px;display:block;height:5px;width:30px;background:#f6f6f6;content:''}
.mobilebutton.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:5px;width:25px;background:#f6f6f6;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.mobilebutton.menu-opened:before{top:23px;background:#f6f6f6;width:25px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

.content-button a { padding:3px 10px; font-weight:500; font-size:.9em; }
.content-button i { margin-right:6px; font-size:16px;}
.boxcontent [class^="icon-"]:before, .boxcontent [class*=" icon-"]:before {  font-size:28px;   }
.boxcontent h3 { font-size:1.05em; }
a.boxbutton { padding:4px 10px; font-size:.815em; }
a.boxbutton:hover { padding:4px 15px; }
.col-ofc { width:48.786170212699%; margin:1.5% 0; margin-right:2.427659574468%; float:left;}
.blogpost .col-ofc:nth-child(2n+2) { margin-right:0;}
.blogpost .col-ofc:nth-child(2n+1) { clear:left; }
}

@media screen and (max-width: 667px)  {
	.profileprefix {display:block;}
}

@media screen and (max-width: 640px)  {
article {padding:0 5px; }
.single-content article {padding:15px 5px;}		
ul.profilelist li, .wp-block-column ul.profilelist li {font-size:12px;}
ul.profilelist li .key { font-weight:600;font-size:12px;}
ul.profilelist li i {font-size:12px; }	
.has-2-columns ul.profilelist li .key {width:90px;}	
.has-2-columns ul.profilelist li .value {left:115px; width:calc(100% - 100px); }
.botimeline li:before { left: 23%;}
.botimeline > li .tmtime { padding-right:0; width: 21%; text-align: left; margin-left:-10px; }
.botimeline > li .tmtime span {font-size: 1em;}
.botimeline > li .tmlabel {margin: 0 0 0 25%;padding: 1.4em 0 1.3em 0; text-align: left;top: -38px;}
.botimeline li:nth-child(1) {padding: 1em 1em 2em 0;text-align: left; }
.botimeline > li .tmicon {left: 23%;}
.botimeline > li .tmicon:nth-child(1) {left: 23%;}
}

@media screen and (max-width: 500px)  {
#topmenu { width:85%;  }
.testimonials {padding:15px 30px 40px 30px; margin:40px -10px 60px -10px;}
.testimonial blockquote {font-size:15px; line-height: 1.8em; padding:20px 10px 25px 10px;}
.has-2-columns ul.profilelist li .key {width:110px;}	
.has-2-columns ul.profilelist li .value {left:135px; width:calc(100% - 120px); }
.page-nav a {  font-size:13px; font-weight:normal; }
.page-nav .left { float:none; width:100%; text-align:left; padding-bottom:10px; border-bottom:1px dotted #DEE0E4;}
.page-nav .right {padding-top:10px; float:none; width:100%; text-align:right;}	
}

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

ul.profilelist li .key{ display:inline-block; position:relative; width:auto;font-size:14px;padding:3px 10px 3px 5px;}
ul.profilelist li .value { display:block; position:relative; width:100%; left:5px; padding:3px 0 5px 0; font-size:14px;}
.has-2-columns ul.profilelist li .key {display:block; position:relative; width:100%; }	
.has-2-columns ul.profilelist li .value {display:block; position:relative; width:100%; left:5px; padding:3px 0 5px 0; }	
.toggle-headline h3 { font-size:13px;  }	
img.alignright, figure.alignright  { float:none !important; margin:5px 0; }
img.alignleft, figure.alignleft {float:none !important; margin:5px 0; }
.botimeline > li .tmlabel {top: -62px;}
.has-4-columns .wp-block-column {flex-basis: 100%;}	
.filters ul li {margin:5px 0 10px 0;}
.col60 article {padding:15px 0 15px 0;}	
.speech-bubble { margin:5px 0 0 0;max-width: 320px; padding:5px 10px;}	
.speech-bubble {margin-left:0;}
.speech-bubble p {margin:0; padding: 0;}
.profileheader {padding:25px 10px 15px 0;}		
.profileheader h1 {font-size:30px;}	
.profileprefix {font-size:22px; }
}

@media screen and (max-width: 360px)  { 
.speech-bubble p {font-size:13px;}
}

@media (min-width: 600px) {.wp-block-columns {flex-wrap: nowrap; } }
@media (max-width: 782px) { 
.wp-block-columns.has-4-columns {flex-wrap: wrap; flex-basis: 50%;} 	
.wp-block-columns.has-4-columns .wp-block-column {margin-left:0;   }
}
