@media (min-width: 1600px) {
    .container {
      max-width: 1400px;
    }
  
    .container-1600 {
      max-width: 1600px;
    }
  }
  
  @media (max-width: 1599px) {
    :root {
      --fs-37: 30px;
    }
  
    .home-slider,
    .clip-images {
      min-height: 650px;
    }
  
    .logo-sam {
      padding-bottom: 50px;
    }
  
    .quart-holder {
      height: 350px;
    }
  
    section.otherproduct-sec {
      padding: 60px 0px;
    }
  
    .prod-images {
      height: 332px;
    }
  
    .quart-productss {
      padding: 60px 0px;
    }
  
    .btm-produ {
      min-height: auto;
    }
  
    section.single-product-main-sec {
      padding-bottom: 80px;
    }
  
    section.realated-product-main-sec {
      padding-bottom: 80px;
    }
  
    .cart-title {
      margin: 20px 0px;
    }
  
    .close-cart {
      margin-top: 20px;
    }
  
    :root {
      --fs-16: 14px;
    }
  
    .mx-w739 {
      max-width: 630px;
    }
  
    .section.section-three {
      padding: 50px 0px;
    }
  
    .empty-banner {
      padding: 80px 0px;
      margin-bottom: 60px;
    }
  }
  
  @media (max-width: 1399px) {
    :root {
      --fs-37: 25px;
      --fs-50: 40px;
      --lh-60: 45px;
      --fs-40: 25px;
      --lh-45: 30px;
      --fs-20: 16px;
      --lh-25: 20px;
      --fs-24: 20px;
      --lh-34: 25px;
    }
  
    .logo-main {
      max-width: 150px;
    }
  
    .data-top-head,
    .middle-head {
      padding: 10px 0px;
    }
  
    .form-header {
      max-width: 530px;
      margin-left: 0px;
    }
  
    .nav-list ul.nav-lists {
      gap: 45px;
    }
  
    .images-account img {
      max-width: 18px;
      width: 100%;
      height: 18px;
      object-fit: contain;
    }
  
    .cat-list li a {
      padding: 10px;
    }
  
    .nav-list ul li a,
    .grid-menu a {
      padding-top: 10px;
    }
  
    .grid-menu {
      padding: 10px;
    }
  
    .cat-list {
      top: 44px;
    }
  
    .grid-form {
      height: 35px;
    }
  
    .browse-grid {
      gap: 90px;
    }
  
    .title-grid {
      padding-bottom: 15px;
    }
  
    .input-holder input {
      height: 35px;
    }
  
    .input-holder .forgot-pw {
      padding: 6px 0px;
      margin-top: 10px;
    }
  
    .logi-modal {
      width: 350px;
      padding: 20px 15px;
      top: 106px;
    }
  
    .margin-top {
      margin-top: 152px;
    }
  
    .logo-sam {
      padding-bottom: 30px;
      max-width: 130px;
    }
  
    .universal-anchor {
      max-width: 170px;
    }
  
    .universal-anchor a,
    .universal-anchor p {
      font-size: 15px;
      padding: 5px;
    }
  
    .home-slider,
    .clip-images {
      min-height: 500px;
    }
  
    .data-top-head,
    .middle-head {
      padding: 5px 0px;
    }
  
    .home-slider-content-details {
      top: 0;
      top: 50%;
      transform: translate(0%, -50%);
      max-width: 380px;
    }
  
    .flag-stand {
      max-width: 350px;
      height: 400px;
    }
  
    .flag-stand.data-3 {
      max-width: 300px;
    }
  
    .grid-who-we-are {
      padding-top: 30px;
      max-width: fit-content;
      margin: 0 auto;
    }
  
    .sub-title-holder .universal-anchor {
      max-width: 220px;
      padding-top: 20px;
    }
  
    section.who-we-are-sec {
      padding: 40px 0px;
    }
  
    .sub-title-holder {
      max-width: 900px;
    }
  
    .image-featured {
      height: 265px;
    }
  
    .add-cart-btn .cart-add {
      font-size: 15px;
      padding: 5px;
    }
  
    .featured-grid {
      padding-top: 30px;
    }
  
    .btm-featured p {
      font-size: 16px;
      line-height: 20px;
    }
  
    .quart-holder {
      height: 300px;
    }
  
    section.quarterdeck-sec {
      padding: 50px 0px;
    }
  
    .quart-title {
      line-height: 25px;
    }
  
    section.engraving-sec .grid-who-we-are {
      max-width: 100%;
    }
  
    section.engraving-sec {
      padding: 50px 0px;
    }
  
    .product-main-images-here {
      height: 240px;
    }
  
    .other-product-holder-main p {
      font-size: 16px;
      line-height: 20px;
    }
  
    section.otherproduct-sec .sub-title-holder {
      padding-bottom: 20px;
    }
  
    section.otherproduct-sec {
      padding: 50px 0px;
    }
  
    .about-section {
      height: 300px;
    }
  
    section.quargear-sec {
      padding-top: 40px;
    }
  
    .filter-grid {
      padding: 30px 0px;
    }
  
    .dropdown select {
      font-size: 16px;
      padding: 8px;
    }
  
    .dropdown {
      max-width: 250px;
    }
  
    .btm-produ p {
      font-size: 16px;
      line-height: 22px;
    }
  
    .prod-images {
      height: 280px;
    }
  
    .quart-produc .add-cart-btn {
      padding-bottom: 10px;
    }
  
    .quart-productss {
      padding: 50px 0px;
    }
  
    ul.mini-nav {
      padding-bottom: 20px;
    }
  
    .cerimnal-title {
      line-height: 40px;
    }
  
    .bullet-ceremonal p {
      font-size: 16px;
    }
  
    .quantity {
      padding: 20px 0px;
    }
  
    .custome-drpdwn {
      padding-top: 20px;
    }
  
    .thumbnail-product {
      max-width: 500px;
    }
  
    .bullet-ceremonal {
      max-width: 500px;
    }
  
    .drdwn-holder,
    .grid-quantity {
      height: 40px;
      padding: 0px 10px;
    }
  
    .grid-quantity span.num {
      font-size: 15px;
    }
  
    .add-cart-main-btn a {
      font-size: 16px;
      padding: 6px 20px !important;
    }
  
    .drpdown-click {
      top: 40px;
    }
  
    section.realated-product-main-sec .grid-main {
      padding-top: 30px;
    }
  
    section.realated-product-main-sec {
      padding-bottom: 50px;
    }
  
    span.cart-data {
      height: 15px;
      width: 15px;
      font-size: 10px;
      line-height: 16px;
      top: -2px;
    }
  
    .cart-slider {
      max-width: 350px;
    }
  
    .cart-image {
      max-width: 60px;
      height: 70px;
    }
  
    .cart-detilas input[type="number"] {
      max-width: 50px;
      height: 30px;
      margin-top: 5px;
      text-align: center;
    }
  
    p.total-price {
      font-size: 15px;
    }
  
    .total-para p {
      font-size: 18px;
    }
  
    .biewcart-grid a {
      padding: 6px;
    }
  
    .pay-pal .or {
      padding: 10px 0px;
    }
  
    .total-para {
      padding-bottom: 4px;
    }
  
    .sub-total {
      padding: 10px 0px;
    }
  
    .cart-title {
      font-size: 18px;
    }
  
    .cart-title {
      margin: 10px 0px;
    }
  
    .close-cart {
      margin-top: 10px;
      max-width: 30px;
    }
  
    .product-data-cart-holder {
      height: 65vh;
    }
  
    header.custome-header span.cart-data {
      height: 15px;
      width: 15px;
    }
  
    :root {
      --fs-18: 16px;
      --fs-25: 20px;
      --fs-22: 20px;
    }
  
    .main-footer p {
      line-height: normal;
    }
  
    .footer-menu ul li {
      margin-bottom: 10px;
    }
  
    .follow-icons {
      column-gap: 0;
    }
  
    .box-items {
      padding-left: 20px;
      padding-right: 20px;
    }
  
    .gx-100 {
      --bs-gutter-x: 50px;
    }
  
    .form_groww {
      margin: 15px auto 0px;
    }
  
    .contact-form p {
      padding-bottom: 20px;
    }
  
    .span-bottom .border_bottom {
      max-width: 246px;
      height: 2px;
      margin: 0 auto;
      margin-top: 8px;
    }
  
    .footer-logo img {
      max-width: 70%;
    }
  
    .empty-banner .heading-40 {
      margin-bottom: 30px;
    }
  
    .empty-banner {
      padding-top: 40px;
      padding-bottom: 60px;
    }
  
    section.section.contact-form .container {
      max-width: 800px;
      margin: 0 auto;
    }
  
    .form_groww .form-group {
      margin-bottom: 30px;
    }
  
    .span-bottom {
      padding-bottom: 20px;
    }
  
    .form_groww .btn-danger {
      height: 40px;
      max-width: 150px;
      width: 100%;
      line-height: 20px;
    }
  
    .price-main {
      font-size: 16px;
      line-height: 22px;
    }
    .cerimnal-title {
      padding-bottom: 10px;
    }
  }
  
  @media (max-width: 1199px) {
    :root {
      --fs-50: 30px;
      --lh-60: 35px;
      --fs-40: 20px;
    }
  
    .custome-container {
      max-width: 990px;
    }
  
    .browse-grid {
      gap: 0px;
    }
  
    .sub-title,
    .main-title {
      padding-bottom: 10px;
    }
  
    .logo-sam {
      padding-bottom: 20px;
    }
  
    .image-featured {
      height: 215px;
    }
  
    .btm-featured {
      padding: 10px;
    }
  
    .btm-featured p {
      font-size: 15px;
    }
  
    section.featured-sec {
      padding: 40px 0px;
    }
  
    .grid-quard {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 20px;
    }
  
    .product-main-images-here {
      height: 230px;
    }
  
    .other-product-holder-main p {
      font-size: 14px;
      line-height: 20px;
    }
  
    .grid-main {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  
    .prod-images {
      height: 322px;
    }
  
    .prod-images,
    .btm-produ {
      padding: 15px;
    }
  
    .cerimnal-title {
      line-height: 35px;
    }
  
    .bullet-ceremonal {
      max-width: 400px;
    }
  
    section.single-product-main-sec {
      padding-bottom: 50px;
    }
  
    section.realated-product-main-sec .grid-main {
      padding-top: 20px;
    }
  
    :root {
      --fs-21: 18px;
    }
  
    .about-section {
      height: 300px;
    }
  
    .section.section-three ul {
      column-gap: 100px;
    }
  
    .section-search .heading-21 {
      margin-bottom: 15px;
    }
  
    .footer-menu {
      max-width: 524px;
      padding-left: 0;
      column-gap: 80px;
    }
  
    .gx-100 {
      --bs-gutter-x: 0;
    }
  
    .container.main-footer {
      max-width: 991px;
    }
  
    section.section.section-search {
      padding: 80px 0px;
      height: auto;
    }
  }
  
  @media (max-width: 991px) {
    :root {
      --fs-37: 20px;
      --fs-50: 25px;
      --lh-60: 30px;
      --fs-40: 22px;
      --fs-20: 15px;
      --fs-24: 18px;
      --lh-34: 22px;
    }
  
    .custome-container {
      max-width: 767px;
    }
  
    .nav-list ul.nav-lists {
      gap: 30px;
    }
  
    .browse-grid {
      gap: 20px;
      justify-content: space-between;
    }
  
    .account {
      gap: 10px;
    }
  
    .nav-list ul.nav-lists {
      flex-direction: column;
      align-items: start;
      gap: 10px;
      width: 100%;
    }
  
    .nav-list {
      margin-left: 0px;
      position: absolute;
      right: 0;
      top: 39px;
      background: #9a0000;
      width: 220px;
      display: none;
    }
  
    li.current-menu-item a {
      border-top: none;
      color: #fff !important;
      font-weight: 600 !important;
    }
  
    .nav-list ul li a {
      color: #fff;
      padding: 0px;
      border-bottom: 1px dashed #fff;
    }
  
    ul.nav-lists li {
      width: 100%;
    }
  
    .nav-list ul li a {
      color: #fff;
      padding: 0px;
      border-bottom: 1px dashed #fff;
      width: 100%;
      max-width: 100%;
      padding: 10px;
    }
  
    .browse-grid {
      align-items: center;
    }
  
    .hamburger {
      display: block;
    }
  
    .data-top-head {
      display: none !important;
    }
  
    .logi-modal {
      padding: 10px;
      top: 76px;
    }
  
    .margin-top {
      margin-top: 112px;
    }
  
    .clip-images {
      left: -50px;
    }
  
    .flag-stand {
      height: 330px;
    }
  
    .grid-who-we-are,
    .flag-stand.data-3 {
      gap: 10px;
    }
  
    .flag-stand .universal-anchor {
      max-width: 150px;
    }
  
    .featured-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  
    .grid-productmain {
      gap: 20px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  
    .filter-grid {
      padding: 25px 0px;
    }
  
    .grid-main {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .prod-images {
      height: 366px;
    }
  
    .account-data p {
      padding-bottom: 0px;
    }
  
    .data-top-head,
    .middle-head {
      padding: 10px 0px;
    }
  
    .bullet-ceremonal {
      max-width: 550px;
      padding-top: 30px;
    }
  
    .thumbnail-product {
      margin: 0 auto;
    }
  
    .bullet-ceremonal p {
      font-size: 15px;
    }
  
    .section-about-us .row.gx-0 .col-12:nth-child(2) {
      order: 1;
    }
  
    .section.section-three ul {
      column-gap: 30px;
    }
  
    .section.section-three {
      padding: 40px 0px;
    }
  
    .top_img {
      margin-top: 20px;
    }
  
    .section {
      padding: 60px 0px;
    }
  
    .gx-100 {
      --bs-gutter-y: 40px;
    }
  
    .form_groww .form-group {
      margin-bottom: 25px;
    }
  
    .form_groww label {
      margin-bottom: 5px;
    }
  
    .flex-item-two {
      display: grid;
    }
  
    .flex-item-two .items_flex:first-child {
      max-width: 939.328px;
      width: 100%;
    }
  
    .flex-item-two {
      column-gap: 0;
      row-gap: 30px;
    }
  
    .flex-item-two .items_flex:last-child {
      width: 100%;
    }
  
    .empty-banner .heading-40 {
      margin-bottom: 40px;
    }
  
    .container.main-footer {
      max-width: 767px;
    }
  }
  
  @media (max-width: 767px) {
    .custome-container {
      max-width: 575px;
    }
  
    header.custome-header .top-head {
      gap: 10px;
      flex-direction: column;
    }
  
    .logo-main {
      max-width: 130px;
    }
  
    .middle-head {
      gap: 10px;
    }
  
    .home-slider,
    .clip-images {
      min-height: 400px;
    }
  
    .home-slider-content-details {
      max-width: 290px;
    }
  
    .grid-who-we-are,
    .flag-stand.data-3 {
      flex-direction: column;
    }
  
    .flag-stand.data-3 {
      height: auto;
    }
  
    .featured-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    .image-featured {
      height: 250px;
    }
  
    section.quarterdeck-sec {
      padding: 40px 0px;
    }
  
    .flag-stand {
      height: 330px;
      margin: 0 auto;
      max-width: 285px;
    }
  
    section.engraving-sec {
      padding: 40px 0px;
    }
  
    section.engraving-sec .grid-who-we-are {
      flex-direction: column;
    }
  
    .product-main-images-here {
      height: 190px;
    }
  
    .grid-productmain {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  
    section.otherproduct-sec {
      padding: 40px 0px;
    }
  
    .prod-images {
      height: 268px;
    }
  
    .quart-productss {
      padding: 40px 0px;
    }
  
    ul.mini-nav {
      flex-wrap: wrap;
      gap: 10px;
    }
  
    ul.mini-nav li::after {
      right: -12px;
      top: 10px;
    }
  
    span.decrp {
      font-size: 16px;
      line-height: 22px;
    }
  
    section.realated-product-main-sec {
      padding-bottom: 40px;
    }
  
    .section.section-three ul {
      display: grid;
      row-gap: 40px;
    }
  
    .section.section-three ul li br {
      display: none;
    }
  
    .flex-icons {
      display: flex;
      column-gap: 20px;
      align-items: center;
    }
  
    .item_bg {
      width: 100px;
      height: 100px;
    }
  
    .flex-item-two .items_flex:first-child,
    .flex-item-two .items_flex:last-child {
      height: auto;
    }
  
    .parent_flex2 {
      max-width: 200px;
    }
  
    .section {
      padding: 40px 0px;
    }
  
    .container.main-footer {
      max-width: 575px;
    }
  
    .footer-logo {
      max-width: 300px;
    }
  
    header.custome-header span.cart-data {
      font-size: 8px;
    }
  }
  
  @media (max-width: 575px) {
    :root {
      --fs-16: 14px;
      --fs-50: 22px;
    }
  
    .data-top-head,
    .middle-head {
      flex-wrap: wrap;
    }
  
    .form-header {
      display: none;
    }
  
    .logi-modal {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  
    .home-slider-content-details {
      top: 0;
      top: 50%;
      transform: translate(0%, -50%);
      max-width: 290px;
    }
  
    .clip-images {
      left: -40%;
    }
  
    .flag-stand {
      height: 330px;
      max-width: 330px;
      width: 100%;
      padding: 15px;
    }
  
    .featured-grid {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  
    .fetured-holder {
      max-width: 300px;
      text-align: center;
      margin: 0 auto;
    }
  
    .grid-quard {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      max-width: 350px;
      margin: 0 auto;
    }
  
    .grid-main {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  
    .quart-produc {
      max-width: 300px;
    }
  
    .prod-images {
      height: 328px;
    }
  
    .cerimnal-title {
      line-height: 30px;
    }
  
    .clip-images {
      display: none;
    }
  
    .home-slider-content-details {
      background: rgba(255, 255, 255, 0.85);
      padding: 10px;
      border-radius: 10px;
    }
  
    :root {
      --fs-22: 18px;
    }
  
    .about-section {
      height: 250px;
    }
  
    .section-about-us {
      padding-bottom: 50px;
      padding-top: 50px;
    }
  
    .footer-logo img {
      max-width: 60%;
      margin-bottom: 10px;
    }
  
    .section.section-three ul {
      display: grid;
      row-gap: 30px;
    }
  
    .form-search .btn {
      width: 100px;
      font-size: 14px;
    }
  
    .footer-menu {
      display: grid;
      row-gap: 20px;
    }
  
    .flex-form-btn {
      display: grid;
      row-gap: 30px;
    }
  
    .empty-banner .heading-40 {
      margin-bottom: 20px;
    }
  }
  
  @media (max-width: 425px) {
    .logi-modal {
      width: 340px;
    }
  
    .grid-productmain {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  
    .other-product-holder-main {
      max-width: 300px;
    }
  
    .filter-grid {
      flex-wrap: wrap;
      justify-content: center;
    }
  
    .dropdown select {
      font-size: 15px;
      background-size: 15px;
    }
  
    :root {
      --fs-25: 18px;
    }
  
    .parent_flex {
      display: grid;
    }
  
    .parent_flexTwo {
      display: grid;
      align-items: end;
    }
  
    .parent_flex {
      display: grid;
      row-gap: 20px;
    }
  }
  