/* CSS Document */

@media screen and (max-width: 989px){
 
 body { line-height: 150% } 
* {     transition:all .2s linear;     -o-transition:all .2s linear;     -moz-transition:all .2s linear;     -webkit-transition:all .2s linear;}
html .MSIEcss,body.MSIEcss, #largermap, #socialmedia_top a, #largermap a, #footer a, .addthis_toolbox  div, .mCustomScrollbar , .mCustomScrollbar *,   .addthis_toolbox span,.sociallink, #tabs, #tabs li , #tabs li a, .socials, #staticmap *, .atm, #header form input, .blogcon {   transition: none;     -o-transition:none;     -moz-transition:none;     -webkit-transition:none;		}

	.website { width:96%; }
	.maxwidth { width:98%; }  .website {margin: 20px auto; }
 #top, #bottom {
  display: none;
}
#wrapper {
  width: 100%;
  position: relative;
}
#navmenu {
  float: none;
  margin: 0;
  right: 0;
  top: 80px;
  width: auto;
}#header {
  display: table;
  height: auto;
  width: 100%;
  background-position: center;
  padding: 10px 0;
  border-radius: 10px 10px 0 0;
} #navmenu {
  float: none;
  margin: 0;
  right: 0;
  top: 102px;
  width: auto;
}
	.promo { padding:0; } 
	.sliderwrapper, .shadow { width:100%; } 
	
#footer {
  margin: 0 auto 20px;
  width: 100%;
}
#contbody, 	.Safaricss #contbody  {
  background-color: #fff;
  background-image: none;
  background-position: center center;
  display: table;
  padding: 5px 2%;
  width: 96%;
}

.arrows {
  display: none;
}
div.catalogue {  height: auto;    width: 100%;     overflow: inherit;}

div.catalogue td, div.catalogue tr , div.catalogue tbody { display:block; } div.catalogue td {
  float: left;
} .promo h2 { text-align:left; } 
.homecss .thumb:last-child {
  display: none;
}
}

@media screen and (max-width: 767px){
.homecss .thumb:last-child {
  display: block;
} .texttext {display:none; } 
.leftcss #left, .leftcss #main {    display: table;    float: none; width:100%; margin:0}
h1,h2,h3 { text-align:center; } .subnav ul li a { text-align:center; } 
	.addthis_toolbox.addthis_default_style {     display: table;    margin: 0 auto;}
	#logo {
  display: table;
  float: none;
  margin: 10px auto;
}
#navmenu {
  background-color: #5ea9a2;
  background-image: none;
  border-radius: 5px 5px 0 0;
  display: table;
  float: none;
  height: auto;
  left: 0;
  margin: 0 auto;
  padding: 0 10px;
  right: 0;
  top: 154px;
  width: auto;
}
#header {
  background-image: url("../images/whitebg.png");
  background-position: center center;
  background-repeat: repeat;
  border-radius: 10px 10px 0 0;
  display: table;
  height: auto;
  padding: 10px 0 50px;
  width: 100%;
} .promo h2 {
  font-size: 140%;
} .thumb {
 
  border: 3px solid #ddd;
  
  height: 95px;
  margin: 4px;
  width: 95px;
}

 li { text-align:left; } 
 
#navmenu .menu li {
  float: left;
  font-weight: bold;
  list-style-type: none;
  padding: 2px 15px 0 5px;
  text-align: left;
}
 
	
}
@media screen and (max-width: 599px){

	
.homecss #contbody img {
  display: table;
  float: none;
  margin: 0 auto 20px !important;
  max-width: 100%;
  width: auto;
} .packingmaterial2 {
  background-color: #e1e1e1;
  background-image: none;
  display: table;
  height: auto;
  margin: 10px 0;
  padding: 10px 20px;
}
	
}
@media screen and (max-width: 479px){
	
#navmenu .menu li a img { display:none; } 
#navmenu .menu li a span { display:table; width: 100%; } 
#navmenu .menu { width:100%; } 
#navmenu {   border-radius: 0;  padding: 0;  position: inherit;  text-align: center;  top: auto;  width: 100%;}
#navmenu .menu li {  float: none;  margin: 0;  padding: 0;  width: 100%;} #header { padding:10px 0 0; } 
#navmenu .menu li a {  border-bottom: 1px solid #4e9992;  color: #fff;  display: table;  padding: 10px 0;  text-align: center;  width: 100%;}
#navmenu .menu li.liinactive,#navmenu .menu li.liinactive:hover ul,#navmenu .menu li.liactive:hover ul { display:none; } 
#navmenu .menu li.liactive ul {position:relative; margin:0 auto; width:100% } 
#navmenu .menu li:first-child a,#navmenu .menu li ul li a,#navmenu .menu li a {  } 
.menuicon {    display: table;    float: right;    margin: -24px 0 0;    position: absolute;    right: 10px;}.menuicon span {  background-color: #333333;    display: table;    height: 5px;    margin: 3px 0;  border-radius: 1px;    width: 25px;} 	

.fieldrow label span {    width: 100%; text-align:center }	
.fieldrow input[type=text],.fieldrow input,.fieldrow textarea { width:100%; } 
.contactleft, .contactright { width:100%; margin:0 }  .contactleft { text-align:center; } 
.homecss #contbody {     display: block; } 

.prodcol {
  float: none;
  margin: 0;
  width: auto;
}
.thumb {
 
  height: 82px;
  margin: 4px;
  width: 82px;
}

.contactright fieldset {
  float: none;
  width: 92%;
}

fieldset label input, fieldset label textarea, fieldset label select {
  display: block;
  padding: 5px 1%;
  width: 98%;
} .promo  {display:none; } .website { margin: 10px auto 20px } 
}