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

    /* Section 1 */
    .swiper-pagination.swiper-pagination-banner-swiper {
        top: 75%;
        left: 13%;
    }

    /* Section 8 */
    .grid_sect8>div:nth-child(1) {
        width: 70%;
    }

    /* Section 10,11 */
    .our_project_content_1>div:nth-child(1) .section-bannertitle h2,
    .our_project_content_1>div:nth-child(1) .section-bannertitle h2>span {
        font-size: 6.8rem;
    }

    .our_project_content_3>div:nth-child(1) {
        width: 40%;
    }


    /* About Paage ********************************************************************************** */

    /* Section 1 */

    .stonedge-section-about .about-heading {
        width: 62%;
    }

    /* Section 6 */
    .stonedge-section-6-about .sect6-text {
        width: 80%;
    }

}

@media only screen and (max-width:1440px) {
    html {
        font-size: 14px;
    }

    /* Section 10,11 */
    .our_project_content_4 {
        width: 30%;
    }

    .our_project_content_5 {
        width: 60%;
    }

    .our_project_content_5>div:nth-child(2) {
        width: 60%;
    }

    .our_project_content_7>div:nth-child(2) {
        width: 40%;
    }

    .our_project_content_8 {
        width: 40%;
    }

    /* About Page **** */

    /* Section 1 */

    .stonedge-section-about .about-heading {
        width: 65%;
    }

    /* Section 9 */

    .stonedge-section-9-about .sect8-swiper-grid {
        width: 90%;
    }

    /* product Page  */
    .product-banner {
        width: 75%;
    }

    .grid-sect2-product {
        width: 90%;
    }

    /* project Page  */
    .stonedge-section-1-project .flex-row-sect1>div:nth-child(2) {
        width: 70%;
    }
}

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

    /* Section 10,11 */
    .our_project_content_1>div:nth-child(1) .section-bannertitle h2,
    .our_project_content_1>div:nth-child(1) .section-bannertitle h2>span {
        font-size: 6.5rem;
    }

    .our_project_content_1>div:nth-child(1) {
        left: 8%;
    }

    .our_project_content_3 {
        width: 50%;
    }

    .our_project_content_7>div:nth-child(2) {
        width: 45%;
    }

    .stonedge-section-10-home {
        padding-bottom: 15rem;
    }

    .stonedge-section-11-home {
        padding-top: 20rem;
    }

    .our_project_content_6 {
        bottom: -21rem;
    }

    /* About Page */

    /* Section 1 */

    .stonedge-section-about .about-heading {
        width: 70%;
    }

    /* Section 3 */

    .section-bannertitle h2 {
        font-size: 6rem;
    }

    .section-bannertitle h2>span.black-text {
        font-size: 6rem;
    }

    .section-bannertitle h2>span {
        font-size: 6rem;
    }

    /* Section 6 */

    .stonedge-section-6-about .sect6-text {
        width: 65%;
    }

    /* Product Page */
    .product-banner {
        width: 70%;
    }

}

@media only screen and (max-width:1280px) {
    html {
        font-size: 12px;
    }

    /* Section 10,11 */
    .our_project_content_1>div:nth-child(1) {
        width: 50%;
    }

    .our_project_content_3 {
        transform: translateY(5rem);
    }

    .our_project_content_3>div:nth-child(1) {
        width: 60%;
    }

    /* About Page */

    /* Section 1 */

    .stonedge-section-about .about-heading {
        width: 65%;
    }

    /* Section 7 */

    .stonedge-section-7-about .section-title-2 h2 {
        font-size: 12rem;
    }

    /* Project Page */
    .stonedge-section-1-project .flex-row-sect1>div:nth-child(2) {
        width: 63%;
    }

}

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

    /* Section 5 */
    .grid-company>div {
        padding: 4rem;
    }

    /* Section 10,11 */
    .our_project_content_7>div:nth-child(2) {
        width: 60%;
    }

    .our_project_content_1>div:nth-child(1) {
        width: 55%;
    }

    /* About Page */

    .stonedge-section-about .about-heading {
        width: 65%;
    }

    /* product Page */
    .product-banner {
        width: 80%;
    }

    .grid-sect2-product {
        width: 95%;
    }

    .product_detail-img-3 {
        padding: 12rem 0 2rem;
    }

    /* project Page */
    .stonedge-section-1-project .flex-row-sect1>div:nth-child(2) {
        width: 75%;
    }
}

@media only screen and (max-width:1024px) {
    html {
        font-size: 10px;
    }

    .our_project_content_1>div:nth-child(1) {
        width: 50%;
    }

    /* Section 6 */
    .stonedge-section-6-about .sect6-text {
        width: 60%;
    }

    /* product Page */
    .product-banner {
        width: 75%;
    }

    .grid-sect2-product {
        grid-template-columns: repeat(3, 1fr);
    }

    /* project Page */
    .stonedge-section-1-project .flex-row-sect1>div:nth-child(2) {
        width: 65%;
    }

}

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

    .section-small-font a span,
    .section-small-font p {
        font-size: 1.2rem;
    }

    .section-content-bold h3 {
        font-size: 1.9rem;
    }

    .visible-tab-mobile {
        display: block !important;
    }

    .hide-tab-mobile {
        display: none !important;
    }

    .our_project_content_1>div:nth-child(1) .section-bannertitle h2,
    .our_project_content_1>div:nth-child(1) .section-bannertitle h2>span,
    .section-bannertitle h2>span,
    .section-bannertitle h2 a span,
    .section-bannertitle h2 {
        font-size: 5rem;
    }

    .section-bannertitle h2>span {
        -webkit-text-stroke-width: 1px;
    }

    .main-container,
    .main-container-2 {
        width: 90%;
        margin: 0 auto;
    }

    .main-section-padding {
        padding: 4rem 0;
    }

    .main-padding-bottom {
        padding: 0 0 4rem;
    }

    /* header */
    .header-flex {
        align-items: center;
    }

    /* footer */
    .footer-flex-three.flex-gap-high {
        gap: 1rem 2rem;
    }

    .footer-arrow {
        font-size: 6.25rem;
    }

    .lets-talk {
        height: 60vh;
    }

    /* section 1 */
    .swiper-pagination.swiper-pagination-banner-swiper {
        top: 80%;
        left: 13%;
    }

    /* section 2 */
    .flex_sect2 {
        flex-direction: column;
    }

    .flex_sect2>div:nth-child(2) {
        width: 100%;
    }

    /* section 3 */
    .flex_sect5 {
        width: 100%;
    }

    /* section 6 */
    .flex_sect6.flex-row {
        flex-direction: column;
    }

    .usecases-swiper {
        width: 100%;
    }

    .flex_sect2>div:nth-child(1) {
        width: 40%;
    }

    /* section 8 */
    .grid_sect8 {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        gap: var(--small-gap-size);
    }

    /* section 6 */
    .navigation_usecase {
        right: 7rem;
    }

    /* section 9 */
    .flex-row-sect9 {
        flex-direction: column;
    }

    .flex-row-sect9>div:nth-child(1),
    .flex-row-sect9>div:nth-child(2) {
        width: 100%;
    }

    .content {
        font-size: 14rem;
    }

    /* section 10,11 */
    .our_project_content_1 {
        flex-direction: column;
        width: 100%;
        gap: var(--high-gap-size);
    }

    .our_project_content_1>div:nth-child(1),
    .our_project_content_1>div:nth-child(2) {
        width: 90%;
        transform: unset;
        margin: 0 auto;
        position: relative;
        top: unset;
        left: unset;
    }

    .our_project_content_3 {
        justify-content: unset;
    }

    .our_project_g1 {
        flex-direction: column;
    }

    .our_project_content_3 {
        transform: translateY(0);
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .our_project_g2 {
        flex-direction: column;
    }

    .our_project_content_5 {
        align-items: flex-start;
        flex-direction: column;
    }

    .our_project_content_6 {
        position: relative;
        bottom: unset;
        right: unset;
        padding-top: 4rem;
    }

    .our_project_content_6 h2,
    .our_project_content_6 span,
    .our_project_content_6 p {
        color: var(--white-color);
    }

    .our_project_content_7 {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--common-gap-size);
    }

    .flex-gap-big.our_project_g4,
    .our_project_g2,
    .our_project_g3 {
        gap: var(--high-gap-size);
    }

    .our_project_g1,
    .our_project_g2,
    .our_project_g3 {
        padding: 0;
    }

    .our_project_g1>div,
    .our_project_content_3>div:nth-child(1),
    .our_project_content_4,
    .our_project_content_5>div:nth-child(2),
    .our_project_content_5,
    .our_project_content_6,
    .our_project_content_7,
    .our_project_content_7>div:nth-child(2),
    .our_project_content_8 {
        width: 100%;
    }

    .stonedge-section-11-home {
        padding-top: 4rem;
    }

    /* About Page **** */

    /* Section 1 */


    .stonedge-section-about .section-title h2 {
        font-size: 3rem;
    }

    .stonedge-section-about .about-heading {
        width: 70%;
    }

    /* Section 3 */

    .stonedge-section-3-about .grid-sect3-about {
        display: grid;
        gap: 2rem;
        grid-template-columns: repeat(1, 1fr);
    }

    .section-subtitle a span,
    .section-subtitle p {
        font-size: 1.9rem;
    }


    .section-content a span,
    .section-content h3 {
        font-size: 2.1rem;
    }

    .section-bannertitle h2>span.black-text {
        font-size: 5rem;
    }

    /* Section 5 */

    .flex-row-sect5-about {
        flex-direction: column;
    }

    .flex-row-sect5-about>div:nth-child(1) {
        width: 100%;
        margin: 0rem 0 0 0px;
    }

    .flex-row-sect5-about>div:nth-child(2) {
        width: 100%;
    }

    /* Section 6 */
    .stonedge-section-6-about .sect6-text {
        width: 70%;
    }

    /* Section 7 */

    .stonedge-section-7-about .about-sect7-flex-row {
        flex-direction: column;
    }

    .stonedge-section-7-about .about-sect7-flex-row>div:nth-child(2) {
        width: 100%;
    }

    /* Section 9 */

    .stonedge-section-9-about .flex-row-sect9-about {
        flex-direction: column;
    }

    .flex-row-sect9-about>div:nth-child(1) {
        width: 100%;
    }

    .flex-row-sect9-about>div:nth-child(2) {
        width: 100%;
    }

    .stonedge-section-9-about .about-viewall-clients-sect9 {
        position: relative;
        bottom: unset;
        right: unset;
        padding-top: 2rem;
    }

    .stonedge-section-9-about .viewall-clients-arrow {
        font-size: 1.9rem;
    }

    /* Product Page */
    .product-banner {
        width: 90%;
    }

    .grid-sect2-product {
        width: 100%;
    }

    /* Product-detail Page */
    .vertical-line img {
        height: 20rem;
        width: 2px;
    }

    .inquire-now {
        position: absolute;
        bottom: 0;
        right: 0;
        font-size: 1.5rem;
    }

    .inquire-now .white-bg-btn button {
        width: unset;
        padding: 0.75rem 2rem;
    }

    .vertical-line {
        top: 35%;
    }

    .product_detail-img,
    .product_detail-img-g1,
    .product_detail-img-g3 {
        gap: var(--high-gap-size);
    }

    .product_detail-img-g3 {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
    }

    .product_detail-img-g3>div {
        width: 100%;
    }

    .product_detail-img-g1 {
        flex-direction: column;
    }

    .product_detail-img-2 {
        transform: unset;
    }

    .product_detail-img-3 {
        padding: 0;
    }

    .go-back-arrow span {
        font-size: 2.5rem;
    }

    .form-abs {
        position: relative;
        top: unset;
        left: unset;
        padding: 0 0 0 0;
        width: 75%;
        margin: 0 auto;
    }

    /* Project Page */
    .stonedge-section-1-project .flex-row-sect1 {
        flex-direction: column;
        gap: 1.5rem;
    }

    .stonedge-section-1-project .flex-row-sect1>div:nth-child(1) {
        width: 100%;
    }

    .stonedge-section-1-project .flex-row-sect1>div:nth-child(2) {
        width: 100%;
    }

    /* Project-Detail Page */
    .main-container-3 {
        width: 90%;
        margin: 0 auto;
    }

    .stonedge-section-3-project_detail .sect3-content1-project_detail {
        flex-direction: column;
    }

    .stonedge-section-3-project_detail .sect3-content2-project_detail {
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
    }


    .stonedge-section-3-project_detail .sect3-img2-project_detail {
        transform: unset;
    }

    .stonedge-section-3-project_detail .sect3-img4-container-project_detail {
        transform: unset;
        width: 100%
    }

    .stonedge-section-3-project_detail .sect3-img3-project_detail {
        width: 100%;
    }

    /* Section 5 */

    .stonedge-section-5-project_detail .grid-sect5-project_detail {
        grid-template-columns: repeat(1, 1fr);
        place-items: flex-start;
        width: 100%;
        margin: 0;
        gap: 2rem;
    }

    .stonedge-section-5-project_detail .sect5-innner-flex-text {
        flex-direction: row;
    }

    .stonedge-section-5-project_detail .sect5-inner-flex-project_detail {
        padding: 3rem 0 0;
        border-left: none;
        border-top: 1px solid var(--black-color);
    }

    .mobile-menu-wrapper {
        background-color: #000;
        position: fixed;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 999;
        top: 0;
        left: 0;
        padding: 20% 2rem 4rem 2rem;
        opacity: 0;
        visibility: hidden;
        transition: all 0.6s ease;
    }

    .mobile-menu-wrapper.mobile-menu-wrapper-active {
        opacity: 1;
        visibility: visible;
        transition: all 0.6s ease;
    }

    .mobile-menu-links ul {
        display: flex;
        gap: 2rem;
        row-gap: 1rem;
        flex-wrap: wrap;
    }

    .mobile-menu-flex {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 4rem;
        justify-content: end;
    }

    .mobile-menu-wrapper .border-radius {
        background-color: var(--white-color);
        padding: 0.7rem;
        border-radius: 50%;
        width: 4rem;
    }

    .mobile-menu-links ul li.section-subtitle {
        display: block;
        overflow: hidden;
    }

    .mobile-menu-links ul .section-subtitle a span {
        font-size: 3.5rem !important;
        display: block;
        transform: translateY(40px);
        transition: all 0.4s ease;
    }

    .mobile-menu-flex.mobile-menu-flex-active .mobile-menu-links ul .section-subtitle a span {
        transform: translateY(0px);
        transition: all 0.4s ease;
    }

    .mobile-menu-flex .section-small-font a span,
    .mobile-menu-flex .section-small-font p {
        font-size: 1.5rem;
        line-height: 1.5;
    }


    .mobile-menu-flex .section-small-font,
    .mobile-menu-flex .footer-contact.flex-row,
    .mobile-menu-flex .social-icon.border-radius {
        opacity: 0;
        visibility: hidden;
        transition: all 0.4s ease;
    }

    .mobile-menu-flex.mobile-menu-flex-active .section-small-font,
    .mobile-menu-flex.mobile-menu-flex-active .footer-contact.flex-row,
    .mobile-menu-flex.mobile-menu-flex-active .social-icon.border-radius {
        opacity: 1;
        visibility: visible;
        transition: all 0.4s ease;
    }

    .project-detail-banner-img {
        aspect-ratio: 16/19;
        overflow: hidden;
        width: 100%;
    }

    .detail-page-img {
        width: 100%;
    }
}

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

    .section-title-bold h2,
    .section-title-bold h2>span.black-text,
    .section-title h2 {
        font-size: 3rem;
    }

    .our_project_content_1>div:nth-child(1) .section-bannertitle h2,
    .our_project_content_1>div:nth-child(1) .section-bannertitle h2>span,
    .section-bannertitle h2,
    .section-bannertitle h2>span {
        font-size: 4rem;
    }

    /* Header */
    .header-logo {
        width: 15rem;
    }

    /* footer */
    .footer-contact.flex-row {
        flex-direction: column;
    }

    .footer-flex-three.flex-gap-high {
        flex-wrap: wrap;
    }

    .footer-flex-one {
        gap: 1rem;
    }

    .footer-flex-two {
        flex-direction: column;
        align-items: flex-start;
        gap: 3.5rem;
    }

    .lets-talk {
        height: 50vh;
    }

    .footer-location {
        padding: 1rem 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .lets-talk .section-bannertitle h2 {
        font-size: 5.75rem;
    }

    .footer-arrow {
        font-size: 5.75rem;
    }

    .lets-talk .flex-row {
        gap: 2rem;
    }

    /* Section 1 */
    .banner_img {
        width: 100%;
        aspect-ratio: 500/800;
    }

    .swiper-pagination.swiper-pagination-banner-swiper {
        top: 85%;
        left: 16%;
    }

    .banner_text {
        position: absolute;
        top: 55%;
    }

    /* Section 3 */
    .flex_sect3>div:nth-child(1),
    .flex_sect3>div:nth-child(2) {
        width: 100%;
        transform: unset;
    }

    .flex_sect3 {
        flex-direction: column;
    }

    /* Section 4 */
    .grid-company {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Section 5 */
    .navigation_usecase {
        right: 0rem;
    }

    /* Section 8 */
    .content {
        font-size: 10rem;
    }

    /* Section 9 */
    .flex-row-sect9>div:nth-child(1) {
        gap: 2rem;
    }

    .accordion-block:nth-child(1) {
        padding-top: 2rem;
    }

    .accordion-block {
        padding-bottom: 2rem;
    }

    /* Section 10,11 */
    .our_project_content_1 {
        padding-bottom: 8rem;
    }


    /* About Page ************ */

    /* Section 1 */

    .stonedge-section-about .about-heading {
        width: 100%;
        margin-left: 0;
    }

    /* Section 3 */
    .section-bannertitle h2>span.black-text {
        font-size: 4rem;
        -webkit-text-stroke-width: 1px;
    }


    /* Section 6 */
    .stonedge-section-6-about .sect6-text {
        width: 90%;
        padding: 5rem 0;
    }

    /* Section 7 */

    .stonedge-section-7-about .about-sect7-grid-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .stonedge-section-7-about .about-sect7-number {
        width: 100%;
    }

    .stonedge-section-7-about .about-sect7-text {
        width: 100%;
    }

    /* product Page  */
    .banner-padding-2 {
        padding: 15rem 0 2rem;
    }

    .flex-btn-product {
        flex-wrap: wrap;
        justify-content: center;
        display: flex;
    }

    .stonedge-section-product-2 {
        padding: 10rem 0 5rem;
    }

    .onyx-abs {
        top: 0.5%;
    }

    .grid-sect2-product {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--medium-gap-size);
    }


    .product_detail-banner-img {
        width: 100%;
        aspect-ratio: 9/12;
        padding-top: 0;
        overflow: hidden;
    }

    .onyx-abs h2 {
        font-size: 8rem;
    }

    .grid-sect2-product>div P {
        color: var(--white-color);
    }


    /* Project-Detail page */
    .stonedge-section-5-project_detail .material-symbols-outlined {
        font-size: 3rem;
    }

    /* Project-Detail page */
    .stonedge-section-1-our_clients .our_clients-grid-sect1 {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media only screen and (max-width: 380px) {
    .mobile-menu-flex {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        gap: 2rem;
        justify-content: end;
    }
}