.col_dsply{width:100%;display:inline-block;}
.display_no{display:none;}
.cart_outer{ width:1200px; margin:0 auto;background-color:#F5F5F5;}
.crt_outer{width:100%;border-radius:20px;padding:10px 18px;}

/*You Cart Box*/

.shopping-cart {width: 600px;float:left;background: #FFFFFF;border-radius: 6px;margin:10px 0px 5px 20px;
                border:1px solid #C3C3C3;}

.shopping-cart1 {width: 320px;float:left;background: #FFFFFF;border-radius: 6px;margin-bottom:5px;border:1px solid #C3C3C3; padding-left:20px;
       margin:10px 0px 5px 25px;}
.list_lftdata{width:50%;float:left;border-bottom: none;}
.list_rightdata{width:40%;float:right; padding-right:15%;}
.title {height: 60px;border-bottom: 1px solid #E1E8EE;padding: 20px 20px;color: black;font-size: 18px;
        font-weight: 600;text-align:center;}
.title1 {height: 60px;margin-bottom: 10px;padding: 20px 20px;color: #5E6977;font-size: 18px;font-weight: 600;
        text-align: center;border-bottom: 1px solid #E1E8EE;margin-bottom:28px;}
.item {padding: 3px 30px; display: flex;border-bottom:  1px solid #E1E8EE; }
.item:nth-child(3) {}
.buttons {position: relative;padding-top: 30px;margin-right: 60px;}
.delete-btn,
.like-btn {display: inline-block;Cursor: pointer;}
.delete-btn {width: 18px;height: 17px;background: url("delete-icn.svg") no-repeat center;}
.like-btn {position: absolute;top: 9px;left: 15px;background: url('twitter-heart.png');width: 60px;
           height: 60px;background-size: 2900%;background-repeat: no-repeat;}
.is-active {animation-name: animate;animation-duration: .8s;animation-iteration-count: 1;
            animation-timing-function: steps(28);animation-fill-mode: forwards;}
@keyframes animate {
  0%   { background-position: left;  }
  50%  { background-position: right; }
  100% { background-position: right; }
}
.image {margin-right: 10px;}
.image img {width:30px;margin:0px 15px 0px 0px;border-radius:8px;}
/*Let’s add some basic style to  product name and description.*/
.description {padding-top: 0px;margin-right: 60px;width: 205px;}
.description span {display: block;font-size: 14px;color: black;font-weight: 400;width:250px;}
.description span:first-child { margin-bottom: 5px;}
/*.description span:last-child {font-weight: 300;margin-top: 8px;color: #86939E;}*/
.quantity {padding-top: 20px;margin-right: 60px;background-color:red;}
.quantity input {-webkit-appearance: none;border: none;text-align: center;width: 32px;font-size: 16px;color: #43484D;
                 font-weight: 300;border:1px solid;margin-left:-0px;}
button[class*=btn] {width: 25px;height: 25px;background-color: #E1E8EE;border-radius: 6px;border: none;cursor: pointer;}
.minus-btn img {margin-bottom: 3px;}
.plus-btn img {margin-top: 3px;}
button:focus,
input:focus {outline:0;}
.total-price {width: 85px;padding-top: 7px;text-align: right;font-size: 15px;color: black;font-weight: 300;}
.sub_total{font-weight:500;font-size:15px;margin-top:16px; border-bottom:  1px solid #E1E8EE;}

.field_div{ width:48%; float:left; min-height:90px;}
/*Product 1*/
.cart-container {
    width: 170px;
    float: left;
    font-weight: 800;
}
.quantity-controls {display: flex;align-items: center;gap: 10px;background-color: #ffffff;margin-top:6px;}
.quantity-btn {background-color: #E1E8EE;padding: 1px 3px 0px 3px;border-radius: 5px;border: none;
               cursor: pointer;width: 28px;text-align: center;}
.quantity-display {font-size: 16px;font-weight:500;width: 20px;text-align: center;}

/*Product 2*/

.cart-container1 {width:170px;float:left;font-weight: 800;}
.quantity-controls1 {display: flex;align-items: center;gap: 10px;background-color: #ffffff;margin-top:6px;}
.quantity-btn1 {background-color: #E1E8EE;padding: 1px 3px 0px 3px;border-radius: 5px;border: none;
               cursor: pointer;width: 28px;text-align: center;}
.quantity-display1 {font-size: 16px;font-weight: 500;width: 20px;text-align: center;}

/*Product 3*/

.cart-container2 {width:170px;float:left;font-weight: 800;}
.quantity-controls2 {display: flex;align-items: center;gap: 10px;background-color: #ffffff;margin-top:6px;}
.quantity-btn2 {background-color: #E1E8EE;padding: 1px 3px 0px 3px;border-radius: 5px;border: none;
               cursor: pointer;width: 28px;text-align: center;}
.quantity-display2 {font-size: 16px;font-weight: 500;width: 20px;text-align: center;}

/*Product 4*/

.cart-container4 {width:170px;float:left;font-weight: 800;}
.quantity-controls4 {display: flex;align-items: center;gap: 10px;background-color: #ffffff;margin-top:6px;}
.quantity-btn4 {background-color: #E1E8EE;padding: 1px 3px 0px 3px;border-radius: 5px;border: none;
               cursor: pointer;width: 28px;text-align: center;}
.quantity-display4 {font-size: 16px;font-weight: 500;width: 20px;text-align: center;}

/*Product 5*/

.cart-container5 {width:170px;float:left;font-weight: 800;}
.quantity-controls5 {display: flex;align-items: center;gap: 10px;background-color: #ffffff;margin-top:6px;}
.quantity-btn5 {background-color: #E1E8EE;padding: 1px 3px 0px 3px;border-radius: 5px;border: none;
               cursor: pointer;width: 28px;text-align: center;}
.quantity-display5 {font-size: 16px;font-weight: 500;width: 20px;text-align: center;}

/*Product 6*/

.cart-container6 {width:170px;float:left;font-weight: 800;}
.quantity-controls6 {display: flex;align-items: center;gap: 10px;background-color: #ffffff;margin-top:6px;}
.quantity-btn6 {background-color: #E1E8EE;padding: 1px 3px 0px 3px;border-radius: 5px;border: none;
               cursor: pointer;width: 28px;text-align: center;}
.quantity-display6 {font-size: 16px;font-weight: 500;width: 20px;text-align: center;}

/*Product 7*/

.cart-container7 {width:170px;float:left;font-weight: 800;}
.quantity-controls7 {display: flex;align-items: center;gap: 10px;background-color: #ffffff;margin-top:6px;}
.quantity-btn7 {background-color: #E1E8EE;padding: 1px 3px 0px 3px;border-radius: 5px;border: none;
               cursor: pointer;width: 28px;text-align: center;}
.quantity-display7 {font-size: 16px;font-weight: 500;width: 20px;text-align: center;}

/*Personal details*/

.personal_container {width: 750px;margin:0px auto;}
label {width:100%; font-weight: bold;margin-bottom: 8px;display: block;margin-left:15px;font-size:15px;}
input[type="text"]{width: 250px;padding: 8px;margin-bottom: 15px;border: 1px solid #ccc;border-radius: 4px;
                   font-size: 14px;margin-left:15px;}

/*Order and Cancel Button*/

.cart_butt{padding-left:480px;margin-top:20px;}
.cart_cancel{width:150px;background-color:#BE1D2D;color:white;border:none;border-radius:8px;cursor:pointer;
             padding:5px;font-weight:700;font-size:14px;margin-right:15px;margin-bottom:25px;}
.cart_order{width: 180px; background-color: #3DD77A; color: white; border: none; border-radius: 8px; cursor: pointer; 
            padding: 6px;font-weight:700;font-size:14px;margin-bottom:25px;}

.err_text{color:red;font-size:12px;font-weight:700;margin-top:-8px;}
.err_text1{color:red;font-size:12px;margin-left:15px;font-weight:700;margin-top:-8px;}
.err_text2{color:#1A9847;font-size:12px;margin-left:15px;font-weight:800;margin-top:-8px;width:250px;}
.cart_img{width: 250px;margin: 10px auto; text-align:center;}
.cart_img img{width: 220px;}
.cart_shop {width: 200px;margin: 20px auto;padding: 5px 0px;color: white;background-color: #1DA040;text-align: center;
             cursor: pointer;border-radius: 5px;font-weight:600;}
.cart_det1{width:100%;float:left;margin-left:20px;}
.optionaldata{ color:#808080; font-size:12px;}

@media (max-width: 1199px) {
}

@media (max-width: 991px) {
 
}

@media (max-width: 767px) {
  
}

@media (max-width: 575px) {
    .cart_outer{ width:350px; margin:0 auto;}
    .personal_container {width: 330px;margin:0px auto; }
    .crt_outer{width:100%;margin-left:0px;border-radius:20px;padding:10px 3px; }
    .cart_butt{padding-left:0px;margin-top:20px;margin-bottom:25px; text-align:center;}
    .cart_butt button{ margin-bottom:20px; }

    .field_div{ width:100%; float:left; min-height:90px;}

    .item {padding: 5px 10px; width:318px; display: block;}
    .image { width:44px; float:left; margin-right: 0px;}
    .cart-container {width:100px;float:left; font-weight: 800;margin:-30px 0px 0px 110px;}
  
    .description {padding-top: 1px;margin-right: 0px;width: 250px; float:left;}
    .total-price {width: 90%; padding-top: 12px;font-size: 16px;font-weight: 500;margin-left:22px;text-align:right;}
    .quantity-controls {display: flex;align-items: center;gap: 10px;background-color: #ffffff;margin-top:10px;}
    .quantity-controls1 {display: flex;align-items: center;gap: 10px;background-color: #ffffff;margin-top:10px;}
    .quantity-controls2 {display: flex;align-items: center;gap: 10px;background-color: #ffffff;margin-top:10px;}

    .shopping-cart {width: 320px;margin: 10px auto;background: #FFFFFF;border-radius: 6px;display: flex;
       flex-direction: column;margin-left:12px;}
     .shopping-cart1 {width: 320px;margin: 10px auto;background: #FFFFFF;border-radius: 6px;display: flex;
       flex-direction: column;margin-left:12px;}
    .title {padding: 13px 20px 20px 20px;}
    .sub_total{ width: 300px; margin: 10px auto;text-align:left;font-weight:700;font-size:15px;}
    .sub_total1{ width: 330px; margin: 10px auto;text-align:right;font-weight:700;font-size:15px;}
    .cart_img{width: 300px;margin: 10px auto;}
}


.trans_fileld{ margin-bottom:0px;font-size:14px;}

.cart_prouter{text-align:center;margin:16px 0px 16px 0px;}
.cart_back{width:60px;margin-right:35px;background-color:#BE1D2D;border:none;color:#fff;border-radius:4px;
           padding:2px 4px;cursor:pointer;font-weight:600;}
.cart_proceed{width:90px;background-color:#28B045;border:none;color:#fff;border-radius:4px;padding:2px 4px;
              cursor:pointer;font-weight:600;}

/*.u-custom-menu {
    width: 745px;*/ /* Increase width as needed */
    /*height: auto;*/ /* Adjust height as needed */
/*}*/