body {

    font-family: 'Rubik', sans-serif;

    font-size: 14px;

    overflow-x: hidden !important;

}



.light-header {

    background: #FFF !important;

    width: 100%;

    border-bottom: solid 1px #f8f8f8;

    position: fixed;

    z-index: 9999;

}



.top-nav {

    background: #FFF;

    width: 100%;

}



.menuzord-brand img {

    width: 60%;

}



.light-header .topMenu {

    display: none;

}



.light-header .menuzord {

    border-top: none;

    background: #FFF;

}



header {

    position: absolute;

    z-index: 99;

    width: 100%;

}



.banner {

    background: url(images/fullimage1.jpg) top center no-repeat;

    background-size: auto;

    width: 100%;

    height: 630px;

    position: relative;

    padding: 10% 0;

    background-size: cover;

}





/*.dropdown-menu.show {display: block; left: -75px !important;}*/



.banner-text h2 {

    font-size: 27px;

    font-weight: bold;

    color: #e9bc01;

    margin: 70px 0 15px 0px;

    padding: 0px;

}



.banner-text h2 span {

    color: #638b00;

}



.banner-text p {

    color: #3c3839;

    font-size: 17px;

    margin: 0 0 30px 0px;

    padding: 0px;

    display: block;

}



.dropdown-menu {

    padding: 0px;

    border: none;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}



.dropdown-item {

    font-size: 14px;

}



.readMore {

    text-decoration: none;

    text-transform: uppercase;

    padding: 15px 25px;

    background: #e9bc01;

    -moz-box-shadow: 0px 0px 10px #CCC;

    -webkit-box-shadow: 0px 0px 10px #CCC;

    box-shadow: 0px 0px 10px #CCC;

    color: #FFF;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}



.readMore:hover {

    text-decoration: none;

    background: #638b00;

    color: #FFF;

}



.contactBtu {

    text-decoration: none;

    text-transform: uppercase;

    margin-left: 25px;

    padding: 15px 25px;

    background: #638b00;

    -moz-box-shadow: 0px 0px 10px #CCC;

    -webkit-box-shadow: 0px 0px 10px #CCC;

    box-shadow: 0px 0px 10px #CCC;

    color: #FFF;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

}



.contactBtu:hover {

    text-decoration: none;

    background: #FFF;

    color: #638b00;

}



#owl-demo .owl-pagination {

    display: none;

}



#owl-demo .owl-buttons {

    position: absolute;

    width: 89%;

    top: 45%;

    left: 5%;

    right: 5%;

}



#owl-demo .owl-buttons .owl-next {

    float: right;

}



#owl-demo .owl-buttons .owl-prev {

    float: left;

}



#owl-demo .owl-buttons div {

    background: #FFF !important;

    font-size: 20px;

    line-height: 40px;

}



#owl-demo .owl-buttons div .fa {

    color: #638b00;

    padding: 2px;

}





/* Preloader */



#preloader {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #FFF;

    z-index: 99999;

}



#status {

    width: 200px;

    height: 200px;

    position: absolute;

    left: 50%;

    top: 50%;

    background-image: url(images/bambooFoundation.png);

    background-repeat: no-repeat;

    background-position: center;

    margin: -100px 0 0 -100px;

    background-size: 50%;

    text-align: center;

}



.img-fluid {

    width: 100%;

}



.search {

    background: #638b00;

    border: solid 2px #638b00;

    color: #FFF !important;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    padding: 5px 7px !important;

}



.search .fa {

    margin: 0px;

}



.leftMenu ul {

    padding: 10px 0px;

    margin: 0px;

    list-style: none;

    font-size: 14px;

}



.leftMenu ul li {

    padding: 0;

    margin: 0 10px 0 0;

    float: left;

}



.rightMenu ul {

    float: right;

    padding: 10px 0;

    margin: 0px;

    list-style: none;

    font-size: 14px;

}



.rightMenu ul li {

    float: left;

    padding: 0 10px;

    margin: 0px;

    background: url(images/border-left.png) right center no-repeat;

}



.rightMenu ul li a {

    text-decoration: none;

    color: #333;

}



.rightMenu ul li a:hover {

    text-decoration: none;

    color: #638b00;

}



.rightMenu ul li:last-child {

    padding-right: 0px;

    background: none;

}





/*------------------Modern Ticker Classes------------------*/



.newsSection {

    background: rgba(0, 0, 0, 0.6);

    position: relative;

    width: 100%;

    top: -44px;

    color: #FFF;

}



.modern-ticker {

    width: 100%;

    height: 45px;

    line-height: 20px;

    /*font-size: 16px;*/

    overflow: hidden
}



.modern-ticker a {

    text-decoration: none
}



.modern-ticker ul {

    margin: 0;

    padding: 0;

    list-style: none;

    width: 2000px;

}



.mt-body {

    margin: 5px 0;

    position: relative
}



.mt-label {

    /*margin-right: 2px;*/

    margin: 8px 0;

    color: #e9bc01;

    font-size: 19px;

    padding: 0 8px 0 0px;

    position: absolute;

    left: 0
}



.mt-news {

    overflow: hidden;

    position: absolute;

    margin: 8px 0;

}





/*.mt-scroll .mt-news { background-color: transparent}*/



.mt-news ul {

    background-repeat: no-repeat;

    background-position: -1000px
}



.mt-news li {

    float: left;
    margin-left: 20px;

    position: relative;

}



.mt-news li a img.new {

    position: absolute;

    right: -25px;

}



.mt-news a {

    /*font-size: 16px;*/

    padding: 0 10px 0 20px;

    margin-right: 2px;

    background-repeat: no-repeat;

    background-position: 7px center;

    display: block;

    white-space: nowrap
}



.mt-scroll.mt-round .mt-news a {

    border-radius: 0
}



.mt-hide {

    display: none
}



.mt-controls {

    /*margin-left: 2px;*/

    margin: 2px 0 8px 8px;

    position: absolute;

    right: 0;

    background-repeat: no-repeat;

    background-position: -1000px
}



.mt-next,

.mt-play,

.mt-prev {

    width: 30px;

    height: 30px;

    background-repeat: no-repeat;

    background-position: center;

    float: left;

    cursor: pointer
}



.modern-ticker {

    color: #fff;

}



.mt-preloader {

    background: url(images/preloader.html) no-repeat center
}



.mt-news ul {

    background-image: url(images/bullet-over.html)
}



.mt-news a {

    color: #FFF;

    background-image: url(images/bullet.png)
}



.mt-news a:hover {

    color: #e9bc01;

    background-image: url(images/bullet.png)
}



.mt-controls {

    background-image: url(images/pause.png)
}



.mt-next,

.mt-prev {

    background-color: #638b00;

}



.mt-prev {

    background-image: url(images/arrow-prev.png)
}



.mt-next {

    background-image: url(images/arrow-next.png)
}



.mt-play {

    background-color: #638b00;

    background-image: url(images/play.png);

    margin: 0 1px;

}



.mt-pause {

    background-image: url(images/pause.png)
}



.mt-next:hover,

.mt-play:hover,

.mt-prev:hover {

    background-color: #e9bc01;

}



.mt-next:active,

.mt-play:active,

.mt-prev:active {

    background-color: #e9bc01;

}



#owl-demo2 img {

    border: solid 4px #FFF;

    -moz-box-shadow: 0px 0px 10px #CCC;

    -webkit-box-shadow: 0px 0px 10px #CCC;

    box-shadow: 0px 0px 10px #CCC;

}



#owl-demo2 .owl-page.active span {

    background: #e9bc01;

}



#owl-demo2 .owl-page span {

    display: block;

    width: 12px;

    height: 12px;

    margin: 5px;

    filter: Alpha(Opacity=100);

    opacity: 1;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background: #8dc548;

}



.bambooFoundation ul {

    padding: 0px;

    margin: 0px 0 10px 0;

    list-style: none;

    overflow: hidden;

}



.bambooFoundation ul li {

    padding: 0px 0 0 15px;

    margin: 0px 0 10px 0;

    position: relative;

}



.bambooFoundation ul li:after {

    content: "\f101";

    position: absolute;

    left: 0;

    top: 0px;

    font-family: FontAwesome;

}





/***welcome Section ***/



.welcomeSection {

    width: 100%;

    display: block;

    margin-top: -50px;

    background-color: #e8f6b9;

}





/*Enterprise Directory*/



.enterpriseDirectory {

    border: solid 1px #828080;

    text-align: center;

    background: url(images/enterpriseDirectory1.png) center 25px no-repeat;

    padding: 86px 15px 20px 15px;

}



.enterpriseDirectory:hover {

    background: url(images/enterpriseDirectory2.png) center 25px no-repeat;

    margin: 0 auto;

    transition: all 0.3s ease-in-out;

    cursor: pointer
}



.enterpriseDirectory:hover h3 {

    color: #e9bc01;

    transition: all 0.3s ease-in-out;

}



.enterpriseDirectory h3 {

    text-transform: uppercase;

    color: #3c3839;

    font-size: 18px;

    margin: 10px 0 10px 0px;

    padding: 0px;

}



.enterpriseDirectory p {

    color: #3c3839;

    font-size: 15px;

    margin: 0 0 10px 0px;

    padding: 0px;

}



.enterpriseDirectory a {

    text-decoration: none;

    font-weight: 600;

    color: #3c3839;

}



.enterpriseDirectory a:hover {

    text-decoration: none;

    color: #638b00;

}





/*Enterprise Directory*/





/*News & Events*/



.newsEvents {

    border: solid 1px #828080;

    text-align: center;

    background: url(images/newsEvents1.png) center 25px no-repeat;

    padding: 86px 15px 20px 15px;

}



.newsEvents:hover {

    background: url(images/newsEvents2.png) center 25px no-repeat;

    margin: 0 auto;

    transition: all 0.3s ease-in-out;

    cursor: pointer
}



.newsEvents:hover h3 {

    color: #e9bc01;

    transition: all 0.3s ease-in-out;

    cursor: pointer
}



.newsEvents h3 {

    text-transform: uppercase;

    color: #3c3839;

    font-size: 18px;

    margin: 10px 0 10px 0px;

    padding: 0px;

}



.newsEvents p {

    color: #3c3839;

    font-size: 15px;

    margin: 0 0 10px 0px;

    padding: 0px;

}



.newsEvents a {

    text-decoration: none;

    font-weight: 600;

    color: #3c3839;

}



.newsEvents a:hover {

    text-decoration: none;

    color: #638b00;

}





/*News & Events*/





/*Image Gallery*/



.imageGallery {

    border: solid 1px #828080;

    text-align: center;

    background: url(images/imageGallery1.png) center 25px no-repeat;

    padding: 86px 15px 20px 15px;

}



.imageGallery:hover {

    background: url(images/imageGallery2.png) center 25px no-repeat;

    margin: 0 auto;

    transition: all 0.3s ease-in-out;

    cursor: pointer
}



.imageGallery:hover h3 {

    color: #e9bc01;

    transition: all 0.3s ease-in-out;

    cursor: pointer
}



.imageGallery h3 {

    text-transform: uppercase;

    color: #3c3839;

    font-size: 18px;

    margin: 10px 0 10px 0px;

    padding: 0px;

}



.imageGallery p {

    color: #3c3839;

    font-size: 15px;

    margin: 0 0 10px 0px;

    padding: 0px;

}



.imageGallery a {

    text-decoration: none;

    font-weight: 600;

    color: #3c3839;

}



.imageGallery a:hover {

    text-decoration: none;

    color: #638b00;

}





/*Image Gallery*/





/*Video Gallery*/



.videoGallery {

    border: solid 1px #828080;

    text-align: center;

    background: url(images/videoGallery1.png) center 25px no-repeat;

    padding: 86px 15px 20px 15px;

}



.videoGallery:hover {

    background: url(images/videoGallery2.png) center 25px no-repeat;

    margin: 0 auto;

    transition: all 0.3s ease-in-out;

    cursor: pointer
}



.videoGallery:hover h3 {

    color: #e9bc01;

    transition: all 0.3s ease-in-out;

    cursor: pointer
}



.videoGallery h3 {

    text-transform: uppercase;

    color: #3c3839;

    font-size: 18px;

    margin: 10px 0 10px 0px;

    padding: 0px;

}



.videoGallery p {

    color: #3c3839;

    font-size: 15px;

    margin: 0 0 10px 0px;

    padding: 0px;

}



.videoGallery a {

    text-decoration: none;

    font-weight: 600;

    color: #3c3839;

}



.videoGallery a:hover {

    text-decoration: none;

    color: #638b00;

}





/*Video Gallery*/





/*.productsbamboo{ border: solid 1px #CCC;text-align:center;  background:url(images/bamboo-products1.png) center 25px no-repeat; padding:86px 15px 35px 15px;}

.productsbamboo:hover{ background:url(images/bamboo-products1-hover.png) center 25px no-repeat;  margin:0 auto; }

.productsbamboo:hover h3{ color:#e9bc01}



.borderNone{ border:none !important;}



.productsbamboo h3{ text-transform:uppercase; color:#3c3839; font-size:18px; margin:10px 0 10px 0px; padding:0px;}

.productsbamboo p{ color:#3c3839; font-size:15px; margin:0 0 10px 0px; padding:0px;}

.productsbamboo a{ text-decoration: none; font-weight:600; color:#3c3839;}

.productsbamboo a:hover{ text-decoration: none; color:#638b00;}*/





/***Bamboo Foundation ***/



.bambooFoundation {

    background: url(images/bamboo-bg.jpg) top center fixed;

    background-size: cover;

}



.bambooFoundation h2 {

    color: #638b00;

    font-size: 30px;

    margin: 0;

    padding: 0 0 15px 0px;

    text-transform: uppercase;

}



.bambooFoundation h3 {

    color: #638b00;

    font-size: 24px;

    margin: 0;

    padding: 0 0 15px 0px;

    text-transform: uppercase;

}



.bambooFoundation h2 span {

    color: #292424;

    border-bottom: solid 1px #292424;

}



.bambooFoundation p {

    color: #292424;

    font-size: 15px;

    margin: 0 0 15px 0px;

    padding: 0px;

    overflow: hidden;

}



.bambooFoundation a {

    text-decoration: none;

    padding: 10px 25px;

    background: #e9bc01;

    -moz-box-shadow: 0px 0px 10px #CCC;

    -webkit-box-shadow: 0px 0px 10px #CCC;

    box-shadow: 0px 0px 10px #CCC;

    color: #FFF;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    display: inline-block;

}



.bambooFoundation a:hover {

    text-decoration: none;

    background: #638b00;

    color: #FFF;

}





/**Why Bamboo**/



.whyBamboo {

    width: 100%;

    display: block;

    background: url(images/bamboo-leaves.png) right bottom no-repeat #FFF;

    background-size: 15%;

}



.whyBamboo h2 {

    text-align: center;

    color: #638b00;

    font-size: 30px;

    margin: 0;

    padding: 0 0 15px 0px;

    text-transform: uppercase;

}



.whyBamboo h2 span {

    color: #292424;

    border-bottom: solid 1px #292424;

}





/**Strong and Durable**/



.strongDurable {

    text-align: center;

    background: url(images/strongDurable.png) top center no-repeat;

    padding-top: 98px;

}



.strongDurable:hover {

    background: url(images/strongDurable-hover.png) top center no-repeat;

    margin: 0 auto;

}



.strongDurable h3 {

    text-transform: uppercase;

    color: #3c3839;

    font-size: 18px;

    margin: 10px 0 10px 0px;

    padding: 0px;

}



.strongDurable:hover h3 {

    color: #e9bc01
}





/**versatile**/



.versatile {

    text-align: center;

    background: url(images/versatile.png) top center no-repeat;

    padding-top: 98px;

}



.versatile:hover {

    background: url(images/versatile-hover.png) top center no-repeat;

    margin: 0 auto;

}



.versatile h3 {

    text-transform: uppercase;

    color: #3c3839;

    font-size: 18px;

    margin: 10px 0 10px 0px;

    padding: 0px;

}



.versatile:hover h3 {

    color: #e9bc01
}





/**Fast Growing**/



.fast-growing {

    text-align: center;

    background: url(images/fast-growing.png) top center no-repeat;

    padding-top: 98px;

}



.fast-growing:hover {

    background: url(images/fast-growing-hover.png) top center no-repeat;

    margin: 0 auto;

}



.fast-growing h3 {

    text-transform: uppercase;

    color: #3c3839;

    font-size: 18px;

    margin: 10px 0 10px 0px;

    padding: 0px;

}



.fast-growing:hover h3 {

    color: #e9bc01
}





/**Inexhaustible**/



.inexhaustible {

    text-align: center;

    background: url(images/lnexhaustible.png) top center no-repeat;

    padding-top: 98px;

}



.inexhaustible:hover {

    background: url(images/lnexhaustible-hover.png) top center no-repeat;

    margin: 0 auto;

}



.inexhaustible h3 {

    text-transform: uppercase;

    color: #3c3839;

    font-size: 18px;

    margin: 10px 0 10px 0px;

    padding: 0px;

}



.inexhaustible:hover h3 {

    color: #e9bc01
}





/*** Environmentally friendly **/



.environmentally-friendly {

    text-align: center;

    background: url(images/environmentally-friendly.png) top center no-repeat;

    padding-top: 98px;

}



.environmentally-friendly:hover {

    background: url(images/environmentally-friendly-hover.png) top center no-repeat;

    margin: 0 auto;

}



.environmentally-friendly h3 {

    text-transform: uppercase;

    color: #3c3839;

    font-size: 18px;

    margin: 10px 0 10px 0px;

    padding: 0px;

}



.environmentally-friendly:hover h3 {

    color: #e9bc01
}





/*** Wildlife Protection**/



.wildlife-protection {

    text-align: center;

    background: url(images/wildlife-protection.png) top center no-repeat;

    padding-top: 98px;

}



.wildlife-protection:hover {

    background: url(images/wildlife-protection-hover.png) top center no-repeat;

    margin: 0 auto;

}



.wildlife-protection h3 {

    text-transform: uppercase;

    color: #3c3839;

    font-size: 18px;

    margin: 10px 0 10px 0px;

    padding: 0px;

}



.wildlife-protection:hover h3 {

    color: #e9bc01
}



.whyBamboo p {

    color: #3c3839;

    font-size: 15px;

    margin: 0 0 10px 0px;

    padding: 0px;

}



.whyBamboo a {

    text-decoration: none;

    font-weight: 600;

    color: #3c3839;

}



.whyBamboo a:hover {

    text-decoration: none;

    color: #638b00;

}



.loadMore a {

    text-decoration: none;

    padding: 10px 25px;

    background: #e9bc01;

    -moz-box-shadow: 0px 0px 10px #CCC;

    -webkit-box-shadow: 0px 0px 10px #CCC;

    box-shadow: 0px 0px 10px #CCC;

    color: #FFF;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 5px;

    display: inline-block;

}



.loadMore a:hover {

    text-decoration: none;

    background: #638b00;

    color: #FFF;

}





/****feedbackForm****/



.feedbackForm {

    background: #3c3839;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    padding: 25px;

    min-height: 95px;

    width: 95%;

    margin: 0 auto;

}



.feedbackForm h3 {

    color: #FFF;

    font-size: 24px;

    float: left;

    margin: 10px 0 0 0px;

    font-weight: 200;

    font-style: italic;

    padding: 0px;

}



.feedbackForm h3 span {

    color: #e9bc01;

}



.feedbackForm button[type=button] {

    background: #e9bc01;

    padding: 8px 25px;

    border: dotted 1px #FFF;

    color: #FFF;

    -webkit-border-radius: 35px;

    -moz-border-radius: 35px;

    border-radius: 35px;

    text-transform: uppercase;

    cursor: pointer;

    float: right;

    font-size: 18px;

    -webkit-box-shadow: 0px 0px 0px 5px #e9bc01;

    -moz-box-shadow: 0px 0px 0px 5px #e9bc01;

    box-shadow: 0px 0px 0px 5px #e9bc01;

    text-align: center;

}



.feedbackForm button[type=button]:hover {

    background: #638b00;

    border: none;

    color: #FFF;

    border: dotted 1px #FFF;

    -webkit-box-shadow: 0px 0px 0px 5px #638b00;

    -moz-box-shadow: 0px 0px 0px 5px #638b00;

    box-shadow: 0px 0px 0px 5px #638b00;

}





/***footer***/



footer {

    background: url(images/footer-bg.png) top center no-repeat;

    background-attachment: fixed;

    background-size: cover;

    padding: 30px 0 30px 0;

}



footer hr {

    border-color: #FFF;

}



footer h4 {

    color: #FFF;

    font-size: 22px;

    margin: 0 0 10px 0;

    padding: 0px;

}



footer p {

    color: #FFF;

    font-size: 15px;

    margin: 0 0 25px 0;

    padding: 0px;

    width: 85%;

}



.socialIcon ul {

    list-style: none;

    padding: 0px;

    margin: 0px;

    font-size: 18px;

}



.socialIcon ul li {

    float: left;

    padding: 0px;

    margin: 0 15px 0 0px;

}



.socialIcon ul li a {

    text-decoration: none;

    color: #FFF;

}



.socialIcon ul li a:hover {

    text-decoration: none;

    color: #e9bc01;

}



.listingMenu ul {

    list-style: none;

    padding: 0px;

    margin: 0px;

    font-size: 15px;

}



.listingMenu ul li {

    float: left;

    padding: 0 0 0 15px;

    margin: 0 0 5px 0px;

    position: relative;

    width: 50%
}



.listingMenu ul li a:after {

    content: "\f101";

    position: absolute;

    left: 0;

    top: 0px;

    font-family: FontAwesome;

}



.listingMenu ul li a {

    text-decoration: none;

    color: #FFF;

}



.listingMenu ul li a:hover {

    text-decoration: none;

    color: #e9bc01;

}



.contactInfo strong {

    color: #FFF;

    margin-bottom: 15px;

    display: block;

}



.contactInfo ul {

    list-style: none;

    padding: 0px;

    margin: 0px;

    font-size: 15px;

}



.contactInfo ul li {

    float: none;

    padding: 0 0 0 25px;

    margin: 0 0 10px 0px;

    position: relative;

    color: #FFF;

}



.contactInfo ul li.addres:after {

    content: "\f041";

    position: absolute;

    left: 0;

    top: 0px;

    font-family: FontAwesome;

}



.contactInfo ul li.phone:after {

    content: "\f095";

    position: absolute;

    left: 0;

    top: 0px;

    font-family: FontAwesome;

}



.contactInfo ul li.mail:after {

    content: "\f003";

    position: absolute;

    left: 0;

    top: 0px;

    font-family: FontAwesome;

}



.contactInfo ul li a {

    text-decoration: none;

    color: #FFF;

}



.contactInfo ul li a:hover {

    text-decoration: none;

    color: #e9bc01;

}



.footerText ul {

    list-style: none;

    text-align: center;

    color: #FFF;

    padding: 0px;

    margin: 0px;

    font-size: 14px;

}



.footerText ul li {

    float: none;

    display: inline-block;

    padding: 0px;

    margin: 0 15px;

}



.footerText ul li span {

    color: #e9bc01;

    font-weight: bold;

}



.footerText ul li a {

    text-decoration: none;

    color: #FFF;

}



.footerText ul li a:hover {

    text-decoration: none;

    color: #e9bc01;

}



.displayNone {

    display: block;

}





/**Inner Pgae **/



.content-wrapper {
    width: 100%;
    background-color: #f3f4fa;

}



.innerPgae header {

    background: #fcf1d8;

    background: -webkit-linear-gradient(to right, #fcf1d8, #d1e0a7);

    background: linear-gradient(to right, #fcf1d8, #d1e0a7);

}



.innerBanner {

    background: #8ec649;

    width: 100%;

    height: auto;

    position: relative;

    padding: 160px 0 20px 0
}



.innerBanner h2 {

    color: #FFF;

    margin: 0px;

    padding: 0px;

    font-weight: 400;

}



.innerBanner ul {

    list-style: none;

    padding: 0px;

    margin: 0px;

    color: #FFF;

}



.innerBanner ul li {

    float: left;

    padding: 0;

    margin: 0px;

}



.innerBanner ul li .fa {

    margin: 0 5px;

}



.innerBanner ul li:first-child {

    padding-left: 0px;

}



.innerBanner ul li a {

    text-decoration: none;

    color: #FFF;

}



.innerBanner ul li a:hover {

    text-decoration: none;

    color: #000;

}



.leftMenuBar ul {

    list-style: none;

    padding: 25px;

    margin: 0px;

    background: #f8f2ce;

    box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.02);

}



.leftMenuBar ul li {

    float: none;

    padding: 0;

    font-size: 13px;

    margin: 0 0 5px 0px;

}



.innerBanner ul li:last-child {

    margin: 0px;

}



.leftMenuBar ul li a {

    text-decoration: none;

    padding: 10px;

    background: #FFF;

    border-bottom: 2px solid #8ec649;

    display: block;

    color: #333;

}



.leftMenuBar ul li a:hover {

    text-decoration: none;

    color: #000;

    background: #efe7b8;

}



.sidebar-nav li {

    text-indent: 0;

}



.sidebar-nav li a {

    display: block;

    text-decoration: none;

    color: #428bca;

}



.sidebar-nav li ul.panel-collapse {

    list-style: none;

    -moz-padding-start: 0;

    -webkit-padding-start: 0;

    -khtml-padding-start: 0;

    -o-padding-start: 0;

    padding-start: 0;

    padding: 0;

}



.sidebar-nav li a .fa-angle-down {

    float: right;

}



.pageInnerpage {

    padding: 25px;

    margin: 0px;

    overflow: hidden;

    background: #FFF;

    box-shadow: 0px 0px 8px 6px rgba(0, 0, 0, 0.02);

}



.pageInnerpage h3 {

    color: #000;

    display: block;

    overflow: hidden;

    width: 100%;

    margin: 15px 0px;

    padding: 0px;

    font-weight: 400;

}



.pageInnerpage ul {

    list-style: none;

    padding: 0px;

    margin: 0px 0 15px 0;

    overflow: auto;

}



.pageInnerpage ul li {

    float: none;

    padding: 0 0 0 15px;

    color: #000;

    margin: 0 0 5px 0px;

    position: relative;

}



.pageInnerpage ul li:after {

    content: "\f101";

    position: absolute;

    left: 0;

    top: 0px;

    font-family: FontAwesome;

}



.table thead th {

    background: #f8f2ce;

    vertical-align: bottom;

    border-bottom: 2px solid #8ec649;

}




/* media CSS Start */

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

    .container {
        max-width: 100%
    }

    .menuzord-menu>li>a {
        padding: 10px 8px;
        font-size: 13px
    }

    .banner {
        padding: 15% 0
    }

}



@media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    .container {
        max-width: 100%
    }

    .footerText ul li {
        margin: 0 25px
    }

    .banner {
        padding: 21% 0
    }

    #owl-demo .owl-wrapper-outer {
        min-height: 300px
    }
}



@media only screen and (max-width: 768px) {
    .light-header {
        position: relative
    }

    .container {
        max-width: 100%
    }

    .banner {
        height: auto
    }

    .menuzord .showhide {
        padding: 25px 0 0
    }

    .leftMenu ul,
    .rightMenu ul {
        font-size: 11px
    }

    .topMenu {
        padding: 0 15px
    }

    .leftMenu ul li,
    .rightMenu ul li {
        padding: 0 5px
    }

    .dropdown-menu.show {
        display: block;
        left: -25px !important
    }

    .welcomeSection .col-sm-3,
    .whyBamboo .col-sm-4 {
        max-width: 50%;
        flex: 50%
    }

    .productsbamboo {
        border: solid 1px #ccc !important;
        padding: 56px 15px 15px 15px;
        margin: 15px 0 0 0
    }

    .productsbamboo:hover {
        margin: 15px 0 0 0
    }

    .feedbackForm {
        width: 100%;
        text-align: center
    }

    .feedbackForm h3 {
        margin-bottom: 25px
    }

    .feedbackForm button[type=button],
    .feedbackForm h3 {
        float: none
    }

    .displayNone {
        display: none !important
    }

}



@media only screen and (max-width: 767px) {
    .container {
        max-width: 99%
    }

    .feedbackForm {
        width: 100%;
        text-align: center;
        border: solid 2px #4b4647
    }

    .menuzord {
        border-top: solid 1px #f8f8f8
    }

    .menuzord-responsive .menuzord-menu {
        position: absolute;
        top: 77%;
        background: #fff
    }

    .topMenu .col-sm-5,
    .topMenu .col-sm-7 {
        max-width: 100%;
        flex: 100%
    }

    .leftMenu ul {
        font-size: 14px;
        text-align: center;
        float: none;
        padding: 15px 0 0 0
    }

    .leftMenu ul li {
        margin: 0 5px;
        float: none;
        display: inline-block
    }

    .rightMenu ul {
        font-size: 14px;
        text-align: center;
        float: none;
        padding: 0 0 15px 0
    }

    .rightMenu ul li {
        float: none;
        display: inline-block
    }

    header {
        position: relative;
        width: 100%
    }

    .banner-text .col-sm-8 {
        max-width: 100%;
        flex: 100%
    }

    .banner-text .col-sm-4 {
        display: none
    }

    .bambooFoundation .col-sm-7 {
        max-width: 100%;
        flex: 100%
    }

    .bambooFoundation .col-sm-5 {
        display: none
    }

    footer {
        background-image: none;
        background-color: #333
    }

    footer .col-sm-6 {
        max-width: 100%;
        flex: 100%
    }

    footer p {
        width: 100%
    }

    .welcomeSection .col-sm-3,
    .whyBamboo .col-sm-4 {
        max-width: 100%;
        flex: 100%
    }

    footer .col-sm-5 {
        width: 100%;
        max-width: 100%;
        flex: 100%
    }

    footer .col-sm-3,
    footer .col-sm-4 {
        width: 50%;
        max-width: 50%;
        flex: 50%;
        margin-top: 15px
    }

}



@media only screen and (max-width: 568px) {
    .container {
        max-width: 100%
    }
}



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

    .menuzord-responsive .menuzord-brand {
        margin: 8px 0 10px 20px;
        width: 70%;
        width: 75%
    }

    .menuzord-brand img {
        width: 100%
    }

}



@media only screen and (max-width: 376px) {
    footer .col-sm-3 {
        max-width: 100%;
        flex: 100%;
        margin-top: 15px
    }

}



@media only screen and (max-width: 360px) {
    .container {
        max-width: 100%
    }

    .banner-text p {
        font-size: 17px
    }

    .welcomeSection .col-sm-3,
    .whyBamboo .col-sm-4 {
        max-width: 100%;
        flex: 100%
    }

    .menuzord-responsive .menuzord-menu {
        position: absolute;
        top: 77%;
        background: #fff
    }

    footer .col-sm-3,
    footer .col-sm-4,
    footer .col-sm-5 {
        width: 100%;
        max-width: 100%;
        flex: 100%
    }

}