@media all and (min-width: 1300px) and (max-width: 1400px) {
  .container {
    max-width: 1200px;
  }
}
@media all and (min-width: 1024px) and (max-width: 1180px) {
  .top-header .top-section .center-part .logo-part img {
    max-width: 150px;
  }
  .top-header .top-section .right-part input {
    width: 250px;
  }
  .top-header .top-section .left-part {
    width: 45%;
  }
  .header-fluid .navbar-light .navbar-nav .nav-item .nav-link {
    font-size: 1rem;
  }
  .header-fluid.stick .navbar-light .navbar-nav .nav-item {
    margin-left: 10px;
  }
  .circle-animation1,
  .circle-animation11,
  .circle-animation2,
  .circle-animation3,
  .circle-animation33,
  .circle-animation4 {
    display: none;
  }
  .shopdiamonds-fluid .shop-section .main-section .right-part {
    width: 100%;
  }
  .shopdiamonds-fluid .shop-section.first,
  .shopdiamonds-fluid .shop-section.second,
  .shopdiamonds-fluid .shop-section.third,
  .shopdiamonds-fluid .shop-section.fourth {
    background-image: url(../img/shop-diamond/natural/bg.png);
  }

  .shopdiamonds-fluid .shop-section .main-section .year150 {
    position: absolute;
    bottom: 20px;
    width: 100%;
    left: auto;
    right: 20px;
    text-align: right;
  }
  .right-tabpart .heading-part h2 {
    margin-top: 0px;
    font-size: 16px;
  }
  .firstchoice2-fluid .card-section .card-part {
    height: 220px;
  }
  .breadcum-fluid {
    padding: 80px 0px 26px 0px;
  }
}
@media all and (max-width: 920px) {
  header {
    position: fixed;
    width: 100%;
    height: auto;
    z-index: 999;
  }
  .header-fluid {
    background: #ffffff00;
    padding: 5px;
    box-shadow: none;
    position: absolute;
    right: 10px;
    bottom: 15px;
    z-index: 999;
    display: inline;
    width: 50px;
    top: auto;
  }
  .header-fluid .navbar-light .navbar-nav .nav-item:nth-last-child(1) {
    border: 0px solid white;
    margin-left: 0;
  }
  .header-fluid .navbar-light .navbar-collapse {
    background: #f3f3f3;
    position: fixed;
    left: -100%;
    width: 80%;
    top: 0;
    height: 100vh;
    padding: 30px 20px 20px 0px;
    -webkit-transition: 1s;
    transition: 0.5s;
    transition-duration: 1s;
    z-index: 999;
    display: block !important;
  }
  .header-fluid .navbar .navbar-brand img {
    max-width: 150px;
    height: auto;
  }
  .header-fluid .navbar-light .navbar-collapse.active {
    left: 0;
    -webkit-transition: 1s;
    transition: 0.5s;
    transition-duration: 1s;
    z-index: 999;
  }

  .backhround-screen.active {
    display: block;
    background: #00000070;
    width: 100%;
    height: 100vh;
    z-index: 99;
    position: absolute;
  }
  .footer-fluid .footer-main {
    flex-direction: column;
  }
  .footer-fluid .footer-main .card-part {
    margin-bottom: 20px;
  }
  .footer-fluid .card-part .heading {
    margin-bottom: 30px;
    margin-top: 20px;
  }
  .copyright-fluid .main-section {
    flex-direction: column;
    text-align: center;
    align-items: center;
    padding: 0px;
    padding-top: 15px;
  }
  .aboutus-fluid .content-part.without-image {
    width: 100%;
    margin: 0px auto;
  }
  .aboutus-fluid .content-part h1 {
    font-size: 3.2rem;
    line-height: 4.4rem;
  }
  .aboutus-fluid {
    padding: 30px 0px;
  }
  .aboutus-fluid .image-part {
    margin-bottom: 30px;
  }
  .hero-fluid .hero-main {
    height: auto;
    padding-bottom: 50px;
    align-items: center;
    flex-direction: column;
    min-height: 550px;
  }
  .hero-fluid .form-part {
    display: none;
  }
  .hero-fluid .hero-main .content-part {
    text-align: center;
    width: 100%;
    margin-top: 70px;
    margin-bottom: 50px;
  }
  .hero-fluid .monile-login {
    background-image: url(../img/bg.webp);
    opacity: 70%;
    display: block;
    padding: 16px 16px;
    gap: 24px;
    border-radius: 8px;
  }
  .footer-fluid {
    padding: 25px 15px;
    background-size: 130px 90px;
  }
  .hero-fluid .hero-main .content-part h1 {
    font-size: 3rem;
    line-height: 4.4rem;
    text-align: center;
  }
  .hero-fluid .hero-main .content-part p {
    font-size: 1.8rem;
    text-align: center;
  }
  .hero-fluid .hero-main .content-part .download ul li a img {
    max-width: 120px;
  }
  .hero-fluid .monile-login p {
    color: rgb(0 0 0);
  }
  .hero-fluid {
    background-image: url(../img/mob-bg.webp);
  }
  .header-fluid .logo-part img {
    max-width: 180px;
  }
  .header-fluid .logo-part {
    padding: 10px 0px;
  }
  .internal-header .top-section .logo-section img {
    max-width: 130px;
  }
  .internal-header .top-section .login-section {
    display: none;
  }
  .header-fluid.stick .navbar.navbar-expand-lg .navbar-brand {
    display: none;
  }
  .header-fluid .navbar-light .navbar-toggler .navbar-toggler-custom {
    font-size: 2rem;
    color: rgb(255 255 255);
  }
  .shop-fluid {
    padding: 30px 0px;
  }
  .shop-fluid .heading-part h2 {
    font-size: 32px;
  }
  .shop-fluid .card-section .card-part {
    margin-bottom: 20px;
    height: 333px;
  }
  .video-fluid {
    padding: 70px 0px;
  }
  .video-fluid .video-part {
    width: 100%;
  }
  .gemstones-fluid {
    padding: 40px 0px;
  }
  .gemstones-fluid .heading-part h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .featured-fluid .heading-part h2 {
    font-size: 32px;
  }
  .featured-fluid .card-section .row {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .featured-fluid .card-section .row::-webkit-scrollbar {
    height: 0px;
  }
  .featured-fluid .card-section .card-part {
    width: 300px;
  }
  .header-fluid .nav-item.dropdown .dropdown-menu:after {
    display: none;
  }
  .header-fluid .nav-item.dropdown .dropdown-menu {
    box-shadow: none;
  }
  .footer-fluid .list-part ul li a br {
    display: none;
  }
  .footer-fluid .list-part ul li a .ml-mobile {
    margin-left: 0px;
  }
  .copyright-fluid {
    margin-top: 20px;
  }
  .mailchamp-fluid .main-section {
    width: 100%;
    padding: 15px 0px;
  }
  .mailchamp-fluid {
    padding: 30px 0px;
  }
  .team-fluid {
    padding: 80px 0px 20px 0px;
    background-size: 100% 35%;
    background-repeat: no-repeat;
    background-position: 0px 2px;
  }
  .team-fluid .main-section {
    margin-top: 0px;
  }
  .team-fluid .left-part .image-part {
    margin-top: 30px;
    width: 100%;
    margin-bottom: 30px;
  }
  .team-fluid .left-part .heading-part p {
    width: 95%;
  }
  .Jewelry-fluid {
    padding: 30px 0px 30px 0px;
  }
  .Jewelry-fluid .heading-part {
    text-align: left;
    width: 100%;
  }
  .Jewelry-fluid .card-section ul {
    flex-direction: column;
  }
  .Jewelry-fluid .card-section ul li {
    width: 100%;
  }
  .shop-fluid .main-section .image-part .imgae-card {
    margin-bottom: 15px;
  }
  .Jewelry-fluid .card-section ul li a {
    bottom: 30px;
    left: 30px;
    font-size: 16px;
  }
  .shop-fluid .main-section .image-part .imgae-card .image-content {
    top: auto;
    left: 0%;
    transform: none;
    bottom: 0;
    text-align: left;
    align-items: baseline;
    height: 100%;
    padding-left: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 30px;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%
    );
  }
  .gemstones-fluid .main-section .image-part .imgae-card .image-content {
    top: auto;
    left: 0%;
    transform: none;
    bottom: 0;
    text-align: left;
    align-items: baseline;
    height: 100%;
    padding-left: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding-bottom: 30px;
    background: linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.8) 100%
    );
  }
  .shop-fluid .main-section .image-part .imgae-card:hover .image-content {
    top: auto;
    left: 5%;
    transform: none;
    bottom: 10%;
    text-align: left;
  }
  .shop-fluid .main-section .image-part .imgae-card .image-content h3 br {
    display: none;
  }
  .shop-fluid .main-section .image-part .imgae-card .image-content h3 {
    line-height: 32px;
    text-align: left;
    font-size: 24px;
  }
  .hero-fluid .hero-main .content-part a {
    font-size: 16px;
  }
  .shop-fluid .main-section .content-part h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .hero-fluid .hero-main .content-part h1 span {
    display: inline-block;
    margin-top: 10px;
    right: auto;
    left: 0%;
    transform: translate(-50%, 0);
    width: 100%;
    text-align: center;
  }
  .team-fluid .right-part .content-part a {
    font-size: 16px;
  }
  .team-fluid .left-part .heading-part h2 {
    line-height: 24px;
    font-size: 24px;
  }
  .newsletter-fluid .left-part h3 {
    line-height: 24px;
    font-size: 24px;
  }
  .Jewelry-fluid .heading-part h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .words {
    text-align: center;
    height: 50px;
    text-indent: 0px;
  }
  .top-header .top-section .left-part {
    width: 100%;
    display: none;
  }
  .top-header .top-section {
    flex-wrap: wrap;
    padding: 15px 0px;
  }
  .top-header .top-section .left-part ul {
    flex-direction: column;
  }
  .top-header .top-section .left-part ul li {
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .top-header .top-section .right-part {
    display: none;
  }
  .top-header .top-section .center-part .logo-part img {
    max-width: 140px;
  }
  .top-header .top-section .center-part {
    width: 50%;
    text-align: left;
  }
  #sticker {
    position: absolute;
    bottom: 10px;
    right: 20px;
  }
  .header-fluid .navbar-light .navbar-nav {
    align-items: start;
  }
  .header-fluid
    .navbar-light
    .navbar-nav
    .nav-item:nth-child(1)
    .nav-link:hover {
    background: rgb(28 61 108 / 5%);
    border: 0px solid rgb(255, 255, 255);
  }
  .header-fluid .navbar-light .navbar-nav .nav-item:nth-child(1) .nav-link {
    border: 0px solid rgb(255, 255, 255);
    padding: 12px 0px;
    gap: 10px;
    border-radius: 0px;
    margin-bottom: 0px;
  }
  .header-fluid .navbar-nav .nav-item:nth-last-child(1):hover .nav-link::after {
    display: inline;
  }
  .header-fluid .navbar-nav .nav-item:hover .nav-link::after {
    display: none;
  }
  .header-fluid .nav-item.dropdown .dropdown-menu .dropdown-item {
    font-size: 1.4rem;
    padding: 10px 10px;
  }
  .Jewelry-fluid .heading-part p br {
    display: none;
  }
  .shop-fluid .main-section .image-part .imgae-card .image-content a {
    text-align: left;
  }
  .shop-fluid .main-section .image-part .imgae-card img {
    height: 400px;
    object-fit: cover;
    width: 100%;
  }
  .newsletter-fluid {
    padding: 40px 15px;
  }
  #mc_embed_signup form {
    margin: 20px 0px 0px 0px !important;
  }
  .newsletter-fluid .right-part .form-section .input-part {
    width: 100%;
  }
  .newsletter-fluid .right-part .form-section {
    flex-direction: column;
  }
  .newsletter-fluid .right-part .form-section .button-part {
    width: 100%;
    margin-top: 15px;
  }
  .breadcum-fluid .main-section h1 {
    font-size: 24px;
    line-height: 28.4px;
  }
  .jewelry-part .jewelry-card .card-main {
    height: 400px;
  }
  .jewelry-part .jewelry-card {
    height: auto;
    margin-bottom: 10px;
    overflow: initial;
  }
  .jewelry-part .jewelry-card h2.hidepart {
    display: none;
  }
  .jewelry-part .jewelry-card .content-part.first {
    background: transparent;
    padding: 20px 0px;
    position: relative;
  }
  .jewelry-part .jewelry-card .content-part h2 {
    color: #000000;
  }
  .jewelry-part .jewelry-card .content-part p {
    color: #000000;
  }
  .jewelry-part .jewelry-card .content-part.second {
    bottom: 0;
    background: transparent;
    position: inherit;
    padding: 20px 0px;
  }
  .causes-fluid {
    padding: 0px 0px 20px 0px;
  }
  .contactus-fluid .left-part {
    margin-bottom: 30px;
  }
  .WidgetBackground__Container-sc-1ho7q3r-0.bVzsfG {
    padding: 0px !important;
  }
  .contactus-fluid .right-part .heading h3 {
    font-size: 20px;
    line-height: 32px;
  }
  .contactus-fluid .left-part .heading h3 {
    font-size: 20px;
    line-height: 32px;
  }
  .slick-slide {
    margin: 0px 10px;
  }
  .ourservice-fluid {
    padding: 0px 0px 30px 0px;
  }
  .partnership-fluid h3 {
    text-align: left;
  }
  #gallery {
    padding: 20px 0px 20px 0px;
  }
  .expert-fluid .card-part a img {
    left: 20px;
  }
  .expert-fluid .card-part .content-part h3 {
    font-size: 22px;
  }
  .expert-fluid .card-part {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .help-fluid h3 {
    font-size: 20px;
    line-height: 32px;
  }
  .causes-fluid h3 {
    font-size: 20px;
    line-height: 32px;
  }
  .testimonial-fluid .height180 {
    height: 250px;
  }
  .testimonial-fluid .height260 {
    height: 350px;
  }
  .academy-fluid .top-content {
    width: 100%;
  }
  .academy-fluid .academy-part .jewelry-card {
    margin-bottom: 100px;
    position: relative;
  }
  .academy-fluid .academy-part .jewelry-card .image-part {
    position: initial;
    overflow: hidden;
  }
  .academy-fluid .academy-part .jewelry-card .learn-more {
    left: -0%;
    bottom: -70px;
    top: auto;
    background: transparent;
    align-items: end;
  }
  .privacy-fluid {
    padding: 30px 0px;
  }
  .moborder1 {
    order: 1;
  }
  .moborder2 {
    order: 2;
  }

  .right-tabpart .heading-part h2 .fa {
    display: block;
    float: right;
    font-size: 20px;
  }
  .right-tabpart .tablist {
    height: 0;
    transition: 0.3s;
  }
  .right-tabpart .tablist.active {
    height: 100%;
    transition: 0.3s;
  }
  .causes-fluid .left-part {
    margin-top: 30px;
  }
  .breadcum-fluid .main-section ul {
    flex-wrap: wrap;
  }
  .circle-animation1,
  .circle-animation11,
  .circle-animation2,
  .circle-animation3,
  .circle-animation33,
  .circle-animation4 {
    display: none;
  }
  .shopdiamonds-fluid .shop-section .main-section .right-part {
    padding: 15px 15px;
    width: 100%;
  }
  .shopdiamonds-fluid .shop-section .main-section .right-part .heading h2 {
    font-size: 26px;
    line-height: 32px;
  }
  .shopdiamonds-fluid .shop-section .main-section .right-part .animation {
    flex-direction: column;
  }
  .shopdiamonds-fluid .shop-section .main-section .right-part .animation p {
    margin-left: 0px;
    margin-top: 20px;
    font-size: 18px;
    line-height: 27px;
  }
  .shopdiamonds-fluid
    .shop-section
    .main-section
    .right-part
    .content-part.height120 {
    margin-top: 120px;
  }
  .shopdiamonds-fluid .shop-section .main-section .year150 {
    position: absolute;
    bottom: 210px;
    width: 90%;
    left: 3%;
  }
  .shopdiamonds-fluid .shop-section.first,
  .shopdiamonds-fluid .shop-section.second,
  .shopdiamonds-fluid .shop-section.third,
  .shopdiamonds-fluid .shop-section.fourth {
    background-image: url(../img/shop-diamond/natural/bg.png);
  }
  .hero-fluid .hero-main .content-part p br {
    display: none;
  }
  .copyright-fluid .main-section p {
    width: 100%;
  }
  .copyright-fluid .main-section p:nth-child(1) {
    text-align: center;
  }
  .copyright-fluid .main-section p:nth-child(2) {
    text-align: center;
  }
  .copyright-fluid .main-section p:nth-child(3) {
    text-align: center;
  }
  .firstchoice1-fluid .content-part .right-part {
    padding: 10px 0px 0px 10px;
    margin-top: 20px;
  }
  .firstchoice2-fluid .main-section {
    background: #f0f0f0;
    padding: 10px 10px;
    border-radius: 10px;
  }
  .firstchoice2-fluid .card-section {
    width: 100%;
    margin-top: 30px;
  }
  .firstchoice2-fluid .card-section .card-part {
    margin-bottom: 20px;
  }
  .firstchoice1-fluid .content-part {
    margin-top: 0px;
  }
  .firstchoice2-fluid {
    padding-bottom: 0px;
  }
  .firstchoice1-fluid .content-part .left-part {
    margin-top: 20px;
  }
  .causes-fluid .left-part p.tableformat {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
  }
  .causes-fluid .left-part p.tableformat b,
  .causes-fluid .left-part p.tableformat span {
    width: 100%;
  }
  .gemstones-fluid .main-section .image-part .imgae-card .image-content h3 {
    font-size: 24px;
    line-height: 32px;
  }
  .modal-banner .modal-dialog {
    width: 100%;
    max-width: 100%;
  }
  .breadcum-fluid {
    padding: 80px 0px 26px 0px;
  }
  .bloglist-fluid .card-section {
    margin-bottom: 30px;
  }
  .bloglist-fluid {
    padding: 10px 0px 10px 0px;
  }
  .right-tabpart {
    margin-bottom: 20px;
  }
  .blog-details {
    padding: 0px 0px 20px 0px;
  }
  .blog-slider .heading-part h2 {
    font-size: 24px;
    line-height: 30px;
  }
  .blog-slider .item-slider .owl-nav {
    position: absolute;
    top: 30%;
    left: 0;
    right: auto;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .blog-slider .item-slider .owl-nav .owl-prev,
  .blog-slider .item-slider .owl-nav .owl-next {
    margin-left: 0px;
  }
  .social-media {
    text-align: center;
    margin-bottom: 20px;
  }
  .blog-details h3 {
    font-size: 20px;
    line-height: 32.4px;
  }
  .social-media ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
  }
  .make-me-sticky {
    position: initial;
  }
}

@media all and (max-width: 600px) {
  .shopdiamonds-fluid .shop-section .main-section .year150 {
    position: absolute;
    bottom: 300px;
    width: 90%;
    left: 5%;
  }
  .right-tabpart .heading-part h2 {
    font-size: 16px;
  }
  .bloglist-fluid .card-section .content-part h3 {
    -webkit-line-clamp: 3;
  }
}
@media all and (max-width: 520px) {
  .firstchoice1-fluid .button-part a:nth-child(1) {
    margin-right: 0px;
    width: 100%;
  }
  .firstchoice1-fluid .button-part a:nth-child(2) {
    margin-left: 0px;
    width: 100%;
  }
  .modal-banner .modal-dialog {
    width: 100%;
    max-width: 100%;
  }
  .modal-banner .checkbox {
    width: 100%;
    text-align: center;
  }
}