/* Cari Listing Theme */
/* by Musa - Oct 2023 */




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {


  /* Homepage --> Hero */
  /* ========= */
  .hero-top-padding {
    padding-top: 95px;
  }
  .home-heading {
    font-size: 1.2rem;
  }

  .hero-text {
    padding-left:2em !important; 
  }

  /* navbar */
  /* .site-logo > a > img {
    height: 1.3rem !important;
  } */
  .cari-logo {
    max-height:24px;
  }

  .search-bar-filter {
    top: 35px;
    width: 100%;
    left: 1rem;
  }

  .site-navbar {
    height: 94px;
    padding-top: 0px;
  }
  

 

  /* listing card grid */
  .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 0.3rem;
  }

  .card-regular {
    height: 305px;
  }
  .card-regular-img {
    height: 143px;
  }
  /* home > hero */
  .hero-home {
    padding-top: 2.5rem;
  }



  /* home > popular category */
  .scrollmenu {
    padding: 1rem 0;
  }
  .category-placholder {
    width: 70px;
    line-height: 0.7;
  }

  .category-placholder img {
    max-width: 65px;
  }
  
  .category-placholder small {
    font-size: 60%;
  }
  .category-placholder {
    margin: 0rem 0.25rem;
    padding: 0.25rem 0.25rem 0 0.25rem;
  }
  /* article */
  .h-entry .meta {
    font-size: 11px !important;
  }

  /* search page */
  .cl-dd div.dropdown.bootstrap-select.form-control {
    border-bottom: 1px solid #e6e6e6;
    padding: 0.3rem 1rem;
  }

  .search-header {
    margin-top: 3rem;
  }

  .btn-reset {
    font-size: 11px;
    text-transform: capitalize;
  }

  /* listing details */
  .lp-logo {
    width: 160px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
  }

  .lp-details {
    text-align: center;
  }

  .lp-address {
    padding: 0 1rem;
  }

  /* footer */
  .site-footer {
    padding-bottom: 0;
  }

  .site-footer p {
    font-size: 90%;
  }
  .site-footer-copyright > div > div > p {
    font-size: 11px;
    font-weight: normal;
  }
}





/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .hero-top-padding {
    padding-top: 77px;
  }  
  .home-heading {
    font-size: 1.8rem;
  }

  .site-navbar {
    padding-top: 0px;
  }


  
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .hero-top-padding {
    padding-top: 77px;
  }  
  .home-heading {
    font-size: 1.8rem;
  }
  .site-navbar {
    padding-top: 0px;
  }

  .hero-text {
    align-content: center; 
    padding-left:5em !important; 
    padding-top:1rem; 
    padding-bottom:2em;
  }
  
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .hero-top-padding {
    padding-top: 74px;
  }  
  .home-heading {
    font-size: 1.9rem;
  }
  .site-navbar {
    padding-top: 7px;
  }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .hero-top-padding {
    padding-top: 70px;
  }  
  .home-heading {
    font-size: 2rem;
  }
  .site-navbar {
    padding-top: 7px;
  }
  .hero-text {
    padding-left:10.5em !important; 
  }
}

/* special screen range */
@media only screen and (max-width: 767px) and (min-width: 600px) {
  .site-navbar {
    height: 94px;
  }

  .search-bar-filter {
    top: 35px;
    width: 73%;
    left: 16%;
  }

  .cari-logo {
    max-height:24px;
  }

  .hero-top-padding {
    padding-top: 95px;
  }
  
}