@media(min-width:1600px) {
    .container {
        max-width: 1600px;
    }
}

@media(max-width:1600px) {
    :root {
        --fs-80: 70px;
        --lh-90: 80px;
        --fs-35: 30px;
        --lh-42: 36px;
        --fs-25: 20px;
        --fs-70: 60px;
        --lh-75: 70px;
        --fs-40: 30px;


    }






    .slider-grid {
        height: 720px;
    }

    ul.mainnav-links {
        gap: 20px;
    }


    .universal-btn a {
        font-size: 16px;
        padding: 14px 40px;
    }

    .inside-data .universal-btn {
        padding-top: 20px;
    }

    .about-images {
        max-width: 730px;
    }

    .isnide-ab {
        padding: 20px 40px;
    }

    .about-content {
        top: 47%;
        max-width: 641px;
        width: 100%;
        right: 8%;
        transform: translate(9%, -50%);
    }

    section.homeabout-sec {
        padding: 70px 0px;
    }

    img.homeabout-overlays {
        max-width: 700px;
    }

    .about-content .universal-btn {
        padding-top: 20px;
    }

    .center-titles {
        padding-bottom: 50px;
    }

    img.overalys-img.fish {
        max-width: 500px;
    }

    img.overalys-img.seeds {
        max-width: 200px;
    }

    img.overalys-img.gift {
        max-width: 350px;
    }

    section.homecollections-sec {
        padding: 65px 0px;
    }

    .peralsslider-images {
        height: 635px;
    }

    .inside-pearls {
        min-height: 525px;
        max-width: 600px;
    }

    img.overalys-img.goldenfish {
        max-width: 350px;
    }

    img.overalys-img.spoon {
        max-width: 250px;
    }

    section.slectbycat-sec {
        padding: 60px 0px;
    }

    .gridtabs-contnets {
        gap: 30px;
    }

    section.testimonial-sec {
        padding: 70px 0px;
    }

    .testimonial-holders .universal-btn {
        padding-top: 50px;
    }

    img.overalys-img.flesh {
        max-width: 270px;

    }

    img.overalys-img.goldenfishtesti {
        max-width: 600px;
        right: -20%;
    }

    .universal-input,
    .checkbox-holders {
        margin-bottom: 20px;
    }

    section.instrgram-sec {
        padding: 70px 0px;
    }

    img.instagram-overlay {
        max-width: 450px;
    }

    .grid-footer {
        gap: 70px;
    }

    .top-footer {
        padding: 60px 0px;
    }

    .gridcopyrights {
        justify-content: center;
        text-align: center;
    }

    img.footer-fish {
        max-width: 650px;
    }

    .mySwipercollectionsinside .swiper-button-next,
    .mySwipercollectionsinside .swiper-button-prev {
        height: 40px;
        width: 40px;
    }

    .mySwipercollectionsinside .swiper-button-next:after,
    .mySwipercollectionsinside .swiper-button-prev:after {
        font-size: 18px;
    }

    section.collection-sec {
        padding: 10px 0px 50px 0px;
    }

    section.banner-sec {
        min-height: 450px;
    }

    .produts-imagee {
        height: 195px;
    }

    .section-padding {
        padding: 60px 0px;
    }
}

@media(max-width:1400px) {
    :root {
        --fs-80: 60px;
        --lh-90: 75px;
        --fs-35: 25px;
        --lh-42: 32px;
        --fs-70: 45px;
        --lh-75: 52px;
        --fs-30: 25px;
        --lh-44: 35px;
        --fs-40: 25px;
        --fs-20: 18px;


    }

    .slider-grid {
        height: 641px;
    }

    ul.mainnav-links {
        gap: 20px;
    }

    .main-logo {
        max-width: 95px;
    }

    .universal-btn a {
        font-size: 15px;
        padding: 10px 30px;
    }

    ul.mainnav-links li a {
        font-size: 16px;
    }

    .inside-data {
        max-width: 440px;
    }

p,
.tradition-list li,ul.caviar-list li {
        font-size: 15px;
        line-height: 25px;
    }

    .about-images {
        max-width: 560px;
    }

    .isnide-ab {
        padding: 20px;
    }

    .about-content {
        top: 45%;
        max-width: 660px;
    }

    img.homeabout-overlays {
        max-width: 500px;
    }

    .fs-35 {
        padding-bottom: 15px;
    }

    section.homeabout-sec {
        padding: 60px 0px;
    }

    .peralsslider-images {
        height: 500px;
    }

    .inside-pearls {
        min-height: 350px;
        max-width: 430px;
    }

    .fs-25 {
        padding-bottom: 15px;
    }

    img.overalys-img.goldenfish {
        max-width: 300px;
    }

    img.overalys-img.spoon {
        max-width: 200px;
    }

    .gridtabs-contnets,
    .tab-holdress .universal-btn {
        padding-top: 35px;
    }

    .paring-holders {
        max-width: 440px;
        height: 565px;

    }

    .grid-suggestion {
        max-width: 930px;
    }

    header.custom-header.shownav .main-logo {
        max-width: 70px;
    }

    ul.mainnav-links {
        padding-top: 10px;
    }

    section.pairingsuggestion-sec {
        padding: 50px 0px;
    }

    .paring-content {
        padding: 20px 10px;
    }

    .fs-40 {
        padding-bottom: 15px;
    }

    .center-titles {
        padding-bottom: 40px;
    }

    img.testimonial-symbols {
        max-width: 100px;
    }

    .testmonial-data {
        padding-top: 15px;
        padding-left: 15px;
    }

    .testimonial-holders .universal-btn {
        padding-top: 30px;
    }

    img.overalys-img.flesh {
        max-width: 200px;
    }

    section.testimonial-sec {
        padding: 60px 0px;
    }

    .grid-book {
        gap: 60px;
    }

    .form-holders .fs-35 {
        padding-bottom: 30px;
    }

    .universal-input input,
    .universal-input select,
    .form-holders label,
    .submit-btn input {
        font-size: 15px;
        line-height: normal;
    }

    .universal-input input,
    .universal-input select,
    .submit-btn input {
        height: 40px;
        padding: 10px;
    }

    section.instrgram-sec {
        padding: 50px 0px;
    }

    img.instagram-overlay {
        max-width: 350px;
    }

    .grid-footer {
        gap: 40px;
    }

    .footer-logo {
        max-width: 120px;
        margin-bottom: 20px;
    }

    ul.footer-link li a {
        font-size: 15px;
        line-height: normal;
    }

    .explore-links {
        max-width: 200px;
    }

    .footer-logoholders {
        max-width: 300px;
    }

    .top-footer {
        padding: 50px 0px;
    }

    .social-media {
        gap: 20px;
    }

    .social-media img {
        max-width: 35px;
    }


    .copy-rights {
        padding: 10px 0px;
    }

    img.footer-fish {
        max-width: 550px;
    }

    ul.mainnav-links {
        gap: 20px;
    }



    section.banner-sec {
        min-height: 400px;
    }

    .mySwipercollectionsinside .swiper-button-next,
    .mySwipercollectionsinside .swiper-button-prev {
        height: 35px;
        width: 35px;
    }

    .sliders-btns {
        gap: 20px;
    }

    .insideproducts-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}

@media(max-width:1199px) {
    :root {
        --fs-80: 50px;
        --lh-90: 70px;
        --fs-70: 35px;
        --lh-75: 45px;
    }

    .slider-images,
    .slider-conten {
        position: static;
    }

    .slider-conten {
        transform: initial;

    }

    .inside-data {
        color: #000000 !important;
        margin: 0;
        max-width: 100%;
        width: 100%;
        text-align: center;
    }

    .slider-grid {
        height: auto;
    }

    .fs-80 {
        padding-bottom: 10px;
    }

    .inside-data .universal-btn {
        padding-top: 20px;
    }

    .mySwiperhomeslider .swiper-wrapper .swiper-slide:nth-child(even) .universal-btn a {
        background: var(--color-333);
        color: var(--color-white);
    }

    .about-content {
        position: static;
        transform: none;
    }

    .about-holders {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 30px;
    }

    .isnide-ab {
        text-align: center;
    }

    .collection-holders .universal-btn {
        padding-top: 30px;
    }

    img.overalys-img.fish {
        max-width: 400px;
    }

    img.overalys-img.seeds {
        max-width: 150px;
    }

    img.overalys-img.gift {
        max-width: 250px;
    }

    section.homecollections-sec {
        padding: 40px 0px;
    }

    .center-titles {
        padding-bottom: 30px;
    }

    .peralsslider-images {
        height: 400px;
    }

    .fs-70 {
        padding-bottom: 15px;
    }

    section.slectbycat-sec {
        padding: 40px 0px;
    }

    section.testimonial-sec {
        padding: 40px 0px;
    }

    .form-holders .fs-35 {
        padding-bottom: 20px;
    }

    .universal-input,
    .checkbox-holders {
        margin-bottom: 10px;
    }

    .grid-checkbox {
        gap: 5px;
    }

    .checkbox-holders {
        padding: 10px;
    }

    section.instrgram-sec {
        padding: 40px 0px;
    }

    .social-media {
        margin: 0;
        padding-top: 30px;
    }

    .grid-footer {
        gap: 30px;
        flex-wrap: wrap;
    }

    img.footer-fish {
        bottom: -22%;
    }

    ul.mainnav-links {
        gap: 20px;
        flex-direction: column;
        align-items: start;
        padding-top: 0;
    }

    .menu-icon,
    .margin-top.home {
        display: block;
    }


    ul.m .main-logo {
        margin: 0;
    }

    .grid-logo {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .bottom-header {
        display: none;
        padding-top: 20px;
        height: 70vh;
        overflow-y: scroll;
        padding-bottom: 40px;
    }

    header.custom-header {
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(3px) saturate(48%);
        background: var(--color-golden);
        padding: 5px 0px;
    }

    header.custom-header .main-logo img {
        filter: invert(21) brightness(50.5);
    }

    .top-header {
        border: none;
        padding: 0;
    }

    ul.mainnav-links {
        gap: 10px;
    }

    ul.mainnav-links li a {
        color: #fff;
        font-weight: 400;
    }

    .main-logo {
        max-width: 85px;
        margin: 0;
    }

    ul.mainnav-links li {
        border-bottom: 1px dashed #fff;
        width: 100%;
        padding-bottom: 10px;
    }

    li.menu-item-has-children::after {
        width: 10px;
        height: 10px;

    }

    ul.sub-menu {
        position: static;
        display: block;
        width: 100%;
        background: #fff !important;
    }

    ul.mainnav-links ul.sub-menu li a {
        color: #000 !important;
    }

    ul.mainnav-links ul.sub-menu {
        margin: 10px 0px;
    }

    ul.mainnav-links li a {
        font-size: 15px;
    }

    li.menu-item-has-children::after {
        right: 10px;
    }

    .nav-grid .current-menu-items a {
        font-weight: 700 !important;
        color: #fff !important;
    }
}

@media(max-width:991px) {
    :root {
        --fs-80: 45px;
        --lh-90: 60px;
        --fs-40: 20px;

    }

    section.homeabout-sec {
        padding: 50px 0px;
    }



    .tab-holdress .tabs ul {
        gap: 20px;
    }

    ul.mainnav-links li a::after {
        display: none;
    }

    .paring-holders {
        max-width: 340px;
        height: 480px;
    }

    .fs-40 {
        padding-bottom: 10px;
    }

    .grid-book {
        flex-direction: column;
        gap: 30px;
    }

    .cheif-image {
        max-width: 300px;
    }

    img.book-bgimage {
        top: 0;
    }

    .form-holders {
        padding: 30px 0px 20px 0px;
    }

    .title-main {
        max-width: 100%;
        position: static;
    }

    section.collection-sec {
        padding: 40px 0px;
    }

    .mySwipercollectionsinside {
        display: flex;
        flex-direction: column-reverse;
    }

    .sliders-btns {
        margin-bottom: 0;
        margin-top: 25px;
        justify-content: center;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 0;
    }

    .title-main {
        text-align: center;
        padding-bottom: 30px;
    }

    .about-banner {
        max-width: 600px;
    }

    .insideproducts-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-gridss {
        max-width: 200px;
    }

    .allproducts-holders {
        max-width: 500px;
    }

    .products-here {
        padding: 10px;
    }

    .section-padding {
        padding: 50px 0px;
    }

    .grid-abouts,
    .oddeven-grid .grid-abouts:nth-child(even) {
        flex-direction: column;
        gap: 30px;
    }

    .about-imagess,
    .allabout-caviar {
        max-width: fit-content;
        margin: 0 auto;
    }

    section.abouthere-sec {
        padding: 40px 10px;
    }

    .oddeven-grid {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .about-imagess {
        max-width: 600px;
    }

    .inside-holdersabout {
        max-width: 700px;
    }

    .center-titles {
        max-width: 767px;
    }
}

@media(max-width:767px) {
    :root {
        --fs-80: 35px;
        --lh-90: 50px;
        --fs-25: 18px;
        --fs-70: 30px;
        --lh-75: 45px;
        --fs-30: 22px;
        --lh-44: 30px;

    }

    section.homeabout-sec {
        padding: 40px 0px;
    }

    .fs-35 {
        padding-bottom: 10px;
    }

    img.overalys-img.fish {
        display: none;
    }

    .peralsslider-images {
        height: auto;
    }

    .pearels-contents {
        position: static;
        transform: none;
        /* From https://css.glass */
        background: rgb(0, 0, 0);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        padding: 20px 0px;

    }

    .peralsslider-images img {
        height: auto;
        width: initial;
    }

    .inside-pearls {
        min-height: auto;
        text-align: center;
        max-width: fit-content;
        margin: 0 auto;
    }

    .fs-70 {
        padding-bottom: 10px;
    }

    .gridtabs-contnets {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .tab-holdress .tabs ul {
        gap: 15px;
    }

    .grid-suggestion {
        gap: 30px;
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    img.overalys-img.goldenfishtesti {
        display: none;
    }

    .top-footer {
        padding: 40px 0px;
    }

    .footer-logoholders {
        max-width: 100%;
        text-align: center;
    }

    .footer-logo {
        max-width: 120px;
        margin: 0 auto;
        margin-bottom: 20px;
    }

    .social-media {
        padding-top: 20px;
    }

    img.footer-fish {
        bottom: 0;
        right: initial;
        left: 0;
    }

    .grid-productssmain {
        flex-direction: column;
    }

    .filter-gridss {
        max-width: 100%;
    }

    .about-foubders {
        padding-bottom: 30px;
    }
}

@media(max-width:575px) {
    :root {
        --fs-80: 30px;
        --lh-90: 45px;
    }

    .inside-data .universal-btn {
        padding-top: 10px;
    }

    .mySwipercollections {
        padding: 0px 35px;
    }

    .gridtabs-contnets {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    img.overalys-img.gift {
        bottom: -2%;
    }

    .explore-links {
        max-width: fit-content;
    }

    .section-padding {
        padding: 40px 0px;
    }

    .box {
        max-width: 260px;
        margin-bottom: 30px;
    }
}

@media(max-width:425px) {
    .gridtabs-contnets {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .insideproducts-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}