/* desktop */
@media only screen and (min-width: 1600px) and (max-width: 3600px) {
  /* .boxContentMain {
    margin: 1rem auto;
    width: 60%;
  } */
}

/* desktop */
@media only screen and (min-width: 850px) {
  #colorPaletts li {
    width: 23%;
  }
  /* #imagesLoaderMain img , #productImagesList img{
    width: 20%;
  } */
  .tabsWraper div {
    width: 20%;
  }
  .boxInputGroup.half {
    width: 50%;
  }
  .boxInputGroup.full {
    width: 100%;
  }
  .boxInputGroup.mini {
    width: 25%;
  }
  .boxInputGroup.small {
    width: 16.5%;
  }

  .imageSelectWrap {
    padding: 3rem;
  }
  .imageMenu {
    width: 20%;
  }
  .imageWrap {
    width: 80%;
  }
  .searchBox {
    width: 30%;
  }

  .listSort {
    width: auto;
  }

  .listSearch {
    width: 50%;
  }

  .listHeader {
    flex-direction: row;
    justify-content: space-between;
  }

  #uploadGalery .imagesPreview {
    width: 25%;
  }

  .amarBazdid,
  .amarBoxWraper {
    flex-flow: nowrap row;
  }

  .amarBox {
    width: 25%;
  }

  #contentMain {
    padding-right: 18rem;
  }

  .loginWraper {
    width: 50%;
  }

  .alert {
    width: 40%;
    left: 20px;
    border-radius: 8px;
  }

  .alert.up {
    bottom: 20px;
  }

  #topHeader {
    padding-right: 210px;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    height: 60px;
  }

  .logo {
    padding: 0;
    width: 280px;
    transition: all 0.5s ease-in-out;
    display: flex;
    justify-content: center;
  }

  #sidebarToggle {
    display: none;
  }

  .notify a:last-child {
    display: flex;
  }

  #sidebar {
    right: 0px;
  }
}

@media only screen and (min-width: 850px) and (max-width: 1100px) {
  .boxInputGroup.mini,
  .boxInputGroup.half,
  .boxInputGroup.small {
    width: 50%;
  }
}

/* tablet */
@media only screen and (min-width: 600px) and (max-width: 850px) {
  .loginWraper {
    width: 80%;
  }

  .previewMedia {
    width: 50% !important;
  }
}

@media only screen and (max-width: 600px) {
  .listOrderBox {width: 100% !important;}
}

/* small phone */
@media only screen and (max-width: 400px) {

  .boxCenterRows {
    flex-direction: column;
  }
  .boxCenterRows span:nth-child(1) {
    width: auto;
  }
  .countValue {
    font-size: 2rem;
  }

  .amarBox {
    padding: 0.3rem;
  }

  #galleryType span {
    display: none;
  }

  .logo img {
    width: 70px;
  }

  .logo div {
    margin-left: 0.5rem;
  }

  .removeItemMain {
    width: 90%;
    flex-direction: column;
  }

  #removeFileInfo {
    margin-top: 1rem;
  }
}

/* tablet || phone */
@media only screen and (max-width: 850px) {
  .list_new_order div span:nth-of-type(3) {display: none;}
  .list_new_order div span:nth-of-type(5) {display: none;}
  #listSort_member {position: relative !important;left: 0 !important;top:0 !important}  
#orderInfo {
    flex-direction: column;
  }
  .orderBtns > div {
    font-size: 10px;
  }
  #order_level li a {font-size: 12px;}
  #order_level li {padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #mini_info , #mini_order_product, .orderLevelRow {width: 100%;}
  #mini_order_product {margin-top: 30px;}
  .listOrderBox {width: 50%;}
  .boxContentMain_title a {margin-top: 15px;}

  .listSortItems {
    display: block;
    margin-bottom: 15px;
  }
  /* #imagesLoaderMain img, #productImagesList img {
    width: 30%;
  } */

  #insertProduct, #updateProductPrice {
    position: fixed;
    bottom: 0;
    right: 0;
    border-radius: 0 !important;
    width: 100% !important;
    margin: 0;
  }
  .tabsWraper {
    justify-content: space-between;
  }
  .tabsWraper div {
    width: 50%;
  }
  .uploadNewImage {
    position: relative !important;
    transform: translate(0, 12px) !important;
  }
  .boxInputGroup.half {
    width: 100%;
  }
  .boxInputGroup.full,
  .boxInputGroup.mini,
  .boxInputGroup.small {
    width: 100%;
  }

  .galleryItem {
    width: 50%;
  }
  .imageSelectWrap {
    padding: 1rem;
  }
  .imageSelectBody {
    flex-direction: column;
  }

  .boxCenter .removeText .removeOkey {
    margin-top: 15px;
  }

  .boxCenterRows input {
    width: 240px;
  }
#topHeader {z-index: 1;}
  .notify {
    position: absolute;
    right: 57px;
    height: auto;
    top:13px;
  }

  .searchBox {
    margin: 0.5rem 0;
  }
  .connectSort {width: 100% !important;justify-content: center;align-items: center;}
  #contentMain {
    padding: 7.9rem 0.5rem 0.5rem 0.5rem;
  }
  .order_save_ship_code input {width: 163px;}
  .listTopRow,
  .listRow {
    padding: 0 0.1rem;
  }

  .listTopRow span:nth-of-type(1),
  .listRow span:nth-of-type(1),
  .listTopRow span:nth-of-type(2),
  .listRow span:nth-of-type(2) {
    text-align: right;
  }

  .listTopRow span:nth-of-type(7),
  .listRow span:nth-of-type(7) {
    text-align: center;
    width: 70px;
  }

  /* .listTopRow span:nth-of-type(4),
  .listRow span:nth-of-type(4),
  .listTopRow span:nth-of-type(5),
  .listRow span:nth-of-type(5),
  .listTopRow span:nth-of-type(6),
  .listRow span:nth-of-type(6) ,.listTopRow span:nth-of-type(7), .listRow span:nth-of-type(7){
    display: none;
  } */

  .galleryUploadDate {
    justify-content: center;
    font-size: 0.7rem;
  }

  .galleryMediaheader {
    flex-direction: column;
  }

  #galleryType {
    margin-top: 10px;
  }

  .fileUploadType {
    position: relative;
    top: auto;
    right: auto;
    flex-direction: row;
    margin-top: 25px;
  }

  .fileUploadTags {
    position: relative;
    top: auto;
    left: auto;
    flex-direction: column;
    margin-top: 25px;
  }

  .fileUploadType div {
    padding: 3px 8px;
    margin: 5px;
    background-color: #ddd;
    color: var(--dark);
  }

  .alertWraper,
  .alert {
    border-radius: 0px;
  }

  .previewMedia,
  .previewMediaDetail {
    width: 100%;
  }

  .previewMediaWrap {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 1rem;
  }

  .previewMediaImageMain {
    width: 100%;
    margin-bottom: 1rem;
    height: auto;
    padding: 0;
  }

  .removeItemMain {
    width: 90%;
  }

  .loginWraper {
    padding: 0 40px;
  }

  #sidebar {
    right: -100%;
  }

  .notify a:nth-of-type(3) {
    margin-left: 0;
  }
}

/* larg desktop */
@media only screen and (min-width: 800px) and (max-width: 1500px) {
  .loginWraper {
    width: 40%;
  }

  .galleryItem {
    width: 25%;
  }
  #uploadGalery .imagesPreview {
    width: 13%;
  }
}

/* ultra larg desktop */
@media only screen and (min-width: 1500px) and (max-width: 4000px) {
  .loginWraper {
    width: 25%;
  }

  .galleryItem {
    width: 25%;
  }
  #uploadGalery .imagesPreview {
    width: 10%;
  }
}

@media only screen and (min-width: 850px) and (max-width: 1100px) {
  .amarBoxWraper {
    flex-flow: wrap row;
  }

  .amarBox {
    width: 50%;
  }
}

@media only screen and (min-width: 550px) and (max-width: 800px) {
  .galleryItem {
    width: 33.33%;
  }
}

@media only screen and (max-width: 990px) {
  #orderInfo {
    flex-direction: column;
  }
  #mini_order_product , #mini_info{
    width: 100%;
  }
}