#cart{
   overflow-x: auto;
}
#page-header.cart-header{
   background-image: url(../eMall-photo/cart.jpg);
}
#cart table{
   width: 100%;
   border-collapse: collapse;
   table-layout: fixed;
   white-space: nowrap;
}
#cart table img{
   width: 70px;
}
#cart table td:nth-child(1){
   width: 100px;
   text-align: center;
}
#cart table td:nth-child(2){
   width: 150px;
   text-align: center;
}
#cart table td:nth-child(3){
   width: 250px;
   text-align: center;
}

#cart table td:nth-child(4),
#cart table td:nth-child(5),
#cart table td:nth-child(6){
   width: 150px;
   text-align: center;
}
#cart table td:nth-child(5) input{
   width:70px;
   padding: 10px 5px 10px 15px
}
#cart table thead{
   border: 1px solid rgb(207, 207, 207);
   border-left:none;
   border-right:none;
}
#cart table thead td{
   font-weight: 700;
   text-transform: uppercase;
   font-size:13px;
   padding:18px 0;
}
#cart table thead tr td{
   padding-top:15px;
}
#cart table thead td{
   font-size: 13px;
}
#cart input{
   outline:none;
}
#cart-add{
   display:flex;
   flex-wrap: wrap;
   justify-content: space-between;
}
#coupon{
   width:50%;
   margin-bottom: 30px;
}
#coupon h3{
   padding-bottom: 15px;
}
#coupon input{
   padding:10px 20px;
   outline:none;
   width:60%;
   margin-right: 10px;
   border:1px solid gray;
}
#subtotal button,
#coupon button{
   background: rgb(24, 145, 145);
   color:white;
   padding:12px 20px;
}

#subtotal{
   width:50%;
   margin-bottom: 30px;
   border:1px solid rgb(200, 200, 200);
   padding:30px;
}
#subtotal table{
   border-collapse: collapse;
   width:100%;
   margin-bottom:20px;
}
#subtotal table td{
   width:50%;
   border:1px solid rgb(200, 200, 200);
   padding:10px;
   font-size:13px;
}

@media (max-width:477px){
   #cart-add {
      flex-direction: column; 
   }
   #coupon{
      width:100%;
   }
   #subtotal{
      width:100%;
      padding:30px;
   }
}