body{ overflow-x: hidden; }

.red > li > a:hover, .red > li > a:focus{ background: #CC201F !important; }

.transparent:hover { opacity: 0.5 !important; transition: .5s; }

.border-warning { border-color: #FDE405 !important; }

.bebas { font-family: bebas !important; }
.bg-red { background: #FE1F31 !important; }
.bg-pink { background: pink; }
.bg-pink { background: #ffdfe2; }
.bg-grey { background: #eee; }
.bg-blue { background: #1E50A2; }
.bg-black { background: #000; }
.bg-cream { background:  #FFFBD6 !important; }
.bg-cream { background: #f3e4c1; }
.bg-orange { background: #F19601; }
.bg-danger { background: #E60013 !important; }
.bg-yellow { background: yellow; }
.bg-primary { background: #0092FF !important; }
.bg-success { background: #07A33E !important; }
.bg-warning { background: #FDE405 !important; }
.bg-dark-red { background: #D10011 !important; }
.bg-dark-success { background: #116725 !important; }
.bg-light-grey { background: #f5f5f5; }
.bg-light-blue { background: #2392FF; }
.bg-light-yellow { background: #F9FBBA; }
.bg-transparent-red { background: #FBE4D8; }
.bg-transparent-blue { background: #D8EEFB; }
.bg-transparent-cream { background: #FFFDED; }
.bg-transparent-green { background: #d6f7dd; }
.bg-transparent-black { background: rgba(0, 0, 0, 0.5); }
.bg-transparent-danger { background: #f5cfd2; }
.bg-transparent-orange { background: #FDEFE2; }
.bg-btn-red {
  background: -webkit-linear-gradient(#f53e4d, #b50405) !important;
  background: linear-gradient(#f53e4d, #b50405) !important;
}

.text-blue { color: #1E50A2 !important; }
.text-blue { color: #005b9c !important; }
.text-grey { color: #888888 !important; }
.text-orange { color: #F09600 !important; }
.text-yellow { color: yellow !important; }
.text-success { color: #07A33E !important; }
.text-primary { color: #0092FF !important; }
.text-dark-grey { color: #666666 !important; }
.text-light-red { color: #F80013 !important; }
.text-light-blue { color: #0193FB !important; }
.text-light-green { color: #1dbd41 !important; }

.text-small { font-size: small; }
.text-xx-small { font-size: xx-small; }

.no-weight { font-size: 14px; }

.btn-store {
  cursor: pointer;
  border-radius: 5px;
  cursor: pointer;
  -webkit-appearance: button ;
}

.pointer { cursor: pointer; }

.pd-4 { padding: 4em; }
.pd-3 { padding: 3em; }
.pd-2 { padding: 2em; }
.pd-1 { padding: 1em; }
.pd-0 { padding: 0px; }
.pd-t-4 { padding-top: 4em; }
.pd-t-3 { padding-top: 3em; }
.pd-t-2 { padding-top: 2em; }
.pd-t-1 { padding-top: 1em; }
.pd-b-4 { padding-bottom: 4em; }
.pd-b-3 { padding-bottom: 3em; }
.pd-b-2 { padding-bottom: 2em; }
.pd-b-1 { padding-bottom: 1em; }
.pd-l-2 { padding-left: 2em; }
.pd-r-2 { padding-right: 2em; }

.m-4 { margin: 4em; }
.m-3 { margin: 3em; }
.m-2 { margin: 2em; }
.m-1 { margin: 1em; }
.mt-4 { margin-top: 4em; }
.mt-3 { margin-top: 3em; }
.mt-2 { margin-top: 2em; }
.mt-1m { margin-top: 1em; }
.mb-4m { margin-bottom: 4em; }
.mb-3m { margin-bottom: 3em; }
.mb-2m { margin-bottom: 2em; }
.mb-1m { margin-bottom: 1em; }
.mb-0 { margin-bottom: 0px !important; }

.f18 { font-size: 18px; }
.f23 { font-size: 23px; }
.f14 { font-size: 14px; }

.border-blue { border: 1px solid #0092FF; }
.border-orange { border: 1px solid #F19601; }
.border-bottom-orange { border-bottom: 1px solid #F19601; }
.border-bottom-blue { border-bottom: 1px solid #0092FF; }

#textarea_feedback { font-size: 80%; }

a[href^="tel"] {
  color: inherit; 
  text-decoration: none;
}

.border-red { border: 1px solid #FE1F31; }
.border-bottom-red { border-bottom: 1px solid #FE1F31; }

.btn-choose-block {
    border: 1px solid #CCC;
    cursor: pointer;
    color: #aaaaaa;
    background: -webkit-linear-gradient(#fff, #ddd);
    background: linear-gradient(#fff, #ddd);
}
.nav-pills .nav-link:hover {
    border: 1px solid #50b550;
    background: #fb6262;
    color: #FFF;
    background: -webkit-linear-gradient(#e81a1a, #fb6262);
    background: linear-gradient(#e81a1a, #fb6262);
    box-shadow: inset 0 0 2px #fff
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    border: 2px solid green;
    background: red;
    color: #FFF;
    background: -webkit-linear-gradient(red, #b50405);
    background: linear-gradient(red, #b50405);
}

.f-call { font-size: 40px; }

/*// CSS BUTTON*/
#button {
    display: inline-block !important;
    background-color: #dd3837 !important;
    border: 1px solid #fff !important;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 60px;
    right: 30px;
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
}
#button:hover { cursor: pointer !important; background-color: #cc201f !important; }
#button:active { background-color: #555; }
#button.show { opacity: 1; visibility: visible; }

/*CSS TOP MOBILE*/
#button-mobile {
    display: inline-block !important;
    background-color: #dd3837 !important;
    border: 1px solid #fff !important;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 100px;
    right: 30px;
    transition: background-color .3s, 
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
}
#button-mobile::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff;
    right: 8px;
}

#button-mobile:hover { cursor: pointer !important; background-color: #cc201f !important; }
#button-mobile:active { background-color: #555; }
#button-mobile.show { opacity: 1; visibility: visible; }

/*CSS TABLE BLOCK*/
.block-table {
    display: table;
    width: auto;
    width: 100%;
}
.block-table-row {
    display:table-row;
    width:100%;
    clear:both;
    vertical-align: inherit;
}
.block-table-col {
    display:table-cell;
    width:50%;
    border-bottom: 1px solid #ddd;
}
.block-cell {
    display:table-cell;
    width:50%;
    border-bottom: 1px solid #ddd;
    padding: 0.2rem;
    text-align: center;
}
.img-banner { width: 33% !important; }
.badge-store {
    background: #bf0304;
    color: #fff;
    background: -webkit-linear-gradient(red, #b50405);
    width: 220px;
}
.badge-store:hover {
    background: #bf0304;
    color: #fff;
}
ul.nav.nav-pills {
   justify-content: center !important;
   display: flex;
}
.li-block {
    margin-left: 21px;
    margin-right: 21px;
}
.br-0 { border-radius: 0px !important; }
.br-5 { border-radius: 5px; }
.br-10 { border-radius: 10px; }
.br-15 { border-radius: 15px; }
.br-20 { border-radius: 100px; }

.bg-green-gradient { background-image: linear-gradient(#10d83d, #23b043); }
.bg-blue-gradient { background-image: linear-gradient(#3FAFFE, #0093FB); }
.bg-red-gradient { background-image: linear-gradient(#FE1F31, #E60013); }
.bg-grey-gradient { background-image: linear-gradient(#ffffff, #dedede); }

.inner-border-danger {
    outline: 9px solid #E60013;
    outline-offset: -10px;
}
.inner-border-success {
    outline: 9px solid #23b043;
    outline-offset: -10px;
}
.inner-border-primary {
    outline: 9px solid #0093FB;
    outline-offset: -10px;
}

.text-black { color : #000000; }
.text-white { color : #FFF; }
.text-red { color : #E60013; }

.br-white { border-right: 1px solid #fff; }

.shadow {
    height: 5px;
    background-image: linear-gradient(#ccc, #FFF);
    margin-top: -1px;
}
.logo{
    width: 100%;
    height: 2em;
    background: #fff;
}
.navigation {
    background: #ffffff;
    bottom: 0;
    border-bottom: 1px solid #ccc;
    padding: 0.50em;
    padding-bottom: 0px;
}
.navigation ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.content-header { padding: .50rem; }

.img-header { width: 25% !important; }
.img-footer { width: 20% !important; }

.card-header.ft {
    padding: .10rem 1.25rem;
    background: #ffffff;
    border-top: 1px solid #ccc;
    /*-webkit-appearance: button;*/
}
.card-header.ft ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.card-header.ft ul li {
    padding: 0px 4.3em;
    border-right: 1px solid #ddd;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    font-weight: 600;
}
.navigation ul li { flex: 1; }
.navigation ul li a {
    display: grid;
    padding: 5px 30px;
    border-right: 1px solid #ccc;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    font-weight: 500;
    position: relative; 
}

.navigation ul li a .fa { color: #e60013; }
.navigation ul li  { display: block; }

li.bl.active { border-bottom: 3px solid #e60013; }
li.active { border-bottom: 3px solid #e60013; }

/*Nav-Toggle */
.nav-toggle {
    cursor: pointer;
    display: none;
    float: right;
}
.bar {
    display: block;
    width: 35px;
    height: 4px;
    background-color: #000;
    margin: 6px 0;
    transition: 0.4s;
}
.nav-toggle.open .bar1 { transform: rotate(-45deg) translate(-6px, 6px); }
.nav-toggle.open .bar2 { opacity: 0; }
.nav-toggle.open .bar3 { transform: rotate(45deg) translate(-8px, -8px); }

.bl { border-left: 1px solid #ccc; }
.card.cd-footer { border: none!important; }
.top-mobile:hover { color: transparent !important; }

footer {
    bottom: 0;
    /*position: absolute;*/
    width: 100%;
}
.radius-left {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.radius-right {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.address {
    width: 100%;
    border-radius: 33px;
    height: auto;
    margin: 0 auto;
    padding: 0.25em;
    font-size: 20px;
    text-align: center;
}
.notel {
    font-size: 90px;
    text-align: center;
    margin-top: 0;
}
.img-tell {
    margin-top: -50px;
    display: block;
    max-width: 130%;
}
.card-tel {
    -webkit-appearance: button;
    background: #f7959d;
}
.card-body.card-tell {
    padding: 0rem 1rem 0rem 0rem !important;
    width: 100% !important;
}
.rounded-num {
    border-radius: 50% !important;
}

/*CSS POINT*/
.point-table {
    display: table;
    width: auto;
    width: 100%;
}
.point-table-row {
    display:table-row;
    width:100%;
    clear:both;
    vertical-align: inherit;
}
.point-table-col {
    display:table-cell;
    width:90%;
}
.point-cell {
    display:table-cell;
    width:10%;
    padding: 0.2rem;
    text-align: right;
}
/*CSS Radio Button Custom*/
.custom-style{
    font-size:15px;
    color:#e60013 !important;
    border:1px solid #ccc !important;
}
.slider {
    justify-content: center;
    padding: 1em;
}
.bottom-nav {
    background: #fcfcfc;
    border-top: solid 1px #ddd; 
    padding: 0px;
}
.h0 { font-size: 72px; }
.display-mobile { display: none !important; }
.img-sosmed { width: 40px; }
.separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFF;
}
.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 2px solid #FFF;
}

.btn-fluid {
    z-index: 10;
    width: 100%;
    position: fixed;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    bottom: 15px;
    left: 0;
}

.shadows {
    box-shadow: 0 0rem 0.3rem rgba(0,0,0,.15) !important;
}

.btn-fluid i {
    border: 2px solid #000000;
    border-radius: 5px;
}

@media screen and (min-width: 320px) and (max-width: 440px) {
    ul.menu {
      display: none;
    }
    .owl-carousel#owl-one.owl-item {
      overflow: hidden;
    }
    .badge-store {
      width: 175px;
    }
    .img-sosmed {
      margin-top: 1em !important;
      width: 30px;
    }
    .display-mobile {
      display: block !important;
    }
    .display-desktop {
      display: none !important;
    }
    .br-white {
      border-right: none !important;
    }
    .responsive-hide {
      display: none !important;
    }
    .shadow {
      display: none !important;
    }
    .slider {
      justify-content: normal;
      padding: 0 !important;
    }
    .li-block {
        width: 28%;
        margin-left: 6px !important;
        margin-right: 6px !important;
        text-align: center;
        font-size: 13px;
    }
    .li-block .nav-link {
       padding: 10px !important;
    }
    .bl {
      border-left: none !important;
    }
    .img-header {
      width: 100% !important;
      margin-top: 1em;
    }
    .address {
      font-size: 12px !important;
      font-weight: bold;
      margin-left: 8px !important;
      margin-bottom: 10px;
    }
    .notel {
      font-size: 33px !important;
      margin-left: 13px;
    }
    .img-banner {
      width: 49% !important;
    }
    footer .btn-phone {
      left: 0;
      bottom: 0;
      background: transparent !important;
      width: 50%;
      cursor: pointer;
      position: fixed !important;
      color: #fff;
      z-index: 3;
      padding: 0 !important;

    }
    footer .btn-book {
      right: 0;
      bottom: 0;
      background: transparent !important;
      width: 50%;
      cursor: pointer;
      position: fixed !important;
      color: #fff;
      z-index: 3 !important;
      padding: 0 !important;

    }
    footer .btn-book:hover {
      background: #a2101c;
    }
    footer .footer-logo {
      margin-bottom: 6em !important;
    }
    .m-footer {
      display: none !important;
    }
    .top-mobile {
      text-align: center;
      display: block;
      background-color: #000;
      color: #fff;
      height: 2em;
    }
    .m-display {
      margin-bottom: 2em !important;
    }
    .img-tell {
      margin-top: 0px !important;
      display: none !important;
    }
    .t-point {
      font-size: 18px !important;
    }
    .numbering {
        margin-top: -49px !important;
        margin-left: -30px !important;
    }
    .rounded-num {
      border-radius: 60% !important;
      width: 100% !important;
      padding: 0.2em 0.5em !important;
    }
    .title-h000 {
      font-size: 45px !important;
    }
    .title-h00 {
      font-size: 31px !important;
    }
    .title-h0 {
      font-size: 29px !important;
    }
    .title-h1 {
      font-size: 27px !important;
    }
    .title-h2 {
      font-size: 25px !important;
    }
    .title-h3 {
      font-size: 22px !important;
    }
    .title-h4 {
      font-size: 20px !important;
    }
    .title-h5 {
      font-size: 17px !important;
    }
    .title-h6 {
      font-size: 18px !important;
    }
    .title-text-small {
      font-size: 16px !important;
    }
    .title-text-xs {
      font-size: 15px !important;
      text-align: justify;
    }
    .title-text-smaller {
      font-size: 12px !important;
    }
    .r-pd-lr-0 {
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    .r-pd-t-0 {
      padding-top: 0px !important;
    }
    .r-pd-b-0 {
      padding-bottom: 0px !important;
    }
    .r-pd-t-1 {
      padding-top: 1em !important;
    }
    .r-pd-b-1 {
      padding-bottom: 1em !important;
    }
    .r-pd-t-2 {
      padding-top: 2em !important;
    }
    .r-pd-b-2 {
      padding-bottom: 2em !important;
    }
    .r-ml-1 {
      margin-left: 2px !important;
    }
    .r-mr-1 {
      margin-right: 2px !important;
    }
    .img-footer {
      width: 50% !important;
    }
    .f-call {
      font-size: 32px;
    }
}

@media screen and (min-width: 559px) and (max-width: 1024px) and (orientation: landscape){
  footer .btn-phone {
    display: none !important;
  }
  .img-tell {
    display: none;
  }
  .lb-store {
      padding: 10px 10px !important;
  }
  .nav-toggle {
    display: none !important;
  }
  .img-banner {
      width: 44% !important;
  }
  /*css sales*/
  .text-red-price {
    font-size: 1.5rem !important;
    margin-top: -30px !important;
  }
  .adver .nav-link {
    width: 12em !important;
  }
  .title-step {
    display: none !important;
  }
  footer .btn-book {
    display: none !important;
  }
  .display-mobile {
    display: none !important;
  }
  .display-desktop {
    display: block !important;
  }
  .title-h000 {
    font-size: 40px !important;
  }
  .title-h00 {
    font-size: 38px !important;
  }
  .f-call {
    font-size: 30px !important;
  }
  .title-h0 {
    font-size: 35px;
  }
  .title-h1 {
    font-size: 30px !important;
  }
  .title-h2 {
    font-size: 27px;
  }
  .title-h3 {
    font-size: 24px;
  }
  .title-h4 {
    font-size: 20px !important;
  }
  .title-h5 {
    font-size: 18px;
  }
  .title-h6 {
    font-size: 16px;
  }
  .title-text-small {
    font-size: 10px !important;
  }
  .title-text-smaller {
    font-size: 12px !important;
  }
  ul.menu {
    font-size: 10px !important;
  }
  .text-blue {
    font-size: 1.7rem;
  }
  .text-red {
    font-size: 1.5rem;
  }
  .text-primary {
    font-size: 16px;
  }
  .notel {
    font-size: 40px !important;
  }
  .text-small {
    font-size: 11px;
  }
  .h5 {
    font-size: 1rem;
  }
  .address { font-size: 12px; }
  .t-point {
    font-size: 18px;
  }
}

@media screen and (min-width: 559px) and (max-width: 997px) and (orientation: portrait){
    ul.menu { display: none; }
    .owl-carousel#owl-one.owl-item { overflow: hidden; }
    .tb-hide { display: none; }
    .required { margin-top: 0px !important; }
    .badge-store { width: 175px; }
    .img-sosmed { margin-top: 1em !important; width: 30px; }

    .display-mobile { display: block !important; }
    .display-desktop { display: none !important; }
    .br-white { border-right: none !important; }
    .responsive-hide { display: none !important; }
    .shadow { display: none !important; }
    .slider {
      justify-content: normal;
      padding: 0 !important;
    }
    .li-block {
        width: 28%;
        margin-left: 6px !important;
        margin-right: 6px !important;
        text-align: center;
        font-size: 13px;
    }
    .li-block .nav-link { padding: 10px !important; }
    .bl { border-left: none !important; }
    .img-header {
      width: 50% !important;
      margin-top: 1em;
    }
    .address {
      font-size: 13px !important;
      font-weight: bold;
      margin-left: 8px !important;
      margin-bottom: 10px;
    }
    .notel { font-size: 32px !important; }
    .img-banner { width: 49% !important; }
    footer .btn-phone {
      left: 0;
      bottom: 0;
      background: transparent !important;
      width: 50%;
      cursor: pointer;
      position: fixed !important;
      color: #fff;
      z-index: 3;
      padding: 0 !important;

    }
    /*footer .btn-phone img{
      width: 195px !important;
    }
    footer .btn-book img{
      width: 195px !important;
    }*/
    footer .btn-book {
      right: 0;
      bottom: 0;
      background: transparent !important;
      width: 50%;
      cursor: pointer;
      position: fixed !important;
      color: #fff;
      z-index: 3 !important;
      padding: 0 !important;
    }
    footer .btn-book:hover { background: #a2101c; }
    footer .footer-logo { margin-bottom: 6em !important; }
    .top-mobile {
      text-align: center;
      display: block;
      background-color: #000;
      color: #fff;
      height: 2em;
    }
    .m-footer { display: none !important; }
    .m-display { margin-bottom: 2em !important; }
    .img-tell { display: none; }
    .t-point { font-size: 18px !important; }
    .numbering {
        margin-top: -49px !important;
        margin-left: -30px !important;
    }
    .rounded-num {
      border-radius: 60% !important;
      width: 100% !important;
      padding: 0.2em 0.5em !important;
    }

    .title-h0 { font-size: 29px !important; }
    .title-h1 { font-size: 27px !important; }
    .title-h2 { font-size: 25px !important; }
    .title-h3 { font-size: 22px !important; }
    .title-h4 { font-size: 20px !important; }
    .title-h5 { font-size: 17px !important; }
    .title-h6 { font-size: 15px !important; }
    .title-h00 { font-size: 31px !important; }
    .title-h000 { font-size: 45px !important; }
    .title-text-xs { font-size: 15px !important; text-align: justify; }
    .title-text-small { font-size: 16px !important; }
    .title-text-smaller { font-size: 12px !important; }

    .r-pd-lr-0 { padding-left: 0px !important; padding-right: 0px !important; }
    .r-pd-t-0 { padding-top: 0px !important; }
    .r-pd-b-0 { padding-bottom: 0px !important; }
    .r-pd-t-1 { padding-top: 1em !important; }
    .r-pd-b-1 { padding-bottom: 1em !important; }
    .r-pd-t-2 { padding-top: 2em !important; }
    .r-pd-b-2 { padding-bottom: 2em !important; }

    .r-ml-1 { margin-left: 2px !important; }
    .r-mr-1 { margin-right: 2px !important; }

    .img-footer { width: 50% !important; }
    .responsive-hide { display: none !important; }
    .nav-toggle {
      display: block;
      padding: 20px 20px 13px 13px !important;
    }
    .header-mobile {
        top: 0;
        z-index: 5;
        width: 100%;
    }
    .overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 4;
        padding-top: 80px;
        background-color: #ffffff;
        overflow-y: hidden;
    }
    .nav-white {
        width: 100%;
        height: 100%;
        top: 0;
        background: #ffffff !important;
        z-index: 1;
    }
    .navigation ul.open {
        display: flex;
        flex-direction: column;
        background: #FFF;
    }
    .navigation ul li a {
        border-right: none;
        display: block !important;
        border-bottom: 1px solid#ccc;
        text-align: left;
        padding: 0.50rem;
    }
    .menu-footer { display: block !important; }
    .card-header ul li {
        border-right: none !important;
        display: block !important;
        padding: 0.5em;
    }

    .card-header.ft { display: none; }
    .bl { border-left: none; }
}

@media screen and (min-width: 400px) and (max-width: 991px){
    .badge-store { width: 200px; }
    .responsive-hide { display: none !important; }

    .li-block {
        width: 30%;
        margin-top: 2px;
    }
    .address {
        font-size: 17px !important;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    footer .btn-phone {
        left: 0;
        bottom: 0;
        width: 50% !important;
        position: fixed !important;
        color: #fff;
        z-index: 3 !important;
    }
    .img-header { width: 30%; margin-top: 1em; }
    .title-h0 { font-size: 35px; }
    .title-h1 { font-size: 30px; }
    .title-h2 { font-size: 27px; }
    .title-h3 { font-size: 19px; }
    .title-h4 { font-size: 20px; }
    .title-h5 { font-size: 18px; }
    .title-h6 { font-size: 16px; }
    .title-h00 { font-size: 38px !important; }
    .title-h000 { font-size: 45px !important; }
    .title-text-small { font-size: 14px !important; }
    .title-text-smaller { font-size: 12px !important; }

    .text-red { font-size: 1.5rem; }
    .text-blue { font-size: 1.7rem; }

    ul.menu { font-size: 10px !important; }
}

@media screen and (max-width: 991px) {
    .responsive-hide { display: none !important; }
    .nav-toggle {
        display: block;
        padding: 20px 20px 13px 13px !important;
    }
    .header-mobile {
        top: 0;
        z-index: 5;
        width: 100%;
    }
    .overlay {
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 4;
        padding-top: 80px;
        background-color: #ffffff;
        overflow-y: hidden;
    }
    .nav-white {
        width: 100%;
        height: 100%;
        top: 0;
        background: #ffffff !important;
        z-index: 1;
    }
    .navigation ul.open {
        display: flex;
        flex-direction: column;
        background: #FFF;
    }
    .navigation ul li a {
        border-right: none;
        display: block !important;
        border-bottom: 1px solid#ccc;
        text-align: left;
        padding: 0.50rem;
    }

    .menu-footer{ display: block !important; }
    .card-header ul li {
        border-right: none !important;
        display: block !important;
        padding: 0.5em;
    }
    .card-header.ft { display: none; }
    .bl { border-left: none; }
}

@media screen and (max-width: 1288px) and (min-width: 1024px) {
    .top-mobile { display: none; }
    .img-banner { width: 32% !important; }
    ul.menu { font-size: 12px !important; }
}

@media screen and (max-width: 768px) {
    .btn-fluid {
        bottom: 0;
    }
}