.responsive body
{
   min-width: 240px;
}
  
.responsive .sl-content-layout img,
.responsive .sl-content-layout video
{
   max-width: 100%;
   height: auto !important;
}

.responsive.responsive-phone .sl-content-layout img 
{
   float: none !important;
}
    
.responsive .sl-content-layout .sl-sidebar0, 
.responsive .sl-content-layout .sl-sidebar1, 
.responsive .sl-content-layout .sl-sidebar2 
{
   width: auto !important;
}
    
.responsive .sl-content-layout, 
.responsive .sl-content-layout-row, 
.responsive .sl-layout-cell 
{
   display: block;
}
    
.responsive .image-caption-wrapper 
{
   width: auto;
}

.responsive.responsive-tablet .sl-vmenublock,
.responsive.responsive-tablet .sl-block
{
   margin-left: 1%;
   margin-right: 1%;
   width: 48%;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


.responsive .sl-spec-mobile-header 
{
   position: fixed;
   z-index: 30000;
   width: 100%;
}


.responsive .sl-header 
{
   width: auto;
   height: auto;
   min-height: 90px;
   min-width: 1%;
   background: #f5fef1;
}

.responsive .sl-header img
{
   display: block;
   width: 230px;
   height: auto;
   padding-top: 7px;
   padding-bottom: 7px;
   margin-left: auto;
   margin-right: auto;
}

.responsive .sl-header .sl-headline, 
.responsive .sl-header .sl-slogan 
{
   display: block !important;
   top: 0 !important;
   left: 0 !important;
   margin: 2% !important;
}
    
.responsive .sl-header .sl-headline a, 
.responsive .sl-header .sl-slogan 
{
   white-space: normal !important;
}
  
.responsive .sl-header *
{
   position: relative;
   text-align: center;
   -webkit-transform: none !important;
   -moz-transform: none !important;
   -o-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;
}

.responsive .sl-header #sl-flash-area,
.responsive .sl-header .sl-shapes>*
{
   display: none;
}

.responsive #sl-header-bg 
{
   background-position: center center !important;
   background-size: cover !important;
   background-repeat: repeat !important;
}

/* Search and other elements in header element directly */
.responsive .sl-header>.sl-textblock
{
   position: relative !important;
   display: block !important;
   margin: 1% auto !important;
   width: 75% !important;
   top: auto !important;
   right: auto !important;
   bottom: auto !important;
   left: auto !important;
}

/* For icons like facebook, rss, etc. */
.responsive .sl-header>.sl-textblock>div 
{
   width: 100%;
}
/* dynamic width nav */
.sl-nav .sl-menu-btn 
{
   border: 0px;
   border-radius: 0px;
   display: none;
   margin-left: 3%;
   padding-top: 10px;
   padding-bottom: 5px;
   position: relative;
   width: 36px;
}

.sl-nav .sl-menu-btn span 
{
   background: #57A639;
   border-radius: 2px;
   display: block;
   height: 5px;
   margin: 5px 1px;
   position: relative;
}

.sl-nav .sl-menu-btn:hover span
{
   background: #57A639;
}

.responsive .sl-nav .sl-menu-btn 
{
   display: inline-block;
}

.responsive nav.sl-nav,
.responsive .sl-nav-inner
{
   width: auto !important;
   position: relative !important;
   top: auto !important;
   left: auto !important;
   right: auto !important;
   bottom: auto !important;
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   text-align: left !important;
   border-top: 1px solid #e8e8e8;
   border-bottom: 1px solid #e8e8e8;
}

.responsive nav.sl-nav
{
   min-width: 1%;
}

.responsive .sl-nav 
{
   padding-left: 0;
   padding-right: 0;
}

/* full width hmenu, instead of inline-block */
.responsive .sl-nav ul.sl-hmenu 
{
   display: none;
   float: none;
   text-align: center;
}

.responsive .sl-nav .sl-hmenu.visible 
{
   display: block;
}

/* elements on different lines */
.responsive .sl-nav ul.sl-hmenu li,
.sl-hmenu-extra1,
.sl-hmenu-extra2
{
   float: none;
}
  
/* horizontal margins */
.responsive .sl-nav ul.sl-hmenu>li:first-child, 
.responsive .sl-nav ul.sl-hmenu>li:last-child, 
.responsive .sl-nav ul.sl-hmenu>li
{
   margin-left: 0;
   margin-right: 0;
}
 
/* separator */ 
.responsive .sl-nav ul.sl-hmenu>li:before
{
   display: none;
}

/* vertical distance between items */
.responsive .sl-nav ul.sl-hmenu a
{
   margin-top: 1px !important;
   margin-bottom: 1px !important;
   height: auto;
   white-space: normal;
}

.responsive .sl-nav ul.sl-hmenu>li:first-child>a
{
   margin-top: 0 !important;
}

.responsive .sl-nav ul.sl-hmenu>li:last-child>a
{
   margin-bottom: 0 !important;
}

/* fixes for extended menu */
.responsive .sl-nav .ext, 
.responsive .sl-nav ul.sl-hmenu>li>ul, 
.responsive .sl-nav ul.sl-hmenu>li>ul>li,
.responsive .sl-nav ul.sl-hmenu>li>ul>li a
{
   width: auto !important;
}

/* submenu position on hover */
.responsive .sl-nav ul.sl-hmenu ul
{
   left: auto !important;
   right: auto !important;
   top: auto !important;
   bottom: auto !important;
   display: none !important;
   position: relative !important;
   visibility: visible !important;
}

.responsive .sl-nav ul.sl-hmenu li.active>ul
{
   display: block !important;
}
.responsive .sl-nav ul.sl-hmenu ul li.active>a
{
   font-weight: bold;
}

.responsive .sl-nav ul.sl-hmenu>li>ul>li:first-child:after 
{
   display: none;
}
.responsive .sl-nav ul.sl-hmenu ul a
{
   padding-left: 4% !important;
}
.responsive .sl-nav ul.sl-hmenu ul ul a
{
   padding-left: 6% !important;
}
.responsive .sl-nav ul.sl-hmenu ul ul ul a
{
   padding-left: 8% !important;
}
.responsive .sl-nav ul.sl-hmenu ul ul ul ul a
{
   padding-left: 10% !important;
}
.responsive .sl-nav ul.sl-hmenu ul ul ul ul ul a
{
   padding-left: 12% !important;
}
  
.responsive .sl-nav ul.sl-hmenu>li>ul
{
   padding: 5px;
}
  
.responsive .sl-nav ul.sl-hmenu>li>ul:before
{
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.responsive .sl-sheet
{
   width: auto !important;
   min-width: 240px !important;
   max-width: none;
   margin-right: 3% !important;
   margin-left: 3% !important;
   margin-top: 180px !important;
}

#sl-resp {
   display: none;
}

@media all and (max-width: 819px)
{
    #sl-resp, #sl-resp-t { display: block; }
    #sl-resp-m { display: none; }
}

@media all and (max-width: 480px)
{
    #sl-resp, #sl-resp-m { display: block; }
    #sl-resp-t { display: none; }
}

.responsive .sl-content-layout, 
.responsive .sl-content-layout-row, 
.responsive .sl-layout-cell 
{
   display: block;
}

.responsive .sl-layout-cell 
{
   width: auto !important;
   height: auto !important;
   border-right-width: 0 !important;
   border-left-width: 0 !important;
   border-radius: 0 !important;
}

.responsive .sl-content-layout:after, 
.responsive .sl-content-layout-row:after, 
.responsive .sl-layout-cell:after 
{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.responsive .sl-post
{
   border-radius: 0;
}

.responsive .sl-footer-inner
{
   width: auto;
   padding: 2% !important;
   min-width: 0;
}

.responsive .sl-footer
{
   margin-top: 1%;
}

.responsive .responsive-tablet-layout-cell 
{
   width: 50% !important;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .pc
{
    display: none;
}

.responsive .mobile
{
    display: block;
}

.responsive .sl-hmenu a, .responsive .sl-hmenu a:link, .responsive .sl-hmenu a:visited, .responsive .sl-hmenu a.active, .responsive .sl-hmenu a:hover {
    font-size: 20px;
    padding-left: 3%;
	padding-right: 3%;
}

.responsive ul.sl-hmenu ul:before
{
   -webkit-box-shadow:0 0 0px 0px rgba(0, 0, 0, 0);
   -moz-box-shadow:0 0 0px 0px rgba(0, 0, 0, 0);
   box-shadow:0 0 0px 0px rgba(0, 0, 0, 0);
   border:0px;
}

.responsive ul.sl-hmenu li li::after {
    border-bottom: 0px;
}

.responsive .sl-spec-header-slideshow
{
	width: 100%;
	margin-top: 0px;
}

.responsive .sl-spec-mob-date-formart
{
	position: absolute;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 80%;
	margin-left: 17%;
	margin-top: 15px;
	z-index: 3000;
}

.responsive .sl-spec-mob-date-inner,
.responsive .sl-spec-mob-date-inner a,
.responsive .sl-spec-mob-date-inner:hover
{
	text-transform: uppercase;
	font-size: 14px;
    font-family: 'Optima LT Std', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	border: 1px solid #57A639;
	border-radius: 17px;
	padding: 5px;
	background: #57A639;
	color: #ffffff;
}

@media all and (max-width: 599px)
{
.responsive .sl-spec-3c-footer-layout
{
	display: block;
	margin-top: 20px;
}

.responsive .sl-spec-3c-footer-left
{
	text-align: center;
	width: 100%;
}

.responsive .sl-spec-3c-footer-center
{
	text-align: center;
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 30px;
	margin-bottom: 30px;
}

.responsive .sl-spec-3c-footer-right
{
	text-align: center;
	width: 100%;
}
}

@media all and (min-width: 600px)
{
.responsive .sl-spec-3c-footer-layout
{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	width: 100%;
	margin-top: 20px;
}

.responsive .sl-spec-3c-footer-left
{
	text-align: center;
	width: 30%;
}

.responsive .sl-spec-3c-footer-center
{
	text-align: center;
	width: 30%;
	margin-left: 5%;
	margin-right: 5%;
}

.responsive .sl-spec-3c-footer-right
{
	text-align: center;
	width: 30%;
}
}

.responsive .sl-spec-3c-footer-layout img
{
	display: block;
	width: 120px !important;
	max-width: 120px !important;
	height: auto;
	filter: brightness(0) invert(1);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}

.responsive .alignright
{
  padding-left: 0px;
}

.responsive .sl-spec-offset::before
 {
   content: "";
   display: block;
   height: 115px;
   margin: -115px 0 0;
}

.responsive h1
 {
   font-size: 28px;
}

.responsive ul.sl-hmenu ul:before
{
   background: #ffffff;
}

/* Two columns */
.responsive .sl-spec-two-column-formart
{
	display: flex;
    flex-direction: column-reverse;
	width: 100%;
}

.responsive .sl-spec-two-column-inner
{
	display: block;
	width: 100% !important;
	margin-top: -85px;
}

/* Start Page Columns */
.responsive  .sl-spec-start-columns-format
{
	display: block;
	width: 100%;
}

.responsive  .sl-spec-start-columns-inner
{
	display: block;
	width: 100% !important;
}

.responsive .sl-spec-start-columns-contact
{
	display: block;
	width: calc(100% - 20px)!important;
}

.responsive .sl-spec-shortcuts-format
{
	display: block;
	margin-top: 30px;
	width: 100%;
}

.responsive .sl-spec-shortcuts-shortcut {
  width: 100%;
  margin-top: 20px;
}

/* id target */
.responsive .sl-spec-id-target::before
 {
   height: 150px;
   margin: -150px 0 0;
}