/**
 * Web Application Prefix Apply For Making Owner Styles
 */
/**
 *   Blocks Layout Selectors 
 */
/**
 * Product Item Selectors
 */
/***********************************************************************/
/**
* Transition-timing-function property@mixin 
*/
/*background RGBA
============================================*/
/****/
/**/
/* RIGHT TO LEFT */
/** CHECKOUT BY STEP */
/*  
 * LAYOUT VARIABLES 
 */
@media (max-width: 1199px) {
  .zoomdiv {
    display: none !important;
  }
}
@media (max-width: 1024px) {
  .leo-more-cdown ul li {
    width: 45px;
    height: 45px;
  }

  .product-block .functional-buttons .box-button {
    position: inherit;
  }
    #header_logo a {
font-size: 20px;
}

  #viewed_products_block {
    top: auto !important;
    bottom: 0;
    position: fixed;
  }
  #viewed_products_block .block_content {
    display: none;
  }
  #viewed_products_block:hover .block_content {
    display: block;
  }

  .widget-html .image-box img,
  .widget-html .effect img {
    width: 100%;
  }

  .pb-left-column #image-block {
    width: 80%;
  }
}
@media (max-width: 1196px) and (min-width: 992px) {
  .editortool .label-customize {
    display: none;
  }

}
@media (max-width: 990px) {
  html {
    background: none;
  }

  .navbar-header .navbar-toggle {
    display: block; border-radius: 0px; position: fixed; 
    float: left; margin-left: 0px; margin-top: 0px; top: 0px; left: 0px;
    width: 55px;  height:55px;z-index: 9999;
    background: #f29633; color: white;
   
  }
.leo-megamenu {
text-align: left; min-height: 5px; 
border-bottom: none; background: none;
color: #222; margin-left: 0px; }
  .rtl .navbar-header .navbar-toggle {
    float: right;
  }

  .collapse.navbar-collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none;
  }
  .navbar-nav li {
    float: none;
  }

  .navbar-header {
    float: none;
  }
}
@media (min-width: 1200px) {
  #guestTracking .form-group {
    overflow: hidden;
  }
  #guestTracking .form-group i {
    padding-left: 10px;
  }
  .rtl #guestTracking .form-group i {
    padding-right: 10px;
    padding-left: inherit;
  }
  #guestTracking .form-control {
    float: left;
  }
  .rtl #guestTracking .form-control {
    float: right;
  }
  #guestTracking label {
    float: left;
    clear: both;
    width: 100%;
  }
  .rtl #guestTracking label {
    float: right;
  }
}
@media (max-width: 991px) {
  .float-vertical.active > .block_content {
    position: relative;
  }
#header_logo a img { display: none }
  #leo-verticalmenu .open > .dropdown-menu {
    max-width: 100%;
    position: relative;
    left: auto !important;
    width: 100% !important;
    top: 100%;
  }

  div.verticalmenu .navbar-nav {
    margin: 0;
  }

  .ajax_block_product:hover .leo-more-info {
    display: none !important;
    opacity: 0;
    filter: alpha(opacity=0);
  }

}
@media (min-width: 768px) and (max-width: 991px) {
  .footer-center .widget {
    min-height: 280px;
  }

  #layer_cart {
    width: 100%;
    left: 0;
  }
#contact-link {
    
  }
.pb-center-column, .pb-left-column {
  width:100%;
}
  .nbrItemPage {
    float: left;
  }
  .rtl .nbrItemPage {
    float: right;
  }

  .leo-more-cdown ul li {
    width: 50px;
    height: 50px;
  }

  .blockleoblogs .blog-info {
    padding-top: 10px;
    clear: both;
  }

/* Bagian Header */
#cart .heading { display: inline-block; background: none }
#cart { position: relative; margin-top: 0px; z-index: 99; right: 10px; margin-left: 20px; }
#cart .heading {
  display: inline-block; 
  padding:5px 0px 5px 0px;
  line-height: 21px; 
 height: 100%; line-height: auto;
  /*border: 5px inset #e3810c; */
  border-top: none; 
  border-radius: 8px;
  text-align: left; min-width: 50px;
  margin-top: 0px; 
  margin-right: 0px;
 
}

#topbar { background: #508ebf; color: white; position: fixed; width: 100%; z-index: 99; height: 55px; }
#topbar a, #topbar .topbar-box .btn-group:before, #topbar .links-outline a, #topbar i {color: #fff;}
body.layout-boxed-lg {margin: 0px 0px 0px 0px;}
#topbar .topbar-box .btn-group { margin-top: 15px;}
.leo-megamenu .navbar-nav > li > a:hover, .leo-megamenu .navbar-nav > li > a:focus, .leo-megamenu .navbar-nav > li > a:active {
background: #d3d3d3; color: black;
}
.leo-megamenu .navbar-nav > li > a { color: #222}
.leo-megamenu .dropdown-menu li a .menu-title:hover { color: red}
.leo-megamenu .navbar-nav > li.hidden, #off-canvas-nav .navbar-nav > li.hidden, .leo-megamenu .widget-inner .menu-title { display: none}

#header-main { min-height: 130px; background: #f4f4f4}
.banner-4{ float: left; margin-left: 0px; padding-right: 0px}
#header{ min-height: 210px; width: 100%}
#header_logo { text-align: center; margin-top: 50px }
#header_logo a {
 padding: 10px 0px 0px 25px; color: #508ebf; font-size: 20px;
  background: none; width: auto; font-family: arial; text-transform: uppercase;
  display: block; text-indent: 0px; line-height: 30px; font-weight: bold;
}
/* Block Search */
#leosearchtopbox {
   width: auto; position: relative;
  margin-top: 0px;
}

#search_block_top {
 background-color: none; z-index: 95; position:relative;
  height: 30px; max-width: 100%;
  padding: 0 10px; right: 0px;
  margin: 5px 0 0 0px;
}

/* Bagian Body */
.product-block .functional-buttons .box-button { display: none}


.row {
  margin-left: -5px;
  margin-right: -5px;
}

#top_column .col-xs-12 { padding-right: 10px;}
#header-bottom .col-lg-3 { padding-left: 10px; padding-right: 10px;}
#top_column .col-lg-6 { padding-left: 10px; padding-right: 10px; }
#index #center_column .col-lg-4 { padding-left: 10px; padding-right: 10px}
#index #center_column .col-lg-8 { padding-left: 10px; padding-right: 10px} 
.product-block .name {
  height: 23px; overflow: hidden;
  
}
.product-block { min-height: 380px}
.leo-megamenu {
margin-top: 0px; 
padding: 0px 0px 10px 0px;}
 
/*CMS */
#cms-about .order h1 { color: #ff6600; font-size: 20px; font-weight: bold;}
#cms-about .about-atas .about1, #cms-about .about-atas .about2, #cms-about .about-atas .about3, #cms-about .about-atas .about4 { width: 100%; }
#cms-about h4 { font-size: 14px;  }
#cms-about .order-kiri p, #cms-about .order-kanan p { font-size: 13px}
#cms-about .kiri1 { width: 100%; padding-top: 35px;} 
#cms-about .kiri2 { width: 100%; }
#cms-about .kanan2{ width: 100%;} 
#cms-about .kanan1{ width: 100%; padding-top: 15px;}
#cms-about .order-kiri img, #cms-about .order-kanan img, #cms-about .order-kanan-last img { width: 100%; min-height: auto;}

#leosearchtopbox button {
  position: absolute;
  right: 10px;
  top: 7px; box-shadow: none;
  color: #8c8c8c;
  background: transparent !important;
  border: none !important;
  width: 20px;
  padding: 0;
}

}
@media (max-width: 768px) {
  #layer_cart {
    width: auto;
    left: 0px;
  }

  .widget-cart {
    position: relative;
  }
 
}
@media (max-width: 767px) {
  #footer .footer-block {
    margin-top: 20px;
  }
  #footer .footer-block h4 {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 13px;
    display: block;
  }
  #footer .footer-block h4:after {
    font-size: 18px;
    display: block;
    content: "\f055";
    font-family: "FontAwesome";
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
  }
  .rtl #footer .footer-block h4:after {
    left: 0;
    right: auto;
  }
  #footer .footer-block h4.active:after {
    content: "\f056";
  }
  /* tambahan */
 
#header_logo a img { display: none }
#header_logo {
  text-align: center; margin-top: 0px;
  
}
#header_logo a {
 padding: 10px 0px 0px 25px; color: white; font-size: 20px;
  background: none; width: auto; font-family: fontastique;
  display: block; text-indent: 0px; line-height: 30px;
}
 .navbar-nav li {
    float: none; padding-left: 10px;
  }
}

@media (min-width: 600px) and (max-width: 980px) {
 
	
  }
@media (min-width: 320px) and (max-width: 768px) {
  #contact-link {
    
  }
.pb-center-column, .pb-left-column {
  width:100%;
}
  .nbrItemPage {
    float: left;
  }
  .rtl .nbrItemPage {
    float: right;
  }

  .leo-more-cdown ul li {
    width: 50px;
    height: 50px;
  }

  .blockleoblogs .blog-info {
    padding-top: 10px;
    clear: both;
  }

/* Bagian Header */
#cart .heading { display: inline-block; background: none }
#cart { position: relative; margin-top: 0px; z-index: 99; right: 10px; margin-left: 20px; }
#cart .heading {
  display: inline-block; 
  padding:5px 0px 5px 0px;
  line-height: 21px; 
 height: 100%; line-height: auto;
  /*border: 5px inset #e3810c; */
  border-top: none; 
  border-radius: 8px;
  text-align: left; min-width: 50px;
  margin-top: 0px; 
  margin-right: 0px;
 
}

#cart .heading a {

  color: #fff;
}

#topbar { background: #508ebf; color: white; width: 100%; white; position: fixed; z-index: 99; height: 55px; }
#topbar a, #topbar .topbar-box .btn-group:before, #topbar .links-outline a, #topbar i {color: #fff;}
body.layout-boxed-lg {margin: 0px 0px 0px 0px;}
#topbar .topbar-box .btn-group { margin-top: 15px;}
.leo-megamenu .navbar-nav > li > a:hover, .leo-megamenu .navbar-nav > li > a:focus, .leo-megamenu .navbar-nav > li > a:active {
background: #d3d3d3; color: black;
}
.leo-megamenu .navbar-nav > li > a { color: #222}
.leo-megamenu .dropdown-menu li a .menu-title:hover { color: red}
.leo-megamenu .navbar-nav > li.hidden, #off-canvas-nav .navbar-nav > li.hidden, .leo-megamenu .widget-inner .menu-title { display: none}

#header-main { min-height: 150px; background: #f4f4f4}
.banner-4{ float: left; margin-left: 0px; padding-right: 0px}
#header{ min-height: 210px; width: 100%}
#header_logo { text-align: center; margin-top: 50px }
#header_logo a {
 padding: 10px 0px 0px 25px; color: #508ebf; font-size: 20px;
  background: none; width: auto; font-family: arial; text-transform: uppercase;
  display: block; text-indent: 0px; line-height: 30px; font-weight: bold;
}
/* Block Search */
#leosearchtopbox {
   width: auto; position: relative;
  margin-top: 0px;
}

#search_block_top {
 background-color: none; z-index: 95; position:relative;
  height: 30px; max-width: 100%;
  padding: 0 10px; right: 0px;
  margin: 5px 0 0 0px;
}

/* Bagian Body */
.product-block .functional-buttons .box-button { display: none}


.row {
  margin-left: -5px;
  margin-right: -5px;
}

#top_column .col-xs-12 { padding-right: 10px;}
#header-bottom .col-lg-3 { padding-left: 10px; padding-right: 10px;}
#top_column .col-lg-6 { padding-left: 10px; padding-right: 10px; }
#index #center_column .col-lg-4 { padding-left: 10px; padding-right: 10px}
#index #center_column .col-lg-8 { padding-left: 10px; padding-right: 10px} 
.product-block .name {
  height: 23px; overflow: hidden;
  
}
.product-block { min-height: 380px}
.leo-megamenu {
margin-top: 0px; 
padding: 0px 0px 10px 0px;}
 
/*CMS */
#cms-about .order h1 { color: #ff6600; font-size: 20px; font-weight: bold;}
#cms-about .about-atas .about1, #cms-about .about-atas .about2, #cms-about .about-atas .about3, #cms-about .about-atas .about4 { width: 100%; }
#cms-about h4 { font-size: 14px;  }
#cms-about .order-kiri p, #cms-about .order-kanan p { font-size: 13px}
#cms-about .kiri1 { width: 100%; padding-top: 35px;} 
#cms-about .kiri2 { width: 100%; }
#cms-about .kanan2{ width: 100%;} 
#cms-about .kanan1{ width: 100%; padding-top: 15px;}
#cms-about .order-kiri img, #cms-about .order-kanan img, #cms-about .order-kanan-last img { width: 100%; min-height: auto;}

#leosearchtopbox button {
  position: absolute;
  right: 10px;
  top: 7px; box-shadow: none;
  color: #8c8c8c;
  background: transparent !important;
  border: none !important;
  width: 20px;
  padding: 0;
}


}

@media (max-width: 480px) {

/* Bagian Header */
#breadcrumb, .breadcrumb { display: none}
/* Block Search */

/* Bagian Body */
.product-block .functional-buttons .box-button { display: none}



.row {
  margin-left: -5px;
  margin-right: -5px;
}

.product-block .name {
  height: 25px; overflow: hidden;
  
}
.product-block { min-height: 250px}

.leo-more-cdown { display: none}
#top_column .row { padding-left: 10px; padding-right: 20px;}
#top_column .col-xs-12 { padding-right: 0px;}
#header-bottom .col-lg-3 { padding-left: 10px; padding-right: 10px;}
#top_column .col-lg-6 { padding-left: 10px; padding-right: 10px; }
#index #center_column .col-lg-4 { padding-left: 10px; padding-right: 10px}
#index #center_column .col-lg-8 { padding-left: 10px; padding-right: 10px} 

/* Responsive header */



.leo-megamenu {
margin-left: 0px; 
}

/*CMS */
#cms-about .order h1 { color: #ff6600; font-size: 20px; font-weight: bold;}
#cms-about .about-atas .about1, #cms-about .about-atas .about2, #cms-about .about-atas .about3, #cms-about .about-atas .about4 { width: 100%; }
#cms-about h4 { font-size: 14px;  }
#cms-about .order-kiri p, #cms-about .order-kanan p { font-size: 13px}
#cms-about .kiri1 { width: 100%; padding-top: 35px;} 
#cms-about .kiri2 { width: 100%; }
#cms-about .kanan2{ width: 100%;} 
#cms-about .kanan1{ width: 100%; padding-top: 15px;}
#cms-about .order-kiri img, #cms-about .order-kanan img, #cms-about .order-kanan-last img { width: 100%; min-height: auto;}

#topbar .container > .inner {background: none ; padding: 0px 0px 0px 0px; min-height: auto; }


#homepage-slider { display: none}
  #layer_cart .layer_cart_cart .button-container {
    text-align: center;
  }

  #layer_cart .layer_cart_cart .button-container .btn {
    float: none !important;
    margin-bottom: 10px;
  }

  .product-block .functional-buttons .box-button {
    opacity: 1;
    filter: alpha(opacity=100);
    position: inherit;
  }

  .pb-left-column {
    margin-bottom: 20px;
  }
  .pb-left-column #image-block {
    width:100%;
  }

  #thumbs_list {
    width: 100%;
    height: 60px;
  }
  
  #thumbs_list li {
    width: 60px;
    height: 60px;
  }

  .primary_block span.view_scroll_spacer {
  float: right;
  width: 40px;
  position: absolute;
  bottom: 35px;
  right: -10px;
  z-index: 1000;
}

  #view_scroll_left, #view_scroll_right {
    width: 30px;
    height: 30px;
    bottom: 0px;
  }

  #view_scroll_left:before, #view_scroll_right:before {
    font-size: 13px;
    line-height: 30px;
  }

  .accessories-block img {
    width: 100%;
  }

  .product-offer .product-block .product-desc {
    display: none;
  }

  #header-bottom {
    position: inherit;
  }

  .widget-html .html-custom .html-or {
    top: -8px;
  }
}
@media (max-width: 479px) {
  .cart_navigation {
    text-align: center;
  }
  .cart_navigation .standard-checkout {
    float: none !important;
    margin-top: 10px;
  }
  .cart_navigation .button-medium {
    float: none !important;
    margin-top: 10px;
  }


}

@media (min-width: 320px) and (max-width: 991px) {
  #contact-link li.login {
    display: none;
  }
.blog-detail { width: 100%}
/* Letak Order form */
#letak-order { display: inline-block; width: 98%}
#letak-order .letak-carrier { display: inline-block; width: 100%; float: left; vertical-align: top; margin-right: 0px; border-right: none; padding-right: 0px;}
#letak-order .letak-payment { display: inline-block; width: 100%; float: left; vertical-align: top; }

  .leo-megamenu {
    float: none;
  }

  .product-block .product-image-container img {
    display: inline-block;
    text-align: center;
  }

 

  .footer-nav {
    text-align: center;
  }

  #footnav {
    margin-top: 20px;
  }
  #footnav img {
    display: inline-block;
  }
}