@charset "utf-8";
/* CSS Document */
@-ms-viewport {
  width: device-width;
}


@media (max-width: 1024px){
.display .next{ left:91%;}	
	}

/*Small tablet landscape (800x600) First Importtant*/
@media (max-width: 800px) {
	body{ padding-top:0%;}
 .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: static;
  }
  .navbar-fixed-top {
    margin-bottom: 20px;
  }
  .navbar-fixed-bottom {
    margin-top: 20px;
  }
  .navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-right: 0;
    padding: 0;
    margin: 0 0 0 2%;
	display:block;
	line-height:2em;
	color:#ffffff;
  }
  .nav-collapse {
    clear: both;
  }
  .nav-collapse .nav {
    float: none;
    margin: 0 0 10px;
  }
  .nav-collapse .nav > li {
    float: none;
	display:block;
  }
  .nav-collapse .nav > li > a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > .divider-vertical {
    display: none;
  }
  .nav-collapse .nav .nav-header {
    color: #777777;
    text-shadow: none;
  }
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    padding:0px;
    font-weight: normal;
    color: #000000;
	margin-left:2.1%;
	display:block;
  }
  .nav-collapse .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .nav-collapse .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .nav-collapse .nav > li > a:hover,
  .nav-collapse .dropdown-menu a:hover {
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #999999;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover {
    background-color: #111111;
  }
  .nav-collapse.in .btn-group {
    padding: 0;
    margin-top: 5px;
  }
  .nav-collapse .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .nav-collapse .open > .dropdown-menu {
    display: block;
  }
  .nav-collapse .dropdown-menu:before,
  .nav-collapse .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .dropdown-menu .divider {
    display: none;
  }
  .nav-collapse .nav > li > .dropdown-menu:before,
  .nav-collapse .nav > li > .dropdown-menu:after {
    display: none;
  }
  .nav-collapse .navbar-form,
  .nav-collapse .navbar-search {
    float: none;
    padding: 10px 15px;
    margin: 10px 0;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-inverse .nav-collapse .navbar-form,
  .navbar-inverse .nav-collapse .navbar-search {
    border-top-color: #111111;
    border-bottom-color: #111111;
  }
  .navbar .nav-collapse .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .nav-collapse,
  .nav-collapse.collapse {
    height: 0;
    overflow: hidden;
  }
  .navbar .btn-navbar {
    display: block;
  }
  .navbar-static .navbar-inner {
    padding-right: 10px;
    padding-left: 10px;
  }
.navigationArea ul li:after{ display:none;} 
.navbar-inner{
	background:#CDC99A;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom:1%;
	}
	
	
	
.gallerymain{ width:78%; float:none; margin:0 auto;}	
.carousel-inner{ width:100%;}
.carousel-nav { position:absolute; margin-left:0.5%; margin-top:1px; z-index:9999; width:100%;}
.carousel-nav ul li{ float:left; margin:0;}
.carousel-nav ul li a{ display:block; padding:1em 0.5em 1em 0.5em; text-align:center; background:rgba(205,201,154,0.6); background-size:cover; width:9em; margin-right:0.4em; height:2.45em;}
.carousel-nav ul li a.active{background:rgba(149,193,122,0.6); background-size:cover; }
.certified{ width:100%; background:#CDC99A;}
.next-pre{ left:90%; top:8%;}
.pc{ }
.small{ display:block;}
ul#foo2 li img{ width:100%;}


.jscarousal-contents-horizontal{ width:94%}

.jscarousal-contents-horizontal > div > div{ margin-right:0.5em; margin-left:0; width:30%;}

.thumbnail-text{ font-size:15px;}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward{ position:absolute; right:0; top:0;}

.bottomnav ul li a, .bottomnav ul li a:visited, .bottomnav ul li a:active{ width:190%;}

.carousel-nav{ display:none;}
/*Services page*/
.threemenu ul li a{ width:32%; font-size:11px; margin-right:1.5%;}

.greenbox h1{ font-size:4em;}
.greenbox h2{ font-size:1.8em;}


/*Bootstrap*/
ul.dropdown-menu li.dropdown b{ display:none;}
ul.dropdown-menu li.dropdown a{ background:none;}


.navigationArea ul ul ul.dropdown-menu{
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
  display: block;
  float: left;

  padding: 0px 0;
  margin: 0px 0 0;
  list-style: none;
  background: none ;
  border: none;
 
  
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
		  text-align:left;
  
}

.navigationArea ul{}
.navigationArea ul li{ text-align:left; margin:0;}
.navigationArea ul li a{}
.navigationArea ul li a:hover, .navigationArea ul li.active a{ background:none;}
.navigationArea ul ul{ margin:0!important; padding:0!important; width:auto!important;}
span.arrowTop{ display:none!important;}
.navigationArea ul ul li{ float:none!important; width:100%!important;}
.navigationArea ul ul li a{}
.dropdown-toggle:active, .open .dropdown-toggle{ background:none;}
.navigationArea ul ul ul{ width:100%!important;}
.dropdown-menu{ background:none;}
.navigationArea ul ul li a{ margin-top:0!important;}
.footermid{width:100%;}

/*.navigationArea ul li{ text-align:left; margin-left:0; padding-left:0;}
.navigationArea ul li a:hover, .navigationArea ul li.active a{ background:none;}
.arrowTop{ display:none;}
.dropdown-toggle:active, .open .dropdown-toggle{ background: none;}
.navigationArea ul li.services ul{ left:0; margin:0 0 0 2%!important; padding:0; width:auto;}
.navigationArea ul ul li{ margin:0 !important; padding:0!important; width:100%!important;}
.navigationArea ul ul li.inventory a{ border:none; margin:0; padding:0;}
.navigationArea ul ul li.inventory ul li.first a{ margin-top:0!important;}*/
	}

	

@media (min-width: 768px) and (max-width: 979px){
	
	} 


/*Second Important*/
@media only screen and (max-width: 915px) {

}

@media only screen and (max-width: 768px) {

}

/*Small tablet portrait (600x800)*/
@media only screen and (max-width: 600px){
.logo{ width:100%; margin:0;}
.next-pre{ width:25%; left:78%;}
.gallerymain{ width:100%;}
.leftbarHome{ width:100%; margin:0;}
.certified{ margin-bottom:3%;}
.rightbarHome{ width:100%;}
.bottomnav ul li a, .bottomnav ul li a:visited, .bottomnav ul li a:active{ width:150%;}
.threemenu ul li{ margin-bottom:1%;}
.threemenu ul li a{ width:99%; margin:0; font-size:100%; margin-bottom:2%;}
.rightbarabout{ width:58%;}
.leftbarabout{ margin-right:5%;}

.blockOne{ width:100%; border-bottom:solid 1px #000000; margin-bottom:2%;}
.blockright{ margin:0;}
.contactLeft{ width:100%;}
.contactRight{ width:100%;}
.aboutaddress{ margin-bottom:3%;}

.greenbox h1{ font-size:3.4em;}
.greenbox h2{ font-size:1.4em;}

}


@media only screen and (max-width: 480px) {
.footermid{ display:block; overflow:hidden; width:100%;}	

.footerarrow{ display:none;}
.bottomlogo{ width:90%; padding:0 5%; margin:0 auto 2% auto; text-align:center; border-bottom:solid 1px #ffffff;}
.bottomnav{ width:40%; float:left; margin:0 1%;}
.bottomnav ul li a, .bottomnav ul li a:visited, .bottomnav ul li a:active{ width:auto;}
.contact{ width:40%; float:right; margin:0 1%;}
.copyright{ text-align:center; width:100%;}
.thumbnail-text{ font-size:13px;}
.hidden{ display:none;}
.introhome{ margin-bottom:0;}
.middleSection{ margin-bottom:0;}
.onecol,.twocol{ width:100%; margin:0 0 5% 0; padding:0 0 0 0;}
.introtextservice p{ font-size:14px; -moz-column-count:1; /* Firefox */
 -webkit-column-count:1; /* Safari and Chrome */
column-count:1;
-moz-column-gap:0px; /* Firefox */
-webkit-column-gap:0px; /* Safari and Chrome */
column-gap:0px;}

.rightbarabout{ width:99%; margin:0 0 0 0; padding:0 0 0 0;}
.leftbarabout{ width:100%; margin:0 0 0 0; padding:0 0 0 0;}
.aboutaddress{ margin-bottom:3%;}

.introtextproduct{  -moz-column-count:1; /* Firefox */
-webkit-column-count:1; /* Safari and Chrome */
column-count:1;
-moz-column-gap:00px; /* Firefox */
-webkit-column-gap:00px; /* Safari and Chrome */
column-gap:00px;
}

.subLeft{ width:100%;}
.subRight{ width:100%;}
.greenbox{ background:url("../images/bg-dot.png") repeat-x scroll center 85% #95C17A; min-height:11.5em;}
	}


@media only screen and (max-width: 400px) {

}

@media only screen and (min-width: 409px) {

}


@media only screen and (max-width: 320px) {
.carousel-caption{ display:none;}
.next-pre{ display:none;}
.thumbnail-text{ display:none;}
.jscarousal-horizontal-back, .jscarousal-horizontal-forward{ height:55px; width:20px;}
.jscarousal-contents-horizontal > div > div{ width:28%;}
.jscarousal-contents-horizontal{ width:90%;}
.bottomnav{ width:100%; margin:7% 0 0 0; padding:0;}
.bottomnav ul{padding:0; width:100%;}
.bottomnav ul li{margin-bottom: 2%; padding-bottom: 2%;}
.bottomnav ul li a, .bottomnav ul li a:visited, .bottomnav ul li a:active{ width:100%; display:inline-block; text-align:center; margin:0; padding:0;}
.contact{ width:100%; text-align:center; margin:8% 0;}
.copyright{ margin-bottom:1%;}
.imageholder{ width:100%;}
.imageholder img{ width:100%;}
.imageholder.right{ float:left;}
}


@media only screen and (max-width: 240px) {
}
