/* CSS Document */
.owl-theme .owl-controls .owl-page span { background:none repeat scroll 0 0 #999; } 
@media screen and (max-height: 769px) and (orientation: landscape){
	#logo img {   height: auto;  margin: 0 0 0 10px;  max-width: 340px;}
	#boxes  img {   max-height: 85px;  width: auto;}
	
	#navmenu .menu li a {    padding: 10px 30px; } 
	}

@media screen and (max-width: 1089px){
	
#logo {  float: left;  margin: 1% 0 10px 2%;  width: 47%;}
#logo img {  height: auto;  width: 100%;}

#boxes {   float: right;  padding:2% 2% 0 0;  width: 47%;}
#boxes img {  width: 100%;  max-height: none;  height: auto;  min-height: 0;}
	
}

@media screen and (max-width: 989px){
.maxwidth { width:98%; }  #header .maxwidth { width:100%; background-image:none } 
 /*/#logo { display: table;float: none;margin: 10px auto;} /*/
#navmenu {     display: table;    float: none;    margin: 0 auto;}	
#iconsliders {    max-width: calc(100vw - 40px); } .homecss h1 {  width: auto; } 


#cubetext {   width: 47%;}#cube {   margin: 10px 1% 20px;  width: 49%;}
#scrolltext {   width: 100%;} .body .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .body .mCSB_scrollTools .mCSB_draggerRail {
  width: 15px;
}

.Safaricss #iconsliders {  width: 824px; } 


}
@media screen and (max-width: 824px){
	
	#navmenu .menu li a { padding: 10px 20px } 
.Safaricss #iconsliders {  width: 767px; } 

#boxes {    padding: 2% 2% 1% 0;  }

}

@media screen and (max-width: 767px){
	#cubetext { margin:0 0 20px 0;   width: 98%;}
#slider h4 {
  bottom: 0;
  font-size: 150%;
  left: 0;
  margin: 0;
  right: 0;
  text-align: center;
}
	#navmenu .menu { width:100%; } #navmenu {  width: 100%; } 
	#navmenu .menu li { float:none;  width:100%;} 
	#navmenu .menu li a {display:table; width:100%;   padding: 5px 0; } 
	#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;} 	

.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;}
	
	#cube, #features { float:none; margin:0 auto } 
	
	#navmenu .menu li.liactive ul { display: none; } 
  #navmenu .menu li ul li a, #navmenu .menu li a, #navmenu .menu li li:first-child a, #navmenu .menu li li:last-child a { background-color: transparent; border:0 }
  #navmenu .menu li ul li a { padding:5px 0 } 
  #navmenu .menu li:hover li a {
  background-color: transparent;
} 
  .Safaricss #iconsliders {  width: 599px; } 

}
@media screen and (max-width: 599px){
	
	#logo img {
  height: auto;
  margin: 10px auto;
  max-width: 380px;
}  body.body { background-size: contain;  } 
.homecss h1 { margin:10px auto 20px;    font-size: 140%; } 
  #features { display:none; }  .includes ul {   -moz-columns: auto auto; columns:   auto auto; } 
  .includes {     margin: 20px 0 0;    padding: 20px 0; } 
    .Safaricss #iconsliders {  width: 479px; } 
	
#boxes {   padding: 10% 2% 0 0;  width: 31%;}
	#logo {  float: left;  margin: 1% 0 0 2%;  width: 60%;}
}
@media screen and (max-width: 479px){
	
.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; } 

#logo img {  max-width: 280px; }
#slider h4 {
  background-image: none;
  color: #666;
  font-size: 140%;
  position: inherit;
}.homecss h1 { font-size:120%; } 
.homeactions li {  float: left;  margin: 0 10px;}


#footer {
  background: url("../images/homes_12.png") no-repeat scroll center bottom / 180% auto #fff;
   
  margin: 0 auto;
  padding: 20px 0 30px;
  width: 100%;
} #wrapper { margin:0 auto -20px; }  .push {
    height: 20px;
}
  .Safaricss #iconsliders {  width: 280px; } 
#logo {
  clear: both;
  float: none;
  margin: 5px auto;
  width: 90%;
} #logo img {
  max-width: none;
} #boxes { display:none; }  .leftside, .rightside {
  float: none;
  margin: 0 auto;
  width: 90%;
}
}

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

.compatiblewith img {
  display: table;
  height: auto;
  margin: 10px auto;
  max-width: 180px;
}

.homeactions li {
  float: none;
  margin: 20px auto;
} .homeactions { margin:0 auto  } 
#main  ul {
  margin: 0 0 20px;
  padding: 0 0 0 21px;
  text-align: left;
}
}