@media all and (max-width: 1180px) {
}
@media all and (max-width: 1024px) {
  header {
    display: none !important;
  }
  .fireandice1-fluid .card-part ul li {
    width: 23%;
  }
  .back-button {
    display: block;
  }
}
@media all and (max-width: 920px) {
  .banner-fluid .main-section {
    flex-direction: column;
    gap: 40px;
  }
  .banner-fluid .main-section .left-part {
    width: 100%;
  }
  .banner-fluid .main-section .right-part {
    width: 100%;
    padding-bottom: 40px;
  }
  .aboutus-fluid .main-section {
    flex-direction: column-reverse;
    gap: 40px;
  }
  .aboutus-fluid .main-section .right-part {
    width: 100%;
    padding-bottom: 40px;
    text-align: center;
  }
  .aboutus-fluid .main-section .left-part {
    width: 100%;
  }
  .aboutus-fluid .main-section .right-part .content-part p {
    margin-top: 20px;
  }
  .collection-fluid {
    padding: 40px 0px;
  }
  .collection-fluid .slider-part .owl-nav {
    display: flex;
  }
  .footer-fluid .copyright-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px 80px 0px;
    flex-wrap: wrap;
    gap: 10px;
  }
  .footer-fluid {
    background: url(../img/footer-bg.svg) center bottom / 100% 100px no-repeat
      rgb(10, 44, 75);
  }
  .footer-fluid .footermenu-section {
    flex-direction: column;
    gap: 20px;
  }
  .footer-fluid .footermenu-section .menu-card:nth-child(1) {
    width: 100%;
  }
  .footer-fluid .copyright-section .right-part {
    width: 100%;
  }
  .footer-fluid .copyright-section .right-part ul {
    display: flex;
    justify-content: center;
  }
  .downloadapp-fluid .main-section {
    flex-direction: column;
    gap: 40px;
  }
  .downloadapp-fluid .main-section .left-part {
    width: 100%;
  }
  .downloadapp-fluid .main-section .right-part {
    width: 100%;
    flex-direction: column;
    padding: 40px 15px;
    text-align: center;
  }
  .downloadapp-fluid .main-section .right-part .content-part ul {
    justify-content: center;
  }
  .category-fluid {
    padding: 20px 15px 40px 15px;
  }
  .category-fluid .gallery {
    flex-direction: column;
    height: 100%;
  }

  .category-fluid .item {
    flex: unset;
    height: 100px; /* collapsed height */
    transition: all 0.4s ease;
  }

  .category-fluid .item.active {
    height: 300px; /* expanded height */
  }

  .category-fluid .item img {
    height: 100%;
    object-fit: cover;
  }
  .downloadapp-fluid .main-section .right-part .qr-code img {
    width: 300px;
  }
  .breadcum-fluid .breadcum-image img {
    height: 400px;
    object-fit: cover;
  }
  .aboutgems-fluid .main-section {
    flex-direction: column;
    gap: 20px;
  }
  .aboutgems-fluid .main-section .left-part,
  .aboutgems-fluid .main-section .right-part {
    width: 100%;
    text-align: center;
  }
  .aboutgems1-fluid .main-section ul {
    flex-direction: column;
  }
  .aboutgems1-fluid .main-section ul li {
    border-right: 0px solid #84848457;
    border-bottom: 1px solid #84848457;
    padding: 20px 0px;
    width: 100%;
  }
  .heritagecut1-fluid .card-part ul {
    flex-direction: column;
  }
  .heritagecut1-fluid .card-part ul li {
    width: 100%;
    padding: 30px 10px;
  }
  .heritagecut-fluid .main-section {
    flex-direction: column-reverse;
  }
  .heritagecut-fluid .main-section .right-part {
    width: 100%;
    text-align: center;
    padding: 0px 15px;
  }
  .heritagecut-fluid .main-section .left-part {
    width: 100%;
    padding-bottom: 40px;
  }
  .heritagecut-fluid .main-section .right-part .content-part h3 {
    margin-bottom: 10px;
  }
  .fireandice-fluid .main-section {
    flex-direction: column;
    gap: 20px;
  }
  .fireandice-fluid .main-section .left-part,
  .fireandice-fluid .main-section .right-part {
    width: 100%;
    text-align: center;
  }
  .fireandice1-fluid .card-part ul {
    flex-wrap: wrap;
  }
  .fireandice1-fluid .card-part ul li {
    width: 48%;
    padding: 30px 10px;
  }
  .bookanappoinement-fluid .main-section {
    flex-direction: column;
    gap: 20px;
  }
  .bookanappoinement-fluid .main-section .content-part {
    width: 100%;
  }
  .bookanappoinement-fluid .main-section .form-part {
    width: 100%;
  }
}

@media all and (max-width: 767px) {
  .banner-fluid .main-section .right-part h1 {
    font-size: 40px;
  }
  .aboutus-fluid .main-section .right-part .content-part h3 {
    font-size: 40px;
  }
  .collection-fluid .heading-part h2 {
    font-size: 32px;
  }
  .footer-fluid .footermenu-section .menu-card .list-part.catalog-list ul {
    flex-direction: column;
  }
  .footer-fluid .footermenu-section .menu-card .list-part.catalog-list ul li {
    width: 100%;
  }
  .footer-fluid .subscribe-section {
    flex-direction: column;
    gap: 20px;
  }
  .footer-fluid .subscribe-section .right-part {
    text-align: center;
  }
  .bZzWWB {
    display: inline-block;
    margin-top: 20px;
  }
  .fVJbZt {
    display: initial;
    text-align: center;
  }
  .downloadapp-fluid .main-section .right-part .qr-code img {
    width: 250px;
  }
  .downloadapp-fluid .main-section .right-part .content-part h3 {
    font-size: 40px;
  }
  .breadcum-fluid .breadcum-content h1 {
    font-size: 32px;
  }
  .fireandice1-fluid .card-part ul {
    flex-direction: column;
  }

  .aboutgems-fluid .main-section h2 {
    font-size: 32px;
  }
  .aboutgems1-fluid .main-section {
    padding: 20px 20px;
  }
  .fireandice1-fluid .card-part ul li {
    width: 100%;
    padding: 30px 10px;
  }
  .heritagecut1-fluid .content-part h3 {
    font-size: 32px;
  }

  .fireandice-fluid .main-section h2 {
    font-size: 32px;
  }
  .fireandice1-fluid .content-part h3 {
    font-size: 32px;
  }

  .bookanappoinement-fluid .main-section .content-part h3 {
    font-size: 32px;
    text-align: center;
  }
  .bookanappoinement-fluid .main-section .content-part h3 br {
    display: none;
  }
  .bookanappoinement-fluid .main-section .content-part p {
    text-align: center;
  }
  .bookanappoinement-fluid .main-section .content-part ul li p {
    text-align: left;
  }
}
