@charset "utf-8";

body { float:left; width:100%; padding:0px; margin:0px; }

.row     { width:914px; margin:0 auto; }
.lft  { float:left;  }
.rgt   { float:right; }
.clear  { clear:both; }
div  { padding:0px; margin:0px;  }
img { }

.wrapper   { width:860px !important; }
.main    { float:left; width:100%; border:2px solid #000000; margin:33px 0px; }
.top-sec   { float:left; width:93%; line-height:0px; background:url(../images/slices/top_banner.gif) repeat-x top left; padding:0px 0px 0px 7%;}
.top-rgt  { float:right; padding:0px 25px 0px 0px; }
.tit-lft  { float:left; background:url(../images/slices/banner_left.jpg) no-repeat top left; padding:20px 0px 0px 20px; min-height:108px; }
.phone   { float:left; font-family:Verdana, Geneva, sans-serif; color:#82a6c9; font-size:22px; font-weight:bold; padding:30px 0px 0px 0px; }
a.homelink  {  float:left; background:url(../images/slices/home_1.gif) no-repeat 0px 0px; padding:0px; text-decoration:none; width:65px; height:60px; }
a.homelink:hover  { background:url(../images/slices/home_2.gif) no-repeat 0px 0px; text-decoration:none; }
a.emaillink  {  float:left; background:url(../images/slices/email_1.gif) no-repeat 0px 0px; padding:0px; text-decoration:none; width:65px; height:60px; }
a.emaillink:hover  { background:url(../images/slices/email_2.gif) no-repeat 0px 0px; text-decoration:none; }
.title-sec    { float:left; width:100%; min-height:128px; /*background:url(../images/slices/middle.gif) repeat-x top left;*/ background:#02205c; padding:0px 0px; margin:0px 0px; line-height:0px; }
.content-sec { float:left; width:100%; background:#ADA935; }
.content-sec-birchmeier   { float:left; width:100%; background:#e8e9e9; }
.con-lft    { float:left; width:318px; min-height:300px; text-align:center; }
.con-lft a   { float:left; width:100%; text-align:center; display:block; padding:0px 0px 10px 0px; }
.con-lft p a   { float:left; width:auto; text-align:left; display:block; padding:0px 0px 10px 15px; }
.con-lft a img { border:2px solid #e6e3b8; }
.con-lft-bm    { float:left; width:318px; min-height:300px; text-align:center; }
.con-lft-bm a   { float:left; width:100%; text-align:center; display:block; padding:0px 0px 10px 0px; }
.con-lft-bm p a   { float:left; width:auto; text-align:left; display:block; padding:0px 0px 10px 15px; }
.con-lft-bm a img { border:0px; }
.img-pad   { width:85%; background:#ffffff;  border:2px solid #e6e3b8; margin:0 auto; }
.img-pad img  { border:none !important; }
.space-bdr  { float:left; width:100%; border-bottom:1px solid #000000; padding:5px 0px 5px 0px; margin:0px 0px 20px 0px; color: #ffffff; font-family: Verdana;  font-size: 13px;  font-weight: bold; }
.con-lft-home    { float:left; width:318px; min-height:762px; background:url(../images/menu/menu.gif) repeat-y bottom left; }
.menu     { display:none; }
.con-rgt    { float:left; width:540px; min-height:450px; border-left:2px solid #000000; background:#D2CC7C; height:auto; padding:0px; margin:0px; color: #000000; font-family: Verdana;  font-size: 13px; text-align: justify; }
.con-rgt h1 { float:left; background:#ADA935; width:90%; border-bottom:1px solid #000000; padding:5px 3% 5px 7%; margin:0px; color: #ffffff; font-family: Verdana;  font-size: 13px;  font-weight: bold; }
.cont-rg-in  { float:left; padding:4% 4% 5% 7%; line-height:110%; }
.con-rgt-birchmeier    { float:left; width:540px; min-height:450px; border-left:2px solid #000000; background:#e8e9e9; height:auto; padding:0px; margin:0px; color: #000000; font-family: Verdana;  font-size: 13px; text-align: justify; }
.con-rgt-birchmeier h1 { float:left; background:#ADA935; width:90%; border-bottom:1px solid #000000; padding:5px 3% 5px 7%; margin:0px; color: #ffffff; font-family: Verdana;  font-size: 13px;  font-weight: bold; }
.cont-rg-birchmeier-in  { float:left; padding:4% 4% 5% 7%; line-height:110%; }
.btm-txt      { float:left; width:100%; background:#054F98; padding:5px 0px; margin:0px; border-bottom:2px solid #000000; border-top:2px solid #000000;   }
.footer    { float:right; width:58.5%; padding:0px; margin:0px;  }
.btm-space  { float:left; width:100%; background:url(../images/slices/bottom_banner.gif) repeat-x top left; padding:0px; margin:0px; min-height:85px; } 
.f-link   { float:left; padding:80px 0px 0px 0px; text-align:center; width:100%;  }
.btm-space .f-link { display:none; } 
ul.list-img { float:left; width:100%; list-style-type:none; padding:0px 0px 0px 0px; margin:0px 0px; }
ul.list-img li {display: flex; flex-wrap: wrap; float:left; width:33.3%; min-height:145px; list-style-type:none; font-size:11px; text-align:center; padding:0px 0px 15px 0px; margin:0px 0px; }
ul.list-img li img { height:110px; text-align:center; }
.gap-par { float:left; width:100%; height:100px; }
.order-online { display: block; border-bottom: 2px solid #000000; }
.order-online img { display: block; }
ul.list-img li a {
    flex-basis: 100%;
}

/* ##############################################################################################
	
Meanmenu  - Responsive

################################################################################################# */

/* hide the link until viewport size is reached */
a.meanmenu-reveal { display: none; }
/* when under viewport size, .mean-container is added to body */
.menu-container { position:relative; z-index: 9999; font-family:Verdana, Geneva, sans-serif; }
.mean-container .mean-bar { float:left; width:100%; position:relative; padding:0px 0; top:0px; left:0; z-index: 9999; }
.mean-container .mean-bar .menu-head { float:left; font-size:20px; color: #00005f; background:#ffffff; padding:8px 3% 8px 5%; width:90%; height:22px; line-height:22px; border: 1px solid #bbc1c4; font-weight:400; text-align:left;   font-family:Verdana, Geneva, sans-serif;}
.mean-container a.meanmenu-reveal { width:25px; height:24px; padding:9px 10px 7px 10px; position: absolute; top: 0; right: 0; cursor: pointer; font-weight:400; text-decoration: none; font-size:13px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; background:#08387f; outline:none; }
.mean-container a.meanmenu-reveal:hover { background:#00005f; }
.mean-container a.meanmenu-reveal.meanclose { background:#ada935; color:#ffffff;  }
.mean-container a.meanmenu-reveal span { display: block; background:#ffffff; height: 3px; margin-top: 3px; }
.mean-container a.meanmenu-reveal:hover span, .mean-container a.meanmenu-reveal.meanclose span {  background:#ffffff; }
.mean-container .mean-nav { float: left; width:100%; margin:0; position:absolute; top:41px; }
/*  1st Level Menu  */
.mean-container .mean-nav ul { float:left; margin: 0; width:99.2%; list-style-type: none; padding:0;   border: 1px solid #e8e8e8; }
.mean-container .mean-nav ul li { position: relative; float: left; width:100%; padding:0px; margin:0px; background:#08387f; border-bottom: 1px solid #d6d3d3;  font-size:13px; font-weight:400; }
.mean-container .mean-nav ul li:hover { background:#ada935; }
.mean-container .mean-nav ul li.mean-last { border-bottom:none;  }
.mean-container .mean-nav ul li a {display: block; float: left; width: 92%; padding:7px 4% 7px !important; margin: 0; text-align: left; text-decoration: none; color:#ffffff; line-height:22px;   font-family:Verdana, Geneva, sans-serif; }
.mean-container .mean-nav ul li a span { color: #08387f; display: block; font-size: 13px; font-weight: 400; text-transform: none; line-height:16px; }
.mean-container .mean-nav ul li:hover a, .mean-nav ul li.active a, .mean-container .mean-nav ul li:focus a { color:#ffffff; }
.mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; }
/*  2nd Level Menu  */
.mean-container .mean-nav ul li ul {border:none;  width: 96%; background:url(../images/menu-arrow2.png) top left no-repeat; margin:0px 2% 7px;  padding: 11px 0px 0px 0px; }
.mean-container .mean-nav ul li ul li { border-bottom:1px solid #eeeeee; line-height:20px; background:#ffffff; }
.mean-container .mean-nav ul li:hover ul li { border-bottom:1px solid #e5e5e5; line-height:20px; background:#f7f7f7; }
.mean-container .mean-nav ul li ul li:hover {  background:url(../images/bullet-active.png) 10px 17px no-repeat #ffffff!important; }
.mean-container .mean-nav ul li ul li.bdr { border-bottom:none; }
.mean-container .mean-nav ul li ul li.mean-last { -webkit-border-radius:0px; -moz-border-radius:0px; -khtml-border-radius:0px; border-radius:0px; }
.mean-container .mean-nav ul li ul li:hover a, .mean-nav ul li.active ul li a, .mean-container .mean-nav ul li ul li:focus a { color:#303030; background:none !important;}
.mean-container .mean-nav ul li:hover ul li a{ color:#303030 !important; }
.mean-container .mean-nav ul li li a { background:url(../images/bullet.png) 10px 17px no-repeat; width:88%; padding:7px 6% 7px 6%!important; font-size:13px; font-weight:400; color:#303030; line-height:24px; visibility: visible; text-transform: none; }
.mean-container .mean-nav ul li li a:hover { background:url(../images/bullet-active.png) 10px 17px no-repeat!important; color:#19adc4!important;}
/*  3rd Level Menu  */
.mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; }
.mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; }
.mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; }
/*  Menu Expand  */
.mean-container .mean-nav ul li a.mean-expand { width:200px; height: 26px; border: none !important;padding:0px; text-align: right;position: absolute; right: 0; top: 0;   z-index: 2;   font-size:20px;padding:7px 4% 7px !important; }
.mean-container .mean-nav ul li a.mean-expand.mean-clicked { font-size:50px; padding:7px 4% 13px !important; color:#ffffff; }
.mean-container .mean-nav ul li a.mean-expand:hover { background: none; }
.mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; }
.mean-nav .wrapper { width: 100%; padding: 0; margin: 0; } 




/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and bcontainersers) */
@media only screen and (max-width: 1220px) {
	body{ overflow-x:hidden;}
	
	
	
}

@media screen and (min-width:1000px) and (max-width: 1219px) {
img {max-width:100%; }


}

@media screen and (min-width:768px) and (max-width:999px) {
img {max-width:100%; }
.wrapper { width:746px !important; }
.rgt img   { float:right; width:80%; }
.title-sec  { background-size:32px; min-height:115px; }
.tit-lft { min-height:78px; }
.tit-lft > img { width:80%; }
.con-lft-home { width:230px; min-height:760px;  }
.con-lft  { width:230px; }
.con-rgt  { width:514px;}
.cont-rg-in { padding:4% 4% 5%; }
.footer { width:66%; }
#cssmenu .has-sub ul   { width:250px; }
#cssmenu .has-sub ul.wider { width:512px; }
#cssmenu .has-sub ul.wider li { width:49%; }
div.catalogue-pic a.catalogue-seg1  { background-size: 85% auto; }
div.catalogue-pic span.catalogue-seg2 { display:none; }
.con-lft a img  { width:90%; }

}

@media screen and (max-width:767px) {
body { -webkit-text-size-adjust: none; }
img {max-width:100%; }
.wrapper { width:96% !important; }
.menu     { display:block; }
#cssmenu { display:none; }
.con-lft-home { background:none; }
.rgt img   { float:right; width:320px; }
.title-sec  { background-size:32px; min-height:115px; }
.tit-lft { min-height:78px; }
.tit-lft > img { width:80%; }
.con-lft-home  { width:100%; min-height:inherit; background:#ffffff;  }
.con-lft  { width:100%; min-height:inherit; }
.con-lft  { width:100%; min-height:inherit; }
.con-rgt  { width:100%; border-left:none; text-align:inherit; }
.cont-rg-in { padding:4%; width:92%; }
.con-rgt h1 { padding:15px 3% 15px 4%; width:93%; text-align:left; }
.footer { width:90%; text-align:center; padding:0px 5%; }
#cssmenu .has-sub ul   { width:250px; }
#cssmenu .has-sub ul.wider { width:512px; }
#cssmenu .has-sub ul.wider li { width:49%; }
div.catalogue-pic a.catalogue-seg1  { background-size:100%; width:196px; top:19px; position:relative; }
div.catalogue-pic span.catalogue-seg2 { display:none; }
div.catalogue-pic span.catalogue-seg2 { display:none; }
.f-link   { display:none;  }
.btm-space .f-link { display:block; padding:10px 0px; }
.con-lft a img  { width:90%; }
.content-sec   { background:#888430; }
.content-sec-birchmeier   { background:#e8e9e9; }
.space-bdr { border:none; margin:0px; padding:0px; }
.space-bdr-birchmeier { background:#888430; border:none; margin:0px; padding:0px; }
.gap-par {height:10px; }

}


/* Mobile Landscape Size (devices and bcontainersers) */
@media screen and (max-width:639px) {
.wrapper{ width:95% !important; }
.top-sec  { padding:0px 0px 0px 3%; width:97%; }
.phone { font-size:14px; }
div.catalogue-pic { left:30%; }
.tit-lft { width:40%; padding:15px 0 0 3%; min-height:60px; }
.rgt { width:57%;  }
.title-sec { background-size:24px auto; min-height:86px; }
div.catalogue-pic {display:block; position:relative;text-align:center; left:0;top:0;width:97%;max-width:100%;left:1.5%;}
div.catalogue-pic a.catalogue-seg1 { display:block; position:relative;text-align:center; background-image:url("../images/home_extras/pdf-brochure-graphic.png");width:100%;height:50px;}
.con-rgt img  { width:100%; height:auto;  }
ul.list-img li { float:left; width:50%; } 
ul.list-img li img { width:80%; height:140px; text-align:center; }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and bcontainersers) */
@media screen and (max-width:479px) {
.wrapper { width:93% !important }
.main { margin:20px 0 33px 0px; }
.title-sec { background-size:17px auto; min-height:61px; }
.tit-lft  { min-height:30px; padding:10px 0 0 3%; }
ul.list-img li img { width:80%; height:90px; text-align:center; }
 
 
 }


 /* ============================New Styles====================================== */

 @media screen and (max-width:980px) {
	.con-rgt-birchmeier{
		width: 100%;
		text-align: left;
		border-left: none;
		min-height: auto;
	}
	.con-lft-bm {
		width: 100%;
	}
	ul.list-img li img {
		height: auto;
		width: 80%;
	}
	.cont-rg-birchmeier-in {
		float: left;
		padding: 4%;
		line-height: 110%;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	.con-rgt-birchmeier h1 {
		text-align: center;
	}
 }
 @media screen and (min-width:320px) {
	.btm-txt {
		text-align: center;
	}
	.footer {
		float: none;
		width: auto;
	}
	.btm-space {
		min-height: auto;
		padding: 30px 0;
		text-align: center;
	}
	ul.list-img li {
		min-height: auto;
	}
	.con-lft-bm a {
		padding-top: 20px;
	}
	.body {
		font-size: 14px;
		font-weight: 600;
		text-align: center;
	}
	.cont-rg-in {
		padding: 4% 4% 4% 4%;
		box-sizing: border-box;
		width: 100%;
	}
	.cont-rg-birchmeier-in ul {
		text-align: left;
	}
	.cont-rg-birchmeier-in ul li{
		padding: 5px;
		font-size: 14px;
    line-height: 20px;
	}
	.cont-rg-birchmeier-in p {
		font-size: 14px;
		line-height: 20px;
	}
	.con-rgt-birchmeier {
		min-height: auto;
	}
	.list-img lh {
		display: block;
		margin-bottom: 25px;
	}
	.content-sec-birchmeier {
		display: flex;
		flex-wrap: wrap;
	}
	.con-rgt {
		min-height: auto;
	}
	.content-sec{
		display: flex;
		flex-wrap: wrap;
	}
	br:only-of-type {
		display: none;
	}
  }

 @media screen and (min-width:960px) {
	 .body {
		 text-align: left;
	 }
 }