@media screen and (max-width: 553px) {
  .page-wrapper {
    padding: 1rem 0.5rem;
  }

  .modal-dialog {
    max-width: 100% !important;
  }
}

/* HEADER MOBİL CSS START */
@media screen and (max-width: 1025px) {
  .header-wrapper {
    display: none;
  }

  .mobile-header-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #1f2124;
    padding: 0.5rem;
    height: 50px;
    position: relative;
  }

  .mobile-header-wrapper-logo {
    display: flex;
    width: 100px;
  }

  .mobile-header-wrapper-logo > a {
    display: flex;
    width: 100%;
  }

  .mobile-header-wrapper-logo > a > img {
    width: 100%;
  }

  .mobile-header-wrapper-right {
    display: flex;
    width: calc(100% - 100px);
    align-items: center;
    justify-content: flex-end;
  }

  .mobile-header-wrapper-right > ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 1rem;
  }

  .mobile-header-wrapper-right > ul > li > a {
    display: flex;
    color: #95a1b5 !important;
    text-decoration: none !important;
  }

  .mobile-header-wrapper-right > ul > li > a > i {
    font-size: 22px;
    color: #95a1b5;
    display: flex;
  }

  .mobile-header-wrapper-right > ul > li:last-child > a > i {
    font-size: 31px;
  }

  .mobile-header-wrapper-right > ul > li > a > i.bi-person-fill {
    font-size: 27px;
  }

  .mobile-notification-sub .notification-sub {
    position: unset;
    opacity: 0;
    visibility: hidden;
    right: unset;
    width: 100%;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .mobile-notification-sub {
    position: fixed;
    width: 100%;
    z-index: 99999;
    overflow: auto;
    inset: 0;
    top: 50px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease-in-out;
  }

  .mobile-notification-sub.show,
  .mobile-notification-sub.show .notification-sub {
    opacity: 1;
    visibility: visible;
  }

  .notification-sub-top {
    flex-direction: column;
  }

  .notification-sub-content {
    height: 120px;
  }

  .mobil-user-sub {
    position: fixed;
    width: 100%;
    z-index: 99999;
    overflow: auto;
    inset: 0;
    top: 50px;
    background-color: #fff;
    transition: 0.2s ease-in-out;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
  }

  .mobil-user-sub.show {
    opacity: 1;
    visibility: visible;
  }

  .accout-sub-detail-top {
    display: flex;
    align-items: center;
  }

  .accout-sub-detail-top > span {
    margin-right: 0.5rem;
  }

  .mobil-user-sub > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 1rem;
  }

  .mobil-user-sub > ul > li {
    padding: 0.3rem 0;
  }

  .mobil-user-sub > ul > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .mobil-user-sub > ul > li > a {
    font-size: 13px;
    font-weight: 500;
    color: #222;
    text-decoration: none;
    transition: 0.2s ease-in-out;
    display: flex;
    width: 100%;
    padding: 0.7rem;
    border-radius: 8px;
  }

  .mobil-noti-remove {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0.5rem 1rem;
    padding-bottom: 0;
  }

  .mobil-noti-remove-btn > i {
    font-size: 22px;
  }

  .mobil-noti-remove-btn {
    display: flex;
    z-index: 999999;
  }

  .mobile-sub-remove {
    position: absolute;
    right: 10px;
    color: #fff;
    font-size: 26px;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
  }

  .mobile-sub-remove.active {
    opacity: 1;
    visibility: visible;
  }

  .mobil-menu-sub {
    position: fixed;
    width: 100%;
    z-index: 99999;
    overflow: auto;
    inset: 0;
    top: 50px;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease-in-out;
  }

  .mobil-menu-sub.show {
    opacity: 1;
    visibility: visible;
  }

  .mobil-menu-sub > ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .mobil-menu-sub > ul > li > span,
  .mobil-menu-sub > ul > li > a {
    display: flex;
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    color: #222;
    text-decoration: none;
    padding: 1rem;
  }

  .mobil-menu-sub > ul > li {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .mobil-menu-sub > ul > li .category-sub {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease-in-out;
  }

  .mobil-menu-sub > ul > li .category-sub.active {
    opacity: 1;
    visibility: visible;
  }

  .mobil-menu-sub > ul > li .category-sub > ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .mobil-menu-sub > ul > li .category-sub > ul > li {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #f0f0f0;
  }

  .mobil-menu-sub > ul > li .category-sub > ul > li > a {
    display: flex;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
    color: #222;
    text-decoration: none;
  }

  .expand-menu {
    padding: 1rem;
  }

  .mobile-menu-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1rem;
    margin-top: 2rem;
  }

  .mobile-menu-btn-wrapper > a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    padding: 0.5rem;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
  }

  .mobile-menu-btn-wrapper > a:first-child {
    background-color: var(--theme-color);
  }

  .mobile-menu-btn-wrapper > a:last-child {
    background-color: #1f2124;
  }
}

/* HEADER MOBİL CSS FINISH */

/* LOGİN MOBİL CSS START */
@media screen and (max-width: 992px) {
  .login-container {
    flex-direction: column;
  }

  .login-container-left {
    width: 100%;
  }

  .login-container-right {
    width: 100%;
    margin-left: 0;
    margin-top: 1.5rem;
  }
}

@media screen and (max-width: 768px) {
  .login-container {
    max-width: 100%;
  }
}

@media screen and (max-width: 553px) {
  .swiper-slide-content {
    flex-direction: column;
    padding: 2rem;
  }

  .swiper-slide-content-text {
    width: 100%;
  }

  .swiper-slide-content-image {
    width: 80%;
  }

  .form-group-wrapper {
    padding: 0;
  }
}

/* LOGİN MOBİL CSS FINISH */

/* DASHBOARD MOBİL CSS START */

@media screen and (max-width: 992px) {

  .dashboard-page-top,
  .dashboard-page-bottom {
    flex-direction: column;
  }

  .dashboard-page-top > div,
  .dashboard-page-bottom > div {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 553px) {
  .sale-performance-content {
    width: 100%;
  }

  .dashboard-action-content {
    width: 100% !important;
  }

  .dashboard-action-content:last-child > ul > li {
    width: 100%;
  }

  .dashboard-action-contain {
    flex-wrap: wrap;
  }

  .dashboard-user-details {
    margin-left: 0;
  }

  .dashboard-user-info {
    flex-direction: column;
    width: 100%;
  }

  .dashboard-info-wrapper {
    padding: 0 0.5rem;
  }

  .dashboard-user-details-bottom {
    flex-direction: column;
  }

  .dashboard-user-points {
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .tooltip-wrapper .tooltiptext {
    left: unset;
    right: 0;
    transform: unset;
  }
}

/* DASHBOARD MOBİL CSS FINISH */

/* PRODUCT MOBİL CSS FINISH */

@media screen and (max-width: 992px) {

  .product-table-title .product-table-tr,
  .product-table-content .product-table-td {
    width: 25% !important;
    flex-shrink: 0;
  }

  .product-table-title,
  .product-table-content {
    justify-content: flex-start;
  }

  .product-table-wrapper-center {
    overflow-x: auto;
  }

  .product-filter-title {
    justify-content: flex-start;
    overflow: auto;
  }

  .product-filter-title > a {
    flex-shrink: 0;
  }
}

@media screen and (max-width: 553px) {

  .product-table-title .product-table-tr,
  .product-table-content .product-table-td {
    width: 55% !important;
  }

  .product-table-content .product-table-td .product-info {
    flex-direction: column;
  }

  .product-table-content .product-table-td .product-info .product-table-name {
    width: 100%;
    margin: 0;
    text-align: center;
  }

  .product-table-wrapper-top {
    flex-direction: column;
    align-items: center;
  }

  .product-table-wrapper-bottom {
    justify-content: center;
  }

  .product-table-btn {
    margin-bottom: 1rem;
  }

  .product-form-group-top .product-form-group {
    width: 100% !important;
  }

  .product-form-group-top {
    flex-wrap: wrap;
  }

  .product-form-group-bottom {
    flex-wrap: wrap;
  }

  .product-form-group-bottom .product-form-group {
    width: 100%;
  }

  .product-page-info {
    flex-direction: column;
  }

  .product-page-info-text {
    flex-direction: column;
    width: 100%;
  }

  .product-page-info-link {
    width: 100%;
    margin-top: 1rem;
  }

  .product-page-info-desc {
    font-size: 13px;
  }
}

/* PRODUCT MOBİL CSS FINISH */

/* PRODUCT DETAILS MOBİL CSS START */

@media screen and (max-width: 992px) {
  .product-details-left {
    display: none;
  }

  .product-details-right {
    width: 100%;
    margin: 0;
  }

  .image-upload-btn {
    width: 25%;
  }

  .product-image-wrapper {
    width: 75%;
  }

  .product-image-content {
    width: calc(33.33% - (0.5rem * 2) / 3);
  }

  .variant-content {
    width: calc(50% - (1rem) / 2);
  }

  .image-cancel-btn {
    opacity: 1;
    visibility: visible;
  }

  .product-details-save-mobil {
    display: flex;
  }

  .product-details-save-mobil > button {
    display: flex;
    width: 130px;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: none;
    background-color: var(--theme-color);
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
  }

  .product-details-save-mobil > button > i {
    display: flex;
    margin-right: 0.5rem;
  }
}

@media screen and (max-width: 553px) {
  .variant-content {
    width: 100%;
  }

  .form-group-wrapper.scroll-check {
    padding: 0.5rem;
  }

  .image-upload-btn {
    width: 40%;
  }

  .product-image-wrapper {
    width: 60%;
  }

  .product-image-content {
    width: 75%;
  }

  .image-list-content {
    width: calc(50% - (1rem) / 2);
  }

  .image-not-found > span {
    text-align: center;
  }

  #product-image-dropzone .dz-image-preview {
    width: calc(50% - 20px);
  }

  .dropzone {
    padding: 10px;
  }

  .option-btn-contain {
    flex-wrap: wrap;
  }

  .option-btn {
    width: calc(50% - 1rem);
    margin-bottom: 1rem;
  }
}

/* PRODUCT DETAILS MOBİL CSS FINISH */

/* CATALOG PRODUCT MOBİL CSS START */

@media screen and (max-width: 992px) {
  .catalog-product-item {
    width: calc(50% - (1.5rem) / 2);
  }

  .catalog-product-search-input {
    width: 100%;
  }
}

@media screen and (max-width: 553px) {
  .catalog-product-item {
    width: 100%;
  }

  .catalog-paginations {
    justify-content: center;
  }

  .catalog-product-contain {
    padding: 0.5rem;
  }
}

/* CATALOG PRODUCT MOBİL CSS FINISH */

/* PRODUCT REVIEW MOBİL CSS START */

@media screen and (max-width: 768px) {
  .customer-questions-table {
    overflow: auto;
  }

  .customer-questions-table-title {
    display: flex !important;
    justify-content: flex-start;
  }

  .customer-questions-tr {
    width: 70%;
    flex-shrink: 0;
  }

  .customer-questions-table-content {
    display: flex;
    justify-content: flex-start;
  }

  .customer-questions-td {
    flex-shrink: 0;
    width: 70%;
  }
}

@media screen and (max-width: 553px) {
  .customer-questions-paginations {
    justify-content: center;
    margin-top: 1rem;
  }

  .customer-questions-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}

/* PRODUCT REVIEW MOBİL CSS FINISH */

/* PRODUCT DOWNLOAD MOBİL CSS START */

@media screen and (max-width: 992px) {
  .product-download-item {
    width: calc(50% - (1rem) / 2);
  }

  .product-wrapper-top-text > span {
    width: 100%;
  }
}

@media screen and (max-width: 553px) {
  .product-download-table-tr {
    flex-shrink: 0;
  }

  .product-download-table-title {
    justify-content: flex-start;
  }

  .product-download-table-tr:first-child {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-download-table-tr:last-child {
    width: 70%;
  }

  .product-download-table-td:first-child {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .product-download-table-td:last-child {
    width: 70%;
  }

  .product-download-table-td {
    flex-shrink: 0;
  }

  .product-download-table {
    overflow: auto;
  }

  .product-download-item {
    width: 100%;
  }

  .product-download-item > button {
    font-size: 13px;
    flex-direction: column;
    height: 50px;
  }
}

/* PRODUCT DOWNLOAD MOBİL CSS FINISH */

/* ORDER AND SHIPPING MOBİL CSS START */

@media screen and (max-width: 992px) {

  .order-shipping-table-tr,
  .order-shipping-table-td {
    width: 40% !important;
    flex-shrink: 0;
  }

  .order-shipping-table-center {
    overflow: auto;
  }
}

@media screen and (max-width: 553px) {

  .order-shipping-table-tr,
  .order-shipping-table-td {
    width: 90% !important;
  }

  .order-shipping-table-top,
  .order-shipping-table-bottom {
    justify-content: center;
  }
}

/* ORDER AND SHIPPING MOBİL CSS FINISH */

/* CUSTOMER QUESTİONS MOBİL CSS START */

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

  .product-review-tr,
  .product-review-td {
    display: flex !important;
    width: 45%;
    flex-shrink: 0;
  }

  .product-review-table-title {
    display: flex;
    justify-content: flex-start;
  }

  .product-review-table-content {
    display: flex;
    justify-content: flex-start;
  }

  .product-review-table {
    overflow: auto;
  }
}

@media screen and (max-width: 553px) {

  .product-review-tr,
  .product-review-td {
    width: 70%;
  }

  .product-review-image {
    margin-bottom: 1rem;
  }

  .product-review-text {
    margin: 0;
    text-align: center;
  }

  .product-review-td p {
    font-size: 11px;
  }

  .product-review-info {
    flex-direction: column;
    align-items: center;
  }

  .modal-review-message {
    flex-direction: column;
  }

  .modal-review-message > button {
    width: 100%;
    margin: 0;
  }

  .modal-review-message > textarea {
    width: 100%;
    margin-bottom: 0.5rem;
  }

  .product-review-title {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 1rem;
  }

  .product-review-paginations {
    justify-content: center;
  }
}

/* CUSTOMER QUESTİONS MOBİL CSS FINISH */

/* ACCOUNT INFORMATION MOBİL CSS START */

@media screen and (max-width: 992px) {
  .account-information-content {
    max-width: 100% !important;
  }

  .account-information-nav > ul {
    flex-wrap: unset;
    justify-content: flex-start;
    overflow: auto;
    padding: 0.5rem;
  }

  .account-information-nav > ul > li {
    width: 25%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .account-information-nav {
    padding: 0;
  }
}

@media screen and (max-width: 553px) {
  .account-information-nav > ul > li {
    width: 70%;
  }

  .account-information-nav > ul > li {
    width: 70%;
  }

  .tab-info {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .tab-info-icon {
    border-right: none;
    margin-right: 0;
    padding-top: 1rem;
  }

  .tab-info-text {
    font-size: 12px;
  }

  .address-information-wrapper {
    flex-direction: column;
  }

  .address-information-wrapper .address-content {
    width: 100%;
  }

  .account-information-tab {
    padding: 0.5rem;
  }

  .form-group-wrapper .form-group-content .form-group {
    width: 100%;
  }

  .form-group-wrapper .form-group-content .form-group {
    width: 100%;
  }

  .account-information-tr,
  .account-information-td {
    width: 60% !important;
    flex-shrink: 0;
  }

  .account-information-table-title {
    justify-content: flex-start;
  }

  .account-information-table {
    overflow: auto;
  }

  .address-details-save {
    width: 100%;
  }
}

/* ACCOUNT INFORMATION MOBİL CSS FINISH */

/* FINANCE MOBİL CSS START */
@media screen and (max-width: 553px) {
  .finance-wrapper-content .accordion-header > button {
    flex-direction: column;
  }

  .finance-price,
  .finance-date {
    width: 100%;
    justify-content: center;
  }

  .finance-date > span {
    font-size: 12px;
  }

  .finance-date > p {
    font-size: 12px;
  }

  .finance-price {
    margin-right: 0;
    margin-top: 1rem;
  }

  .vendor-progress-table-tr,
  .cargo-payment-table-tr,
  .order-progress-table-tr {
    width: 70% !important;
    display: flex;
    flex-shrink: 0;
  }

  .vendor-progress-table-title,
  .vendor-progress-table-content {
    display: flex;
    justify-content: flex-start;
  }

  .vendor-progress-table,
  .order-progress-table,
  .cargo-payment-table {
    overflow: auto;
  }

  .vendor-progress-table-td,
  .cargo-payment-table-td,
  .order-progress-table-td {
    width: 70% !important;
    flex-shrink: 0;
  }
}

/* FINANCE MOBİL CSS FINISH */

/* CARGO DESİ MOBİL CSS START */

@media screen and (max-width: 992px) {
  .cargo-desi-wrapper {
    flex-direction: column;
  }

  .cargo-desi-wrapper-left,
  .cargo-desi-wrapper-right {
    width: 100%;
  }
}

@media screen and (max-width: 553px) {
  .desi-calc-top {
    flex-wrap: wrap;
  }

  .desi-calc-input {
    width: 100%;
  }

  .cargo-calc-top {
    flex-wrap: wrap;
  }

  .cargo-calc-input {
    width: 100%;
  }

  .cargo-price {
    width: 100%;
  }
}

/* CARGO DESİ MOBİL CSS FINISH */

/* DISCOUNT MOBİL CSS START */

@media screen and (max-width:992px) {

  .discount-tr,
  .discount-td {
    flex-shrink: 0;
    width: 25%;
  }

  .discount-table {
    overflow: hidden;
    overflow-x: auto;
  }
}

@media screen and (max-width:553px) {

  .discount-tr,
  .discount-td {
    width: 70%;
  }

  .discount-contain-title {
    flex-direction: column;
  }
}

/* DISCOUNT MOBİL CSS FINISH */

/* CREATE DISCOUNT MOBİL CSS START */

@media screen and (max-width:553px) {
  .discount-type-contain {
    overflow: hidden;
    overflow-x: auto;
  }

  .discount-type-content {
    width: 90%;
    flex-shrink: 0;
  }

  .discount-terms-contain,
  .discount-name-contain-bottom {
    flex-direction: column;
  }

  .discount-name-content,
  .discount-date-content {
    width: 100%;
  }

  .create-discount-btn > button {
    width: 100%;
  }
}

/* CREATE DISCOUNT MOBİL CSS FINISH */

/* SELLER ADS MOBİL CSS START */
@media screen and (max-width:992px) {

  .seller-ads-tr,
  .seller-ads-td {
    flex-shrink: 0;
    width: 25%;
  }

  .seller-ads-table {
    overflow: hidden;
    overflow-x: auto;
  }
}

@media screen and (max-width:553px) {

  .seller-ads-tr,
  .seller-ads-td {
    width: 70%;
  }

  .seller-ads-contain-title {
    flex-direction: column;
  }

  .seller-ads-page-filter {
    flex-direction: column;
  }

  .seller-ads-filter-content {
    width: 100%;
  }
}

/* SELLER ADS MOBİL CSS FINISH */

/* SELLER CREATE ADS MOBİL CSS START */

@media screen and (max-width:992px) {
  .create-ads-contain {
    flex-direction: column;
  }

  .create-ads-steps {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-right: none;
  }

  .create-ads-right {
    width: 100%;
  }

  .create-ads-steps > ul {
    flex-direction: row;
  }

  .create-ads-steps > ul > li:not(:last-child)::before {
    width: 39px;
    height: 1px;
    background-color: #f1f2f7;
    top: 50%;
    right: -39px;
    left: unset;
  }

  .create-ads-steps > ul > li {
    padding: 0 .5rem;
  }

  .create-ads-right-table {
    display: flex;
    overflow: hidden;
    flex-direction: column;
  }
}

@media screen and (max-width:620px) {
  .create-ads-steps > ul > li:not(:last-child)::before {
    border-left: 2px solid;
    left: 15px;
    top: 42px;
    z-index: -1;
    height: 39px;
    color: #f1f2f7;
    width: unset;
    right: unset;
  }

  .create-ads-steps > ul {
    flex-direction: column;
  }

  .create-ads-steps > ul > li {
    padding: 0;
  }

  .create-ads-filter-content {
    width: 100%;
  }

  .create-ads-btn > a {
    width: 100%;
  }

  .create-ads-right-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .create-ads-name {
    width: 100%;
  }

  .create-ads-info {
    width: 100%;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
  }

  .create-ads-info-content {
    width: 100%;
  }

  .create-ads-right-center > ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  .create-ads-right-center > ul > li {
    width: 100%;
  }
}

/* SELLER CREATE ADS MOBİL CSS FINISH */