@media (max-width: 767px) {

    .about-sect {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
        align-items: center;
    }
    .collection-sec {
        display: grid;
        grid-template-columns: 1fr;
        gap: 25px;
        padding-bottom: 25px;
    }
    .collection-sec-rev {
        display: grid;
        grid-template-columns: 1fr;
        gap: 25px;
        padding-bottom: 25px;
    }
    .stepto {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
    }
    .tile-sizes-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    .uniqu-design {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 50px;
    }
        .content-box {
        padding-left: 0px;
    }
    .footer-grid {
        display: grid;
        gap: 25px;
        grid-template-columns: 1fr;
        border-bottom: 1px solid #bd9f805e;
        padding-bottom: 25px;
    }
    .footer-copy {
        display: flex;
        justify-content: space-between;
        padding-top: 25px;
        text-decoration: none;
        flex-direction: column;
        gap: 25px;
    }
    .grid-about {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
    }
        .pos-rel {
        position: relative;
        top: 0px;
    }
    .navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #000000e8;
    border: none;
    border-color: none;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out;
    filter: invert(1);
}
.slide-content h1 {
    font-size: 45px;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    color: #fff;
}


.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.55);
    border-color:transparent  !important;
}
h2 {
    font-size: 31px !important;
    font-weight: 700;
    font-family: "aftika-bold";
}
}


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

    .navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #000000e8;
    border: none;
    border-color: none;
    border-radius: .25rem;
    transition: box-shadow .15s ease-in-out;
    filter: invert(1);
}


.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.55);
    border-color:transparent  !important;
}
.about-sect {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
    align-items: center;
}
.pos-rel {
    position: relative;
    top: 0px;
}
.collection-sec {
        display: grid;
        grid-template-columns: 1fr;
        gap: 25px;
        padding-bottom: 25px;
    }
    .collection-sec-rev {
        display: grid;
        grid-template-columns: 1fr;
        gap: 25px;
        padding-bottom: 25px;
    }
    .stepto {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
}
.uniqu-design {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px;
}
.content-box {
    padding-left: 20px;
}
.footer-grid {
    display: grid;
    gap: 25px;
    grid-template-columns: repeat(2,1fr);
    border-bottom: 1px solid #bd9f805e;
    padding-bottom: 25px;
}
}