@media (width<1400px) {
  .imageSelection img {
    max-width: 400px;
  }
  .itemSelction {
    padding: 10px;
  }
  .newsTitle h3 {
    -webkit-line-clamp: 4;
  }
  .rozaSelectionText {
    max-width: 400px;
  }
}

@media (width<=1200px) {
  .rozaSelectionText {
    max-width: 396px;
  }
}
@media (width<=992px) {
  .numberOfQty {
    width: unset;
  }
  .rozaSelectionContent:nth-child(even) {
    flex-direction: column !important;
  }
  .breadcrumbPage a,
  .breadcrumbPage li {
    font-size: 12px;
  }
  .rozaSelectionData::after {
    left: 0;
  }
  h1 {
    font-size: 28.565px;
    line-height: 111.111%;
  }
  .sectionPadding {
    padding: 48px 0;
  }
  .bannerData {
    padding: 0;
    text-align: center;
    max-width: unset;
  }
  .bannerData h1 {
    font-size: 56px;
    line-height: 121.429%;
  }
  .categoryImage {
    height: 96.04px;
  }
  .blueBox {
    left: 8px;
    top: 8px;
  }
  .ourStoryImage {
    height: 279px;
  }
  .bs-gutter-x-64,
  .bs-gutter-x-32,
  .bs-gutter-x-48 {
    --bs-gutter-x: 1.5rem;
  }
  .storyTitle {
    text-align: center;
  }
  .rozaSelectionText {
    max-width: 80%;
  }
  .itemSelction {
    padding: 4px;
    width: 40px;
    left: 2% !important;
    height: 40px;
  }
  .trendingBox {
    padding: 16px;
  }
  .imageSelection {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .rozaSelectionContent {
    padding-top: 0 !important;
  }
  .rozaSelectionContent:last-child {
    padding-bottom: 0 !important;
  }
  /* h3,
  .price h3 span {
    font-size: 15px;
  }
  h4 {
    font-size: 16px;
  } */
  .imageSelection img {
    max-width: 90%;
  }
  span,
  .footerTop ul li a {
    font-size: 12px;
    line-height: 133.333%;
  }
  .title span {
    letter-spacing: 3.6px;
  }
  .blueBox span {
    font-size: 9.522px;
    letter-spacing: 0.476px;
  }
  .transformTitle h1 {
    font-size: 52px;
    line-height: 144.231%;
  }
  .productText p {
    text-align: center;
  }
  .beigeBorder {
    width: 32px;
  }
  .titleCollection span {
    letter-spacing: 2.6px;
  }
  h2,
  .formContact h1 {
    font-size: 20px;
    line-height: 140% !important;
  }
  .swiperBtn {
    display: none;
  }
  .numberBox {
    text-align: start !important;
  }
  .title h1 span {
    letter-spacing: unset;
  }
  .title h1,
  .title h1 span,
  .BespokeTitle h1,
  .BespokeTitle h1 span,
  .visitTitle h1,
  .visitTitle h1 span {
    font-size: 30px;
  }
  .BespokeTitle h1 {
    font-weight: 300;
  }
  .collectionImage span {
    font-size: 14px;
  }
  .collectionImage1 h1 {
    font-size: 24px;
  }
  .collectionImage {
    font-size: 16px;
  }
  .visitTitle {
    max-width: 255px;
  }
  .cartFreeShipping {
    gap: 12px !important;
    padding: 12px;
  }
  .continueShoppping {
    padding: 0;
  }
  .cartPriceItems span {
    color: #1a3a52;
    line-height: 160%;
  }
  .cartPriceItems p {
    font-size: 10px;
    color: #1a3a52;

    line-height: 166.667%;
  }
  .orderSummeryBox {
    padding: 12px;
  }
  .gap-md-32 {
    gap: 23px;
  }
  .headerNavbar {
    height: unset;
    padding: 20px 0;
  }
  .headerNavbar.active {
    position: unset;
  }
  .signinData.headerDropDown {
    display: none;
  }
  .rowGap20 {
    row-gap: 32px;
  }

  .title h1 {
    max-width: 400px;
  }
  .blueBox {
    padding: 12.696px 19.043px;
  }
  .headerNavbar .gap-32 {
    gap: 24px;
  }
  .headerNavbar .navbar-collapse {
    padding: 24px;
  }
  .bespekeImage {
    height: 58px;
  }
  .bespekeImage img {
    height: 100%;
  }
  header .navbar-nav {
    padding-top: 10px;
    border-top: 1px solid #f5f1e8;
  }
  .selectLangCurrancy {
    border-top: 1px solid #f5f5f0;
    border-bottom: 1px solid #f5f5f0;
    padding: 17px 0;
  }
  .footerTop {
    padding: 24px 0;
  }
  .btnForms input {
    padding: 10px 20px !important;
  }
  .contactDetails,
  .formContact {
    padding: 30px;
  }
  .contactBox,
  .socialBox {
    width: 30px;
    height: 30px;
  }
  .productsData {
    padding-bottom: 40px;
  }
  .qutation {
    padding: 30px 0;
  }
  .qutationText h2 {
    font-size: 15px;
  }
  .qutation img {
    display: none;
  }
  .RelatedArticle {
    padding-bottom: 48px;
  }
  .RelatedNewsCardText,
  .qutationText {
    padding: 12px;
  }
  .pageBox {
    height: 30px;
    width: 30px;
  }
  .filterBox {
    padding: 8px;
  }
  .signInForm {
    padding: 32px 0;
  }
  .signinInmage {
    height: 500px !important;
  }
  .cloudColorAll {
    grid-template-columns: repeat(10, 1fr);
  }
  .ordersAccordion .accordion-button {
    padding: 10px !important;
  }
  .accountPage {
    padding: 12px;
  }
  .accountPage li a,
  .contentTable li a {
    font-size: 14px;
  }
  .newSctionPadding {
    padding: 48px 0;
  }
  .contentTable {
    border-bottom: 1px solid var(--borders);
  }
  .privacyText {
    padding: 20px 0;
  }
  .privacyText:not(:first-child) {
    padding-top: 20px;
  }
}
@media (width<=776px) {
  .favModal .modal-body {
    padding: 15px;
  }
  .accountPage li:last-child {
    padding-top: 25px;
    border-top: 1px solid var(--borders);
  }
  .cartDatacard {
    border-bottom: 1px solid var(--borders);
    padding-bottom: 20px;
  }
  .cartDatacard .quantityData .boxQty {
    width: 20px;
    height: 20px;
  }
  .cartDatacard .productName span {
    color: #1a3a52;
    line-height: 181.818%;
    font-weight: 500;
    font-size: 11px;
  }
  h6 {
    font-size: 12px;
  }
  h4 {
    font-size: 15px;
  }
  p,
  a {
    font-size: 14px;
  }
  .allProductNumber {
    padding-bottom: 16px;
  }
  h2,
  .shoppingTitle span {
    font-size: 20px;
  }
  h3 {
    font-size: 16px;
  }
  .cartDatacard h6 {
    color: #4f4d48;
    font-size: 9px;
    font-weight: 400;
    line-height: 177.778%;
  }
  .ErrorText h1 {
    font-size: 150px;
  }
  .accountBox {
    padding: 12px;
  }
  .accountPage li a,
  .contentTable li a {
    width: max-content;
  }
  .accountPage li:last-child {
    padding: 0;
  }
  .accountSection {
    padding: 30px 0;
  }
  .accountPage {
    padding: 0;
  }
  .accountPage li {
    padding: 9px;
  }
  .notifyBox {
    padding: 12px;
  }
  .accountPage,
  .contentTable {
    border: unset;
    border-bottom: 1px solid var(--borders);
  }
  .accountPage li {
    padding: 8px;
  }
  .orderPaymentText h4,
  .orderPaymentText h3 {
    font-size: 15px;
  }
  .accountPage li:last-child {
    padding-top: 0;
    border-top: unset;
  }
  .paymentBox,
  .payemntDeatilsBox {
    padding: 12px;
  }
  .payemntDeatilsBox {
    min-height: 100%;
  }
  .latestNewsImage {
    height: 100%;
  }
  .newsDesc {
    height: 80px;
  }
  .rateBody,
  .rateFooter {
    padding: 20px 0;
  }
}
@media (width<=575px) {
  .newsTitle1 h1,
  .newsTitle h3 {
    font-size: 18px;
  }
  .firstNewsCard {
    padding: 10px 0;
  }
  .latestNewsImage {
    height: 340px;
  }
  .newsTitle {
    height: unset;
  }
}

@media (width<=500px) {
  .newNotify {
    width: 12px;
    height: 8px;
  }
  .filterModal {
    max-width: 100%;
  }
  .headerNavbar .navbar-collapse {
    padding: 10px;
  }
  .allColorsBox {
    grid-template-columns: repeat(6, 1fr);
  }
  .allMaterialBox,
  .allMaterialBox2 {
    grid-template-columns: repeat(4, 1fr);
  }
  .navbar-brand img {
    width: 89px;
    height: 22px;
    flex-shrink: 0;
  }
  .shareNews {
    padding: 12px 0;
  }
}