html {
  position: relative;
  min-height: 100%;
  font-size: 14px;

}
body {
  /*padding-top: 30px;*/
  /*margin-bottom: 30px;*/
  /*font-family: 'Manrope', sans-serif !important;*/
  /*padding-bottom: 70px;*/
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?3f0coc');
  src:  url('fonts/icomoon.eot?3f0coc#iefix') format('embedded-opentype'),
  url('fonts/icomoon.ttf?3f0coc') format('truetype'),
  url('fonts/icomoon.woff?3f0coc') format('woff'),
  url('fonts/icomoon.svg?3f0coc#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cart-2:before {
  content: "\e900";
}



h1{
  font-size: 2em;
}

h3{
  font-size: 24px;
}

.container-header-notification{
  margin-top: 6em;
  background-color: #FFA41B;
  color: white;
}

.input-kk{
  height: 45px;
  font-size: 12px;
  color: #7B7B7B;
}

.card-product > .card-body{
  /* height: 230px; */
  /*min-height: 13em;*/
  /*max-height: 13em;*/
}

.input-kk::placeholder{
  font-size: 12px;
  color: #7B7B7B;
}

.input-kk > option{
  font-size: 12px;
  color: #7B7B7B;
}

.input-kk > option:checked{
  font-size: 12px;
  color: #7B7B7B;
}

.bg-orange{
  background-color: #FFBB4F !important;
}



.input-group-kk{
  background-color : transparent;
  border-left: none;
}

.input-group > .input-kk{
  border-right: none !important;
}

.form-group > label{
  color: #7B7B7B;
  font-size: 12px;
}

.font-manrope{
  font-family: 'Libre Franklin', sans-serif !important;
}

.font-roboto{
  font-family: 'Roboto Mono', monospace;
}

.font-mulish{
  font-family: 'Mulish', sans-serif;
}

.row-kk{
  margin-right: 6em;
  margin-left: 6em;
}

.top-container{
  margin-top: 2em;
}

.bg-blue{
  background-color: #25A8BC;
}

.btn-outline-blue{
  background-color: white;
  border: 1px solid #25A8BC;
  color: #25A8BC;
}

.btn-outline-red{
  background-color: white;
  border: 1px solid #BB2207;
  color: #BB2207;
}

.btn-blue{
  background-color: #25A8BC;
  color: white;
}

.btn-yellow{
  background-color: #FFA500;
  color: white;
}

.text-yellow{
  color: #FFA500;
}

a.text-yellow:hover{
  color: #ca8404;
}

.text-blue-pastel{
  color: #25A8BC;
}

.text-black-op{
  color: black;
  opacity: 0.45;
}

.text-orange{
  color: #FFA14E;
}

.text-red {
  color: #BB2207;
}

a.text-red{
  color: #BB2207;
}

.text-414141{
  color: #414141;
}



/* The container */
.container-checkbox {
  display: block;
  position: absolute;
  right: 35px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #abababb0;
  border-radius:5px;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark {
  background-color: #00A8B8;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after {
  left: 9px;
  top: 0;
  width: 10px;
  height: 20px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.font-12{
  font-size: 12px;
}


a.hover-not:hover{
  text-decoration: none;
}

#accordion-payment{
  background-color: #E6E6E6;
  border-radius: 20px;
}

.text-line-through{
  text-decoration: line-through;
}




.payment-input{
  height: 45px;
  border-radius: 10px;
}

.payment-input::placeholder{
  color: #C4C4C4;
}


.close-modal-kk{
  position: absolute;
  right: 20px;
  top: 10px;
}

#forgot-password-modal > div > .modal-content > .modal-header{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}


#registrasi-modal  > div > .modal-content,
#login-modal > div > .modal-content,
#forgot-password-modal > div > .modal-content,
#product-modal > div > .modal-content{
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  border : 0;
}

#registrasi-modal > div > .modal-content > .modal-header,
#login-modal > div > .modal-content > .modal-header,
#product-modal > div > .modal-content > .modal-heade{
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  height: 84px;
  border : 0;
}

#registrasi-modal > div > .modal-content > .modal-footer,
#login-modal > div > .modal-content > .modal-footer,
#product-modal > div > .modal-content > .modal-footer{
  border: 0;
}

#registrasi-modal > div > .modal-content > .modal-footer > a:hover,
#login-modal > div > .modal-content > .modal-footer > a:hover,
#product-modal > div > .modal-content > .modal-footer > a:hover{
  color: white;
  text-decoration: none;
}

#product-modal > div > div > .modal-header{
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

#product-modal > div > div > .modal-footer,
#product-modal > div > div > .modal-footer > button{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.input-jumlah-anak{
  border: 0;
}
.btn-number{
  background-color: #FFA500;
  color: white;
  border: 0;
}

.btn-number:disabled{
  background-color: #FFA500;
  color: white;
  border: 0;
}

/*.card-product > .card-body{*/
/*  padding-bottom : .5em;*/
/*}*/

/*.card-product > .card-body > .card-title{*/
/*  height: 40px;*/
/*}*/

/*.card-product > .card-body > table > tbody > tr:first-child > td{*/
/*  !*height: 60px;*!*/
/*}*/

/*.card-product > .card-body > table > tbody > tr > td{*/
/*  !*height: 30px;*!*/
/*}*/

/*.card-product.product-details{*/
/*  min-height: 8em;*/
/*}*/


.bg-general{
  background-color: #e5e5e570;
}

.bg-yellow{
  background-color: #FFA500;
}

.tabs-product > li > a{
  font-size: 18px;
  font-weight: 700;
  color: #0000008a;
  padding-left: 0;
  padding-right: 29px;
}

.tabs-product > li > a.active{
  background-color: transparent !important;
  color: black !important;
}

.product-descriptions{
  font-size: 14px;
}

.readmore{
  color: black;
  opacity: 0.5;
}

.readmore > a{
  text-decoration: none;
  color: black;
}

.product-varian{
  border-radius: 20px;
}

.product-varian > .row{
  padding-left: 30px;
  padding-top: 18px;
  padding-bottom: 15px;
}

.product-price{
  color: #FFA500;
  font-size: 18px;
  font-weight: 800;
}
/*.row.web-content{*/
/*  padding-left: 16em;*/
/*  padding-right: 16em;*/
/*}*/


/*.row.content > div{*/
/*  padding: 0 16em;*/
/*}*/

/*.row.content > div > .web-content{*/
/*  padding: 0;*/
/*  margin: 0;*/
/*}*/

.sticky-bottom{
  position: sticky;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}


footer {
  position: relative;
  bottom: 0;
  width: 100%;
  /*height: 60px;*/
  /* Set the fixed height of the footer here */
  /*line-height: 60px;*/
  /* Vertically center the text there */
  background-color: #f5f5f5;
  /* Not required */
}
.whatsapp {
  width: 58px;
  height: 40px;
  margin-right: 20px;
}

/* .whatsapp > a > div{
  padding-bottom: 20px;
  margin-left: -30px;
} */

.whatsapp > a >div:first-child{
  background-color: #E93B63;
  padding: 0;
}

.whatsapp > a{
  font-size: 14px;
  color: #25AABD;
  font-weight: 700;
  text-decoration: none;
}

.whatsapp > a > div > img{
  max-width: 10em;
}
/*@media (max-width:766px)  {*/
/*  !* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) *!*/
/*  .whatsapp {*/
/*    display: none;*/
/*  }*/
/*}*/




#more {display: none;}


.dropdown-cart{
  right: 10px !important;
  left : unset !important;
  min-width: 15rem;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.shopping-cart {
  margin-right: 15px;
  margin-top : 4rem;
  margin-bottom: 20px;
  background: gray;
  width: 320px;
  position: absolute;
  border-radius: 3px;
  padding: 10px;
  top: 0;
  right: 6rem;
  z-index: 100;
}


.shopping-cart:after {
  bottom: 100%;
  left: 89%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: white;
  border-width: 8px;
  margin-left: -8px;
}

.cart-icon {
  color: #515783;
  font-size: 24px;
  margin-right: 7px;
  float: left;
}



.shopping-cart-items{
  list-style-type: none;
  padding: 20px;
}

.shopping-cart > li{
  border-bottom: 1px solid black;
}

.cart-list{
  border-bottom: gainsboro solid 1px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}



/*.kk-nav > .nav-item > .nav-link{*/
/*  margin-right: 32px;*/
/*  margin-left: 32px;*/
/*}*/



.border-none{
  border: none;
}


/*.home-event-section.web-content{*/
/*  margin-top: 5em;*/
/*}*/

/*.card-product{*/
/*  border-radius: 20px;*/
/*  min-height: 35em;*/
/*  !*min-width: 215px;*!*/
/*  box-shadow: black;*/
/*  border: 0;*/
/*}*/

/*.card-product > img{*/
/*  border-radius: 20px 20px 0 0;*/
/*  !*height: 215px;*!*/
/*}*/
/*.card-product >.card-footer{*/
/*  background-color: #FFA41B;*/
/*  border-radius: 0 0 20px 20px;*/
/*  font-size: 14px;*/
/*  font-weight: bold;*/
/*}*/

/*.card-product >.card-footer.selected{*/
/*  background-color: #00A8B8;*/
/*}*/
/*.text-line-through{*/
/*  text-decoration: line-through;*/
/*}*/

/*.card-product >.card-footer > a{*/
/*  text-decoration: none;*/
/*  color: white;*/
/*  font-size: 17px;*/
/*  font-weight: bold;*/
/*  padding: 0;*/
/*  margin: 0;*/
/*}*/

.card-mimin-kece{
  background-color: #25AABD;
  color: white;
  font-size: 34px;
  border-radius: 40px;
  font-weight: bold;
  padding : 40px 60px 40px 50px;
  height: 190px;
  font-family: 'Manrope', sans-serif !important;
}

/*.card-mimin-kece > img{*/
/*  width: 200px;*/
/*}*/

.image-mimin-kece{
  margin-bottom: -190px;
  z-index: 888;
}

.image-mimin-kece > img{
  margin-right: 60px;
  width: 247px;
}


.bg-tele{
  background-color: #7F2DD1;
}
#tele-dokter-lists > div > .card{
  border-radius: 20px;
  height: 75px;
}
.tele-dokter-photo{
  margin: .6em;
  max-width: 50px;
}

#tele-dokter-lists > div > div > div > div > .card-body {
  padding: 0;
}


#main-tele-dokter > div > img{
  max-width: 322px;
}


.btn-appointment{
  background-color: white;
  border-radius: 15px;
  color: #25AABD;
  padding: 24px;
  font-size: 17px;
  font-weight: bold;
}

.btn-appointment:hover{
  background-color: whitesmoke;
  color: #25AABD;
  padding: 24px;
  font-size: 17px;
  font-weight: bold;
}


#tele-dokter-lists > div > .card {
  border-radius: 20px;
  height: 100px;
}

.tele-dokter-photo{
  margin: .6em;
  max-width: 80px;
}

.btn-text-appointment{
  color: #25AABD;
  font-weight: bold;
  text-align: right;
}

.btn-text-appointment:hover{
  text-decoration: none;
  color: #097282;
  font-weight: bold;
  text-align: right;
}

.bg-kelas-kecil{
  background-color: #F0F0F0;
}

.btn-kelas-kecil{
  border: 1px solid #00A8B8;
  color: #00A8B8;
  border-radius: 10px;
  font-size: 20px;
  padding: 16px;
  font-weight: bold;
}

.btn-kelas-kecil:hover{
  border: 1px solid #066c75;
  color: #066c75;
}

.icon-arrow{
  content: url("../img/arrow-right.svg");
}

.bg-red{
  background-color: #DA1F28 !important;
}

.font-36{
  font-size: 36px;
}

.font-16{
  font-size: 16px;
}

.font-18{
  font-size: 18px;
}


.font-13{
  font-size: 13px;
}

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

.font-28{
  font-size: 28px !important;
}

.font-20{
  font-size: 20px;
}

.text-blue{
  color: #00A8B8;
}

.border-radius-20{
  border-radius: 20px;
  border: 0;
}

.text-black{
  color: black;
}

.border-radius-10{
  border-radius: 20px;
  border: 0;
}

.border-radius-5{
  border-radius: 5px !important;
  border: 0;
}

.btn-contact-kk{
  background: #D4499A;
  font-size: 17px;
  padding: 5px;
  border-radius: 10px;
  width: 60%;
}

button.text-blue:hover{
  color: #255f57;
}
.btn-red{
  background-color: #DA1F28;
  color: white;
  border-radius: 10px;
  height: 65px;
}

.btn-red:hover{
  background-color: #bd0912;
  color: white;
}

footer.web-content{
  background-color: #303030 !important;
  height: 320px;
}

/*footer > .container > .row > div > img{*/
/*  max-width: 215px;*/
/*  margin-bottom: 50px;*/
/*}*/

.w-35{
  width: 35%!important;
}

footer > .container > .row > div > ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}


footer > .container > .row > div > ul > li:first-child{
  float: left;
  margin-left : 0;
  margin-right : 8px;
}

footer > .container > .row > div > ul > li{
  float: left;
  margin : 8px;
}

.footer-menu-list{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer-menu-list > li{
  margin-bottom: 10px;
}

.footer-newsletter > input{
  background-color: #444444 !important;
  border: 0;
  border-radius: 10px;
  height: 40px;
}

.footer-newsletter > input::placeholder{
  color: white;
  font-size: 14px;
  font-family: 'Manrope', sans-serif;
}

.footer-newsletter > div{
  border-radius: 0 10px 10px 0;
  background-color: #444444 !important;
  align-items: center;
  margin-right: 50px;
  width: 30px;
  /*margin-left: -50px;*/
}

.mobile-menu-kk{
  display: none;
}

#counter-wrappper{
  margin-bottom: -50px;
  padding-bottom: 50px;
}

#element-tambah-keranjang{
  /* border-radius: 20px; */
  /*font-size: 24px;*/
  -webkit-box-shadow: 0 -4px 3px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0 -4px 3px rgba(50, 50, 50, 0.75);
  box-shadow: 0 -3px 6px rgb(206 204 204 / 75%)
}

#element-tambah-keranjang > div{
  border-radius: 20px;
}

#element-tambah-keranjang > .container-fluid{
  /*padding-left: 50px;*/
  /*padding-right: 50px;*/
  padding-top: 10px;
  padding-bottom: 10px;
}

#element-tambah-keranjang > div > .container-fluid{
  /*padding-left: 50px;*/
  /*padding-right: 50px;*/
}

#element-tambah-keranjang > div > .container-fluid > .row > div > a[type=button],
#element-tambah-keranjang > div > .container-fluid > .row > div > button{
  /*height: 75px;*/
  /*border-radius: 20px;*/
  /*font-size: 24px;*/
  /*padding : 20px;*/
  /*font-weight: bold;*/

}


#element-tambah-keranjang > .container-fluid > .row > div > a[type=button],
#element-tambah-keranjang > .container-fluid > .row > div > button{
  border-radius: 20px;
  font-size: 24px;
  padding : 10px;
  /*font-weight: bold;*/

}

#element-tambah-keranjang > .container-fluid > .row > div > .row > div > a[type=button],
#element-tambah-keranjang > .container-fluid > .row > div > .row > div > button{
  border-radius: 20px;
  font-size: 24px;
  padding : 10px;
  /*font-weight: bold;*/

}

#element-tambah-keranjang > .container-fluid > .row > div > .row {
  padding-right : 10px;
  /*font-weight: bold;*/

}

.btn-add-other-webinar{
  color: #FFA500;
  border : 1px solid #FFA500;
}

.btn-add-to-cart{
  color: white;
  background-color: #FFA500;
  font-weight: bold;
}

.btn-add-to-cart:hover{
  color: white;
  background-color: #d28a08;
  /*font-weight: bold;*/
}

.notify-badge{
  position: relative;
  text-align: center;
  font-size: 10px;
  display: none;
  top: 3px;
  float: right;
  right: 32px;
}

/* .product-title{ */
  /*white-space: normal;*/
  /*height: 1.75rem;*/
  /*word-break: break-all;*/
  /*display: -webkit-box;*/
  /*-webkit-box-orient: vertical;*/
  /*-webkit-line-clamp: 2;*/
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  /*margin-bottom: 10px;*/
/* } */

/*.card-product > .card-body > div {*/
/*  font-size: 14px;*/
/*}*/

/*.card-product >.card-footer.disabled{*/
/*  background-color: #585755b0;*/
/*}*/

/*.cart_checkmark{*/
/*  left: 30px;*/
/*}*/

.more-li.hide{
  display: none;
}

.read-more-show.hide{
  display: none;
}


.collapse-social-icons {
  position: absolute;
  /*margin-right: 10px;*/
}

.collapse-social-icons.first{
  right: 130px;
  top : 35px
}

.collapse-social-icons{
  right: 75px;
  top: 7px;
}

/* This is to add the same hover-effect as the other menu items */
.collapse-social-icons a:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.cart-list-disabled > div > div > img{
  filter : grayscale(100%);
}

#btn-add-many-to-cart{
  display: block;
  width: 100%;
  color: white;
  background-color: #00A8B8;
  font-weight: bold;
}

#element-hemat{
  color: #E93B63 !important;
}

#btn-form-register:hover{
  background-color: #c78409;
  color: white;
}

#flex-footer-logo { grid-area: footer-logo; }
#flex-footer-copyright {
  grid-area: copyright;
  padding: 0 20px;
}

#flex-footer-socialmedia {
  grid-area: sosmed;
  padding: 0 20px;
}

#flex-footer-socialmedia > ul {
  list-style-type: none;
}

#flex-footer-socialmedia > ul > li {
  margin-right: 25px;
  float: right;
}

#flex-footer{
  display: grid;
  grid-template-columns: 30% 20% 20% 30%;
  grid-template-rows: auto;
  grid-template-areas:
    'footer-logo copyright copyright sosmed'
}


.notify-badge{
  position: relative;
  text-align: center;
  font-size: 8px;
  display: none;
  top: 3px;
  float: right;
  right: 7px;
}




/*.flex-item{*/
/*  width: 25%;*/
/*}*/

/*.flex-item:first-child{*/
/*  width: 2%;*/
/*}*/


/*.flex-container-keranjang > .flex-item{*/
/*  padding : 0 5px;*/
/*}*/

/* This is to hide the "new" set of icons on big screens */


@media (max-width: 1199px) {
  .td-dokters{
    min-height: 80px;
  }

}

@media only screen and (min-width: 992px) {
  .collapse-social-icons {
    display:none !important;
  }
}



@media (max-width: 1319px) {

  .notify-badge{
    right: 7px;
  }

  #flex-container-keranjang{
    grid-template-columns: 5% 25% 35% 35% !important;
  }
}




@media (max-width: 1231px) {

  .notify-badge{
    position: relative;
    font-size: 8px;
    display: none;
    /*float: right;*/
    /*right: 220px;*/
    /*top: 25px;*/
  }
  #flex-container-keranjang{
    grid-template-columns: 7% 18% 40% 35% !important;
  }
}


@media (min-width: 1200px) {
  /*.card-product > .card-body > table > tbody > tr > td:first-child{*/
  /*  width: 15% !important;*/
  /*}*/
}

@media (max-width: 1199px) {
  /*.card-product > .card-body > div {*/
  /*  text-align: right;*/
  /*  font-size: 16px;*/
  /*}*/
  #flex-footer{
    grid-template-columns: 35% 15% 10% 40%;
    grid-template-areas:
    'footer-logo copyright copyright sosmed'
  }
}

@media (max-width: 1098px) {
  /*.row.web-content{*/
  /*  padding-left: 1em;*/
  /*  padding-right: 1em;*/
  /*}*/
  .row.content > div{
    padding: 0 12em;
  }
  #flex-container-keranjang{
    grid-template-columns: 7% 20% 38% 35% !important;
  }
}

@media (max-width: 1074px) {

  /*.kk-nav-item-lg > a{*/
  /*  width: 5em;*/
  /*}*/

  /*.notify-badge{*/
  /*  position: absolute;*/
  /*  font-size: 12px;*/
  /*  display: none;*/
  /*  !*float: right;*!*/
  /*  !*right: 185px;*!*/
  /*  !*top: 25px;*!*/
  /*}*/
}




/*@media (max-width: 1045px) {*/
/*  .kk-nav-item-lg > a {*/
/*    width: 5em;*/
/*  }*/
/*}*/

/*@media (max-width: 1009px) {*/
/*  .kk-nav-item > a{*/
/*    width: 40px;*/
/*    text-align: center;*/
/*  }*/
/*}*/



/*@media (max-width: 1110px) {*/
/*  .kk-container{*/
/*    padding-left: 13em;*/
/*    padding-right: 13em;*/
/*  }*/
/*}*/



.main-header {
  height: 82px;
}

@media (max-width: 1003px) {

}




@media (max-width: 991px) {
  .main-header {
    height: auto;
  }

  .container-header-notification {
    margin-top: 50px;
  }

  .top-container {
    margin-top: 15px;
  }

  .kk-navbar > .container-fluid{
    /*margin: 0 3em;*/
  }

  .kk-nav-item-lg{
    display: none;
  }
  #navbar-collapse-kk{
    margin-left: 0 !important;
    background-color: white;
    /* border-right: 1px solid gainsboro;
    border-left: 1px solid gainsboro; */
  }

  #navbar-collapse-kk > ul > li.without-border {
    border-bottom: 0;
    margin-bottom: 10px;
  }

  #navbar-collapse-kk > ul > li{
    border-bottom: 1px solid gainsboro;
  }

  .notify-badge{
    position: relative;
    text-align: center;
    font-size: 8px;
    display: none;
    top: 4px;
    float: right;
    right: 7px;
  }


  p.product-price.element-price{
    font-size: 14px;
  }

  #element-hemat{
    font-size: 16px !important;
    color: #E93B63 !important;
  }
  #flex-container-keranjang{
    font-size: 16px !important;
    grid-template-areas:
    'total-text total hemat hemat'
    'button button button button' !important;
    grid-template-columns: 5% 16% 44% 35% !important;
    /*grid-gap: 5px;*/
  }

  #btn-add-many-to-cart{
    font-size: 16px !important;
    display: block;
    width: 100%;
  }
  .flex-item{
    padding-bottom: 2px;
  }

  .flex-cart-user {
    /* grid-area: user; */
    padding: 0 !important;
  }
  .flex-item-1{
    margin: 0 auto !important;
  }

  #flex-checkout{
    font-size: 16px !important;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-areas:
      'total total total total'
      'webinar webinar webinar webinar'
      'checkout checkout checkout checkout' !important;
  }

  #flex-checkout > div{
    padding-bottom: 5px;
  }

  .flex-checkout-webinar {
    margin : 0 !important;
  }

  .flex-checkout-webinar > a,
  .flex-checkout-checkout > button{
    font-size: 16px !important;
    border-radius: 10px !important;
  }
  #flex-footer-logo{
    text-align: center;
  }
  #flex-footer{
    grid-template-columns: 35% 15% 15% 35%;
    grid-template-areas:
    'footer-logo footer-logo footer-logo footer-logo'
    'copyright copyright copyright copyright'
    'sosmed sosmed sosmed sosmed'
  }

  .whatsapp > a > div > img{
    max-width: 100%;
  }
}

@media (max-width: 1219px) {
  .flex-cart-price button {
    font-size: 15px;
  }
}

@media (max-width: 980px) {
  .image-mimin-kece > img{
    margin-right: 18px;
    width: 247px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 32px;
    border-radius: 40px;
    font-weight: bold;
    padding-right: 250px;
    padding-top: 20px;
    height: 190px;
  }

  .mobile-menu-kk{
    margin-right: 40px;
  }
}

@media (max-width: 879px) {
  #element-tambah-keranjang > .container-fluid > .row > div > .row > div > a[type=button],
  #element-tambah-keranjang > .container-fluid > .row > div > .row > div > button{
    border-radius: 10px;
    font-size: 14px;
    padding : 10px;
    /*font-weight: bold;*/
  }
}
@media (max-width: 830px) {
  #flex-container-keranjang{
    font-size: 16px !important;
    grid-template-columns: 7% 18% 40% 35% !important;
    /*grid-gap: 5px;*/
  }
}
@media (max-width: 800px) {
  #flex-container-keranjang{
    font-size: 16px !important;
    grid-template-columns: 7% 33% 25% 35% !important;
    /*grid-gap: 5px;*/
  }
}

@media (max-width: 768px) {
  .flex-cart-detail,
  .flex-cart-image {
    margin: 0 15px;
  }

  .flex-cart-image {
    padding : 20px !important;
  }
  /* .whatsapp {
    top: 50%;
  } */
  .image-mimin-kece{
    margin-bottom: -152px;
  }
  .image-mimin-kece > img{
    margin-right: 18px;
    width: 200px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 26px;
    border-radius: 40px;
    font-weight: bold;
    padding-right: 250px;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 10px;
    height: 150px;
  }

  .card-mimin-kece > span:not(:first-child){
    font-size: 20px;
  }

  /* .card-product > .card-body {
    height: 250px;
  } */

  .other-webinar{
    order: 12;
  }


  #element-tambah-keranjang > .container-fluid > .row > div > .row > div > a[type=button],
  #element-tambah-keranjang > .container-fluid > .row > div > .row > div > button{
    border-radius: 10px;
    font-size: 14px;
    padding : 5px;
    /*font-weight: bold;*/
  }

  .home-event-section.mb-5 {
    margin-bottom: 0!important;
  }

  .home-event-section.mt-4 {
    margin-top: 0!important;
  }

  .home-event-section.mb-5 h3 {
    font-size: 26px;
  }

}

@media (max-width: 768px) {
  .product-descriptions{
    order: 12;
  }
  p.product-price.element-price{
    font-size: 18px;
    text-align: left;
  }


  .flex-cart-image > img{
    width: 100% !important;
  }

  .btn-cart-cancel{
    padding-top: 10px;
    padding-bottom: 10px;
  }

  /*.card-product > .card-body{*/
  /*  height: 250px;*/
  /*}*/
}


@media (max-width: 764px) {
  h3{
    font-size: 20px;
  }
}



@media (max-width: 687px) {
  #element-tambah-keranjang{
    font-size: 20px;
  }

  #element-tambah-keranjang > .container-fluid > .row > div > a[type=button],
  #element-tambah-keranjang > .container-fluid > .row > div > button{
    font-size: 20px;
  }
}

@media (max-width: 610px) {
  #flex-container-keranjang{
    font-size: 16px !important;
    grid-template-columns: 10% 30% 30% 30% !important;
    /*grid-gap: 5px;*/
  }

  #flex-container-keranjang{
    grid-template-areas:
    'total-text total hemat hemat'
    'button button button button' !important;
    grid-template-columns: 10% 35% 40% 15% !important;
    /*grid-gap: 5px;*/
  }
}

@media (max-width: 593px) {
  #element-tambah-keranjang > .container-fluid > .row > div > a[type=button],
  #element-tambah-keranjang > .container-fluid > .row > div > button{
    font-size: 18px;
  }
  #element-tambah-keranjang{
    font-size: 18px;
  }
}


@media (max-width: 574px) {

}


@media (max-width: 554px) {
  .mobile-menu-kk{
    max-width: 50%;
  }
}

@media (max-width: 542px) {
  #flex-container-keranjang{
    grid-template-areas:
    'total-text total hemat hemat'
    'button button button button' !important;
    grid-template-columns: 10% 40% 40% 10% !important;
    /*grid-gap: 5px;*/
  }
}

@media (max-width: 539px) {
  .image-mimin-kece{
    margin-bottom: -152px;
  }
  .image-mimin-kece > img{
    margin-right: 18px;
    width: 200px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 22px;
    border-radius: 40px;
    font-weight: bold;
    padding-right: 250px;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 10px;
    height: 150px;
  }

  .card-mimin-kece > span:not(:first-child){
    font-size: 18px;
  }

}

@media (max-width: 522px) {

}

@media (max-width: 508px) {
  .image-mimin-kece{
    margin-bottom: -132px;
  }
  .image-mimin-kece > img{
    margin-right: 18px;
    width: 180px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 22px;
    border-radius: 40px;
    font-weight: bold;
    padding-right: 220px;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 10px;
    height: 130px;
  }

  .card-mimin-kece > span:not(:first-child){
    font-size: 18px;
  }
}

@media (max-width: 501px) {
  #flex-container-keranjang{
    grid-template-areas:
    'total-text total total total'
    'total-text hemat hemat hemat'
    'button button button button' !important;
    grid-template-columns: 15% 35% 40% 10% !important;
  }
}

@media (max-width: 480px) {
  .mobile-menu-kk{
    margin-right: 40px;
  }
}


@media (max-width: 478px) {
  .image-mimin-kece{
    margin-bottom: -122px;
  }
  .image-mimin-kece > img{
    margin-right: 18px;
    width: 160px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 22px;
    border-radius: 40px;
    font-weight: bold;
    padding-right: 200px;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 120px;
  }

  .card-mimin-kece > span:not(:first-child){
    font-size: 18px;
  }
}

@media (max-width: 460px) {
  .flex-cart-price-origin{
    text-align: left !important;
  }

  .flex-cart-price-details{
    margin: 10px 0;
  }


}

@media (max-width: 456px) {
  .mobile-menu-kk{
    max-width : 45%;
  }
  h3{
    font-size: 18px;
  }
}

@media (max-width: 455px) {
  #element-tambah-keranjang > .container-fluid > .row > div > a[type=button],
  #element-tambah-keranjang > .container-fluid > .row > div > button{
    font-size: 16px;
  }
}


@media (max-width: 458px) {
  .image-mimin-kece{
    margin-bottom: -122px;
  }
  .image-mimin-kece > img{
    margin-right: 18px;
    width: 160px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 22px;
    border-radius: 30px;
    font-weight: bold;
    padding-right: 180px;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 120px;
  }

  .card-mimin-kece > span:not(:first-child){
    font-size: 18px;
  }
}



@media (max-width: 446px) {

}

@media (max-width: 438px) {
  .image-mimin-kece{
    margin-bottom: -110px;
  }
  .image-mimin-kece > img{
    margin-right: 18px;
    width: 150px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 22px;
    border-radius: 30px;
    font-weight: bold;
    padding-right: 160px;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 110px;
  }

  .card-mimin-kece > span:not(:first-child){
    font-size: 18px;
  }
}

@media (max-width: 418px) {
  .image-mimin-kece{
    margin-bottom: -110px;
  }
  .image-mimin-kece > img{
    margin-right: 18px;
    width: 150px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 22px;
    border-radius: 30px;
    font-weight: bold;
    padding-right: 150px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 110px;
  }

  .card-mimin-kece > span:not(:first-child){
    font-size: 18px;
  }



}

@media (max-width: 410px) {
  h3{
    font-size: 16px;
  }
}


@media (max-width: 402px) {
  .mobile-menu-kk{
    max-width: 45%;
  }


  .td-dokters{
    min-height: 30px;
  }

  .read-more-show, .read-more-hide{
    font-size: 12px;
  }

  /*.product-dokter-list{*/
  /*  height: 80px !important;*/
  /*}*/
}

@media (max-width: 398px) {
  .image-mimin-kece{
    margin-bottom: -110px;
  }
  .image-mimin-kece > img{
    margin-right: 18px;
    width: 150px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 22px;
    border-radius: 30px;
    font-weight: bold;
    padding-right: 150px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 110px;
  }

  .card-mimin-kece > span:not(:first-child){
    font-size: 18px;
  }

  .flex-cart{
    grid-template-columns: 25% 50% 25%;
    grid-template-areas:
    'image image image'
    'detail detail detail'
    'price price price' !important;
  }

  .flex-cart-price-origin{
    text-align: right !important;
  }

}


@media (max-width: 392px) {
  .top-container > div{
    font-size: 12px;
  }

  /*.card-product > .card-body{*/
  /*  height: 17em;*/
  /*}*/

  /*.card-product{*/
  /*  min-height: 39em !important;*/
  /*}*/
}

@media (max-width: 388px) {
  .image-mimin-kece{
    margin-bottom: -105px;
  }
  .image-mimin-kece > img{
    margin-right: 10px;
    width: 135px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 22px;
    border-radius: 30px;
    font-weight: bold;
    padding-right: 135px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 10px;
    height: 105px;
  }

  .card-mimin-kece > span:not(:first-child){
    font-size: 18px;
  }
}

@media (max-width: 373px) {
  .image-mimin-kece{
    margin-bottom: -100px;
  }
  .image-mimin-kece > img{
    margin-right: 5px;
    width: 125px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 22px;
    border-radius: 30px;
    font-weight: bold;
    padding-right: 120px;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 10px;
    height: 100px;
  }

  .card-mimin-kece > span:not(:first-child){
    font-size: 18px;
  }

  .tabs-product > li > a {
    font-size: 14px;
  }

  /*.card-product{*/
  /*  min-height: 37em !important;*/
  /*}*/
}

@media (max-width: 359px) {
  .image-mimin-kece{
    margin-bottom: -90px;
  }
  .image-mimin-kece > img{
    margin-right: 5px;
    width: 120px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 20px;
    border-radius: 30px;
    font-weight: bold;
    padding-right: 110px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 10px;
    height: 90px;
  }

  .card-mimin-kece > span:not(:first-child){
    font-size: 16px;
  }
}


@media (max-width: 349px) {
  #main-tele-dokter > div > img{
    max-width: 300px;
  }

  .tele-dokter-name{
    padding-left: 30px;
    padding-right: 25px !important;
  }

}

@media (min-width: 322px) {
  #main-tele-dokter > div > img{
    max-width: 280px;
  }
}

@media (max-width: 320px) {
  #main-tele-dokter > div > img{
    max-width: 250px;
  }
}


@media (max-width: 329px) {
  .image-mimin-kece{
    margin-bottom: -91px;
  }
  .image-mimin-kece > img{
    margin-right: 5px;
    width: 115px;
  }

  .card-mimin-kece{
    background-color: #25AABD;
    color: white;
    font-size: 18px;
    border-radius: 30px;
    font-weight: bold;
    padding-right: 110px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 10px;
    height: 90px;
  }

  .card-mimin-kece > span:not(:first-child){
    font-size: 14px;
  }
}

@media (max-width: 325px) {
  .mobile-menu-kk{
    margin-right: 35px;
  }
  #element-tambah-keranjang{
    font-size: 18px;
  }



  .ml-check-all{
    padding-left: 2em;
  }

  #element-hemat{
    font-size: 14px !important;
  }

  #flex-container-keranjang{
    font-size: 14px !important;
    grid-template-areas:
    'total-text total total total'
    'total-text hemat hemat hemat'
    'button button button button' !important;
    grid-template-columns: 15% 25% 25% 35% !important;
    /*grid-gap: 5px;*/
  }

  #btn-add-many-to-cart{
    display: block;
    width: 100%;
    color: white;
    background-color: #00A8B8;
    font-weight: bold;
  }

  #btn-add-many-to-cart{
    font-size: 14px !important;
  }

  .flex-cart-user {
    padding: 0 !important;
  }

  #flex-checkout{
    font-size: 14px !important;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-areas:
      'total total total total'
      'webinar webinar webinar webinar'
      'checkout checkout checkout checkout' !important;
  }

  #flex-checkout > div{
    padding-bottom: 5px;
  }

  .flex-checkout-webinar {
    margin : 0 !important;
  }

  .flex-checkout-webinar > a,
  .flex-checkout-checkout > button{
    font-size: 14px !important;
    border-radius: 10px !important;
  }
}

.flex-item-1 { grid-area: total-text; }
.flex-item-2 { grid-area: total; }
.flex-item-3 { grid-area: hemat; }
.flex-item-4 { grid-area: button; }

#flex-container-keranjang{
  font-size: 24px;
  display: grid;
  grid-template-columns: 5% 22% 43% 30%;
  grid-template-rows: auto;
  grid-template-areas:
    'total-text total hemat button'
    'total-text total hemat button';
}

#element-hemat{
  font-size: 16px;
}

/*.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{*/
/*  background-color: #FFA500 !important;*/
/*}*/

.product-dokter-list{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.product-dokter-list li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


#btn-add-many-to-cart{
  font-size: 24px;
  border-radius: 20px;
  padding: 10px;
}


.flex-cart-image {
  padding : 10px 0 10px 25px;
  /* grid-area: image; */
}
.flex-cart-detail {
  padding : 0 20px 20px;
  /* grid-area: detail; */
}
.flex-cart-price {
  /* grid-area: price; */
  color: white;
  font-size: 24px;
}



.flex-cart{
  /* display: grid; */
  /* grid-template-columns: 15% 75% 10%;
  grid-template-rows: auto;
  grid-template-areas:
    'image detail price' */
}

.flex-cart-image > img{
  width: 100%;
}


/*.flex-cart-detail-dokter { grid-area: dokter; }*/
.flex-cart-detail-schedule {
  /* grid-area: schedule; */
  margin: 5px 0;
  font-weight: 400;
}

/*.flex-cart-detail-data{*/
/*  display: grid;*/
/*  grid-template-columns: 50% 50%;*/
/*  grid-template-rows: auto;*/
/*  grid-template-areas:*/
/*    'dokter schedule'*/
/*}*/


/* .flex-cart-price-origin { grid-area: origin; }
.flex-cart-price-calculated { grid-area: calculated; } */

.flex-cart-price-details{
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  grid-template-areas:
    'origin origin'
    'calculated calculated'
}

.flex-cart-lists { grid-area: cart-lists; }
.flex-cart-user {
  /* grid-area: user; */
  padding: 0 20px;
}

/* .flex-cart-parent{
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: auto;
  grid-template-areas:
    'cart-lists cart-lists cart-lists user'
} */

.flex-checkout-total { grid-area: total; }
.flex-checkout-webinar {
  grid-area: webinar;
  margin : 0 10px;
}


.flex-checkout-checkout {
  grid-area: checkout;
  font-size: 24px !important;
}

.flex-checkout-webinar > a{
  font-size: 24px;
  border-radius: 20px;
}

.flex-checkout-checkout > button{
  font-size: 24px;
  border-radius: 20px;
}


#flex-checkout{
  font-size: 24px;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: auto;
  grid-template-areas:
    'total total webinar checkout'
}



/*@media (max-width: 992px) {*/
/*  body {*/
/*    !*padding-top: 30px;*!*/
/*    font-family: 'Mulish', sans-serif;*/
/*  }*/
/*  !*.kk-navbar{*!*/
/*  !*  display: none !important;*!*/
/*  !*}*!*/

/*  .row.content > div{*/
/*    padding: 0 35px;*/
/*  }*/

/*  !*.web-content{*!*/
/*  !*  display: none;*!*/
/*  !*}*!*/

/*  .mobile-navbar{*/
/*    margin-top: 20px;*/
/*    padding-left: 35px;*/
/*    padding-right: 35px;*/
/*  }*/

/*  .mobile-navbar > .container > .navbar-brand{*/
/*    min-width: 50%;*/
/*  }*/

/*  .mobile-navbar > .container > .navbar-collapse > ul > li{*/
/*    margin: 0 0.5em;*/
/*  }*/

/*  .mobile-content > div{*/
/*    padding: 0 35px;*/
/*  }*/

/*  .home-header{*/
/*    margin-top: -80px;*/
/*    height: 35em;*/
/*    background-image: url("../img/mobile-background.svg");*/
/*    background-repeat: no-repeat;*/
/*    background-position: top right;*/
/*    background-color: #24aabd;*/
/*  }*/

/*  .home-header > div{*/
/*    margin-top: 188px;*/
/*  }*/


/*  .btn-cta-webinar{*/
/*    margin-top: 20px;*/
/*    background-color: #BB2207;*/
/*    color: white;*/
/*    font-size: 24px;*/
/*    border-radius: 20px;*/
/*    height: auto;*/
/*    min-height: 90px;*/
/*    font-weight: 900;*/
/*  }*/

/*  .btn-cta-vod{*/
/*    background-color: #DCA925;*/
/*    color: white;*/
/*    font-size: 24px;*/
/*    border-radius: 20px;*/
/*    font-weight: 900;*/
/*    height: auto;*/
/*    min-height: 90px;*/
/*  }*/

/*  .btn-cta-tele{*/
/*    background-color: #7F2DD1;*/
/*    color: white;*/
/*    font-size: 24px;*/
/*    border-radius: 20px;*/
/*    font-weight: 900 !important;*/
/*    height: auto;*/
/*    min-height: 90px;*/
/*    line-height: 152.34%;*/

/*  }*/

/*  .btn-cta-aa-kk{*/
/*    background-color: #F68312;*/
/*    color: white;*/
/*    font-size: 24px;*/
/*    border-radius: 20px;*/
/*    font-weight: 900;*/
/*    height: auto;*/
/*    min-height: 90px;*/
/*  }*/

/*  .header-descriptions{*/
/*    font-size: 18px;*/
/*  }*/

/*  .btn-mobile-login{*/
/*    border-radius: 20px;*/
/*    border : 1px solid white;*/
/*    color: white;*/
/*  }*/

/*  .btn-cta-subscribe{*/
/*    margin-top: 20px;*/
/*    background-color: #BB2207;*/
/*    color: white;*/
/*    font-size: 18px;*/
/*    height: auto;*/
/*    font-weight: 900;*/
/*    border-radius: 10px;*/
/*  }*/



/*  !*.home-event-section{*!*/
/*  !*  background-color: #BB2207;*!*/
/*  !*  margin-top: -25px;*!*/
/*  !*}*!*/

/*  .home-bridge-section{*/
/*    !*background-color: #BB2207;*!*/
/*  }*/


/*  .btn-kk-readmore{*/
/*    background-color: #BB2207;*/
/*    color: white;*/
/*    border-radius: 50%;*/
/*    margin-top: -6em;*/
/*    margin-bottom: -6em;*/
/*    height: 8em;*/
/*    width: 8em;*/
/*  }*/

/*  .kk-title{*/
/*    font-size: 24px;*/
/*  }*/

/*  .card-product-carousel{*/
/*    border-radius: 20px;*/
/*    !*width:20em;*!*/
/*  }*/
/*  .card-product-carousel > img{*/
/*    border-top-left-radius: 20px;*/
/*    border-top-right-radius: 20px;*/
/*  }*/

/*  .card-product-carousel > .card-body > .card-title{*/
/*    font-size: 18px;*/
/*    font-weight: bold;*/
/*  }*/

/*  .home-tele-section{*/
/*    background-color: #7F2DD1;*/
/*  }*/

/*  #tele-dokter-lists > div > .card{*/
/*    border-radius: 20px;*/
/*    height: 75px;*/
/*  }*/
/*  .tele-dokter-photo{*/
/*    margin: .6em;*/
/*    max-width: 50px;*/
/*  }*/

/*  #tele-dokter-lists > div > div > div > div > .card-body {*/
/*    padding: 0;*/
/*  }*/

/*  .home-content-section{*/
/*    background-color: #F68312;*/
/*  }*/

/*  .home-content-section > div > h1{*/
/*    font-weight: 900;*/
/*    font-size: 24px;*/
/*    line-height: 28px;*/

/*  }*/

/*  .content-carousel > div > h5{*/
/*    font-size: 24px;*/
/*  }*/


/*  .content-carousel > div > p{*/
/*    font-size: 18px;*/
/*  }*/

/*  .wa-button{*/
/*    background-color: white;*/
/*    color: #F68312;*/
/*    font-size: 18px;*/
/*    font-weight: bold;*/
/*    border-radius: 10px;*/
/*  }*/

/*  .footer-section-mobile{*/
/*    color: white;*/
/*    background-color: #11918B;*/
/*    height: 4em;*/
/*  }*/

/*  .footer-section-mobile > div > ul {*/
/*    list-style-type: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    overflow: hidden;*/
/*  }*/

/*  .footer-section-mobile > div > ul > li{*/
/*    float: left;*/
/*    padding: .2em;*/
/*  }*/

/*}*/

/*@media (max-width: 482px) {*/
/*  .home-header{*/
/*    height: 38em;*/
/*  }*/
/*}*/


/*@media (max-width: 365px) {*/
/*  .home-header{*/
/*    height: 40em;*/
/*  }*/

/*}*/