/* Laptop */

@media screen and (max-width: 1800px) and (min-width: 1600px) {
  nav .navbar {
    max-width: 81% !important;
  }

  .menu-link ul li {
    padding: 0 32px !important;
  }

  .menu-lang ul li {
    padding: 0 0 !important;
  }
}

@media screen and (max-width: 1600px) and (min-width: 1200px) {
  .res-padding0 {
    padding: 0 0 !important;
  }

  .banner {
    padding: 16em 0em 16em 10em !important;
  }

  nav .navbar {
    max-width: 88% !important;
  }

  .menu-link ul li {
    line-height: 64px !important;
    padding: 0 23px !important;
  }

  .menu .container .row > div:nth-child(2) ul li {
    padding: 0 29px !important;

    /* line-height: 57px !important; */
  }

  .anguage li {
    padding: 0 10px !important;
  }

  .banner-isi .banner-title,
  .banner-isi .banner-subtile {
    font-size: 50px !important;
  }

  nav .container {
    padding: 12px 68px 10px !important;

    max-width: 1200px !important;

    /* margin-top: 18px !important; */
  }

  .follow-social ul li {
    margin: 0 7px !important;
  }

  .footer ul li a,
  .footer ul {
    font-size: 12px !important;
  }

  #search ul li {
    padding: 0 2em !important;
  }

  .menu ul li a {
    font-size: 16px !important;
  }

  .desc p {
    font-size: 12px !important;
    line-height: 20px !important;
  }

  .client-arrow {
    width: 70px !important;
  }

  .oc-bottom {
    font-size: 45px !important;
  }

  .oc-img img {
    width: 150px !important;
  }

  nav .navbar {
    padding: 10px 68px 10px !important;
  }

  #banner2 .banner2-isi .banner2-light,
  #banner2 .banner2-isi .banner2-bold {
    font-size: 50px !important;
  }

  #banner2 {
    margin-top: 9em !important;
  }

  .news-content .date {
    font-size: 10px !important;
  }

  .news-content .desc p {
    font-size: 10px !important;
  }

  .news-content .title {
    font-size: 14px !important;
  }

  .latest-isi .date {
    font-size: 10px !important;
  }

  .latest-isi .desc {
    font-size: 12px !important;
  }

  .latest-isi .title {
    font-size: 14px !important;
  }

  #search ul li a {
    font-size: 17px !important;
  }

  /* .bungkus-latest {
    padding-left: 25px !important;
    padding-right: 25px !important;
  } */

  .banner-t {
    width: 100% !important;
  }
  .banner-t p:first-child {margin-bottom: 0 !important;}

  .banner-t p {
    font-size: 45px !important;
  }
}

/* @media screen and (max-width: 1221px) {
  .menu ul li a {
    font-size: 14px !important;
  }
} */

@media screen and (max-width: 1440px) {
  .ref-f50 {font-size: 50px !important;}

  .res-w300 {
    width: 300px !important;
  }

  .res-f15 {
    font-size: 15px !important;
  }

  .arr-rgt,
  .arr-lft {
    width: 50px !important;

    top: 32% !important;

    /* Menu */

    /* 

    nav .container {

        max-width: 95% !important;

        padding: 13px 68px 7px !important; */
  }

  .menu .menu-logo img {
    width: 60px !important;
  }

  /* .menu .container .row > div:nth-child(2) ul li {padding: 0 17px !important;} */

  /* .menu .container .row > div:nth-child(2) ul { margin-left: 67px !important;} */

  .language li a {
    padding: 0px 4px !important;
  }

  /* .menu ul li a{padding: 0 18px;} */

  /* .menu {
    padding: 25px 3em 0 !important;
  } */

  /* #search ul li {padding: 0 2em !important;} */
  .nav-container {
    padding: 14px 68px 14px !important;
  }

  /* Banner */

  /* .banner {height: 100vh; padding-left: 14em !important;} */

  .news-left2 {
    margin-right: 1% !important;
  }

  .news-left2 {
    width: 49% !important;
  }

  /* About Us */

  .team-arrow {
    top: 31% !important;
  }

  /* News & event */

  .bungkus-main {
    height: 500px !important;
  }

  /* Product & Services */

  #product-list .product-box {
    padding: 0 30px 30px !important;
  }

  /* Footer */

  #footer-logo {
    width: 120px !important;
  }

  .bungkus-fub {
    right: 7.8% !important;
  }

  .bungkus-fub {
    right: 6.5% !important; 
    padding: 8px 18px !important; 
  }

  .instagram-icon ul li img {
    width: 30px !important;
  }

}

@media screen and (max-width: 1366px) {
  /* .follow-social ul li {margin: 0 3px !important;} */

  .menu {
    padding: 25px 0 0 !important;
  }

  /* .menu .container .row > div:nth-child(2) ul li {padding: 0 11px !important;} */

  .menu ul li a {
    padding: 0 1px !important;
  }

  #news #news-img1 {
    height: 506px !important ;
  }

  footer ul li {
    font-size: 12px !important;
  }

  footer ul li a {
    font-size: 12px !important;
  }

  .bungkus-fub {
    right: 5.8% !important;
  }

  /* .bungkus-fub {
    right: 5.5% !important;
  } */
}

/* @media screen and (max-width: 1200px) and (min-width: 768px) {
  #search ul li {
    display: block !important;
  }
} */

/* @media screen and (max-width: 1023px) and (max-height: 600px) {
  .banner {
    height: 100vh !important;
  }
} */

@media screen and (max-width: 1200px) and (min-width: 1024px) {
  .menu .container .row > div:nth-child(2) ul li {
    padding: 0 18px !important;
  }

  .menu ul li a {
    font-size: 14px !important;
  }

  .menu-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #search ul li {
    padding: 0 2em !important;
  }

  .follow-social img {
    width: 15px !important;
  }
}

/* Tab Pro */

@media screen and (max-width: 1024px) {
  .tab-f25 {font-size: 25px !important;}
  .wrapper-dropdown-2 {
    width: 400px !important;

    font-size: 12px !important;

    margin-bottom: 5px !important;

    padding: 10px 30px 10px 20px !important;
  }

  #search ul li {
    display: block !important;
  }

  #search ul li a {
    color: #fff;
  }

  .tabp-f13 {
    font-size: 13px !important;
  }

  .tabp-f14 {
    font-size: 14px !important;
  }

  .tabp-f15 {
    font-size: 15px !important;
  }

  .tabp-f22 {
    font-size: 22px !important;
  }

  .tabp-f40 {
    font-size: 40px !important;
  }

  .tabp-p20 {
    padding: 0 20px !important;
  }

  .tabp-mtop0 {
    margin-top: 0 !important;
  }

  .tabp-ptop20 {
    padding-top: 20px !important;
  }

  .tabp-ptop25 {
    padding-top: 25px !important;
  }

  .tabp-w60p {
    width: 60% !important;
  }

  .tabp-mw50p {
    width: 50% !important;
  }

  .tabp-mw100p {
    max-width: 100% !important;
  }

  .tabp-h300 {
    height: 300px !important;
  }

  .tabp-w100p {
    width: 100% !important;
  }

  .tab-ptop0 {
    padding-top: 0 !important;
  }

  .tabp-p0 {
    padding: 0 !important;
  }

  .tabp-w200 {
    width: 200px !important;
  }

  .tabp-backcenter {
    background-position: center !important;
  }

  .tabp-dblock {
    display: block !important;
  }

  .tabp-fl50p {
    flex: 0 0 50% !important;
  }

  .tabp-fl100p {
    flex: 0 0 100% !important;
  }

  .tab-dflex {
    display: flex;
  }

  .container-main {
    margin: 0 4em !important;
  }

  .latest-container {
    padding: 0 5em !important;
  }

  .pad0 {
    padding: 0 !important;
  }

  /* Menu */

  /* nav .container {
    padding: 20px 48px 18px !important;
  } */

  /* .menu {
    padding: 25px 4em 0 !important;
  } */

  .menu .container .row > div:nth-child(2) ul {
    margin-left: 34px !important;
  }

  .menu .container .row > div:nth-child(2) ul li {
    padding: 0 14px !important;
  }

  /* nav .container {
    padding: 11px 48px 11px !important;
  } */

  /* Banner */

  /* .banner {padding: 4em 9em !important;} */

  .banner {
    /* height: 50vh !important; */

    padding-left: 7em !important;
  }

  .menu .menu-logo img {
    /* width: 60px !important; */

    padding-top: 3px !important;
  }

  .banner-isi {
    padding-top: 13em !important;

    padding-bottom: 6em !important;
  }

  #banner2 {
    padding: 7em 6em !important;

    margin-top: 7em !important;
  }

  /* About us */

  .team-arrow {
    top: 26% !important;

    width: 50px !important;
  }

  .arr-rgt {
    top: 26% !important;

    right: 33% !important;
  }

  .arr-lft {
    top: 26% !important;

    left: 33% !important;
  }

  .ot-img {
    width: 70% !important;
  }

  /* Product */

  .oc-img img {
    width: 155px !important;
  }

  #similar-product .product-box {
    padding: 0 30px 30px !important;
  }

  /* #product-detail {

        padding-top: 2em !important;

        padding-bottom: 2em !important;

    } */

  /* Csr */

  .csr-isi {
    padding-left: 3em !important;

    padding-top: 3em !important;
  }

  /* Latest news */

  #news .news-right > div:first-child > div {
    margin-top: 10px !important;

    margin-bottom: 10px !important;
  }

  #search ul li {
    padding: 0 1em !important;
  }

  .bungkus-latest {
    padding-left: 20px !important;

    padding-right: 20px !important;
  }

  /* Career */

  /* #start-now img {
    padding-top: 7em !important;
  } */

  /* Contact */

  #send-message {
    height: auto !important;
  }

  #contact-bottom {
    margin-top: -11em !important;
  }

  /* Footer */

  .follow-social ul li {
    margin: 0 3px !important;
  }

  /* Detail */

  #product-detail {
    padding-top: 11em !important;
  }

  #search-desk {
    display: none !important;
  }

  #search-mob {
    display: block !important;
  }

  #search ul li a {
    color: #fff !important; 
  }
}

@media screen and (max-width: 992px) {
  /* .container {
    width: 90% !important;
  } */

  /* nav .container {
    width: 100% !important;
  } */

  .menu-open .container {
    padding-left: 0 !important;

    padding-right: 0 !important;
  }

  /* Home  */

  .latest-container {
    padding: 0 3em !important;
  }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
  #news-detail .title {
    font-size: 45px !important;
  }

  .banner-t {
    width: 100% !important;
  }
  .banner-t p:first-child {margin-bottom: 0 !important;}

  .banner-t p {
    font-size: 35px !important;
  }
}

@media screen and (max-width: 950px) {
  .menu {
    display: none !important;
  }

  .menu-mobile {
    display: block !important;
  }

  #follow__ig {
    display: block !important;
/*    display: none !important;*/
  }
	
/*
	#follow__igMob {
		display: block !important;
	}
*/
  
}

/* Tab */

@media screen and (max-width: 768px) {
 
  .tab-f12 {
    font-size: 12px !important;
  }

  .tab-f14 {
    font-size: 14px !important;
  }

  .tab-f25 {
    font-size: 25px !important;
  }

  .tab-w180 {
    width: 180px !important;
  }

  .tab-w300 {
    width: 300px !important;
  }

  .tab-w70p {
    width: 70% !important;
  }

  .tab-w90p {
    width: 90% !important;
  }

  .tab-w100p {
    width: 100% !important;
  }

  .tab-w80p {
    width: 80% !important;
  }

  .tab-h200 {
    height: 200px !important;
  }

  .tab-mw100p {
    max-width: 100% !important;
  }

  .tab-w60 {
    width: 60px !important;
  }

  .tab-mtop17 {
    margin-top: 17px !important;
  }

  .tab-mbot20 {
    margin-bottom: 20px !important;
  }

  .tab-mauto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .tab-mt0 {
    margin-top: 0 !important;
  }

  .tab-ptop9m {
    padding-top: 9em !important;
  }

  .tab-pad65 {
    padding: 65px 0 !important;
  }

  .tab-pt0 {
    padding-top: 0 !important;
  }

  .tab-pb0 {
    padding-bottom: 0 !important;
  }

  .tab-pl0 {
    padding-left: 0 !important;
  }

  .tab-p0 {
    padding: 0 !important;
  }

  .tab-dblock {
    display: block !important;
  }

  .tab-f50 {
    font-size: 50px !important;
  }

  .tab-tcenter {
    text-align: center !important;
  }

  .tab-mb30 {
    margin-bottom: 30px !important;
  }

  .tab-mt33 {
    margin-top: 33px !important;
  }

  .tab-mt--122 {
    margin-top: -122px !important;
  }

  .tab-mt--175 {
    margin-top: -175px !important;
  }

  .mob-pr0 {
    padding-right: 0 !important;
  }

  .tab-hide {
    display: none !important;
  }

  #news-search {
    display: block !important;
  }

  .container-main {
    margin: 0 3em !important;
  }

  /* Home */

  /* #follow-us {
    display: none !important;
  } */

  /* #video .container-main {margin: 0 auto;} */

  /* Footer */

  /* .career-amandina::after {width: 25% !important;} */

  /* Menu */

  nav .container {
    padding: 0 0 !important;
  }

  .res-f20-tab {
    font-size: 20px !important;
  }

  /* Banner */

  .banner {
    padding: 0em 3em !important;
  }

  .banner-isi {
    padding-top: 10em !important;

    padding-bottom: 9em !important;
  }

  #banner2 {
    margin-top: 0em !important;
  }

  /* About Us */

  .team-arrow {
    top: 25% !important;

    width: 40px !important;
  }

  .team-slider .slick-slide {
    text-align: center !important;
  }

  .arr-rgt {
    width: 60px !important;

    top: 36% !important;

    right: 6% !important;
  }

  .arr-lft {
    width: 60px !important;

    top: 36% !important;

    left: 6% !important;
  }

  /* Product */

  .oc-img img {
    width: 120px !important;
  }

  .client-arrow {
    width: 47px !important;
  }

  .oc-bottom {
    font-size: 40px !important;
  }

  /* Csr */

  .csr-isi {
    padding-left: 2em !important;

    padding-top: 2em !important;
  }

  #csr .csr-arrow {
    width: 58px !important;
  }

  /* News Event */

  #news .news-right > div:first-child > div {
    margin-top: 11px !important;

    margin-bottom: 11px !important;
  }

  #latest-news .latest-container {
    margin: 0 0 !important;

    padding: 0 4em !important;
  }

  #latest-news .main-title {
    padding-bottom: 61px !important;
  }

  .latest-isi .desc {
    font-size: 14px !important;

    padding-bottom: 2em !important;
  }

  #news .bungkus-main {
    flex-wrap: wrap;
  }

  /* .bungkus-main .bungkus1 {
    flex: 100% !important;

    margin-bottom: 1% !important;

    margin-right: 0 !important;
  } */

  /* #news .bungkus1 {
    height: 400px !important;
  } */

  .bungkus-main {
    height: auto !important;
  }

  #search img {
    padding-top: 10px !important;
  }

  /* Career */

  /* #start-now img {
    padding-top: 15em !important;
  } */

  #search ul li a {
    padding: 15px 50px;

    font-size: 20px !important;
  }

  #search ul li {
    display: block !important;

    padding: 0 0 !important;
  }

  .dropdown li a {
    color: #fff !important;
  }

  /* Product Services */

  #product-detail {
    padding-top: 4em !important;

    padding-bottom: 4em !important;
  }

  /* #news3 {
    flex: 100% !important;
    padding: 0 1% 0 0 !important;
  }

  #news1 {
    padding: 0 0 0 0 !important;
    flex: 100% !important;
  } */

  #view_detail_mob {
    display: block !important;
  }

  .row-mob {
    margin-top: 40px !important;
  }
}

/* Mobile Phone */

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

  .csr-mob {
    display: block !important;
  }
  
  .mob-hide {
    display: none !important;
  }

  .mob-f8 {
    font-size: 8px !important;
  }

  .mob-f10 {
    font-size: 10px !important;
  }

  .mob-f11 {
    font-size: 11px !important;
  }

  .mob-f12 {
    font-size: 12px !important;
  }

  .mob-f15 {
    font-size: 15px !important;
  }

  .mob-f16 {
    font-size: 16px !important;
  }

  .mob-f13 {
    font-size: 13px !important;
  }

  .mob-f20 {
    font-size: 20px !important;
  }

  .mob-f24 {
    font-size: 24px !important;
  }

  .mob-f30 {
    font-size: 30px !important;
  }

  .mob-f32 {
    font-size: 32px !important;
  }

  .mob-fleft {
    float: left !important;
  }

  .mob-w50p {
    width: 50% !important;
  }

  .mob-w80p {
    width: 80% !important;
  }

  .mob-w100p {
    width: 100% !important;
  }

  .mob-w50 {
    width: 50px !important;
  }

  .mob-w150 {
    width: 150px !important;
  }

  .mob-p0lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .mob-pt2m {
    padding-top: 2em !important;
  }

  .mob-mleft12 {
    margin-left: 12px !important;
  }

  .mob-mtop16 {
    margin-top: 16px !important;
  }

  .mob-mb10 {
    margin-bottom: 10px !important;
  }

  .mob-mb13 {
    margin-bottom: 13px !important;
  }

  .mob-mb20 {
    margin-bottom: 20px !important;
  }

  .mob-mb30 {
    margin-bottom: 30px !important;
  }

  .mob-p40lr {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }

  .mob-justic-l {
    justify-content: left !important;
  }

  .mob-p17tb {
    padding: 17px 0 !important;
  }

  .mob-backpos-center {
    background-position: center !important;
  }

  .mob-pbot17 {
    padding-bottom: 17px !important;
  }

  .mob-m0 {
    margin: 0 0 !important;
  }

  .mob-p30lr {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .mob-w5 {
    width: 6px !important;
  }

  .mob-w10 {
    width: 10px !important;
  }

  .mob-pl0 {
    padding-left: 0 !important;
  }

  .mob-w26 {
    width: 26px !important;
  }

  .mob-w37 {
    width: 37px !important;
  }

  .mob-w40 {
    width: 40px !important;
  }

  .mob-w50 {
    width: 50px !important;
  }

  .mob-w150 {
    width: 150px !important;
  }

  .mob-w200 {
    width: 200px !important;
  }

  .mob-mw60p {
    max-width: 60% !important;
  }

  .mob-mt10 {
    margin-top: 10px !important;
  }

  .mob-mt0 {
    margin-top: 0 !important;
  }

  .mob-jus-center {
    justify-content: center !important;
  }

  .mob-tcenter {
    text-align: center !important;
  }

  .mob-tright {
    text-align: right !important;
  }

  .mobz-1 {
    z-index: -1 !important;
  }

  .mob-fl100p {
    flex: 100% !important;
  }

  .mob-w50p {
    width: 50px !important;
  }

  .mob-w100 {
    width: 100px !important;
  }

  .mob-h250 {
    height: 250px !important;
  }

  .mob-h200 {
    height: 200px !important;
  }

  .mob-h300 {
    height: 300px !important;
  }

  .mob-h400 {
    height: 400px !important;
  }

  .mob-mt--77 {
    margin-top: -77px !important;
  }

  .mob-mt--114 {
    margin-top: -114px !important;
  }

  .mob-pl31 {
    padding-left: 31px !important;
  }

  .mob-h100p {
    height: 100px !important;
  }

  /* hide element or content */

  .container-main {
    margin: 0 2em !important;
  }

  /* .mob-hide {display: none !important;} */

  /* Menu */

  .general {
    padding-top: 2em !important;

    padding-bottom: 2em !important;
  }

  .menu-open ul li {
    padding: 24px 54px !important;
  }

  .menu-open ul li a {
    font-size: 15px !important;
  }

  .menu-open .follow__mobile {
    padding-left: 47px !important;

    margin-top: 18px !important;
  }

  .menu-open .follow__mobile li {
    padding: 10px 6px !important;
  }

  .menu-mobile {
    padding: 13px 31px !important;
  }

  .banner-isi {
    padding-top: 8em !important;

    padding-bottom: 8em !important;
  }

  .banner {
    padding: 0em 2em !important;
  }

  .banner-isi .banner-title,
  .banner-isi .banner-subtile {
    font-size: 25px !important;
  }

  .tombol-silang {
    width: 26px !important;

    margin: 30px 0 30px !important;
  }

  .desc p {
    font-size: 12px !important;
  }

  /* Home */

  #intro {
    padding-top: 2em !important;

    padding-bottom: 2em !important;
  }

  .recycling-desc {
    width: 34% !important;
  }

  .dauns3 {
    padding-bottom: 0 !important;
  }

  /* .recycling-start {margin-bottom: 0 !important;} */

  .recycling-start {
    padding: 2em 0 !important;
    height: 510px !important;
  }

  #video .container-main {
    margin: 0 0 !important;
  }

  #video img {
    width: 100% !important;
  }

  /* Footer */

  .bungkus-fbot {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .contact h4,
  .quick-links h4,
  .lets-work h4 {
    padding-bottom: 1em !important;
  }

  .quick-links li {
    padding-bottom: 5px !important;
  }

  .menu-mobile {
    padding: 20px 31px !important;
  }

  /* .career-amandina::after {width: 43% !important;} */

  .footer-top {
    padding-top: 3em !important;

    padding-bottom: 1em !important;
  }

  .follow-us-on {
    font-size: 6px !important;
  }

  .bungkus-fub {
    right:11.5% !important;
    padding: 8px 15px !important;
  }

  .follow-us-box ul li {
    padding: 3px 7px !important;
  }

  .copyright {
    padding-top: 12px !important;

    padding-bottom: 10px !important;

    padding-right: 10px !important;

    font-size: 6px !important;
  }

  .follow-social {
    padding-top: 6px !important;

    padding-bottom: 10px !important;

    padding-left: 10px !important;
  }

  .footer ul li a,
  .footer ul {
    font-size: 12px !important;
  }

  /* About Us */

  .profile-bottom {
    margin-top: 2em !important;
  }

  .phylo-img {
    padding-top: 2em !important;

    padding-bottom: 2em !important;

    width: 70% !important;
  }

  .our-hist-left {
    padding-left: 51px;

    padding-top: 50px;
  }

  #our-history .hist-title h3 {
    font-size: 32px !important;
  }

  #our-history .hist-desc p {
    font-size: 10px !important;
  }

  .arr-rgt {
    width: 40px !important;

    top: 28% !important;

    right: 7% !important;
  }

  .arr-lft {
    width: 40px !important;

    top: 28% !important;

    left: 7% !important;
  }

  #our-history .bg-oh {
    padding: 12em 0 1em !important;
  }

  /* Product */

  .category-box ul li a {
    font-size: 12px !important;
  }

  #our-clients {
    padding-top: 2em !important;
  }

  #product-list {
    padding-top: 2em !important;

    padding-bottom: 2em !important;
  }

  .client-slider {
    padding-left: 40px !important;

    padding-right: 40px !important;
  }

  .client-arrow {
    width: 40px !important;

    right: 3% !important;
  }

  #product-detail {
    display: block !important;
  }

  #product-features img {
    width: 50px !important;
  }

  #product-features .bungkus .features-box {
    margin-right: 0 !important;
  }

  #product-list .product-name {
    margin-bottom: 5px;
    width: 100% !important;
  }

  #product-list .product-price {
    margin-bottom: 5px;
    width: 100% !important;
  }

  #product-list .product-material {
    margin-bottom: 5px;
    font-size: 14px !important;
  }

  #product-list .product-box {
    padding: 0 15px 30px 15px !important;
  }

  #product-category ul {
    height: 50px;
    overflow-y: hidden;
  }

  #product-category ul li {
    line-height: 25px !important;
    width: 50% !important;
  }

  #similar-product .product-name {
    margin-bottom: 5px;
    width: 100% !important;
  }

  #similar-product .product-price {
    margin-bottom: 5px;
    width: 100% !important;
  }

  #similar-product .product-material {
    margin-bottom: 5px;
    font-size: 14px !important;
  }

  #similar-product .product-box {
    padding: 0 15px 30px 15px !important;
  }
  .category-box {
    padding: 5px 5px 0 !important; 
  }
  
  #pleasure-mob {
    display: block !important;

    width: 100% !important;
  }

  /* Csr */

  #csr .bungkus {
    flex-wrap: wrap;
  }

  #csr .csr-img img {
    width: 43px !important;
  }

  .csr-isi {
    padding-top: 3em !important;

    padding-bottom: 3em;
  }

  #csr-bottom .link a {
    padding: 22px 16px !important;

    font-size: 12px !important;
  }

  #csr-bottom {
    padding: 4em 0 !important;
  }

  #csr .csr-img > div {
    height: 375px !important;
  }


  /* News Event */

  #search ul li {
    display: block !important;

    padding: 0 0 !important;

    margin-bottom: 0px !important;

    text-align: left !important;
  }

  #search img {
    padding-top: 5px !important;

    margin-bottom: 5px !important;

    width: 35px !important;
  }

  .wrapper-dropdown-2 {
    width: 100% !important;

    font-size: 12px !important;

    margin-bottom: 5px !important;

    padding: 10px 30px 10px 20px !important;
  }

  #search .searchbox {
    padding-top: 5px !important;
  }

  #search-biru {
    font-size: 12px !important;
  }

  #search ul li a {
    font-size: 12px !important;

    padding: 12px 20px 0px 30px !important;
  }

  #search ul li:last-child {
    padding-bottom: 12px !important;
  }

  .search-icon {
    margin-bottom: 5px !important;

    padding-top: 3px !important;
  }

  .wrapper-dropdown-2 .dropdown li a {
    border-left: none !important;
  }

  /* .search-icon {margin-bottom: 20px !important;} */

  /* .latest-isi .title {font-size: 16px !important;} */

  .latest-isi .desc {
    font-size: 11px !important;
  }

  .border-overlapse-mini:after {
    width: 64px !important;
  }

  #news {
    padding-top: 2em !important;
  }

  #search ul li a {
    font-size: 13px !important;
  }

  #latest-news .latest-container {
    padding: 0 2em !important;
  }

  #line {
    padding: 0 0 !important;
  }

  #news #news-img1 {
    height: 300px !important;
  }

  #news .bungkus-main {
    display: flex !important;

    height: auto !important;
  }

  #news .bungkus3 {
    flex-wrap: wrap !important;
  }

  #news #kiri-bawah {
    margin-right: 0 !important;

    margin-bottom: 1% !important;
  }

  #filter-select {
    font-size: 14px !important;

    width: 100px !important;
  }

  /* News detail */

  #news-detail .share .share-btn .share-box {
    padding: 3px 7px !important;

    margin-bottom: 7px !important;
  }

  .share-text {
    font-size: 14px !important;

    padding-top: 3px !important;
  }

  .share-box img {
    width: 26px !important;
  }

  .share-icon img {
    width: 26px !important;
  }

  .share-icon {
    padding: 3px !important;
  }

  .share-larrow img {
    margin-top: 11px !important;
  }

  /* Career */

  #start-now .desc p {
    width: 100% !important;
  }

  #start-now {
    padding: 2em 0 !important;
  }

  /* #start-now img {
    padding-top: 2em !important;
  } */

  #available-position {
    padding: 2em 0 !important;
  }

  #available-position .row {
    padding: 2em !important;
  }

  .apply-btn a {
    font-size: 12px !important;
  }

  .apply-btn img {
    width: 19px !important;
  }

  /* Contact */

  #banner2 {
    padding: 2em 2em !important;
  }

  #banner2 .banner2-isi > div {
    font-size: 32px !important;
  }

  #send-message .contact-left {
    padding: 30px 18px !important;
  }

  /* Detail */

  #news-detail .bungkus {
    width: 85% !important;
  }

  /* slick slider */

  /* .slick-slide:nth-child(2) {margin-left: 40px ;} */

  #product-detail {
    padding-top: 2em !important;

    padding-bottom: 2em !important;
  }

  /* botol */

  .intro-title p {
    font-size: 24px !important;
  }

}

@media screen and (max-width: 345px) {
  .mob-res-w15 {
    width: 15px !important;
  }

  .mob-res-w6 {
    width: 6px !important;
  }

  .mob-res-w7 {
    width: 7px !important;
  }

  .menu-open .follow__mobile li {
    padding: 10px 3px !important;
  }

  .menu-open .follow__mobile {
    padding-left: 30px !important;
  }

  .menu-open ul li {
    padding: 17px 32px !important;
  }

  .menu-open ul li a {
    font-size: 13px !important;
  }

  .container-main {
    margin: 0 1em !important;
  }

  /* Homepage */

  .follow__mobile li span {
    margin-left: 9px !important;
  }

  .follow__mobile li span img {
    width: 20px !important;
  }

  #latest-news {
    padding: 1em 0 !important;
  }

  #latest-news .row .bungkus-latest {
    padding-left: 10px !important;

    padding-right: 10px !important;
  }

  footer .container .row .footer-top,
  footer .container .row .footer-bottom {
    padding-left: 0 !important;

    padding-right: 0 !important;
  }

  footer .container .row .footer-top .row img {
    width: 120px !important;
  }

  .follow-us-box .container .bungkus-fub {
    padding: 6px 6px !important;
  }

  .follow-us-box .container .bungkus-fub img {
    width: 12px !important;
  }

  /* Product services */

  .oc-img img {
    width: 75px !important;
  }

  .client-slider {
    padding-left: 20px !important;

    padding-right: 20px !important;
  }

  .client-arrow {
    right: 0% !important;
  }

  #product-features img {
    width: 40px !important;
  }

  #product-features .features {
    font-size: 10px !important;
  }

  /* CSR */

  #csr-bottom .container {
    padding-left: 0 !important;

    padding-right: 0 !important;
  }

  #csr-bottom .link a {
    padding: 21px 12px !important;
  }

  .arr-lft {
    width: 30px !important;

    top: 22% !important;

    left: 12% !important;
  }

  .arr-rgt {
    width: 30px !important;

    top: 22% !important;

    right: 12% !important;
  }
}

@media screen and (max-width: 1200px) and (min-width: 950px) {
  .menu-link ul li {
    padding: 0 13px !important;
  }

  .menu-link ul li a {
    font-size: 12px !important;
  }

  .menu-lang {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  nav .navbar {
    max-width: 90% !important;
  }
}



@media screen and (max-width: 375px) {
  .menu-open ul li {
    padding: 19px 44px !important;
  }

  .menu-open .follow__mobile {
    padding-left: 40px !important;
  }
}

@media screen and (max-width: 1200px) {
  .news-content .date {
    font-size: 10px !important;
  }

  .news-content .desc p {
    font-size: 10px !important;
  }

  .news-content .title {
    font-size: 14px !important;
  }

  .latest-isi .date {
    font-size: 10px !important;
  }

  .latest-isi .desc p {
    font-size: 10px !important;
  }

  .latest-isi .title {
    font-size: 14px !important;
  }

  #search ul li a {
    font-size: 16px !important;
  }

  #csr .csr-img img {
    width: 60px !important;
  }

  .csr-bg-slide{
    height: 400px!important;
  }

  .csr-isi {
    padding-top: 3em !important; 
    padding-left: 3em !important; 
  }

  #csr-bottom {
    padding: 7em 0 13em !important;
  }

  #csr-bottom .title {
    font-size: 30px !important;
  }

  #csr-bottom .link a {
    padding: 28px 26px !important; 
  }
}


@media screen and (max-width:1440px) and (min-width:1366px) {
  .content-wording {
    font-size: 25px !important; 
  }

  #send-message .contact-left {
    padding: 24px 30px 16px !important; 
  }

  #send-message .contact-center {
    padding: 24px 30px 19px !important; 
  }

  #send-message label {
    font-size: 14px !important; 
  }

  #send-message .lab-margin-res {
    margin-bottom: 24px !important; 
  } 

  #send-message .contact-social-icon ul {
    padding-top: 48px !important; 
  }

  #send-message .contact-social-icon ul li img {
    width: 20px !important; 
  }

  .csr-bg-slide {
    height: 450px !important; 
  }

  .csr-isi .date {
    font-size: 18px !important; 
  }

  .csr-isi .title {
    font-size: 21px !important;
  }

  .csr-isi .desc p {
    font-size: 12px !important; 
  }

  .csr-isi {
    padding-top: 4em !important;  
    padding-left: 5em !important
  }

  #csr .csr-img img {
    width: 60px !important; 
  }

  .bungkus-fub {
    right: 10% !important;
  }

  .follow-us-box ul li {
    padding: 9px 7px !important; 
    font-size: 14px !important; 
  }

  .bungkus-fub img {
    width: 17px !important; 
  }

  .banner-t {
    width: 100% !important;
  }
  .banner-t p:first-child {margin-bottom: 0 !important;}

  .banner-t p {
    font-size: 44px !important;
  }
 
}

@media screen and (max-width:1366px) and (min-width:1200px) {
  #csr .csr-img img {
    width: 60px !important;
  }

  .csr-bg-slide{
    height: 400px!important;
  }

  .csr-isi {
    padding-top: 3em !important; 
    padding-left: 3em !important; 
  }

  #csr-bottom {
    padding: 7em 0 13em !important;
  }

  #csr-bottom .title {
    font-size: 30px !important;
  }

  #csr-bottom .link a {
    padding: 28px 26px !important; 
  }

  .title {
    font-size: 34px !important;
  }

  .recycling-desc p {
    font-size: 14px !important; 
  } 

  .recycling-desc .title {
    font-size: 27px !important ;
  }

  .follow-us-box {
    padding-bottom: 0 !important;
  }

  .banner-t {
    width: 100% !important;
  }
  .banner-t p:first-child {margin-bottom: 0 !important;}

  .banner-t p {
    font-size: 40px !important;
  }
  
}

@media screen and (max-width:1200px) and (min-width:1024px) {
  .banner {
    padding: 12em 9em !important;
  }

  .banner .banner-title, .banner-subtile {
    font-size: 50px !important; 
  }

  nav .navbar {
    padding : 11px 68px 10px !important;
  }

  .menu-link ul li,
  .menu-lang ul li  { 
    line-height: 59px !important;
  }

  .menu-lang ul li a {
    font-size: 12px !important; 
  }

  #product-list {
    padding-top: 0 !important; 
    padding-bottom: 2em !important;
  }

  #pleasure_wording {
    font-size: 40px !important;
  }
  
  .oc-img {
    width: 40% !important; 
  }

  .client-arrow {
    width: 70px !important; 
  }

  #news-detail .title {
    font-size: 50px !important;
  }

  .title {
    font-size: 34px !important;
  }

  .recycling-desc p {
    font-size: 14px !important; 
  } 

  .recycling-desc .title {
    font-size: 27px !important ;
  }

  .follow-us-box {
    padding-bottom: 0 !important;
  }

  .bungkus-latest {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .follow-us-img img {
    margin-bottom:  6em !important;
  }

  .follow-us-box {
    padding-top: 0 !important;
  }

  .latest-isi .desc {
    font-size: 12px !important;  
  }

  .recycling-desc p {
    font-size: 14px !important; 
  } 

  .recycling-desc .title {
    font-size: 27px !important ;
  }
  
  .follow-social ul li {
    margin: 0 5px !important;
  }

  .banner-t {
    width: 100% !important;
  }
  .banner-t p:first-child {margin-bottom: 0 !important;}

  .banner-t p {
    font-size: 40px !important;
  }
}


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

  .mt40 {
    margin-top: 40px !important;
  }

  .start-now-img {
    margin: 0 auto !important;
    margin-top: 50px !important 
  }

  #start-now .desc p, 
  #start-now .subtitle {
    margin: 0 auto !important; 
  }

  .start-now-img img {
    width: 250px !important;
  }

  .tab-tcenter {
    text-align: center !important; 
  }

  .banner {
    padding: 0 6em !important; 
  }

  .banner-isi {
    padding-top: 13em !important;
    padding-bottom: 9em !important;
  }

  #csr .csr-img img {
    width: 50px !important; 
  }

  #pleasure_wording {
    font-size: 40px !important;
  }
  
  .oc-img {
    width: 40% !important; 
  }

  .client-arrow {
    width: 60px !important; 
  }

  #product-detail {
    padding-top: 4em !important;
  }

  .title {
    font-size: 34px !important;
  }

  .recycling-desc p {
    font-size: 14px !important; 
  } 

  .recycling-desc .title {
    font-size: 27px !important ;
  }

  .follow-us-img img {
    margin-bottom:  6em !important;
  }

  .follow-us-box {
    padding-top: 0 !important;
  }

  .follow-us-bungkus {
    min-height: 300px !important;
  }

  #news .bungkus1 {
    background-position: center !important;
  }

  #news #kanan-atas {
    background-position: right !important;
  }
  .intro-title p {
    font-size: 34px !important;
  }
}

@media screen and (max-width:768px) and (min-width:480px) {
  .start-now-img  img{
    margin: 0 auto !important; 
    max-width: 50% !important; 
  }

  .start-now-img {
    margin-top: 30px !important; 
  }

  #csr .csr-img img {
    width: 50px !important; 
  }

  .oc-img img {
    margin: 0 auto 40px !important; 
  }

  #our-clients {
    padding-bottom: 0 !important;
  }

  .oc-bottom {
    margin-top: 22px !important; 
  }

  #product-list .product-box {
    padding: 0 23px 30px 23px !important; 
    margin-bottom: 40px !important;
  }

  #product-list {
    padding-bottom: 0 !important;
  }

  .related-img {
    width: 80%  !important; 
  } 
  
  .related-btn {
    padding-top: 10px !important;
  }

  .view-all-arr {
    width: 34px !important;
  }

  .title-mob {
    padding-bottom: 20px !important;
  }


  .instagram-icon {
    margin-bottom: 50px !important;
    margin-top: 20px !important;
  }


  #search ul li {
    padding: 0 0 1% 0 !important;
  }

  /* #news3 {
    padding: 0 0 1% 0 !important;
  } */

  /* .follow-us-on {
    font-size: 12px !important;
  }

  .follow-social img {
    width: 20px !important; 
  }

  .follow-social ul li {
    margin: 0 7px !important;
  }

  #foot__fb {
    width: 10px !important;
  } */

  #news .bungkus1 {
    flex: 100% !important;
    margin-bottom: 1% !important;
    margin-right: 0 !important;
    flex-wrap: wrap;
    height: 400px !important;
  }

  #news1 {
    padding: 0 0 0 0 !important
  }

  #news .bungkus-main .bungkus2 {
    flex: 100% !important; 
  }

  .banner {padding: 0 3em !important;}
  .banner-t {width: 100% !important; }
  .banner-t p:first-child {margin-bottom: 0 !important;}
  .banner-t p {
    font-size: 35px !important;
  }

  .banner-t {
    width: 100% !important;
  }
  .banner-t p:first-child {margin-bottom: 0 !important;}

  .banner-t p {
    font-size: 22px !important;
  }
  
}

@media screen and (max-width: 480px) {
  .nav-mobile {
    max-width: 75% !important;
  }

  .tombol-silang {
    width: 20px !important;
  }

  #ham_menu_img {
    width: 30px !important;
  }

  #menu_logo_img {
    width: 32px !important;
  }

  .bungkus-fub {
    padding: 5px 7px !important;
  }

  .follow-us-box ul li {
    padding: 3px 5px !important;
  }

  #follow__text {
    font-size: 8px !important;
  }

  .bungkus-fub img {
    width: 14px !important;
  }

  #follow__fb {
    width: 7px !important;
  }

  .follow-social ul li {
    margin: 0 6px !important;
  }

  #banner2 {
    height: 200px !important;
    display: grid;
    align-items: center;
    margin-top: 40px !important; 
  }

  header .header-upper{
    margin-top: 75px;
  }

  #product-detail {
    margin-top: 50px !important; 
  }

  #banner2 .banner2-isi > div {
    font-size: 30px !important;
  }

  /* #news .bungkus1 {
    height: 300px !important;
  }

  #news3 {
    padding: 0 0 1% 0 !important;
    height: 150px !important;
  } */

  

  #our-history .bg-oh {
    padding: 0 !important;
  }

  .our-hist-left h3,
  .our-hist-right h3 {
    font-size: 25px !important;
  }

  .our-hist-right {
    padding-bottom: 3em !important;
  }

  .our-hist-left {
    padding-bottom: 2em !important;
  }

  .our-hist-left ul li {
    padding-bottom: 15px !important;
    font-size: 14px !important;
  }

  .desc p {
    font-size: 10px !important;
  }

  .phylo-img {
    width: 50% !important;
  }

  #product-features {
    padding-top: 1em !important;
  }

  #product-features .bungkus {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  #product-features .title {
    font-size: 18px !important;
  }

  #product-features img {
    width: 40px !important;
  }

  #product-features .features {
    font-size: 12px !important;
  }

  .bungkus-latest {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #latest-news .title {
    padding-bottom: 20px !important;
  }

  .row-mob {
    margin-top: 40px !important;
  }

  .related-btn {
    font-size: 20px !important;
  }

  .related-arrow img {
    width: 32px !important;
    margin-top: 16px !important;
  }

  .share-hover-box {
    margin-top: -1px;
    /* left: 78% !important; */
  }

  .start-now-img  img{
    margin: 0 auto !important; 
    max-width: 50% !important; 
  }
  .start-now-img {
    margin-top: 30px !important; 
  }

  #product-list .product-box {
    padding: 0 23px 30px 23px !important; 
    margin-bottom: 30px !important;
  }

   .related-img {
    width: 80%  !important; 
  } 

  .related-btn {
    padding-top: 12px !important;
  }

  .instagram-icon {
    margin-bottom: 50px !important;
  }

  .follow-us-box {
    padding-top: 0 !important;
  }

  .follow-social img {
    width: 13px !important;
  }

  .mob-w13 {
    width: 17px !important; 
  }

  .menu-open .follow__mobile li {
    padding: 10px 6px 10px 1px !important;
  }

  #news .bungkus1 {
    flex: 100% !important;
    margin-bottom: 1% !important;
    margin-right: 0 !important;
    flex-wrap: wrap;
    height: 200px !important;
  }

  #news1 {
    padding: 0 0 0 0 !important
  }

  #news .bungkus-main .bungkus2 {
    flex: 100% !important; 
  }
 
  #news3,
  #news #kanan-bawah {
    height: 150px !important;
  }

  #news3 {
    padding: 0 0 1% 0 !important;
  }
  
  #news #kanan-bawah {
    flex: 100% !important;
    padding: 0 0 1% 0 !important;
  }

  #news .bungkus1,
  #news #kanan-atas, 
  #news #kiri-bawah, 
  #news #kanan-bawah {
    padding: 1em !important;
  }

  .banner-t {
    width: 100% !important;
  }
  .banner-t p:first-child {margin-bottom: 0 !important;}

  .banner-t p {
    font-size: 22px !important;
  }

}


@media screen and (max-width:992px) and (min-width:768px) {

  #latest-news .row .latest-box:nth-child(3) .bungkus-latest {
    padding-left: 0 !important; 
    padding-right: 30px !important;
  }

  #latest-news .row .latest-box:nth-child(4) .bungkus-latest {
    padding-right: 0 !important; 
    padding-left: 30px !important;
    margin-top: 60px !important;
  }

  #latest-news .row .latest-box:nth-child(5) .bungkus-latest {
    padding-left: 0 !important; 
    padding-right: 30px !important;
    margin-top: 60px !important;
  }
}