/* Heading */

@import url(colorbox.css);

.mijoshop_heading_h1 {
  font-family: 'Roboto',sans-serif !important;
  font-size: 15px !important;
  color: #000 !important;
  text-transform: uppercase !important;  
  line-height: 20px !important;  
  font-weight: 400;
}

/* General */
.box-product .price,
.box-product .price-new,
.product-grid .price,
.product-grid .price-new,
.product-info .price,
.product-info .price-new,
.ja-product-grid .price, 
.ja-product-grid .price-new {
  color: #f0141e;
  font-size: 14px;
  font-family: 'Roboto Slab',Georgia,Times,serif;
  font-weight: normal;
}

.price-new {
  color: #f0141e;
  font-size: 14px;
  font-family: 'Roboto Slab',Georgia,Times,serif;
  font-weight: normal;
}

.price-old {
  color: #999; 
  text-decoration: line-through;
}

.box-content img {
  max-width: 100%;
}

.box-content .content-image {
  margin-bottom: 20px;
}

/* Box Style */

.box_oc .box-heading {
  background: none;
  border: 0;
  border-bottom: 1px solid #000;
  color: #000;
  font-weight: 400;
  line-height: 20px;
  margin: 0 0 20px;
  padding: 0 0 20px;
  text-transform: uppercase;    
  font-family: 'Roboto',sans-serif;
}

.box_oc .box-content {
  border: 0;
  padding: 0;
}

/* Grid Product */
.product-grid,
.ja-product-grid {
  margin: 0 -15px;
  width: auto;
}

.product-grid > div,
.ja-product-grid > div {
  margin: 0;
  padding: 5px 15px 25px;
  width: 100%;
}

.ja-product-grid > div:nth-child(5n+1) {
  clear: none;
}

@media (min-width: 768px) {
  .product-grid.row-5 > div,
  .ja-product-grid > div {
    width: 20%;
    float: left;
  }
  
  .product-grid.row-1 > div {
    float: left;
    width: 100%;
  }
  
  .product-grid.row-2 > div {
    float: left;
    width: 50%;
  }
  
  .product-grid.row-3 > div {
    float: left;
    width: 33.33%;
  }
  
  .product-grid.row-4 > div {
    float: left;
    width: 25%;
  }
  
  .product-grid.row-6 > div {
    float: left;
    width: 16.66%;
  }
  
  .product-grid.row-7 > div {
    float: left;
    width: 14.28%;
  }
  
  .product-grid.row-8 > div {
    float: left;
    width: 12.5%;
  }
  
  .product-grid.row-9 > div {
    float: left;
    width: 11.11%;
  }
  
  .product-grid.row-10 > div {
    float: left;
    width: 10%;
  }
  
  .product-grid.row-2 > div.product-item-2,
  .product-grid.row-2 > div.product-item-4,
  .product-grid.row-2 > div.product-item-6,
  .product-grid.row-2 > div.product-item-8,
  .product-grid.row-2 > div.product-item-10,
  .product-grid.row-2 > div.product-item-12,
  .product-grid.row-2 > div.product-item-14,
  .product-grid.row-2 > div.product-item-16,
  .product-grid.row-2 > div.product-item-18,
  .product-grid.row-2 > div.product-item-20,
  .product-grid.row-2 > div.product-item-22,
  .product-grid.row-2 > div.product-item-24,
  .product-grid.row-2 > div.product-item-26,
  .product-grid.row-2 > div.product-item-28,
  .product-grid.row-2 > div.product-item-30,
  .product-grid.row-2 > div.product-item-32,
  .product-grid.row-2 > div.product-item-34,
  .product-grid.row-2 > div.product-item-36,
  .product-grid.row-2 > div.product-item-38,
  .product-grid.row-2 > div.product-item-40,
  .product-grid.row-2 > div.product-item-42,
  .product-grid.row-2 > div.product-item-44,
  .product-grid.row-2 > div.product-item-46,
  .product-grid.row-2 > div.product-item-48,
  .product-grid.row-2 > div.product-item-50 {
    clear: both;
  }
  
  .product-grid.row-3 > div.product-item-3,
  .product-grid.row-3 > div.product-item-6,
  .product-grid.row-3 > div.product-item-9,
  .product-grid.row-3 > div.product-item-12,
  .product-grid.row-3 > div.product-item-15,
  .product-grid.row-3 > div.product-item-18,
  .product-grid.row-3 > div.product-item-21,
  .product-grid.row-3 > div.product-item-24,
  .product-grid.row-3 > div.product-item-27,
  .product-grid.row-3 > div.product-item-30,
  .product-grid.row-3 > div.product-item-33,
  .product-grid.row-3 > div.product-item-36,
  .product-grid.row-3 > div.product-item-39,
  .product-grid.row-3 > div.product-item-42,
  .product-grid.row-3 > div.product-item-45,
  .product-grid.row-3 > div.product-item-48 {
    clear: both;
  }
  
  .product-grid.row-4 > div.product-item-4,
  .product-grid.row-4 > div.product-item-8,
  .product-grid.row-4 > div.product-item-12,
  .product-grid.row-4 > div.product-item-16,
  .product-grid.row-4 > div.product-item-20,
  .product-grid.row-4 > div.product-item-24,
  .product-grid.row-4 > div.product-item-28,
  .product-grid.row-4 > div.product-item-32,
  .product-grid.row-4 > div.product-item-36,
  .product-grid.row-4 > div.product-item-40,
  .product-grid.row-4 > div.product-item-44,
  .product-grid.row-4 > div.product-item-48 {
    clear: both;
  }
  
  .product-grid.row-5 > div.product-item-5,
  .product-grid.row-5 > div.product-item-10,
  .product-grid.row-5 > div.product-item-15,
  .product-grid.row-5 > div.product-item-20,
  .product-grid.row-5 > div.product-item-25,
  .product-grid.row-5 > div.product-item-30,
  .product-grid.row-5 > div.product-item-35,
  .product-grid.row-5 > div.product-item-40,
  .product-grid.row-5 > div.product-item-45,
  .product-grid.row-5 > div.product-item-50 {
    clear: both;
  }
  
  .ja-product-grid > div:nth-child(5n+1) {
    clear: both;
  }
  
  .product-grid.row-6 > div.product-item-6,
  .product-grid.row-6 > div.product-item-12,
  .product-grid.row-6 > div.product-item-18,
  .product-grid.row-6 > div.product-item-24,
  .product-grid.row-6 > div.product-item-30,
  .product-grid.row-6 > div.product-item-36,
  .product-grid.row-6 > div.product-item-42,
  .product-grid.row-6 > div.product-item-48 {
    clear: both;
  }
  
  .product-grid.row-7 > div.product-item-7,
  .product-grid.row-7 > div.product-item-14,
  .product-grid.row-7 > div.product-item-21,
  .product-grid.row-7 > div.product-item-28,
  .product-grid.row-7 > div.product-item-35,
  .product-grid.row-7 > div.product-item-42,
  .product-grid.row-7 > div.product-item-49 {
    clear: both;
  }
  
  .product-grid.row-8 > div.product-item-8,
  .product-grid.row-8 > div.product-item-16,
  .product-grid.row-8 > div.product-item-24,
  .product-grid.row-8 > div.product-item-32,
  .product-grid.row-8 > div.product-item-40,
  .product-grid.row-8 > div.product-item-48 {
    clear: both;
  }
  
  .product-grid.row-9 > div.product-item-9,
  .product-grid.row-9 > div.product-item-18,
  .product-grid.row-9 > div.product-item-27,
  .product-grid.row-9 > div.product-item-36,
  .product-grid.row-9 > div.product-item-45 {
    clear: both;
  }
}

@media screen and (max-width: 480px) {
  .product-grid.row > div,
  .ja-product-grid > div {
    width: 50%;
    float: left;
  }
  
  .product-grid.row > div:nth-child(2n+1),
  .ja-product-grid.row > div:nth-child(2n+1) {
    clear: both;
  }
  
  .product-grid.row-5 > div:nth-child(5n+1),
  .product-grid.row-4 > div:nth-child(4n+1),
  .product-grid.row-3 > div:nth-child(3n+1),
  .product-grid.row-2 > div:nth-child(2n+1),
  .product-grid.row-1 > div,
  .ja-product-grid > div:nth-child(5n+1) {
    clear: none;
  }
}

.product-grid .actions,
.ja-product-grid .actions {
  position: relative;
}

.product-grid .image,
.ja-product-grid .image {
  margin-bottom: 10px;
}

.product-grid .image > a,
.ja-product-grid .image > a {
  border: 1px solid #fff;
  display: block;
  padding: 0;
  position: relative;
  outline: none;
  transition: border-color 0.25s ease-in-out 0s;
}

.product-grid > div:hover .image > a,
.ja-product-grid > div:hover .image > a {
  border: 1px solid #ccc;
  padding: 5px;
  margin: -5px;
  border-radius: 3px;
  box-shadow: 0 0 3px #e0e0e0;
}

.product-grid .image img,
.ja-product-grid .image img {
  border: 0;
  padding: 0;
  max-width: 100%;
}

.product-grid .name a,
.ja-product-grid .name a {
  color: #000;
  display: block;
  font-family: 'Roboto Slab',Georgia,Times,serif;
  padding: 0;
  font-weight: normal;
  font-size: 14px;
}

.product-grid > div:hover .name a,
.product-grid .name a:hover,
.product-grid .name a:focus,
.product-grid .name a:active,
.ja-product-grid > div:hover .name a,
.ja-product-grid .name a:hover,
.ja-product-grid .name a:focus,
.ja-product-grid .name a:active {
  color: #f0141e;
}

.product-grid .cart,
.product-grid .wishlist,
.product-grid .compare,
.ja-product-grid .cart,
.ja-product-grid .wishlist,
.ja-product-grid .compare {
  margin-bottom: 0;
  display: none;
  width: 40px;
  height: 40px;
  overflow: hidden;    
  position: absolute;
  bottom: 6px;
}

.product-grid .wishlist,
.ja-product-grid .wishlist {
  right: 80px;
}

.product-grid .wishlist a,
.product-grid .compare a,
.ja-product-grid .wishlist a,
.ja-product-grid .compare a {
  background: #000;
  color: #fff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 0;
  display: block;
}

.product-grid .cart,
.ja-product-grid .cart {
  right: 1px;
}

.product-grid .cart .btn,
.box-product .cart .btn,
.ja-product-grid .cart .btn {
  text-indent: -999em;
  background: url(../image/icon-cart.png) no-repeat center center #f0141e;
  width: 40px;
  height: 40px;
}

.product-grid .compare,
.ja-product-grid .compare {
  right: 41px;
}

.product-grid > div:hover .cart,
.product-grid > div:hover .compare,
.ja-product-grid > div:hover .cart,
.ja-product-grid > div:hover .compare {
  display: inline-block;
}


.mostviewed.product-grid .wishlist,
.betseller.product-grid .compare,
.betseller.product-grid .wishlist,
.mostviewed.product-grid .compare {
  display: none !important;
}

/* Product List */
.product-list .image {
  margin-right: 20px;
  float: none;
}

.product-list .image img {
  padding: 0;
  border: 0;
  max-width: 100%;
}

.product-list .left {
  padding-left: 15px;
  padding-right: 15px;
}

.product-list .cart {
  float: left;
  margin-bottom: 0;
}

.product-list .cart .btn {
  background-image: url(../image/icon-cart.png);
  background-repeat: no-repeat;
  background-position: 10px center;
  padding-left: 30px;
  padding-bottom: 10px;
  padding-top: 10px;
  line-height: normal;
}

.product-list .wishlist, 
.product-list .compare {
  float: left;
}

.product-list .wishlist a,
.product-list .compare a {
  width: 38px;
  line-height: normal;
  text-align: center;
  padding: 0;
  overflow: hidden;
  border: 1px solid #eee;
  color: #aaa;
  margin-left: 10px;
  background: #fff;
  padding: 10px;
}

.product-list .wishlist a:hover,
.product-list .compare a:hover {
  color: #333;
}

.product-list > div {
  margin-bottom: 20px;
}

.product-list > div + div {
  padding-top: 20px;
}

.product-list .name a {
  color: #000000;
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 0;
}

.product-list .name a:hover,
.product-list .name a:focus,
.product-list .name a:active {
  color: #f0141e;
}

.product-list .rating {
  margin-bottom: 10px;
}

.product-list .description {
  margin-bottom: 10px;
}

/* Product Fillter */

.product-filter {
  background: #F5F5F5;
  border: 1px solid #ddd;
  color: #666;
  line-height: 40px;
  margin-bottom: 20px;
  padding: 0;
  overflow: hidden;
}

.product-filter .display,
.product-filter .limit {
  margin: 0 20px;
  padding: 0;
}

.product-filter .display > a,
.product-filter .display > span {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: -2px -2px 2px #f0f0f0 inset;
  font-size: 18px;
  height: 25px;
  line-height: 25px;
  margin: 6px 3px 0 0;
  padding: 1px 5px;
  width: 17px;
  color: #000;
}

.product-filter .display > a {
  color: #ccc;
}

.sub-select-box select {
  background: transparent;
   width: 155px;
   padding: 3px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 26px;
   -webkit-appearance: none;
   cursor: pointer;
}

.select-box {
   width: 120px;
   height: 26px;
   overflow: hidden;
   background: #fff;
   border: 1px solid #ccc;
   display: inline-block;    
   vertical-align: middle;
   position: relative;
}

.select-box:before {
  height: 26px;
  width: 28px;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  background: url(../image/bg-drop-select.gif) no-repeat right;
  cursor: pointer;
}

.sort .select-box {
  width: 150px;
}

.sort .sub-select-box select {
  width: 175px;
}

.sub-select-box {
  box-shadow: 0 0 2px 2px #f0f0f0 inset;
  float: left;
  height: 100%;
  width: 101%;
}

.product-filter .sort {    
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0 20px;
}

@media screen and (max-width: 769px) {
  .product-filter .sort {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .product-filter .product-compare {
    display: none;
  }
  
  .product-filter .display {
    display: none;
  }
}

.product-compare {
  padding: 0 20px;
  margin: 0;
  float: left;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.product-compare a:hover,
.product-compare a:focus,
.product-compare a:active {
  text-decoration: none;
  color: #000;
}

.pagination {
  background: #F5F5F5;
  border: 1px solid #ddd;
  color: #666;
  line-height: 40px;
  margin-bottom: 20px;
  padding: 0;
  overflow: hidden;
}

.pagination .links {
  margin-left: 20px;
}

.pagination .links a,
.pagination .links b {
  display: inline-block;
  color: #666;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 2px 2px #F0F0F0 inset;
}

.pagination .links b,
.pagination .links a:hover,
.pagination .links a:focus,
.pagination .links a:active {
  color: #f0141e;
}

.pagination .results {
  padding-top: 0;
  margin-right: 20px;
}


/* Product Detail */
.product-info {
  overflow: visible;
}

.product-info .product-title {    
  border-bottom: 0 !important;
  font-size: 200% !important;
  font-weight: normal !important;
  text-transform: none !important;
  margin-bottom: 20px !important;
  line-height: normal !important;
}

.product-info .image img {
  width: 100%;
  max-width: none;
}

.product-info #cloud-zoom-big {
  left: 0 !important;
  top: 0 !important;
  border: 0 !important;
}

.product-info > .left {
  width: auto !important;
  margin-right: 20px;
}

.product-info > .right {
  width: auto !important;
  float: left;
}

.product-info .description {
  border: 0;
  padding: 0;
}

.product-info .cart {
  border-bottom: 0;
  padding: 0;
}

.product-info .price {
  border-bottom: 0;
  padding: 0;
  color: #000;
  font-size: 1%;
}

.product-info .price br {
  display: none;
}

.product-info .price span {
  color: #aaa;
  display: block;
}

.product-info .cart div {
  float: none;
	letter-spacing: 1px;
}

.product-info .cart .actions {
  margin: 20px 0;
}

.product-info .cart .btn {
  background-image: url(../image/icon-cart.png);
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-top: 10px;
  float: left;
}

.product-info a.wishlist,
.product-info a.compare {
  display: inline-block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  padding: 0;
  overflow: hidden;
  border: 1px solid #eee;
  color: #aaa;
  margin-left: 10px;
  background: #fff;
  float: left;
}

.product-info a.wishlist:hover,
.product-info a.compare:hover {
  color: #333;
}

.product-info .cart input[type="text"] {
  min-width: 50px;
  display: inline-block;
}

.product-info .review {
  border: 0;
}

.product-info .review > div {
  padding: 0 0 10px;
  border-bottom: 0;
}

.product-info .options {
  padding-left: 0;
}

.product-info .options h2 {
  margin-bottom: 0;
}

.product-info .options .select-box {
  width: 160px;
}

.product-info .options .select-box select {
  width: 190px;
}

.htabs {
  float: left;
  width: 100%;
  border-top: 1px solid #f0f0f0;
  border-bottom: 0;
  margin-right: -1px;
  margin-bottom: 20px;
}

.htabs a {
  text-align: left;
  background: #f5f5f5;
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-right: 0;
  border-top: 0;
  text-transform: uppercase;
  font-family: 'Roboto Slab',Georgia,Times,serif;
  color: #000;
  font-weight: normal;
  padding: 10px 20px;
}

.htabs a.selected {
  border-left-color: #000;
  border-right-color: #000;
  border-top-color: #000;
  border-bottom-color:#000;
  color: #f0141e;
  background: #fff;
}

.htabs a:hover,
.htabs a:focus,
.htabs a:active {
  color: #f0141e;
  text-decoration: none;
  outline: none;
}

@media screen and (max-width: 480px) {
 .htabs {
   float: none;
   width: 100%;
   margin-bottom: 0;
   border-top: 0;
 }
 
 .htabs a {
  width: auto;
 }
 
 .htabs a:nth-child(2) {
   display: none !important;
 }
 
 .htabs a.selected {
   padding-bottom: 10px;
 }
}

.tab-content {
  border-top: 1px solid #f0f0f0;
  padding: 20px;
}

.tab-content .box-product {
  margin: 0;
}

.tags {
  clear: both;
  margin-top: 20px;
}

/* Related Product */
.related-products {
  margin-top: 20px;
}

.related-products .product-grid .cart {
  right: 1px;
}

/* Slideshow */
.slideshow {
  border: 1px solid #ddd;
  float: left;
}

.slideshow .nivoSlider {
  margin: 0 !important;
  background-size: cover !important;
}

.slideshow .nivoSlider img {
  display: block;
  width: 100%;
  left: 1px !important;
  top: 1px !important;
}

.slideshow .nivo-directionNav {
  display: block !important;
}

.slideshow .nivoSlider .nivo-directionNav a {
  width: 40px;
  height: 76px;
  background: url(../image/arrow-prev.png) no-repeat center center #030303;
  top: 50%;
  margin-top: -38px;
  
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.slideshow .nivoSlider .nivo-directionNav a.nivo-nextNav {
  background-image: url(../image/arrow-next.png);
}

.slideshow .nivo-directionNav a:hover {
  background-color: #f0141e;
  opacity: 5;
  filter: alpha(opacity=100);
}

.nivo-controlNav {
  display: none;
}


/* Compare List */
.compare-info .btn-remove {
  margin-top: -10px;
  padding: 0;
  float: right;
  color: #000;
}


/* Search Page */
.advancedsearch input[type="text"] {
  display: inline-block;
}

.advancedsearch ul {
  list-style: none;
  margin-top: 20px;
}

.content_oc.advancedsearch ul li {
  list-style: none;
}

/* Login Register 
----------------- */

.login-content .box-ct {
  border: 1px solid #eee;
}

.login-content .box-title {
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #eee;
  color: #F0141E;
  text-transform: none;
}

.login-content .box-title h2 {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-weight: 400;
  font-size: 15px;
}

.login-content .box-content,
.login-content .box-action {
  padding: 20px;
}

.login-content .box-content {
  min-height: 180px;
  color: #7a7a7a;
}

.login-content .box-action {
  border-top: 1px solid #eee;
  text-align: right;
  line-height: 2;
}

.login-content .box-action .box-action-links {
  float: left;
}

.login-content label {
  font-weight: 700;
  color: #444;
}

.box_oc input[type=text],
.box_oc input[type=email],
.box_oc input[type=password],
.box_oc textarea {
  padding: 6px;
  min-width: 200px;
  background: #fff;
  border-color: #eee;
}

.box_oc input[type=text]:focus,
.box_oc input[type=email]:focus,
.box_oc input[type=password]:focus,
.box_oc textarea:focus {
  outline: 0;
  border-color: #666;
}

.content_oc table.form {
  margin: 0;
}

.content_oc table.form td {
  border: 0;
  padding: 10px 5px;
  vertical-align: middle;
}

.content_oc table.form tr td:first-child {
  font-weight: 700;
  text-align: right;
}

.box_oc .buttons {
  padding: 0;
  border: 0;
}

.box_oc .buttons .btn {
  margin-left: 20px;
}

.box_oc .buttons a {
  font-weight: 400;
}

.box_oc h2 {
  font-size: 15px;
  color: #F0141E;
  font-weight: 400;
}

.box_oc .buttons .left a {
  background: none;
  color: #F0141E;
  text-transform: none;
}

.box_oc .buttons .left a:hover,
.box_oc .buttons .left a:focus,
.box_oc .buttons .left a:active {
  background: none;
  color: #444;
}

.content_oc ul li {
  list-style: square;
}
.content_oc ul li a {
  color: #444;
  display: inline-block;
  padding: 8px 0;
}

.content_oc ul li a:hover {
  color: #F0141E;
}

#content_oc .content_oc table tr td {
  border: 0;
}

/* Shopping cart */

#coupon input[type="text"],
#voucher input[type="text"] {
  display: inline-block;
} 

.cart-info tbody td {
  vertical-align: middle;
}

.cart-info tbody .name a {
  font-size: 13px;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
}

.cart-info tbody .name small {
  font-size: 12px;
  color: #888;
}

.cart-total {
  border: 1px solid #eee;
  overflow: auto;
  padding: 10px 20px;
  margin-bottom: 20px;
}

.cart-info tbody td.quantity input[type=text] {
  min-width: 0;
}

.cart-info tbody .quantity a > img {
  top: 0;
}

.box_oc .buttons .btn {
  margin-left: 0;
}

.cart-info tbody .price, .cart-info tbody .total {
  font-weight: 300;
  font-size: 13px;
  font-family: 'Roboto Slab';
  color: #F0141E;
}

.buttons .center {
  text-align: left;
  padding: 0;
}

.buttons .right {
  margin: 0 0 20px 20px;
}

.cart-info tbody td,
.cart-info thead td {
  border-right: 1px solid #eee;
  border-color: #eee;
}

.cart-info thead td {
  font-weight: 400;
}

.cart-info td {
  padding: 15px 20px;
}

table.radio {
  padding: 0;
  margin: 0;
}

table.radio tr.highlight {
  background: none;
}

table.radio td {
  vertical-align: middle;
}


.cart-total #total {
  width: 300px;
}

.cart-total tr td {
  text-align: left;
  color: #444;
  padding: 10px 0;
  font-weight: 300;
  border-color: #eee;
}

.cart-total tr td:last-child {
  color: #F0141E;
  text-align: right;
}

.cart-total tr:last-child td {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
}

.cart-total tr:first-child td {
  border-top: 0;
}

.cart-info tbody .image img {
  border: 0;
}


@media (min-width: 768px) and (max-width: 1024px){

  .box-product.betseller > div .image a img,
  .box-product.latestproduct > div .image a img,
  .box-product.mostviewed > div .image a img,
  #related-products .product-grid > div .image a img{
    width: 100% !important;
  }
  
  .product-filter .sort {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .product-filter .display, .product-filter .limit {
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .box_oc .limit .select-box {
    width: 65px;
  }
  .box_oc .limit .sub-select-box select {
    width: 55px;
  }
}

@media (max-width: 767px){
  
  .box-product.betseller > div,
  .box-product.latestproduct > div,
  .box-product.mostviewed > div,
  #related-products .product-grid > div,
  .ja-product-grid > div {
    width: 50% !important;
  }
  
  .box-product.betseller > div:nth-child(2n+1),
  .box-product.latestproduct > div:nth-child(2n+1),
  .box-product.mostviewed > div:nth-child(2n+1),
  #related-products .product-grid > div:nth-child(2n+1),
  .ja-product-grid > div:nth-child(2n+1) {
    clear: both !important; 
  }
  
  .box-product.betseller > div .image a img,
  .box-product.latestproduct > div .image a img,
  .box-product.mostviewed > div .image a img,
  #related-products .product-grid > div .image a img {
    width: 100% !important;
  }
  
  .product-list .image {
    margin-right: 0;
    margin-bottom: 15px;
  }
  
  .product-list .left {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .product-info .image {
    width: 100% !important;
  }

  #payment-method .checkout-content .right {
    width: 100% !important;
  }
  
  .box_oc .buttons .btn.btn-primary[type="submit"],
  .box_oc .buttons #button-payment-method{
    display: block;
    margin-top: 3px;
    float: right;
  }
  
  .box_oc .buttons #button-payment-method{
    text-align: right;
  }
  
  #content_oc .product-list .image {
    margin-right: 0;
    margin-bottom: 15px;
  }
  
  #content_oc .product-list .image img {
    width: 100% !important;
  }
}

@media (max-width: 360px) {
  .box_oc input[type="text"], 
  .box_oc input[type="email"], 
  .box_oc input[type="password"], 
  .box_oc textarea {
    min-width: 130px;
  }

}