<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@media only screen and (min-width: 992px) and (max-width: 1280px) { 
div.cart-collaterals ul.products li.product {
  float: left;
  margin-left: 30px;
  position: relative;
  width: 160px;
}
.coupon input[type="text"] {
  width: 100px;
}  
input[type="submit"], button[type="submit"] {
  padding: 11px 15px;
} 
.col-1, .col-2 {
  width: 293px;
}    

}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
.header-right ul.list-inline {
  text-align: center;
}
.mainmenu-area ul.navbar-nav li a {
  font-size: 14px;
  padding: 15px 10px;
}  
.single-promo {margin-bottom: 30px}    
.single-product-widget, .footer-about-us, .footer-menu {
  margin-bottom: 60px;
}
    
    
.product-widget-area .zigzag-bottom {
  bottom: -50px;
  height: 100px;
}
.product-widget-area {
  padding-bottom: 90px;
}   
    
.footer-top-area .zigzag-bottom {
  bottom: -153px;
  height: 200px;
}    
.footer-top-area {
  padding: 35px 0 30px;
}  
div.cart-collaterals ul.products li.product {
  width: 190px;
}  
    
.col-1, .col-2 {
  width: 345px;
}    
    
}


/* Mobile Layout: 320px. */
@media only screen and (max-width: 768px) { 
    

.header-right ul.list-inline {
  text-align: center;
}  
.logo h1 {
  font-size: 30px;
  margin: 20px 0;
  text-align: center;
} 
.shopping-item {
  float: none;
  margin-bottom: 20px;
  margin-top: 5px;
  text-align: center;
}  
.navbar-header {
  text-align: center;
}    
    
.navbar-toggle {
    border-color: #fff;
    float: none;
    margin: 10px auto;
}
.navbar-toggle .icon-bar { background: none repeat scroll 0 0 #333 }  
.navbar-collapse.collapse.in {
  background: none repeat scroll 0 0 #f4f4f4;
  position: relative;
  z-index: 99;
} 
.mainmenu-area ul.navbar-nav li a {
  padding: 15px;
}  
.mainmenu-area {position: relative !important}
.slide-text {
  font-size: 16px;
}  
.slide-text h2 {
  font-size: 30px;
}  
.readmore {
  font-size: 16px;
  padding: 8px 20px;
}    
.single-promo {
  margin-bottom: 30px;
} 
.section-title {
  font-size: 35px;
}  
    
    
.product-widget-area .zigzag-bottom {
  bottom: -50px;
  height: 100px;
}
.product-widget-area {
  padding-bottom: 90px;
}   
    
.footer-top-area .zigzag-bottom {
  bottom: -153px;
  height: 200px;
}    
.footer-top-area {
  padding: 35px 0 30px;
} 
    
.single-product-widget, .footer-about-us, .footer-menu {
  margin-bottom: 60px;
}  
    
.product-wid-title {
  font-size: 25px;
}  
    
.related-products-wrapper .owl-nav {
  left: -15px;
  position: relative;
  right: inherit;
  top: 15px;
}  
div.cart-collaterals ul.products {
  margin: 0;
}  
div.cart-collaterals ul.products li.product {
  margin-bottom: 30px;
  margin-left: 0;
  width: 100%;
}  
div.cart-collaterals ul.products li.product img {width: 100%}  
    
.product-bit-title h2 {
  font-size: 35px;
  padding: 40px 0;
}  
.col2-set {
  margin-left: 0;
}    
.col-1, .col-2 {
  float: none;
  margin-left: 0;
  width: inherit;
}    
    
    
/* Special */    
    
table.shop_table th, table.shop_table td {
  font-size: 12px;
  padding: 5px;
}    
td.product-thumbnail img {
  width: 30px;
} 
    
div.quantity input.plus, div.quantity input.minus {
  display: none;
}   
table.shop_table th {
  font-size: 12px;
}    
div.coupon input[type="text"] {
  width: 100px;
} 
.coupon {margin-bottom: 10px}      
.cross-sells {
  float: none;
  margin-bottom: 30px;
  margin-right: 0;
  width: 100%;
}  
.cart_totals, .cart-collaterals .shipping_calculator {
  float: none;
  margin-bottom: 40px;
  width: 100%;
}  
 
    
    
}
@media only screen and (min-width: 767px) { 
  .logo.desk {
    margin: 15px 0 10px 140px;
  }
  .logo.img {
    position: absolute;
  }
}
@media only screen and (max-width: 767px) { 
  .site-branding-area .col-sm-9, .site-branding-area .col-sm-3 {
    float: none;
    width: 100%;
  }
  .logo {
    float: none;
    width: 100%;
  }
  .brandings {
    display: block;
  }  
  .members-data {
    display: block;
  }
  .members-kiri {
    width: 100%;
  }
  .members-kiri table td, .members-data .single-shop-product div, .members-kiri .info-last-login {
    padding: 2px 10px;
  }
  .members-kanan {
    margin-left: auto;
    margin-right: auto;
    width: 96%;
  }
  .detail_usaha_left {
    float: none;
    width: 100%;
    text-align: center;
  }
  .detail_usaha_right {
    width: 100%;
    padding-left: 0;
    border-top: 1px solid #d5a9dc;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 600px) { 
    .form-search input[type="text"], .form-search .input select:first-child, .form-search .input select:last-child {
      width: 80%;
      border-radius: 10px 10px 10px 10px;
      border: 2px solid #bc96bc;
    }
    
    .form-search .input {
      width: 80%;
    }
  
    .form-search .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
      width: 100%;
    }
    .form-search .bootstrap-select:first-child button {
      border-radius: 10px;
      width: 100%;
      border: 2px solid #bc96bc;
      margin: 0 0 3px;
      height: 43px;
    }
    .form-search .bootstrap-select:last-child button {
      border-radius: 10px;
      width: 100%;
      border: 2px solid #bc96bc;
      margin-left: 0;
      height: 43px;
    }

    .site-branding-area, .site-branding-area .banner-desktop {
      /*! height: 450px; */
      /*! background-size: auto 150%; */
      display: block;
      margin-bottom: -5px;
    }
    .user-menu {
      text-align: center;
    }
    .position {
      padding: 0;
      text-align: center;
    }
}

@media only screen and (min-width: 371px) and (max-width: 600px) { 
  .easy01 {
    float: none;
    width: 48%;
    text-align: center;
  }
}
@media only screen and (max-width: 370px) { 
  .easy01 {
    width: 100%;
  }
}

@media only screen and (min-width: 450px) and (max-width: 800px) { 
  .kategori-area .subcat{
    width: 50%;
    display: inline-flex;
  }
}
@media only screen and (max-width: 440px) { 
/*     .form-search .bootstrap-select {
      width: 89%;
      margin-right: 14%;
    } */
  .kategori-area .subcat{
    width: 100%;
    text-align: left;
  }
  .limited-name {
    display: none;
  }
    .position a {
      width: 100%;
      display: block;
      margin-bottom: 5px;
    }
  .article-image {
    width: 72%;
    /* height: 85px; */
    margin-bottom: 10px;
  }
  .article-rand .article-image {
    width: 200px;
  }
}

@media only screen (min-width: 440px) and (max-width: 550px) { 
  .article-image {
    width: auto;
    height: auto;
    overflow-y: none;
  }
}</pre></body></html>