/* Enter Your Custom CSS Here */

body.custom-background {    background-image: none !important;} 
body {background-color: #ffffff !important;}


@media screen and (min-width: 768px)
{
.wrap { margin-top: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border: 0px solid #ffffff !important;}
}

#menu-item-57 {display: none;}

@media screen and (min-width: 1200px)
{
#menu-menu-1 > li > a {padding: 15px 47px !important;}
#menu-menu-1 li:last-child {border-right: 1px solid #7b9315;}
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 0.9% 1.992em 0.9%;
    padding: 1em !important;
    position: relative;
    width: 18.2% !important;
    background-color: white;
    padding: 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0 0 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.05) 0 0 3px;
    box-shadow: rgba(0, 0, 0, 0.05) 0 0 3px;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 18.2% !important;
}

.woocommerce ul.products li.product a img {
    width: 100%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 18.2% !important;
}

.woocommerce ul.products li.product .content p {
    min-height: 160px !important;
}

woocommerce ul.products {margin-top: 1em !important;}

.slider {margin-top: 10px;}

/* page layout for over 1200px */
@media screen and (min-width: 1200px)
{
  .container {width: 100% !important;}
  .row {width: 1200px; margin-left: calc(50% - 600px) !important; margin-right: calc(50% - 600px) !important; margin-left: -webkit-calc(50% - 600px) !important; margin-right: -webkit-calc(50% - 600px) !important; margin-left: -moz-calc(50% - 600px) !important; margin-right: -moz-calc(50% - 600px) !important;}
  #menu-menu-1 {float: left;    margin: 0 calc(50% - 600px);  margin: 0 -webkit-calc(50% - 600px);   margin: 0 -moz-calc(50% - 600px);  width: 1200px;}
  #menu-menu-1 > li > a {
    padding: 15px 50px !important;}
  
  footer .row {padding: 10px 0;}
  
  .row.Newsletter {width: 100%; margin: 0 !important;}
  .row.Newsletter .col-md-8 {width: 800px; margin-left: calc(50% - 600px); margin-left: -webkit-calc(50% - 600px); margin-left: -moz-calc(50% - 600px);}
  .row.Newsletter .col-md-4 {width: 400px; margin-right: calc(50% - 600px); margin-right: -webkit-calc(50% - 600px); margin-right: -moz-calc(50% - 600px);}
  
  
  footer .col-md-3 {width: 300px !important; box-sizing: border-box; margin-left: calc(50% - 600px); margin-left: -webkit-calc(50% - 600px); margin-left: -moz-calc(50% - 600px);}
  footer .col-md-2 {width: 200px !important; box-sizing: border-box; margin: 0;}
  footer .col-md-5 {width: 500px !important; margin-right: calc(50% - 600px); margin-right: -webkit-calc(50% - 600px); margin-right: -moz-calc(50% - 600px);}

  .home .col-md-12 {padding-left: 0 !important; padding-right: 0 !important;}
  
  footer .container {padding: 1em 0 !important;}

.content-home {    padding: 15px 0px !important;}
  .produk-home {    padding: 15px 0;}
  .produk-home h2 {margin-bottom: 20px; margin-top: 20px; background-color: #90a82a; padding: 3px; font-family: "robotolight", Helvetica, sans-serif; text-align: center;}
  .produk-home h2 span {padding: 0px 25px !important;}
  
 /* .woocommerce ul {    width: 100% !important;} */

 .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: calc(20% - 2em) !important; -moz-width: calc(20% - 2em) !important; width: webkit-calc(20% - 2em) !important; margin: 0 !em !important;}
}

  .newsletter .newsletter-email {box-sizing: border-box;    max-width: calc(100% - 10px); max-width: -moz-calc(100% - 10px); -webkit-max-width: calc(100% - 10px); }


/* 992px to 1200px */
/* @media screen and (min-width: 992px) and (max-width: 1199px)
{
  .container {width: 100% !important;}
}


@media screen and (min-width: 769px) and (max-width: 991px)
{
  .container {width: 100% !important;}
  .nav > li > a {padding: 15px 18px !important;}
}
*/

@media screen and (min-width: 769px)
{
  #menu-menu-1 li:last-child {border-right: 1px solid #7b9315 !important;}
}
@media screen and (min-width: 1200px)
{
  #menu-menu-1 li:first-child {border-left: 1px solid #7b9315 !important;}
}  


@media screen and (min-width: 768px)
{
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 18.2% !important;}
}
  
.thumbnails.columns-3 {
    display: block !important;}
  
img.attachment-shop_thumbnail {max-height: 80px !important; border: 1px solid #eaeaea; padding: 5px;}

.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {width: auto !important;}

.tlp a {color: #333333; line-height: 1.5; margin-right: 20px;}

.telfon .md {
    font-size: 20px !important; }


.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #90a82a; font-weight: normal;}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #7b9315;}

.navbar-default .navbar-nav > li > a {font-weight: normal !important;}