@media only screen and (max-width: 767px) {

    #product-details {
        grid-template-columns: repeat(1, 1fr) !important;
        gap: 25px;
    }

    .about-sec {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
        gap: 0px;
    }

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

    .collection-grid-1 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
        background: #8b8b8b29;
        /* padding: 20px; */
        border-radius: 20px;
        gap: 25px;
    }

    .db {
        display: none;
    }

    .hero-style .slide-title h2 {
        font-size: 45px !important;
        line-height: 50px;
    }

    h2 {
        font-size: 32px !important;
    }

    .grid-stock {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        text-transform: uppercase;
        color: #fff;
    }

    .section2 {
        position: relative;
        margin: 0;
        background: transparent;
        width: 100%;
        /* height: 100vh; */
        display: grid;
        place-self: center;
        place-content: center;
        grid-template-columns: repeat(1, 1fr);
        grid-template-areas: "headert headert"
            "textitem fancygrid";
        gap: 50px 0px;
        perspective: none;
    }

    .rnv-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
        align-items: center;
    }

    .grid-tech {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
        align-items: center;
    }

    .grid-tech img {

        width: 120px;

    }

    .footer-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .counter-d {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
        padding-top: 50px;
    }

    .modal-content {
        width: 100% !important;
    }

    .phylosopy {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .about-why-sec {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        align-items: center;
    }

    .icon-shape {
        position: relative;
        width: 20px;
        height: 20px;
    }

    .product-pad {
        padding: 50px 10px 0px;
    }

    .fancygrid {
        grid-area: auto;
        position: relative;
        display: grid;
        place-content: center;
        /* grid-template-columns: 32% 32% 32%; */
        grid-template-areas: "pr1 pr2 pr3"
            "pr1 pr4 pr3"
            "pr5 pr4 pr6 ";
        background: transparent;
        width: 100%;
        height: auto;
        margin: 0;
        transform: rotateY(-11deg);
        gap: 9px;
        display: flex;
        flex-direction: column;
    }

    .about-heading h1 {
        font-size: 32px;
    }

    .textitem {
        position: relative;
        grid-area: textitem;
        width: auto;
        height: auto;
        background: transparent;
        display: block;
        /* font-size: 72px; */
        overflow: visible;
    }

    .counter-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        padding: 20px 0 30px;
    }

    .enviromet img {
        width: 100%;
        margin: auto;
    }

    .collection- {
        padding: 50px 0px;
        background-color: #000;
        color: #fff;
    }

    .coll-data {
        padding: 0px 10px;
    }

    .spc-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    #product-details {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .footer {
        padding-bottom: 20px;
        border: 2px solid #f5f5f5;
        padding: 20px;
    }
.colection-grid{
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 20px;
}
.sub-flex-g{
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 10px;
}
    .pl-100 {
        padding-left: 0px;
    }
    .grid-stock{
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 50px;
}
  .glide__slide img {
    height: auto;
    object-fit: contain;
    width: 100%;
}
.quartz-grid-new{
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 20px;
}
.card--noShadow, .card--noShadow:hover{
    padding: 10px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .grid-stock {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
        text-transform: uppercase;
        color: #fff;
    }
    .colection-grid{
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 20px;
}
.sub-flex-g{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 10px;
}
    .quartz-grid-new{
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: 20px;
}
    .rnv-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
    align-items: center;
}
    #product-details {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
.glide__slide img {
    height: auto;
    object-fit: contain;
    width: 100%;
}
    .spc-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .footer-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 50px;
    }

    .counter-d {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
        padding-top: 50px;
    }

    .phylosopy {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
    }

    .about-why-sec {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
        align-items: center;
    }

    .collection-grid-1 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
        background: #8b8b8b29;
        /* padding: 20px; */
        border-radius: 20px;
        gap: 15px;
    }
.grid-stock{
  display: grid;
  grid-template-columns: repeat(1,1fr);
  gap: 50px;
}
    .section2 {

        display: flex;
        flex-direction: column;
        gap: 50px;
        perspective: none;
        padding: 50px 0;
    }

    .fancygrid {
        width: 100%;
    }

    .section {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .card--noShadow,
    .card--noShadow:hover {
        width: 100%;
    }

    .flex--4 {
        max-width: 100%;
    }

    .flex--3 {
        max-width: 100%;
    }

    .flex--2 {
        max-width: 100%;
    }

    .section-add {
        padding: 50px 10px;
    }

    .grid-layout {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
        padding-bottom: 50px;
    }

    .cont-soc {
        display: flex;
        gap: 15px;
        padding-bottom: 50px;
    }


}
.parallax-paragraph h1{
    text-align: center;
}