@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;
}
.panel-group .panel{
  padding: 5px 15px!important;
  margin:15px;
}
.coupon input[type="text"] {
  width: 100px;
}
input[type="submit"], button[type="submit"] {
  padding: 11px 15px;
}
.col-1, .col-2 {
  width: 293px;
}
.genjer ul{
    width: 51%!important;
}
    .navbar-toggle{
        margin-left: 10px!important;
}
.genjer ul{
    width:100%!important;
}

}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.user-menu, .header-right ul.list-inline {
  text-align: center;
}
.mainmenu-area ul.navbar-nav li a {
  font-size: 9px;
  padding: 15px 10px;
}
.anak_menu h3{
  font-size: 20px;
}
.icon_img{
  width: 25%;
  float: left;
}
.icon_img img{
  height:auto!important;
  width:100%!important;
}
.nama_icon{
  float:left;
  text-align: left;
  width:75%;
}
.anak_menu{
  padding:0;
}
.anak_rel_lagi .anaknya_lagi{
  font-size: 10px;
  min-height: 101px;
}
.anak_menu p{
  font-size: 10px;
}
.bung_foot{
    padding:10px 20px;
    min-height: 290px;
}
.border_bray{
  border:0;
}
.judul_kedua{
  min-height:auto;
  font-size: 25px;
  line-height: 30px;
}
.judul_atas_4{
  text-align:left;
  font-size:20px;
}
.judul_atas_tebel{
  font-size: 23px;
}
.collect{
  padding:20px 10px;
}
.single-promo {margin-bottom: 30px}
.single-product-widget, .footer-about-us, .footer-menu {
  margin-bottom: 60px;
}
.genjer ul{
    width: 84%;
}
.bung_foot{
    padding: 0px 17px;
}

 .mainmenu-area-bawah ul{
    width:100%!important;
 }
.genjer{
    margin: auto!important;
    width: 70%!important;
    float:none!important;
}

.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 10px 0;
  border-top: 1px solid #40195e;
}
div.cart-collaterals ul.products li.product {
  width: 190px;
}

.col-1, .col-2 {
  width: 345px;
}
.genjer ul {
    width:100%!important;
}
.navbar-toggle{
        margin-left: 10px!important;
}


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

.user-menu, .header-right ul.list-inline {
  text-align: center;
}
.logo h1 {
  font-size: 30px;
  margin: 20px 0;
  text-align: center;
}

#accordion{
  display:block;
}
.judul_kedua{
  min-height:auto;
  font-size: 25px;
  line-height: 30px;
}
.judul_atas_4{
  text-align:left;
  font-size:20px;
}
.judul_atas_tebel{
  font-size: 23px;
}
.collect{
  padding:20px 42px;
}
.form-signin {
  max-width: 100%!important;
  padding: 15px 13px 45px;
  margin: 0 20px;
  background-color:#fff;
  border: 0;
}
.genjer ul li{
    display:block!important;
    width:100%!important;
}

.bung_foot{
    padding:10px 20px;
    min-height: 290px;
}
.nav a{
    text-align: left!important;
}
.shopping-item {
  float: none;
  margin-bottom: 20px;
  margin-top: 5px;
  text-align: center;
}
.bung_foot{
    min-height:auto!important;
}
.navbar-header {
  text-align: center;
}

.navbar-toggle {
    border:0;
    float: right!important;
    overflow: hidden;
}
.navbar-toggle .icon-bar { background: none repeat scroll 0 0 #fff }
.navbar-collapse.collapse.in {
  background: none repeat scroll 0 0 #40195e;
  position: relative;
  z-index: 99;
}
.navbar-toggle{
        margin-left: 10px!important;
}
.nav li {
    width:100%!important;
}
.nav{
    width:100%!important:
}
.mainmenu-area ul.navbar-nav li a {
  padding: 6px 7px;
}
.logo h1{
  width: 100px;
    padding: 7px 0;
}
.mainmenu-area-bawah{
  border-bottom:0;
}
.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: 0 0 0 0;
border-top: 1px solid #40195e;
}
.footer-bottom-area{
  border:0
}
.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%;
}
.genjer{
  width:100%!important;
}
.genjer ul{
    width: 100%;
}
.logo h1{
    margin:0 auto!important;
}
    .nav a{
    text-align: left!important;
    width:100%!important;
}
    .nav li{
    text-align: left!important;
    width:100%!important;
}
    .bawah_menu{
        padding: 0px 29px;
    height: 1px;
    background: rgb(255, 255, 255);
}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .list-special{
    padding: 30px 30px 50px 30px;
  }
  .title_so{
    padding: 100px 30px 50px 30px;
  }
  .hadiah_special{
    width: 100%;
  }
  .abs-card{
    float: none;
    position: static;
    width: auto;
  }
  .abs-logo{
    float: none;
    position: static;
    width: 100%;
    overflow: hidden;
    padding-bottom: 50px;
  }
  .navbar-toggle {
    border:0;
    float: right!important;
    margin: 6px 13px;
    overflow: hidden;
}
.wrapper_catalog p {
    text-align: center;
    min-height: 60px;
}
.bung_foot{
  padding: 16px 20px 0 20px;
  border-bottom: 1px solid #40195e;
}

.nav a{
    text-align: left!important;
    width:100%!important;
}
.genjer ul{
    width:100%!important;
}
.mainmenu-area-bawah{
    display:none!important;
}
.bawah_menu{
        padding: 0px 29px;
    height: 1px;
    background: rgb(255, 255, 255);
}
.genjer ul li{
    display:block!important;
    width:100%!important;
}
.navbar-toggle{
        margin-left: 10px!important;
}
.form-signin {
  max-width: 100%;
  padding: 15px 13px 45px;
  margin: 0 auto;
  background-color:#fff;
  border: 0;
}

}
@media only screen and (min-width: 320px) and (max-width:480px) {
    .nav a{
    text-align: left!important;
    width:100%!important;
}
.list-special{
  padding: 30px 30px 50px 30px;
}
.title_so{
  padding: 100px 30px 50px 30px;
}
.hadiah_special{
  width: 100%;
}
.abs-card{
  float: none;
  position: static;
  width: auto;
}
.abs-logo{
  float: none;
  position: static;
  width: 100%;
  overflow: hidden;
  padding-bottom: 50px;
}
    .nav li{
    text-align: left!important;
    width:100%!important;
}
.wrapper_catalog p {
    text-align: center;
    min-height: 60px;
}
.judul_atas_4{
  font-size: 21px;
}
.border_bray{
  border:0;
}
.tot_point_prof{
  padding: 25px 30px;
}
.cat_img{
  height: 80px;
}
.judul_atas_tebel{
 font-size: 30px;
}
.bung_foot{
    padding:10px 20px;
}
.form-signin {
  max-width: 100%;
  padding: 15px 13px 45px;
  margin: 0 auto;
  background-color:#fff;
  border: 0;
}
.genjer ul{
    width:100%!important;
}.bawah_menu{
        padding: 0px 29px;
    height: 1px;
    background: rgb(255, 255, 255);
}
.navbar-toggle{
        margin-left: 10px!important;
}
.nav li {
    width:100%!important;
}
.nav{
    width:100%!important:
}
}