/*************************| FONT IKI MALONS |******************************/
@font-face {
  font-family: baloo2-bold;
  src: url("../font/baloo-2/Baloo2-Bold.ttf");
}
@font-face {
  font-family: baloo2-extra-bold;
  src: url("../font/baloo-2/Baloo2-ExtraBold.ttf");
}
@font-face {
  font-family: baloo2-medium;
  src: url("../font/baloo-2/Baloo2-Medium.ttf");
}
@font-face {
  font-family: baloo2-regular;
  src: url("../font/baloo-2/Baloo2-Regular.ttf");
}
@font-face {
  font-family: baloo2-semibold;
  src: url("../font/baloo-2/Baloo2-SemiBold.ttf");
}
/**** | FONT BARLOW | ****/
@font-face {
  font-family: barlow-regular;
  src: url("../font/barlow/Barlow-Regular.ttf");
}
@font-face {
  font-family: barlow-medium;
  src: url("../font/barlow/Barlow-Medium.ttf");
}
@font-face {
  font-family: barlow-bold;
  src: url("../font/barlow/Barlow-Bold.ttf");
}
/**** | FONT BARLOW CONDENSET | ****/
@font-face {
  font-family: barlow-condenset-regular;
  src: url("../font/barlow_condensed/BarlowCondensed-Regular.ttf");
}
html {
  scroll-behavior: smooth;
}

/* settingan */
.pd-0 {
  padding: 0px;
}

.pd-1 {
  padding: 1px;
}

.pd-2 {
  padding: 2px;
}

.pd-4 {
  padding: 4px;
}

.pd-5 {
  padding: 5px;
}

.lh-0 {
  line-height: 0;
}

/* margin */
.margin-10 {
  margin: 10px;
}

.margin-20 {
  margin: 20px;
}

/* backround none */
.remove_bg {
  background: unset !important;
}

/* default color */
/* theme button */
.theme_red {
  background-color: #ff0000 !important;
  border-color: #ff0000 !important;
}

.theme_gold {
  background-color: #ffc801 !important;
  border-color: #ffc801 !important;
}

/* theme text */
.color_black {
  color: #000 !important;
}

.color_white {
  color: white !important;
}

/* size */
.percent_100 {
  max-width: 100% !important;
}

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

.percent_80 {
  max-width: 80% !important;
}

.percnet_70 {
  max-width: 70% !important;
}

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

.percent_50 {
  max-width: 50% !important;
}

.percent_40 {
  max-width: 40% !important;
}

.percnet_30 {
  max-width: 30% !important;
}

.percent_20 {
  max-width: 20% !important;
}

.percent_10 {
  max-width: 10% !important;
}

.percnet_5 {
  max-width: 5% !important;
}

/* show resolution */
.show {
  position: fixed;
  bottom: 5px;
  font-size: 10px;
  background-color: #000;
  color: #fff;
  padding: 2px;
  border-radius: 4px;
}

body {
  font-family: baloo2-regular;
  color: #5A5958;
}

.navbar-custom {
  background-color: transparent;
  border-color: transparent;
}
.navbar-custom .navbar-header a .img_logo img {
  width: 80%;
}
.navbar-custom .navbar-header .line {
  position: absolute;
  width: 20%;
  height: 2px;
  border-top: #003566 solid 2px;
  bottom: 55px;
  display: inline-flex;
  flex-direction: column-reverse;
  justify-content: center;
}
.navbar-custom .navbar-nav li a {
  line-height: 90px;
  color: #003566;
  font-family: baloo2-bold;
}
.navbar-custom .navbar-nav li a:hover {
  color: #D00000;
}
.navbar-custom .navbar-nav li .active {
  color: #D00000 !important;
}

.header_page {
  padding-top: 100px;
  padding-bottom: 100px;
}
.header_page .img_header img {
  margin: 0 auto;
}
.header_page .box_top_header h3 {
  font-family: baloo2-medium;
  color: #5A5958;
}
.header_page .box_top_header h1 {
  font-family: baloo2-extra-bold;
  color: #1643A0;
  font-size: 50px;
}
.header_page .box_top_header .box_deskripsi_header p {
  font-family: barlow-regular;
  color: #5A5958;
  text-align: justify;
  font-size: 17px;
}

.keunggulan_produk {
  padding-top: 100px;
  padding-bottom: 20px;
  background-color: rgba(255, 165, 0, 0.1098039216);
}
.keunggulan_produk .title_keunggulan {
  padding-bottom: 30px;
  text-align: center;
  width: 100%;
}
.keunggulan_produk .title_keunggulan h3 {
  font-family: baloo2-medium;
  color: #5A5958;
}
.keunggulan_produk .title_keunggulan h2 {
  color: #DF4818;
  font-family: baloo2-extra-bold;
}
.keunggulan_produk .box_keunggulan {
  height: 170px;
  margin: 10px;
}
.keunggulan_produk .box_keunggulan h3 {
  font-family: baloo2-regular;
  color: #DF4818;
  font-weight: bold;
  width: 80%;
  font-size: 26px;
}
.keunggulan_produk .box_keunggulan p {
  font-family: baloo2-medium;
  color: #5A5958;
  text-align: justify;
}
.keunggulan_produk .sertifikasi_produk .box_sertifikasi {
  height: 170px;
  margin: 10px;
}
.keunggulan_produk .sertifikasi_produk .box_sertifikasi h3 {
  font-family: baloo2-regular;
  color: #DF4818;
  font-weight: bold;
  width: 100%;
  font-size: 26px;
}
.keunggulan_produk .sertifikasi_produk .box_sertifikasi a {
  font-family: baloo2-medium;
  color: #5A5958;
  text-align: justify;
  text-decoration: none;
}
.keunggulan_produk .sertifikasi_produk .box_sertifikasi a :hover {
  font-weight: bold;
  font-family: baloo2-extra-bold;
  background-color: #1643A0 !important;
}

.manfaat_ikitelurqu {
  padding-top: 100px;
}
.manfaat_ikitelurqu .title_manfaat {
  padding-bottom: 50px;
  text-align: center;
  width: 100%;
}
.manfaat_ikitelurqu .title_manfaat h3 {
  font-family: baloo2-medium;
  color: #5A5958;
}
.manfaat_ikitelurqu .title_manfaat h2 {
  color: #1643A0;
  font-family: baloo2-extra-bold;
}
.manfaat_ikitelurqu .box_manfaat {
  height: 210px;
  padding: 10px;
}
.manfaat_ikitelurqu .box_manfaat .box_img_title_manfaat {
  display: flex;
  justify-content: left;
}
.manfaat_ikitelurqu .box_manfaat .box_img_title_manfaat img {
  width: 20%;
}
.manfaat_ikitelurqu .box_manfaat .box_img_title_manfaat h4 {
  font-family: baloo2-bold;
  color: #1643A0;
  padding-left: 20px;
  width: 100%;
  display: grid;
  align-items: center;
  font-size: 25px;
}
.manfaat_ikitelurqu .box_manfaat .deskripsi_manfaat {
  padding-top: 5px;
}
.manfaat_ikitelurqu .box_manfaat .deskripsi_manfaat p {
  text-align: justify;
}
.manfaat_ikitelurqu .img_ibu_dan_anak {
  display: flex;
  padding-top: 45px;
  padding-bottom: 40px;
  justify-content: flex-end;
}
.manfaat_ikitelurqu .img_ibu_dan_anak img {
  max-width: 130%;
}
.manfaat_ikitelurqu .setindex {
  z-index: 1;
}

.kandungan_gizi {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: rgba(255, 239, 197, 0.5019607843);
}
.kandungan_gizi .box_keterangan_kandungan_gizi .img_anak_ceria img {
  max-width: 80%;
  margin: 0 auto;
}
.kandungan_gizi .box_keterangan_kandungan_gizi .box_deskripsi_kandungan_gizi h3 {
  color: #5A5958;
  margin: 0px;
  font-family: baloo2-medium;
}
.kandungan_gizi .box_keterangan_kandungan_gizi .box_deskripsi_kandungan_gizi h1 {
  color: #DF4818;
  font-family: baloo2-extra-bold;
  margin: 0px;
  font-size: 44px;
}
.kandungan_gizi .box_keterangan_kandungan_gizi .box_deskripsi_kandungan_gizi h4 {
  font-family: barlow-bold;
  color: #DF4818;
  text-align: justify;
  line-height: 25px;
}
.kandungan_gizi .box_keterangan_kandungan_gizi .box_deskripsi_kandungan_gizi .deskripsi_gizi p {
  font-family: barlow-regular;
  color: #5A5958;
  text-align: justify;
}
.kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}
.kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text {
  vertical-align: middle;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #DF4818;
}
.kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text h4 {
  margin: 0px;
  font-family: barlow-regular;
}
.kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text h3 {
  margin: 0px;
  font-family: barlow-regular;
  font-weight: bold;
}
.kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_img {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-content: space-around;
  align-items: center;
}
.kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_img img {
  max-width: 80%;
}
.kandungan_gizi .box_tabel_kandungan_gizi .tabel_kandungan_gizi .table thead {
  background: red;
  color: #fff;
}
.kandungan_gizi .box_tabel_kandungan_gizi .tabel_kandungan_gizi .table thead tr th {
  text-align: center;
}
.kandungan_gizi .box_tabel_kandungan_gizi .tabel_kandungan_gizi .table tbody tr td {
  padding-left: 20px;
  padding-right: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
}
.kandungan_gizi .box_tabel_kandungan_gizi .tabel_kandungan_gizi .table tbody tr td[data-index="0"] {
  text-align: center;
}
.kandungan_gizi .box_tabel_kandungan_gizi .tabel_kandungan_gizi .table tbody tr td[data-index="1"] {
  font-weight: bold;
}
.kandungan_gizi .box_tabel_kandungan_gizi .tabel_kandungan_gizi .table tr:nth-child(even) {
  background-color: #FFEFC5;
}
.kandungan_gizi .box_tabel_kandungan_gizi .tabel_kandungan_gizi p {
  text-align: right;
  font-family: barlow-regular;
}

.moument_ikitelurqu {
  padding-top: 100px;
  padding-bottom: 100px;
}
.moument_ikitelurqu .title_moument {
  padding-bottom: 55px;
  text-align: center;
  width: 100%;
}
.moument_ikitelurqu .title_moument h3 {
  font-family: baloo2-medium;
  color: #5A5958;
}
.moument_ikitelurqu .title_moument h2 {
  color: #1643A0;
  font-family: baloo2-extra-bold;
}
.moument_ikitelurqu .box_moument {
  height: 250px;
  width: 100%;
  padding: 25px;
  box-shadow: -1px 8px 12px -4px rgba(105, 105, 105, 0.81);
  -webkit-box-shadow: -1px -1px 12px -4px rgba(105, 105, 105, 0.81);
  -moz-box-shadow: -1px 8px 12px -4px rgba(105, 105, 105, 0.81);
  margin-bottom: 25px;
  border-radius: 10px;
  display: grid;
  justify-content: center;
  align-content: space-around;
}
.moument_ikitelurqu .box_moument .img_moument {
  display: grid;
}
.moument_ikitelurqu .box_moument .img_moument img {
  margin: 0 auto;
}
.moument_ikitelurqu .box_moument .text_moument {
  width: 100%;
  margin: 0 auto;
}
.moument_ikitelurqu .box_moument .text_moument h4 {
  font-family: baloo2-bold;
  color: #1643A0;
  text-align: center;
  font-size: 17px;
}

.kontak_send {
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
  justify-content: space-evenly;
}
.kontak_send .box_text_kontak {
  background-color: #1643A0;
  display: grid;
  min-width: 50%;
  padding-top: 200px;
  padding-bottom: 200px;
  padding-left: 100px;
  padding-right: 100px;
  align-content: space-evenly;
  justify-content: end;
}
.kontak_send .box_text_kontak h4 {
  color: #FFD60A;
  font-family: baloo2-bold;
}
.kontak_send .box_text_kontak h2 {
  color: white;
  font-family: baloo2-bold;
  width: 85%;
  font-size: 40px;
}
.kontak_send .box_text_kontak .info_kontak {
  font-family: barlow-regular;
  color: white;
}
.kontak_send .box_text_kontak .info_kontak h3 {
  font-size: 20px;
}
.kontak_send .box_text_kontak .info_kontak ul {
  padding: 0px;
}
.kontak_send .box_text_kontak .info_kontak ul li {
  list-style: none;
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  padding-top: 20px;
}
.kontak_send .box_text_kontak .info_kontak ul li span {
  width: 40px;
  height: 40px;
  background-color: #FFF;
  border-radius: 70%;
  display: flex;
}
.kontak_send .box_text_kontak .info_kontak ul li span img {
  padding: 20%;
}
.kontak_send .box_text_kontak .info_kontak ul li p {
  padding-left: 20px;
  font-size: 20px;
  width: 78%;
}
.kontak_send .box_form_kontak {
  background-color: #EDEFF0;
  display: grid;
  min-width: 50%;
  padding-top: 200px;
  padding-bottom: 200px;
  padding-left: 100px;
  padding-right: 100px;
}

.contac_footer {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #fff8e7;
}
.contac_footer .link_menu_footer ul {
  list-style: none;
  display: flex;
  padding: 0px;
  justify-content: space-between;
}
.contac_footer .link_menu_footer ul li a {
  text-decoration: none;
  padding-left: 30px;
  font-family: baloo2-extra-bold;
  font-size: 20px;
}
.contac_footer .menu_link {
  display: flex;
  align-items: flex-start;
}
.contac_footer .menu_link .menu_market {
  float: inline-start;
  justify-content: space-around;
  display: flex;
  padding: 0px;
  width: 100%;
}
.contac_footer .menu_link .menu_market ul {
  list-style: none;
  display: flex;
  padding: 0px;
  justify-content: space-between;
}
.contac_footer .menu_link .menu_market ul li {
  padding-left: 20px;
}
.contac_footer .menu_link .menu_market ul li a {
  text-decoration: none;
  padding-left: 30px;
}
.contac_footer .menu_link .menu_market ul li a img {
  margin: 0 auto;
}
.contac_footer .menu_link .menu_sosial_media {
  padding: 0px;
  width: 100%;
}
.contac_footer .menu_link .menu_sosial_media ul {
  list-style: none;
  display: flex;
  padding: 0px;
  justify-content: end;
}
.contac_footer .menu_link .menu_sosial_media ul li a {
  text-decoration: none;
  padding-left: 30px;
}
.contac_footer .menu_link .menu_sosial_media ul li a img {
  margin: 0 auto;
  max-width: 35px;
}

/* responsive */
/* breakpoint 

   'lgdesktop': 1920px
   'desktop': 1024px, 
   'tablet': 768px, 
   'mobile_l':425px,
   'mobile_m':375px,
   'phone_md': 360px,
   'phone': 320px, 
*/
@media (max-width: 768px) and (min-width: 426px) {
  .navbar-custom .navbar-header a .img_logo img {
    width: 60%;
  }
  .navbar-custom .navbar-header .line {
    display: none;
  }
  .navbar-custom .navbar-nav li a {
    line-height: 60px;
  }
  .navbar-custom .show_menu {
    display: none;
  }
  .contac_footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .contac_footer .link_menu_footer ul {
    flex-direction: row;
  }
  .contac_footer .link_menu_footer ul li a {
    font-size: 15px;
  }
  .contac_footer .menu_link .menu_market {
    float: inline-start;
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_sosial_media {
    float: inline-start;
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_sosial_media ul {
    justify-content: space-around;
  }
}
@media (max-width: 425px) and (min-width: 376px) {
  .navbar-custom .navbar-header a .navbar-brand {
    padding: 10px 10px;
  }
  .navbar-custom .navbar-header a .img_logo img {
    z-index: 111;
    position: absolute;
    max-width: 18%;
  }
  .navbar-custom .navbar-header .line {
    display: none;
  }
  .navbar-custom .navbar-nav li a {
    line-height: 20px;
    text-align: center;
  }
  .navbar-custom .navbar-collapse {
    text-align: end;
    background: rgb(255, 255, 255);
    padding-bottom: 20px;
    position: absolute;
    z-index: 1;
    width: 100%;
  }
  .navbar-custom .navbar-toggle {
    border-color: #463535;
  }
  .navbar-custom .show_menu .link_market p {
    text-align: center;
    color: #003566;
  }
  .navbar-custom .show_menu .main_list_menu {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .navbar-custom .show_menu .main_list_menu .box_menu {
    float: inline-start;
    padding-left: 20px;
    padding-right: 20px;
    width: 80%;
  }
  .header_page {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .header_page .box_top_header h1 {
    font-size: 32px;
  }
  .header_page .box_top_header .box_deskripsi_header p {
    font-size: 16px;
  }
  .keunggulan_produk {
    padding-top: 60px;
  }
  .keunggulan_produk .title_keunggulan h2 {
    margin: 0px;
  }
  .keunggulan_produk .box_keunggulan {
    height: auto;
  }
  .keunggulan_produk .box_keunggulan h3 {
    width: 100%;
    font-size: 16px;
  }
  .keunggulan_produk .box_keunggulan p {
    text-align: start;
  }
  .keunggulan_produk .sertifikasi_produk .box_sertifikasi {
    height: auto;
  }
  .keunggulan_produk .sertifikasi_produk .box_sertifikasi h3 {
    font-size: 16px;
  }
  .manfaat_ikitelurqu {
    padding-top: 50px;
  }
  .manfaat_ikitelurqu .title_manfaat {
    padding-bottom: 0px;
  }
  .manfaat_ikitelurqu .title_manfaat h2 {
    margin: 0px;
  }
  .manfaat_ikitelurqu .img_ibu_dan_anak {
    justify-content: center;
    padding-bottom: 20px;
  }
  .manfaat_ikitelurqu .img_ibu_dan_anak img {
    max-width: 70%;
  }
  .manfaat_ikitelurqu .box_manfaat {
    height: auto;
  }
  .kandungan_gizi {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .kandungan_gizi .box_keterangan_kandungan_gizi .box_deskripsi_kandungan_gizi h1 {
    font-size: 30px;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text {
    justify-content: center;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text h4 {
    font-size: 16px;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text h3 {
    font-size: 15px;
  }
  .moument_ikitelurqu {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .moument_ikitelurqu .title_moument {
    padding-bottom: 40px;
  }
  .moument_ikitelurqu .title_moument h2 {
    font-size: 30px;
    margin: 0px;
  }
  .moument_ikitelurqu .box_moument {
    height: 200px;
    margin-bottom: 20px;
    padding: 15px;
  }
  .moument_ikitelurqu .box_moument .img_moument img {
    max-width: 100%;
  }
  .kontak_send {
    display: grid;
  }
  .kontak_send .box_text_kontak {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .kontak_send .box_text_kontak h2 {
    width: 100%;
    font-size: 27px;
  }
  .kontak_send .box_text_kontak .info_kontak h3 {
    margin: 0px;
  }
  .kontak_send .box_text_kontak .info_kontak ul li {
    padding-bottom: 10px;
    padding-top: 15px;
  }
  .kontak_send .box_text_kontak .info_kontak ul li p {
    font-size: 14px;
    width: 100%;
  }
  .kontak_send .box_form_kontak {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .kontak_send .box_form_kontak .info_kontak ul li span {
    width: 35px;
    height: 35px;
  }
  .contac_footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .contac_footer .link_menu_footer ul {
    flex-direction: row;
  }
  .contac_footer .link_menu_footer ul li a {
    font-size: 15px;
    padding-left: 0px;
  }
  .contac_footer .menu_link {
    display: flex;
    align-items: flex-start;
  }
  .contac_footer .menu_link .menu_market {
    float: inline-start;
    display: block;
  }
  .contac_footer .menu_link .menu_market ul {
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_market ul li {
    padding-left: 0px;
  }
  .contac_footer .menu_link .menu_market ul li a {
    padding-left: 0px;
  }
  .contac_footer .menu_link .menu_sosial_media {
    float: inline-start;
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_sosial_media ul {
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_sosial_media ul li a {
    padding-left: 0px;
  }
}
/* media query custom 393 */
@media screen and (max-width: 424px) and (min-width: 393px) {
  .navbar-custom .navbar-header a .navbar-brand {
    padding: 10px 10px;
  }
  .navbar-custom .navbar-header a .img_logo img {
    z-index: 111;
    position: absolute;
    max-width: 18%;
  }
  .navbar-custom .navbar-nav li a {
    line-height: 20px;
    text-align: center;
  }
  .navbar-custom .navbar-collapse {
    text-align: end;
    background: rgb(255, 255, 255);
    padding-bottom: 20px;
    position: absolute;
    z-index: 1;
    width: 100%;
  }
  .navbar-custom .navbar-toggle {
    border-color: #463535;
  }
  .navbar-custom .show_menu .link_market p {
    text-align: center;
    color: #003566;
  }
  .navbar-custom .show_menu .main_list_menu {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .navbar-custom .show_menu .main_list_menu .box_menu {
    float: inline-start;
    padding-left: 20px;
    padding-right: 20px;
    width: 80%;
  }
  .header_page {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .header_page .box_top_header h1 {
    font-size: 32px;
  }
  .header_page .box_top_header .box_deskripsi_header p {
    font-size: 16px;
  }
  .keunggulan_produk {
    padding-top: 60px;
  }
  .keunggulan_produk .title_keunggulan h2 {
    margin: 0px;
  }
  .keunggulan_produk .box_keunggulan {
    height: auto;
  }
  .keunggulan_produk .box_keunggulan h3 {
    width: 100%;
    font-size: 16px;
  }
  .keunggulan_produk .box_keunggulan p {
    text-align: start;
  }
  .keunggulan_produk .sertifikasi_produk .box_sertifikasi {
    height: auto;
  }
  .keunggulan_produk .sertifikasi_produk .box_sertifikasi h3 {
    font-size: 16px;
  }
  .manfaat_ikitelurqu {
    padding-top: 50px;
  }
  .manfaat_ikitelurqu .title_manfaat {
    padding-bottom: 0px;
  }
  .manfaat_ikitelurqu .title_manfaat h2 {
    margin: 0px;
  }
  .manfaat_ikitelurqu .img_ibu_dan_anak {
    justify-content: center;
    padding-bottom: 20px;
  }
  .manfaat_ikitelurqu .img_ibu_dan_anak img {
    max-width: 70%;
  }
  .manfaat_ikitelurqu .box_manfaat {
    height: auto;
  }
  .kandungan_gizi {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .kandungan_gizi .box_keterangan_kandungan_gizi .box_deskripsi_kandungan_gizi h1 {
    font-size: 30px;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text {
    justify-content: center;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text h4 {
    font-size: 16px;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text h3 {
    font-size: 15px;
  }
  .moument_ikitelurqu {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .moument_ikitelurqu .title_moument {
    padding-bottom: 40px;
  }
  .moument_ikitelurqu .title_moument h2 {
    font-size: 30px;
    margin: 0px;
  }
  .moument_ikitelurqu .box_moument {
    height: 225px;
    margin-bottom: 20px;
  }
  .moument_ikitelurqu .box_moument .img_moument img {
    max-width: 100%;
  }
  .moument_ikitelurqu .box_moument .text_moument h4 {
    font-size: 13px;
    width: 80%;
    margin: 0 auto;
  }
  .kontak_send {
    display: grid;
  }
  .kontak_send .box_text_kontak {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .kontak_send .box_text_kontak h2 {
    width: 100%;
    font-size: 27px;
  }
  .kontak_send .box_text_kontak .info_kontak h3 {
    margin: 0px;
  }
  .kontak_send .box_text_kontak .info_kontak ul li {
    padding-bottom: 10px;
    padding-top: 15px;
  }
  .kontak_send .box_text_kontak .info_kontak ul li p {
    font-size: 14px;
    width: 100%;
  }
  .kontak_send .box_form_kontak {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .contac_footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .contac_footer .link_menu_footer ul {
    flex-direction: row;
  }
  .contac_footer .link_menu_footer ul li a {
    font-size: 15px;
    padding-left: 0px;
  }
  .contac_footer .menu_link {
    display: flex;
    align-items: flex-start;
  }
  .contac_footer .menu_link .menu_market {
    float: inline-start;
    display: block;
  }
  .contac_footer .menu_link .menu_market ul {
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_market ul li {
    padding-left: 0px;
  }
  .contac_footer .menu_link .menu_market ul li a {
    padding-left: 0px;
  }
  .contac_footer .menu_link .menu_sosial_media {
    float: inline-start;
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_sosial_media ul {
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_sosial_media ul li a {
    padding-left: 0px;
  }
}
@media (max-width: 375px) and (min-width: 321px) {
  .navbar-custom .navbar-header a .navbar-brand {
    padding: 10px 10px;
  }
  .navbar-custom .navbar-header a .img_logo img {
    z-index: 111;
    position: absolute;
    max-width: 18%;
  }
  .navbar-custom .navbar-nav li a {
    line-height: 20px;
    text-align: center;
  }
  .navbar-custom .navbar-collapse {
    text-align: end;
    background: rgb(255, 255, 255);
    padding-bottom: 20px;
    position: absolute;
    z-index: 1;
    width: 100%;
  }
  .navbar-custom .navbar-toggle {
    border-color: #463535;
  }
  .navbar-custom .show_menu .link_market p {
    text-align: center;
    color: #003566;
  }
  .navbar-custom .show_menu .main_list_menu {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .navbar-custom .show_menu .main_list_menu .box_menu {
    float: inline-start;
    padding-left: 20px;
    padding-right: 20px;
    width: 80%;
  }
  .header_page {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .header_page .box_top_header h1 {
    font-size: 32px;
  }
  .header_page .box_top_header .box_deskripsi_header p {
    font-size: 16px;
  }
  .keunggulan_produk {
    padding-top: 60px;
  }
  .keunggulan_produk .title_keunggulan h2 {
    margin: 0px;
  }
  .keunggulan_produk .box_keunggulan {
    height: auto;
  }
  .keunggulan_produk .box_keunggulan h3 {
    width: 100%;
    font-size: 16px;
  }
  .keunggulan_produk .box_keunggulan p {
    text-align: start;
  }
  .keunggulan_produk .sertifikasi_produk .box_sertifikasi {
    height: auto;
  }
  .keunggulan_produk .sertifikasi_produk .box_sertifikasi h3 {
    font-size: 16px;
  }
  .manfaat_ikitelurqu {
    padding-top: 50px;
  }
  .manfaat_ikitelurqu .title_manfaat {
    padding-bottom: 0px;
  }
  .manfaat_ikitelurqu .title_manfaat h2 {
    margin: 0px;
  }
  .manfaat_ikitelurqu .img_ibu_dan_anak {
    justify-content: center;
    padding-bottom: 20px;
  }
  .manfaat_ikitelurqu .img_ibu_dan_anak img {
    max-width: 70%;
  }
  .manfaat_ikitelurqu .box_manfaat {
    height: auto;
  }
  .kandungan_gizi {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .kandungan_gizi .box_keterangan_kandungan_gizi .box_deskripsi_kandungan_gizi h1 {
    font-size: 30px;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text {
    justify-content: center;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text h4 {
    font-size: 16px;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text h3 {
    font-size: 15px;
  }
  .moument_ikitelurqu {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .moument_ikitelurqu .title_moument {
    padding-bottom: 40px;
  }
  .moument_ikitelurqu .title_moument h2 {
    font-size: 30px;
    margin: 0px;
  }
  .moument_ikitelurqu .box_moument {
    height: 225px;
    margin-bottom: 20px;
  }
  .moument_ikitelurqu .box_moument .text_moument h4 {
    font-size: 13px;
    width: 80%;
    margin: 0 auto;
  }
  .kontak_send {
    display: grid;
  }
  .kontak_send .box_text_kontak {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .kontak_send .box_text_kontak h2 {
    width: 100%;
    font-size: 27px;
  }
  .kontak_send .box_text_kontak .info_kontak h3 {
    margin: 0px;
  }
  .kontak_send .box_text_kontak .info_kontak ul li {
    padding-bottom: 10px;
    padding-top: 15px;
  }
  .kontak_send .box_text_kontak .info_kontak ul li p {
    font-size: 14px;
    width: 100%;
  }
  .kontak_send .box_form_kontak {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .contac_footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .contac_footer .link_menu_footer ul {
    flex-direction: row;
  }
  .contac_footer .link_menu_footer ul li a {
    font-size: 15px;
    padding-left: 0px;
  }
  .contac_footer .menu_link {
    display: flex;
    align-items: flex-start;
  }
  .contac_footer .menu_link .menu_market {
    float: inline-start;
    display: block;
  }
  .contac_footer .menu_link .menu_market ul {
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_market ul li {
    padding-left: 0px;
  }
  .contac_footer .menu_link .menu_market ul li a {
    padding-left: 0px;
  }
  .contac_footer .menu_link .menu_sosial_media {
    float: inline-start;
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_sosial_media ul {
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_sosial_media ul li a {
    padding-left: 0px;
  }
}
/* media query custom 360 */
@media screen and (max-width: 374px) and (min-width: 360px) {
  .navbar-custom .navbar-header a .navbar-brand {
    padding: 10px 10px;
  }
  .navbar-custom .navbar-header a .img_logo img {
    z-index: 111;
    position: absolute;
    max-width: 18%;
  }
  .navbar-custom .navbar-nav li a {
    line-height: 20px;
    text-align: center;
  }
  .navbar-custom .navbar-collapse {
    text-align: end;
    background: rgb(255, 255, 255);
    padding-bottom: 20px;
    position: absolute;
    z-index: 1;
    width: 100%;
  }
  .navbar-custom .navbar-toggle {
    border-color: #463535;
  }
  .navbar-custom .show_menu .link_market p {
    text-align: center;
    color: #003566;
  }
  .navbar-custom .show_menu .main_list_menu {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .navbar-custom .show_menu .main_list_menu .box_menu {
    float: inline-start;
    padding-left: 20px;
    padding-right: 20px;
    width: 80%;
  }
  .header_page {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .header_page .box_top_header h1 {
    font-size: 32px;
  }
  .header_page .box_top_header .box_deskripsi_header p {
    font-size: 16px;
  }
  .keunggulan_produk {
    padding-top: 60px;
  }
  .keunggulan_produk .title_keunggulan h2 {
    margin: 0px;
  }
  .keunggulan_produk .box_keunggulan {
    height: auto;
  }
  .keunggulan_produk .box_keunggulan h3 {
    width: 100%;
    font-size: 16px;
  }
  .keunggulan_produk .box_keunggulan p {
    text-align: start;
  }
  .keunggulan_produk .sertifikasi_produk .box_sertifikasi {
    height: auto;
  }
  .keunggulan_produk .sertifikasi_produk .box_sertifikasi h3 {
    font-size: 16px;
  }
  .manfaat_ikitelurqu {
    padding-top: 50px;
  }
  .manfaat_ikitelurqu .title_manfaat {
    padding-bottom: 0px;
  }
  .manfaat_ikitelurqu .title_manfaat h2 {
    margin: 0px;
  }
  .manfaat_ikitelurqu .img_ibu_dan_anak {
    justify-content: center;
    padding-bottom: 20px;
  }
  .manfaat_ikitelurqu .img_ibu_dan_anak img {
    max-width: 70%;
  }
  .manfaat_ikitelurqu .box_manfaat {
    height: auto;
  }
  .kandungan_gizi {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .kandungan_gizi .box_keterangan_kandungan_gizi .box_deskripsi_kandungan_gizi h1 {
    font-size: 30px;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text {
    justify-content: center;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text h4 {
    font-size: 16px;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text h3 {
    font-size: 15px;
  }
  .moument_ikitelurqu {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .moument_ikitelurqu .title_moument {
    padding-bottom: 40px;
  }
  .moument_ikitelurqu .title_moument h2 {
    font-size: 30px;
    margin: 0px;
  }
  .moument_ikitelurqu .box_moument {
    height: 225px;
    margin-bottom: 20px;
  }
  .moument_ikitelurqu .box_moument .text_moument h4 {
    font-size: 13px;
    width: 80%;
    margin: 0 auto;
  }
  .kontak_send {
    display: grid;
  }
  .kontak_send .box_text_kontak {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .kontak_send .box_text_kontak h2 {
    width: 100%;
    font-size: 27px;
  }
  .kontak_send .box_text_kontak .info_kontak h3 {
    margin: 0px;
  }
  .kontak_send .box_text_kontak .info_kontak ul li {
    padding-bottom: 10px;
    padding-top: 15px;
  }
  .kontak_send .box_text_kontak .info_kontak ul li p {
    font-size: 14px;
    width: 100%;
  }
  .kontak_send .box_form_kontak {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .contac_footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .contac_footer .link_menu_footer ul {
    flex-direction: row;
  }
  .contac_footer .link_menu_footer ul li a {
    font-size: 15px;
    padding-left: 0px;
  }
  .contac_footer .menu_link {
    display: flex;
    align-items: flex-start;
  }
  .contac_footer .menu_link .menu_market {
    float: inline-start;
    display: block;
  }
  .contac_footer .menu_link .menu_market ul {
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_market ul li {
    padding-left: 0px;
  }
  .contac_footer .menu_link .menu_market ul li a {
    padding-left: 0px;
  }
  .contac_footer .menu_link .menu_sosial_media {
    float: inline-start;
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_sosial_media ul {
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_sosial_media ul li a {
    padding-left: 0px;
  }
}
@media (max-width: 320px) {
  .navbar-custom .navbar-header a .navbar-brand {
    padding: 10px 10px;
  }
  .navbar-custom .navbar-header a .img_logo img {
    z-index: 111;
    position: absolute;
    max-width: 18%;
  }
  .navbar-custom .navbar-nav li a {
    line-height: 20px;
    text-align: center;
  }
  .navbar-custom .navbar-collapse {
    text-align: end;
    background: rgb(255, 255, 255);
    padding-bottom: 20px;
    position: absolute;
    z-index: 1;
    width: 100%;
  }
  .navbar-custom .navbar-toggle {
    border-color: #463535;
  }
  .navbar-custom .show_menu .link_market p {
    text-align: center;
    color: #003566;
  }
  .navbar-custom .show_menu .main_list_menu {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .navbar-custom .show_menu .main_list_menu .box_menu {
    float: inline-start;
    padding-left: 20px;
    padding-right: 20px;
    width: 80%;
  }
  .header_page {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .header_page .box_top_header h1 {
    font-size: 32px;
  }
  .header_page .box_top_header .box_deskripsi_header p {
    font-size: 16px;
  }
  .keunggulan_produk {
    padding-top: 60px;
  }
  .keunggulan_produk .title_keunggulan {
    padding-bottom: 20px;
  }
  .keunggulan_produk .title_keunggulan h2 {
    margin: 0px;
  }
  .keunggulan_produk .box_keunggulan {
    height: auto;
  }
  .keunggulan_produk .box_keunggulan h3 {
    width: 100%;
    font-size: 16px;
  }
  .keunggulan_produk .box_keunggulan p {
    text-align: start;
  }
  .keunggulan_produk .sertifikasi_produk .box_sertifikasi {
    height: auto;
  }
  .keunggulan_produk .sertifikasi_produk .box_sertifikasi h3 {
    font-size: 16px;
  }
  .manfaat_ikitelurqu {
    padding-top: 50px;
  }
  .manfaat_ikitelurqu .title_manfaat {
    padding-bottom: 0px;
  }
  .manfaat_ikitelurqu .title_manfaat h2 {
    margin: 0px;
  }
  .manfaat_ikitelurqu .img_ibu_dan_anak {
    justify-content: center;
    padding-bottom: 20px;
  }
  .manfaat_ikitelurqu .img_ibu_dan_anak img {
    max-width: 70%;
  }
  .manfaat_ikitelurqu .box_manfaat {
    height: auto;
  }
  .kandungan_gizi {
    padding-top: 75px;
    padding-bottom: 75px;
  }
  .kandungan_gizi .box_keterangan_kandungan_gizi .box_deskripsi_kandungan_gizi h1 {
    font-size: 30px;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text {
    justify-content: center;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text h4 {
    font-size: 16px;
  }
  .kandungan_gizi .box_tabel_kandungan_gizi .img_porsi_kandungan .grid_text h3 {
    font-size: 15px;
  }
  .moument_ikitelurqu {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .moument_ikitelurqu .title_moument {
    padding-bottom: 40px;
  }
  .moument_ikitelurqu .title_moument h2 {
    font-size: 30px;
    margin: 0px;
  }
  .moument_ikitelurqu .box_moument {
    height: 225px;
    margin-bottom: 20px;
  }
  .moument_ikitelurqu .box_moument .text_moument h4 {
    font-size: 13px;
    width: 80%;
    margin: 0 auto;
  }
  .kontak_send {
    display: grid;
  }
  .kontak_send .box_text_kontak {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .kontak_send .box_text_kontak h2 {
    width: 100%;
    font-size: 27px;
  }
  .kontak_send .box_text_kontak .info_kontak h3 {
    margin: 0px;
  }
  .kontak_send .box_text_kontak .info_kontak ul li {
    padding-bottom: 10px;
    padding-top: 15px;
  }
  .kontak_send .box_text_kontak .info_kontak ul li p {
    font-size: 14px;
    width: 100%;
  }
  .kontak_send .box_form_kontak {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .contac_footer {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .contac_footer .link_menu_footer ul {
    flex-direction: row;
  }
  .contac_footer .link_menu_footer ul li a {
    font-size: 15px;
    padding-left: 0px;
  }
  .contac_footer .menu_link {
    display: flex;
    align-items: flex-start;
  }
  .contac_footer .menu_link .menu_market {
    float: inline-start;
    display: block;
  }
  .contac_footer .menu_link .menu_market ul {
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_market ul li {
    padding-left: 0px;
  }
  .contac_footer .menu_link .menu_market ul li a {
    padding-left: 0px;
  }
  .contac_footer .menu_link .menu_sosial_media {
    float: inline-start;
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_sosial_media ul {
    justify-content: space-around;
  }
  .contac_footer .menu_link .menu_sosial_media ul li a {
    padding-left: 0px;
  }
}/*# sourceMappingURL=style_detail_profil.css.map */