@media only screen and (max-width: 1680px) {
    html {
        font-size: 15px;
        background-color: black;
    }

    .mini-container {
        width: 80%;
    }

    .header-links-ul ul {
        gap: 2rem;
    }
}

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

    .banner-title h1,
    .banner-title h1 span,
    .banner-title h2,
    .banner-title h2 span {
        font-size: 3.5rem;
        /*  */
    }

    .section-paragraph-2rem p,
    .section-paragraph-2rem p span {
        font-size: 1.5rem;
        line-height: 1.5;
    }

    .mini-container {
        width: 85%;
    }


}

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

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

    .mini-container {
        width: 85%;
    }

    .headerInquiryForm {
        width: 35%;
    }
}

@media only screen and (max-width: 1280px) {
    .mini-container {
        width: 90%;
    }

    .footer-wrapper .footer-wrapper_column h4,
    .section-content-small p,
    .section-content-small p span {
        font-size: 1.37rem;
    }

    .highlights-flex {
        grid-template-columns: 6rem auto;
    }

    .fonts14 p {
        font-size: 14px;
    }

    .md-lebel {
        font-size: 1.37rem;
    }

    .form-control {
        padding: 0.9rem 1.25rem;
        font-size: 1.37rem;
    }

    .section-paragraph-2rem p,
    .section-paragraph-2rem p span {
        font-size: 2rem;
    }

    .brillex-button p,
    .brillex-button span,
    .mansi-button p,
    .mansi-button span,
    .master-template-button p,
    .master-template-button span {
        font-size: 1.125rem;
    }

    .master-template-button,
    .brillex-button,
    .mansi-button {
        padding: 1.37rem 1.9rem;
        border-radius: 2.5rem;
    }

    .color-swatch {
        width: 1.75rem;
        min-width: 1.75rem;
        height: 1.75rem;

    }

    .footer-flex-strip p,
    .footer-wrapper .footer-wrapper_column ul li a {
        font-size: 1.25rem;
    }

    .share-btn span {
        font-size: 2rem;
    }

    .contact_btn p,
    .header-links-ul ul li a,
    .header-links-ul ul li span,
    .header-links-ul ul li p {
        font-size: 1.125rem;
    }

    .section-content p,
    .section-content p span {
        font-size: 1.5rem;
    }

    .whatsappbutton .circle,
    .whatsappbutton .circle::after,
    .whatsappbutton .circle::before,
    .whatsapp-btn {
        width: 4rem;
        height: 4rem;
    }
}

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

    .product-card-text>div:nth-child(1) {
        transform: translateX(-2.7rem);
    }

    .section-content-small p,
    .section-content-small p span {
        font-size: 1.5rem;
    }
}

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

    .product-card-text>div:nth-child(1) {
        transform: translateX(-2.9rem);
    }

    .banner-title h1,
    .banner-title h1 span,
    .banner-title h2,
    .banner-title h2 span {
        font-size: 4rem;

    }

    .highlights-grid {
        width: 95%;
    }

    .mini-container {
        width: 90%;
    }

    .about-values-box {
        padding: 2rem;
    }
}

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



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

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

    .accordion-container .accordion-header {
        gap: 1rem;
    }

    .accordion-container .accordion-title {
        width: unset;
        flex-basis: unset;
    }

    .accordion-container .accordion-title p {
        font-size: 16px;
        font-weight: 400;
        font-family: var(--medium-font-family);
    }

    .accordion-container .accordian-icon img {
        height: 16px;
        width: 16px;
    }

    .accordion-container .accordian-icon {
        width: unset;
        min-width: 3rem;
        flex-basis: unset;
    }

    .category-banner-wrapper>div:nth-child(1),
    .category-banner-wrapper>div img {
        min-height: 485px;
    }

    .productlist-fivegrid,
    .product-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .about-values-box {
        margin: 0 auto;
    }

    .common-header-wrapper .mobile-logo img {
        width: 15rem;
    }

    .banner-title h1,
    .banner-title h1 span,
    .banner-title h2,
    .banner-title h2 span {
        font-size: 3.5rem;
    }

    .main-container-fluid,
    .mini-container,
    .main-container {
        width: calc(100% - 3rem);
        margin: 0 auto;
    }

    .header-links-ul ul li p {
        /* font-weight: bold; */
        font-size: var(--font-size-2rem);
    }

    .link-font-size.mobile-font-size p {
        font-size: 16px !important;
        font-weight: var(--medium-font-family);

    }

    .common-header-wrapper .header-links-ul {
        width: 100%;
    }

    .common-header-wrapper .header-flex {
        padding: 1rem 0;
    }

    .common-header-wrapper .header-flex.mobile-header-flex {
        left: -100%;
        right: unset;
        width: 80%;
    }

    .common-header-wrapper .header-flex.show-mobile-menu {
        right: unset;
        left: 0;
    }

    .common-header-wrapper .header-links-ul ul {
        flex-direction: column;
        width: 100%;
    }

    .common-header-wrapper .header-links-ul ul li {
        width: 100%;
        padding: 0.5rem 0;
    }

    .inner-flex-tab {
        display: flex;
        flex-direction: column;
    }

    .banner-title-abs {
        left: 1.5rem;
    }

    .home-banner-strip>div:nth-child(1) {
        grid-template-columns: 100%;
    }

    .home-banner-strip-text>div {
        text-align: center;
        padding: 1rem;
        width: fit-content;
        margin: 0 auto;
    }

    .home-banner-strip-text>div:nth-child(2) {
        border: 0;
        border-bottom: 2px solid #ffffff40;
        border-top: 2px solid #ffffff40;
    }

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

    .designChhoseGrid-img img {
        width: 2rem;
        height: 2rem;
    }

    .videosection img {
        aspect-ratio: 1.5;
    }

    .shop-by-category {
        grid-template-columns: repeat(4, 1fr);
    }

    .magical-img-wrapper img {
        width: 6rem;
    }

    .home-banner img {
        object-position: 70% 100%;
    }

    .headerInquiryForm {
        width: 35%;
    }

    .section-padding {
        padding: 6rem 0;
    }

    .designChhoseGrid-img {
        width: 5.5rem;
        height: 5.5rem;
    }

    .common-header-wrapper .header-flex.mobile-header-flex .header-links-ul ul {
        gap: 28px;
    }

    .inner-flex-large {
        gap: 6rem;
    }

    /* 
    .footer-wrapper .footer-wrapper_column h4 {
        font-size: 0.9rem;
    } */


    /* .common-header-wrapper .web-logo {
        width: 16rem;
    }

    .bar {
        width: 2rem;
    } */

    .headerInquiryForm {
        width: 80%;
    }

    .three-grid,
    .tab-two-grid.product-grid,
    .footer-wrapper .footer-wrapper_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .videosection {
        padding: 4rem 0;
    }

    .FormWrapper.contact-form-wrapper form {
        grid-template-columns: 100% !important;
    }

    .shop-by-category,
    .productlist-fivegrid,
    .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .FormWrapper.contact-form-wrapper form>div {
        grid-area: unset !important;
    }

    .swiper-button-prev.testimonials-prev,
    .swiper-button-next.testimonials-next,
    .swiper-button-next.history-next,
    .swiper-button-prev.history-prev {
        display: none;
    }

    .product-detail-wrapper {
        padding-top: 0 !important;
    }


    .FormWrapper form>div {
        grid-area: unset !important;
    }

    .FormWrapper.contact-form-wrapper form,
    .FormWrapper form {
        display: grid;
        grid-template-columns: 100% !important;
        gap: 1.5rem;
        grid-template-areas: unset !important;
    }

    .contact_btn p,
    .brillex-button p,
    .brillex-button span,
    .mansi-button p,
    .mansi-button span,
    .master-template-button p,
    .master-template-button span {
        font-size: 1.5rem;
    }

}

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

    html {
        font-size: 11px;
    }

    .bar {
        width: 1.5rem;
    }

    .common-header-wrapper .web-logo {
        width: 12rem;
    }

    .inner-flex-mob {
        display: flex;
        flex-direction: column;
    }

    .footer-width {
        display: flex;
        flex-direction: column;
    }

    .testimonial-card {
        padding: 0;
    }

    .t-quat {
        width: 2rem;
        position: relative;
        top: 0%;
    }

    .headerInquiryForm {
        width: 100%;
        padding: 1.5rem;
        padding-top: 3rem;
    }

    html {
        font-size: 14px;
    }

    .section-padding-four {
        padding: 2rem 0 0rem 0;
    }

    .footer-wrapper {
        background-color: var(--background-gray);
        padding: 40px 0px;
    }

    .visible-mobile-only,
    .visible-xs {
        display: block !important;
    }

    .hide-mobile-only,
    .hidden-xs {
        display: none !important;
    }

    .swiper-scrollbar {
        height: 2px;
    }

    .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0, 0, 0, .1);
        margin-bottom: 2.5rem;
    }

    .swiper-scrollbar-drag {
        background: var(--secondary-color);
    }

    .swiper-scrollbar-drag {
        height: 100%;
        width: 100%;
        position: relative;
        background: rgba(0, 0, 0, .5);
        border-radius: 10px;
        left: 0;
        top: 0;
    }

    .page_top_mobile_spacing {
        padding-top: 80px;
    }

    /**/
    .mobile2_column_grid {
        column-gap: 0rem;
        row-gap: 2rem;
        justify-content: left;
        display: grid;
        column-gap: 1rem;
        grid-template-columns: repeat(2, 1fr);
    }

    .mobile_flex_d_column {
        flex-direction: column;
        display: flex;
        row-gap: 1rem;
    }

    .mobile_flex_d_grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;


    }

    .mobile_flex_d_grid div:nth-child(3) {
        grid-area: span 1 / span 1;
        grid-column: 1 / span 2;
        width: 100%;
        margin: 0 auto;
        border-bottom-right-radius: 0px;

    }

    .service-overly::after {
        display: none;
    }


    .listing_wrapper_web_section {
        width: 95%;
        margin: 0 auto;
    }

    /**/

    .header-links-ul ul li p {
        font-weight: bold;
        font-size: var(--font-size-2rem);

    }

    .mobile-font-size p {
        font-size: 16px !important;
    }

    .common-header-wrapper .header-flex.mobile-header-flex .header-links-ul ul {
        display: flex;
        align-items: flex-start;
        gap: var(--small-gap-size);
        flex-direction: column;
    }

    .common-header-wrapper .accordian-icon {
        display: flex;
        justify-content: center;
        width: calc(12% - 1rem);
        flex-basis: calc(12% - 1rem);
    }

    .new-arrival-badge {
        top: 0;
        left: 0;
    }




    .header-links-ul ul li a {
        display: flex;
        gap: 0.5rem;
        align-items: center;
        color: var(--primary-color);
        width: 100%;
        display: block;
    }

    .common-header-wrapper .header-flex.show-mobile-menu {
        right: unset;
        left: 0;
        overflow-y: scroll;
    }

    .mobile-mini-font-size p {
        font-size: var(--link-font-size);
    }

    .category-title-abs {
        left: 50%;
        transform: translateX(-50%);
        bottom: 2rem;
        width: calc(100% - 4rem);

    }

    .banner-title h1,
    .banner-title h1 span,
    .banner-title h2,
    .banner-title h2 span {
        font-size: 2.2rem;
    }

    .productlist-fivegrid,
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-card-text {
        /* padding: 1rem 0; */
    }

    .product-name p {
        text-align: left;
    }

    .catagory-right-arrow {
        display: none;
    }

    .product-card-text>div:nth-child(2),
    .product-card-text>div:nth-child(1) {
        transform: unset;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0.5rem;
        padding-top: 0.5rem;
    }

    .sku-price-flex {
        gap: 6px;
    }

    .section-content-small p,
    .section-content-small p span {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    .section-subtitle.product-name h4 {
        font-size: 16px;
    }

    .section-content-small.product-name p,
    .product-card-text .section-content p {
        font-size: 13px;
        font-family: var(--medium-font-family);
    }

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

    .inner-flex-large {
        gap: 60px;
    }

    .designChhoseGrid-img img {
        width: 2rem;
        height: 2rem;
    }

    .social-icon,
    .social-icon img {
        width: 1.5rem !important;
        min-width: 1.5rem;
    }

    .designChhoseGrid {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 2rem;
        column-gap: 1rem;
    }

    .videosection img {
        aspect-ratio: 1;
    }

    .shop-by-category {
        grid-template-columns: repeat(2, 1fr);
    }

    .inner-flex-medium {
        gap: 30px;
    }

    .home-banner-strip-text>div {

        padding: 1rem 0;

        font-size: 1.1rem !important;
    }

    .home-banner-strip-text>div.section-content p {
        font-size: 1.1rem;
    }

    .section-paragraph p,
    .section-paragraph p span {
        font-size: 15px;
    }

    .catagory-thumb-flex {
        justify-content: start;
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .magical-tab-content {
        width: max-content;
        margin: 0 auto;
    }

    .section-paragraph-2rem p,
    .section-paragraph-2rem p span {
        font-size: 24px;
    }

    .contact_btn p {
        font-size: 1rem;
    }

    .designChhoseGrid-img {
        width: 6rem;
        height: 6rem;
    }

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

    /* .form-control {
        padding: 1rem;
    } */

    .about-banner-text-abs {
        /* text-align: center; */
    }

    .about-banner,
    .about-banner img {
        height: 70svh;
        object-position: bottom;
        /* border-bottom-right-radius: 7rem; */
    }

    .banner-title-small h1,
    .banner-title-small h2,
    .banner-title-small h2 span {
        font-size: 48px;
    }

    .highlights-grid {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 24px;
        row-gap: 48px;
    }

    .font-48 {
        font-size: 36px;
    }

    .sticky-div {
        position: relative;
        top: unset;
    }

    .inner-flex-big {
        gap: 30px;
    }

    .values-grid {
        gap: 48px;
    }

    .values-grid .sticky-div {
        align-items: center;
        text-align: center;
    }

    .about-values-box {
        padding: 24px;
    }

    .experience-img {
        padding: 0;
    }

    .experience-grid {
        display: flex;
        flex-direction: column-reverse;
        text-align: center;
    }

    .experience-ul {
        margin-left: auto;
        margin-right: auto;
        width: fit-content;
    }

    .meet-team-grid {
        grid-template-columns: 100%;
    }



    .history-swiper-flex {
        padding: 0 2rem;
    }

    .about-main-wrapper .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }

    .testimoniaal-star,
    .testimonials-img {
        margin: 0 auto;
    }

    .testimonials-box {
        grid-template-columns: 100%;
        text-align: center;
        padding: 3rem 2.5rem;
    }

    .mansi-button,
    .submitButton button {
        width: 100%;
    }

    .text-left-mob {
        text-align: left !important;
    }

    .meet-team-grid .section-paragraph-2rem p {
        font-size: 20px;
        font-family: var(--medium-font-family);
    }

    .submitButton {
        width: 100%;
    }

    .fonts14 p {
        font-size: 0.875rem;
    }

    .form-control::placeholder,
    .md-lebel {
        font-size: 1.125rem;
        text-transform: uppercase;
        margin-bottom: 0.5rem;
    }
}

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

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