/* For mobile phones: */
.col-s-1 {width: 8.33%;}
.col-s-2 {width: 16.66%;}
.col-s-3 {width: 25%;}
.col-s-4 {width: 33.33%;}
.col-s-5 {width: 41.66%;}
.col-s-6 {width: 50%;}
.col-s-7 {width: 58.33%;}
.col-s-8 {width: 66.66%;}
.col-s-9 {width: 75%;}
.col-s-10 {width: 83.33%;}
.col-s-11 {width: 91.66%;}
.col-s-12 {width: 100%;}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-m-1 {width: 8.33%;}
  .col-m-2 {width: 16.66%;}
  .col-m-3 {width: 25%;}
  .col-m-4 {width: 33.33%;}
  .col-m-5 {width: 41.66%;}
  .col-m-6 {width: 50%;}
  .col-m-7 {width: 58.33%;}
  .col-m-8 {width: 66.66%;}
  .col-m-9 {width: 75%;}
  .col-m-10 {width: 83.33%;}
  .col-m-11 {width: 91.66%;}
  .col-m-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-l-1 {width: 8.33%;}
  .col-l-2 {width: 16.66%;}
  .col-l-3 {width: 25%;}
  .col-l-4 {width: 33.33%;}
  .col-l-5 {width: 41.66%;}
  .col-l-6 {width: 50%;}
  .col-l-7 {width: 58.33%;}
  .col-l-8 {width: 66.66%;}
  .col-l-9 {width: 75%;}
  .col-l-10 {width: 83.33%;}
  .col-l-11 {width: 91.66%;}
  .col-l-12 {width: 100%;}
}

.basket-col { vertical-align: top !important; }
.column-checkbox { padding: 53px 9px !important; }
.column-prdimg { padding: 8px !important;}
.column-prdimg .basket-image { width: 112px !important; height: 112px !important;}
.column-option { padding: 8px !important; }

.cart-container .basket-col-wrap { font-size: 0; white-space: pre-line; }
.cart-container .column-option { width: calc( 100% - 176px ) !important; }
.cart-container .basket-val { position: relative; margin: 0 !important; padding: 16px 8px !important; }

.shop-container .basket-col { vertical-align: middle !important; }
.shop-container .column-option { width: calc( 84% - 180px ) !important; margin-left: 8% !important;}
.shop-container .basket-val { padding: 0; margin: 0; white-space: normal; }
.shop-container .column-prdimg { margin-left: 8% !important; }
.shop-container .column-prdimg .basket-image { width: 160px !important; height: 160px !important; }

.opt-control { background-color: #fdfdfd !important; }
.option-name { display: inline-block; width: calc( 100% - 32px ); }
.option-del { position: absolute; top: 0; bottom: 0; right: 8px; margin: auto; min-width: auto !important; width: 24px !important; height: 24px !important; color: #666 !important; padding: 0 !important; }
.option-dec, .option-inc { width: 24px !important; height: 24px !important; min-width: auto !important; padding: 0px !important; background: #fff !important; color: #666 !important; border-radius: 50%; }
.option-dec svg, .option-inc svg { margin: 0 !important; }
.option-amt { display: inline-block; vertical-align: middle; width: 72px; padding: 0; text-align: center; border: 0; background-color: transparent; }
.option_price { margin-top: 0px; }

@media (max-width: 1024px) {
  .cart-container { padding: 0; }
  .fLeft { padding-lefT: 8px; }

  .shop-container .column-option { width: calc( 92% - 180px ) !important; margin-left: 4% !important;}
  .shop-container .column-prdimg { margin-left: 4% !important; }
}

@media (max-width: 768px) {
  .shop-container .column-option { width: calc( 100% - 180px ) !important; margin-left: 0 !important;}
  .shop-container .column-prdimg { margin-left: 0 !important; }
}

@media (max-width: 425px) {
  .cart-container .basket-col:last-child { display: inline-block; width: 100% !important; padding-left: 56px !important; }
  .shop-container .basket-col:last-child { display: inline-block; width: 100% !important; }
}