@media (min-width: 1600px) {
header { background-size:100% auto;}
.header-text { font-size:50px;}
.container { width:1340px;}
.top-map { width:372px;}
.butter-fly { width:474px;}
.nama { width:133px; right:120px;}
.zebra { width:379px;}
.feet { width:255px;}
.fsc-box {width:260px; margin: 260px 0 0 130px;}
.kudu { width:389px;}
.aloe { width:181px;}
.donkey { width:547px;}
.braai-with-bird { width:157px;}
.womain { width:365px;}
.giraf { width:246px;}
.leaf { width:173px;}
.sosatei { width:292px;}
.bird { width:490px;}
.bottom-map { width:561px;}
.tree-toko { width:370px;}
}
@media (min-width: 1200px) and (max-width: 1599px) {
.fsc-box { width:220px; margin: 280px 0 0 100px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
/*--index page--*/ 
 header { background-size:100% auto;}
.logo-sec { width:160px; margin:40px 0 0 0;}
.menu {margin:270px 0 0;}
.header-text { font-size:30px; margin:160px 0 40px;}
.our-story-content h2 { font-size:14px; line-height:30px;}
.our-story-content p { font-size:14px; line-height:30px;}
.better-life-sec { padding:0 0 100px;}
.better-life-contant h2 { font-size:14px; line-height:30px; margin:20px 0 0;}
.better-life-contant p { font-size:14px; line-height:30px; margin:20px 0 0;}
.flower-inner { min-height:190px;}
.product-content { margin:0 0 40px;}
.product-content h2 { font-size:14px; line-height:30px;}
.product-content p { font-size:14px; line-height:30px; margin:20px 0 0;}
.nature-sec { padding:125px 0 180px;}
.facilities-content { margin:0 0 20px;}
.facilities-content h2 { font-size:14px; line-height:30px; }
.facilities-content p { font-size:14px; line-height:30px; margin:20px 0 0; }
.address-list li { font-size:15px; line-height:30px;}
.map-width { min-height:230px;}
footer { background-size:100% auto; padding:20px 0;}
.copy-right { margin:500px 0 15px;}


.top-map { width:300px; right:0;}
.butter-fly { width:335px; left:0;}
.nama { width:75px;}
.zebra { width:200px; top:80px;}
.feet { width:185px; bottom:-182px;}
.fsc-box {width:200px; margin: 200px 0 0 60px;}
.kudu { width:315px;}
.aloe { width:120px; top:-190px}
.donkey { width:330px; top:-175px;}
.braai-with-bird { width:105px;}
.womain { width:280px; top:-40px;}
.giraf { width:200px; top:-503px;}
.leaf { width:136px; top:-135px;}
.sosatei { width:200px;}
.bird { width:280px;}
.bottom-map { width:380px; top:-60px;}
.tree-toko { width:340px; right:8%;}
}
@media (min-width: 768px) and (max-width: 991px) {
header { background-size:100% auto;}
.logo-sec { width:100px; margin:20px 0 0 0; right:320px;}
.menu {margin:240px 0 0;}
.header-text { font-size:24px; margin:100px 0 25px;}
.our-story-inner .our-story-one { padding:40px 10px 0;}
.our-story-content { margin:0 0 25px;}
.our-story-content h1 { font-size:34px; line-height:44px;}
.our-story-content h1 strong { font-size:48px;}
.our-story-content h2 { font-size:14px; line-height:24px;}
.our-story-one .our-story-content h2 { margin:10px 0;}
.our-story-content p { font-size:14px; line-height:24px;}
.our-story-inner .our-story-two { padding:40px 10px 0;}
.our-story-two .our-story-content { margin:0 0 80px;}
.our-story-inner .our-story-three { padding:40px 10px 0;}
.our-story-three .our-story-content { margin:10px 0;}
.better-life-sec { padding:0 0 100px;}
.better-life-sec h1 { font-size:34px; line-height:44px;}
.better-life-sec h1 strong { font-size:48px;}
.better-life-contant h2 { font-size:14px; line-height:24px; margin:15px 0 0;}
.better-life-contant p { font-size:14px; line-height:24px; margin:15px 0 0;}
.better-life-slide { margin:25px 0;}
.flower-inner { min-height:160px;}
.product-inner { padding:40px 0 0;}
.product-inner h1 { font-size:48px;}
.product-content { margin:0 0 20px;}
.product-content h2 { font-size:14px; line-height:24px;}
.product-content p { font-size:14px; line-height:24px; margin:15px 0 0;}
.white-bg { padding:40px 10px 0; }
.nature-sec { padding:50px 0 60px;}
.nature-sec-inner p { font-size:15px; line-height:24px; margin:15px 0 0;}
.facilities-sec { padding:40px 0 60px;}
.facilities-content h1 { font-size:48px; line-height:45px;}
.facilities-content { margin:0 0 20px;}
.facilities-content h2 { font-size:14px; line-height:24px; }
.facilities-content p { font-size:14px; line-height:24px; margin:15px 0 0; }
.fectory { margin:250px 0 0;}
.fsc-box { margin:190px 0 0 70px;}
.adress-sec { padding:25px 0;}
.address-list li { font-size:12px; line-height:30px;}
.map-width { min-height:200px;}
footer { background-size:100% auto; padding:20px 0;}
.foot-links h1 { font-size:20px; line-height:24px;}
.copy-right { margin:300px 0 5px;}
.copy-right h1 { font-size:50px; line-height:50px;}


.top-map { width:300px; right:0;}
.butter-fly { width:240px; left:0;}
.nama { width:60px;}
.zebra { width:150px; top:80px;}
.feet { width:150px; bottom:-147px;}
.fsc-box {width:100px; margin: 180px 0 0 60px;}
.kudu { width:280px;}
.aloe { width:100px; top:-158px; right:240px;}
.donkey { width:280px; top:-135px;}
.braai-with-bird { width:105px;}
.womain { width:140px; top:-40px;}
.giraf { width:130px; top:-330px;}
.leaf { width:106px; top:-105px; right:105px}
.sosatei { width:120px;}
.bird { width:120px; top:-50px;}
.bottom-map { width:250px; top:-20px;}
.tree-toko { width:220px; right:8%;}
}
@media (max-width: 767px) {
/*--index page--*/
header { background-size:100% auto;}
.logo-sec { margin:20px auto; float:none; display:table; position:relative; right:inherit;}
.logo-sec { width:60px; }
.logo img { width:100%; float:left;}
.navbar-toggle { margin:5px 0 0; border:0; width:100%; float:left;}
/*.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:#f7a600;}
.navbar  { width:100%; float:left; background:#f7a600;}*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:#D9DAD9;}
.navbar  { width:100%; float:left; background:#D9DAD9;}
.sr-only { position:relative; width:50%; float:left; text-align:left; height:auto; margin:0 0 -15px; color:#fff;}
.navbar-toggle .icon-bar { float:right; clear:both; background:#fff !important;}
.menu {margin:20px 0 0; width:100%; float:left;}
.menu li { text-align:right; padding:0 8px;}
.menu li:last-child { padding: 0 8px;}
.menu li a { font-size:15px;}
.header-text { font-size:24px; margin:100px 0 35px;}
.our-story-inner .our-story-one { padding:25px 10px 0; width:100%;}
.our-story-content { margin:0 0 25px;}
.our-story-content h1 { font-size:34px; line-height:44px;}
.our-story-content h1 strong { font-size:48px;}
.our-story-content h2 { font-size:14px; line-height:24px;}
.our-story-one .our-story-content h2 { margin:10px 0;}
.our-story-content p { font-size:14px; line-height:24px;}
.our-story-inner .our-story-two { width:100%; padding:20px ;}
.our-story-two .our-story-content { margin:0 0 20px;}
.our-story-inner .our-story-three { width:100%; padding:20px 0;}
.our-story-three .our-story-content { margin:10px 0;}
.better-life-sec { padding:0 0 120px;}
.better-life-sec h1 { font-size:34px; line-height:44px;}
.better-life-sec h1 strong { font-size:48px;}
.better-life-contant h2 { font-size:14px; line-height:24px; margin:15px 0 0;}
.better-life-contant p { font-size:14px; line-height:24px; margin:15px 0 0;}
.better-life-slide { margin:25px 0 60px;}
.better-life-contant { margin:0 0 20px;}
.flower-inner { min-height:160px;}
.product-inner { padding:25px 0 0;}
.product-inner h1 { font-size:48px;}
.product-content { margin:0 0 20px;}
.product-content h2 { font-size:14px; line-height:24px;}
.product-content p { font-size:14px; line-height:24px; margin:15px 0 0;}
.white-bg { padding:25px 15px 0; }
.bag { margin:20px 0 0;}
.nature-sec { padding:50px 0 60px;}
.nature-sec-inner p { font-size:15px; line-height:24px; margin:15px 0 0;}
.facilities-sec { padding:25px 0;}
.facilities-right { padding:0;}
.facilities-content h1 { font-size:48px; line-height:45px;}
.facilities-content { margin:0 0 20px;}
.facilities-content h2 { font-size:14px; line-height:24px; }
.facilities-content p { font-size:14px; line-height:24px; margin:15px 0 0; }
.fectory { margin:0 0 20px;}
.fsc-box { margin:100px 0 20px;}
.adress-sec { padding:25px 0;}
.address-list { margin:0 0 20px;}
.address-list li { font-size:15px; line-height:30px;}
.address-list li span { float:left; width:100%; line-height:80px;}
.map-width { min-height:200px;}
footer { background-size:100% auto; padding:20px 0 10px;}
.foot-links h1 { font-size:20px; line-height:24px;}
.copy-right { margin:300px 0 5px;}
.copy-right h1 { font-size:50px; line-height:50px;}

.carousel-control.left { top:15px; left:40%;}
.carousel-control.right { top:15px; right:40%;}

.top-map { width:300px; right:0; display:none;}
.butter-fly { width:240px; left:0; display:none;}
.nama { width:60px;}
.zebra { width:150px; top:80px;}
.feet { width:150px; bottom:-147px;}
.fsc-box {width:120px; margin: 5px 0 20px 5px;}
.kudu { width:280px;}
.aloe { width:100px; top:-158px; right:240px;}
.donkey { width:250px; top:-115px;}
.braai-with-bird { width:105px;}
.womain { width:140px; top:-40px;}
.giraf { width:130px; top:-330px; display:none;}
.leaf { width:106px; top:-105px; right:105px; display:none;}
.sosatei { width:120px; display:none;}
.bird { width:120px; top:-50px; display:none;}
.bottom-map { width:250px; top:-20px; display:none;}
.tree-toko { width:220px; right:8%;}
} 
@media (max-width: 480px) {
/*--index page--*/
.header-text { font-size:14px; margin:40px 0 15px;}
.our-story-content h1 { font-size:24px; line-height:30px;}
.our-story-content h1 strong { font-size:36px;}
.our-story-content h2 { font-size:13px; line-height:21px;}
.our-story-content p { font-size:13px; line-height:21px;}
.better-life-sec h1 { font-size:24px; line-height:30px;}
.better-life-sec h1 strong  { font-size:36px;}
.better-life-contant h2 { font-size:13px; line-height:21px;}
.better-life-contant p { font-size:13px; line-height:21px;}
.product-inner h1 { font-size:36px;}
.product-content h2 { font-size:13px; line-height:21px;}
.product-content p { font-size:13px; line-height:21px;}
.nature-sec-inner { width:100%;}
.nature-sec { padding:30px 0;}
.facilities-content h1 { font-size:36px; }
.facilities-content h2  { font-size:13px; line-height:21px;}
.facilities-content p  { font-size:13px; line-height:21px;}
.address-list li { width:100%; margin:0 0 10px;}
footer { padding:20px 0 0;}
.footer-logo img { width:80px;}
.foot-links h1 { font-size:15px;}
.copy-right { margin:100px 0 5px;}
.copy-right h1 { font-size:20px; line-height:24px;}
.copy-right p { font-size:13px;}
.our-story-inner .our-story-content span img { margin:0;}

.braai-with-bird { width:105px; display:none;}
.womain { width:140px; top:-40px; display:none;} 
.zebra   { display:none;}
.feet { width:70px; bottom:-68px;}
.fsc-box {width:90px; margin: 0px 0 20px 5px;}
.better-life-contant img { margin:0;}
/*.fsc img { margin:0;}*/
.donkey { display:none;}
.kudu { width:140px;}
.aloe { width:100px; top:-158px; right:0;}
.tree-toko { display:none;}
.nama { display:none;}
}
@media (max-width: 360px) {
/*--index page--*/
}
@media (max-width: 320px) {

}