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

    .mini-container {
        width: 80%;
    }
}

@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%;
    }
}

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

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

@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%;
    }
}

@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;
        text-transform: uppercase;
    }

    .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;
    }
    @media only screen and (max-width: 1280px) {
    .section-content p, .section-content p span {
        font-size: 1.5rem;
    }
}

    .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;
    }

    .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: 4rem;
    }

    .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;
    }
}
    .hide-image-mobile{display: block;}
    .hide-image-dasktop{display: none;}
@media only screen and (max-width: 767px) {
    .accordion-content a{text-transform: capitalize;}

    .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; 
        top: 75%;
    }
.home-banner-title-abs{top: 75%; text-align:center;}
    .about-banner,
    .about-banner img {
        height: 100vh;
        object-position: top;
        /* border-bottom-right-radius: 7rem; */
    }
.about-banner, .about-banner img {
    border-bottom-right-radius: 7rem;
    max-height: 70rem;
}
    .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;
    }

    .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%;
    }

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

    .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);
    }

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

    .FormWrapper form {
        display: grid;
        grid-template-columns: 100% !important;
        gap: 1.5rem;
        grid-template-areas: unset !important;
    }
    .content_accordian .inner-flex{font-size: 16px; gap: 0.7rem;}
    .hide-image-mobile{display: none;}
    .hide-image-dasktop{display: block;}
    .home-banner img {
        object-position: 60% 25%;
    }
    .category-banner-wrapper>div:nth-child(1), .category-banner-wrapper>div img {
    height: 100vh;
}
  .swiper-button-prev.homeSwiperPrev,
  .swiper-button-next.homeSwiperNext {
    display: none!important;
  }
  .detailPageSize.flex-row {
    flex-wrap: wrap!important;
}
}

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

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