.user-orders .container { padding-block: 56px;  }
.user-order-inner { padding: 65px 46px; border-radius: 22px; background: var(--white-color); }
.user-order-inner .secondary-common-title  { padding-bottom: 50px; margin-bottom: 20px; border-bottom: 1px solid var(--grey-color-300); }
.user-order-inner .secondary-common-title .title { margin-bottom: 16px; font-weight: 700; }
.order-search { gap: 6px; }
.order-search .select-wrapper { width: calc(100% - 84px);}
.order-search .select-wrapper:not(:first-child) { width: 78px;  }
.order-search .select-wrapper:last-child .select2-container .select2-selection--single .select2-selection__rendered { font-style: italic; }
.user-order-inner .order-action-btn-wrapper { padding: 58px 0px; display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; -webkit-align-items: center; gap: 12px; }
.user-order-inner .order-action-btn-wrapper:last-child { border-bottom: 1px solid var(--grey-color-300); }
.user-order-inner .order-action-btn-wrapper .title { font-weight: 600; }
.user-order-inner .order-action-btn-wrapper .btn-wrapper .btn { font-size: 18px; line-height: 21px; min-width: unset; }
.user-order-inner .order-action-btn-wrapper .btn-wrapper .btn:not(.theme-btn) { padding: 0px; color: var(--red-color); white-space: nowrap; }
.user-order-inner .order-action-btn-wrapper .btn-wrapper .theme-btn { padding: 12px 24px; text-transform: uppercase; min-width: 178px;  }
.user-orders .order-list li { gap: 26px; padding: 22px; border-bottom: 1px solid var(--grey-color-800); align-items: center; -webkit-align-items: center; }
.user-orders .order-list li:first-child { border-top: 1px solid var(--grey-color-800); }
.user-orders .order-list li .product-img { width: 125px }
.user-orders .order-list li .product-img img { width: 100%; height: auto; }
.user-orders .order-list li .product-content { width: calc(100% - 513px); }
.user-orders .order-list li .product-content .product-title { margin-bottom: 6px; font-size: 16px; line-height: 22px; }
.user-orders .order-list li .product-content .product-title a { color: var(--black-color); }
.user-orders .order-list li .product-content .product-title a:hover { color: var(--red-color); }
.user-orders .order-list li .product-price { width: 200px; }
.user-orders .order-list li .product-price p { word-break: break-all; font-weight: 600; }
.user-orders .order-list li .product-count { overflow: hidden; border-radius: 6px; border: 1px solid var(--grey-color-700); width: 110px; }
.user-orders .order-list li .product-count .btn { border-radius: 0px; width: 30px; padding: 0px; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; transition: all 0.5s; -webkit-transition: all 0.5s; }
.user-orders .order-list li .product-count .btn:hover { background: var(--red-color); color: var(--white-color); }
.user-orders .order-list li .product-count input { text-align: center; width: calc(100% - 60px); padding: 9px 5px; line-height: 1; border-radius: 0px; border-color: var(--grey-color-700); border-width: 1px; border-top: none; border-bottom: none; }


@media(min-width: 992px) and (max-width: 1169px) {
    .user-orders .container { padding-block: 56px 70px; }
    .user-order-inner { padding: 32px; border-radius: 16px; }
    .user-order-inner .secondary-common-title  { padding-bottom: 30px; }
    .user-order-inner .secondary-common-title .title { margin-bottom: 12px; }
    .user-order-inner .order-action-btn-wrapper { padding: 38px 0px; }
    .user-order-inner .order-action-btn-wrapper .btn-wrapper .btn { font-size: 16px; line-height: 19px; }
    .user-order-inner .order-action-btn-wrapper .btn-wrapper .theme-btn { padding: 10px 20px; min-width: 150px;  }
    .user-orders .order-list li { gap: 12px; padding: 12px; }
    .user-orders .order-list li .product-img { width: 100px }
    .user-orders .order-list li .product-content { width: calc(100% - 386px); }
    .user-orders .order-list li .product-content .product-title,
    .user-orders .order-list li .product-content .desc { font-size: 14px; line-height: 20px; }
    .user-orders .order-list li .product-price { width: 160px; }
    .user-orders .order-list li .product-price p  { font-size: 14px; line-height: 20px; }
    .user-orders .order-list li .product-count { width: 90px; border-radius: 4px; }
    .user-orders .order-list li .product-count .btn { width: 25px; font-size: 12px; }
    .user-orders .order-list li .product-count input { padding: 5px; font-size: 14px; width: calc(100% - 50px); }
}

@media(min-width: 768px) and (max-width: 991px) {
    .user-orders .container { padding-block: 46px 50px; }
    .user-order-inner { padding: 22px; border-radius: 16px; }
    .user-order-inner .secondary-common-title  { padding-bottom: 30px; }
    .user-order-inner .secondary-common-title .title { margin-bottom: 12px; }
    .user-order-inner .order-action-btn-wrapper { padding: 28px 0px; }
    .user-order-inner .order-action-btn-wrapper .btn-wrapper .btn { font-size: 14px; line-height: 19px; }
    .user-order-inner .order-action-btn-wrapper .btn-wrapper .theme-btn { padding: 10px 20px; min-width: 120px;  }
    .user-orders .order-list li { gap: 12px; padding: 12px; }
    .user-orders .order-list li .product-img { width: 60px }
    .user-orders .order-list li .product-content { width: calc(100% - 326px); }
    .user-orders .order-list li .product-content .product-title,
    .user-orders .order-list li .product-content .desc { font-size: 14px; line-height: 20px; }
    .user-orders .order-list li .product-price { width: 140px; }
    .user-orders .order-list li .product-price p  { font-size: 14px; line-height: 20px; }
    .user-orders .order-list li .product-count { width: 90px; border-radius: 4px; }
    .user-orders .order-list li .product-count .btn { width: 25px; font-size: 12px; }
    .user-orders .order-list li .product-count input { padding: 4px; font-size: 14px; width: calc(100% - 50px); }
}

@media (max-width: 767px) {
    .user-orders .container { padding-block: 40px 10px; }
    .user-order-inner { padding: 22px; border-radius: 12px; }
    .user-order-inner .secondary-common-title  { padding-bottom: 30px; }
    .user-order-inner .secondary-common-title .title { margin-bottom: 12px; }
    .user-order-inner .order-action-btn-wrapper { padding: 22px 0px; flex-direction: column; -webkit-flex-direction: column; align-items: flex-start; -webkit-align-items: flex-start; }
    .user-order-inner .order-action-btn-wrapper .btn-wrapper .btn { font-size: 12px; line-height: 16px; }
    .user-order-inner .order-action-btn-wrapper .btn-wrapper .theme-btn { padding: 8px 20px; min-width: 100px;  }
    .user-orders .order-list li { gap: 16px 10px; padding: 12px 0px; justify-content: space-between; -webkit-justify-content: space-between; align-items: flex-start; -webkit-align-items: flex-start; }
    .user-orders .order-list li .product-img { width: 60px }
    .user-orders .order-list li .product-content { width: calc(100% - 70px); }
    .user-orders .order-list li .product-content .product-title,
    .user-orders .order-list li .product-content .desc { font-size: 14px; line-height: 20px; }
    .user-orders .order-list li .product-price { width: 140px; }
    .user-orders .order-list li .product-price p  { font-size: 14px; line-height: 20px; }
    .user-orders .order-list li .product-count { width: 90px; border-radius: 4px; }
    .user-orders .order-list li .product-count .btn { width: 25px; font-size: 12px; }
    .user-orders .order-list li .product-count input { padding: 4px; font-size: 14px; width: calc(100% - 50px); }
}