@media (min-width: 992px) {
    .filter {
        max-width: 30rem;
    }
}
@media (min-width: 1400px) {
    .filter {
        max-width: 32.8rem;
    }
}
@media (min-width: 1200px) and (max-width: 1500px) {
    .contact_page__info {
        margin-block: 10rem;
        margin-inline: 5rem;
    }
    .contact_page__details,
    .contact_page__form {
        padding-inline: 5rem;
        padding-block: 7.5rem;
    }
}
@media screen and (max-width:1440px) {
    .TP-sizeChart{
        padding: 2rem;
    }
}
@media (max-width: 1199.98px) {
    .index_page .trending__wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    .blog-card .blog__btn {
        max-width: -webkit-fill-available;
    }
     .footer .footer-row {
        grid-template-columns: 0.9fr 1fr 0.8fr;
    }
    .product-list {
        justify-items: center;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 1024px) {
    .signup_page .signup-container {
        width: 100%;
    }
    .signup_page .signup__image img{
        height: 60rem;
    }
    .order-card__name{
        max-width: 100%;
    }
    .order-card__info {
        flex: 100%;
    }
    .wishlist-products__grid{
        grid-template-columns: repeat(3, 1fr);
    }
    .TProduct-display__image-container {
        height: auto;
    }
   .reviews .reviews__wrapper{
       gap: 3rem;
    }
    .TProduct__slider,.TProduct__details-part{
        width: 50%;
    }
    .TProduct__details__main{
        gap: 1rem;
    }
     .addresss-Billing__wrapper {
        grid-template-columns: 1fr 1fr;
    }
    .addresss__items {
        flex-wrap: wrap;
    }
    .addresss__item {
        max-width: initial !important;
        width: 100%;
    }
    .address-Billing .navigation-header__wrapper {
        flex-direction: column;
        gap: 3rem;
    }
    .orderPlaced .orderPlaced__wrapper {
        max-width: 75rem;
        overflow: hidden;
    }
    .contact_page__details,
    .contact_page__form {
        padding: 5rem;
    }
}
@media screen and (max-width: 991px) {
    
    .header .mobile-nav-wrapper {
        display: flex;
    }
    .header-nav {
        display: none;
    }
    .header .mobile__hamberger {
        display: block;
    }

    header .header-actions:has(.active),
    .search-wrapper:has(.active) {
        position: initial;
    }
    .search-bar.active {
        width: 100%;
    }
    .header .search-bar.active {
        width: 100%;
    }
    .header .header-nav__item--dropdown .mega-dropdown__column,
    .header .header-nav__item--dropdown .mega-dropdown {
        gap: 0;
        padding: 0;
    }
    .header .mega-dropdown__title {
        margin-top: 0.5rem;
    }
     .profile .profile__link {
        min-width: 16.8rem;
    }
    .profile .profile__tab-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .profile .profile-sidebar {
        height: auto;
    }
    .profile .profile__row {
        flex-wrap: wrap;
    }
     .about_page .btm-sec__image--two {
        max-width: 60%;
        width: 100%;
        top: -13rem;
        right: -2.8rem;
    }
     .blog_page .blog__card-wrapper {
        grid-template-columns: 1fr 1fr;
        justify-items: center;
    }
    .wishlist-products__grid{
        padding: 2rem;
        grid-template-columns: repeat(2, 1fr);
    }
    .TProduct__wrapper{
        flex-direction: column;
        padding: 2rem;
    }
    .TProduct__slider,.TProduct__details-part{
        width: 100%;
    }
    .reviews .reviews__wrapper{
        flex-direction: column;
    }
    .reviews .reviews__sidebar{
        max-width: 100% !important;
    }
     .contact_page__info {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    .contact_page__details,
    .contact_page__form {
        padding: 2rem;
    }
    .faq__wrapper {
        max-width: 61.2rem;
    }
    .fp__MobileFilter,  .filter__close {
        display: block;
    }
    .filter {
        position: fixed;
        overflow-y: scroll;
        left: -35rem;
        top: 0;
        height: 100%;
        background: #fff;
        transition: transform 0.35s ease;
        transform: translateX(0);
        z-index: 1001;
    }
    .filter.open {
        transform: translateX(35rem);
    }
    .filter-overlay {
        position: fixed;
        inset: 0;
        background: rgba(0, 0, 0, 0.45);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease;
        z-index: 1000;
    }

    .filter-overlay.active {
        opacity: 1;
        visibility: visible;
    }

}
@media (min-width: 767px) and (max-width: 991px) {
    .footer .footer-nav {
        gap: 2rem;
    }
    .footer .footer-row {
        gap: 2rem;
    }
}
@media screen and (max-width:767px) {
    .index_page .hero .hero__title-wrapper {
        gap: 0;
    }
     .index_page .collection-wrapper {
        flex-wrap: wrap;
    }
    .index_page .collection__card-wrapper {
        grid-template-columns: 1fr 1fr;
    }
     .index_page .driving__sec {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
     .about_page .about-us__wrapper {
        grid-template-columns: 1fr;
        justify-items: center;
        padding-bottom: 5rem;
    }
    .about_page .about-us__img--one {
        margin: 0;
    }
    .about_page .btm-sec {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-top: 0;
    }
    .btm-sec__image-wrap img:first-child {
        max-width: 80%;
        width: 100%;
        margin: auto;
    }
    .about_page .btm-sec__image--two {
        right: 0;
    }
    .btm-sec .btm-sec__content {
        margin-left: 0;
        order: -1;
    }
    .about_page .btm-sec__image-wrap {
        margin-top: 15rem;
    }
    #adrsPopup .jspopup-content {
        width: 90%;
        transform: translate(-50%, -30%);
    }
    .address-modal {
        margin-top: initial;
    }
     .blog_page .blog__card-wrapper {
        grid-template-columns: 1fr;
    }
     .blog-overview_page .blog-overview__wrapper {
        grid-template-columns: 1fr;
    }
    .footer .footer-nav {
        justify-content: space-around;
    }
    .footer .footer-row {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        row-gap: clamp(2rem, 0.634rem + 4.878vw, 10rem);
    }
    .footer--item2,
    .footer--item3,
    .footer--item4,
    .footer--item1 {
        grid-column: auto;
        grid-row: auto;
    }
    .footer--item2 {
        order: 1;
    }
    .footer .footer__bottom .footer__bottom-inner {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
        gap: 2rem;
    }
    .footer--item1 {
        text-align: center;
    }
    .footer .footer__categories {
        flex-direction: row;
    }
    .footer .footer-corner-svg {
        bottom: 0;
    }
    .footer .footer__categories .footer__category-btn {
        min-width: 10rem;
    }
    .TP-sizeChart{
        min-width: 100rem;
    }
    .TProduct-display__image-item .TProduct-display__discount{
    font-size: 0.8rem;
    top: 0.5rem;
    left: 0.5rem;
    border-radius: 0.2rem;
    }
    .orderPlaced .orderPlaced__wrapper {
        max-width: 60rem;
    }
    .placed-relproduct__content .placed-relproduct__name{
            max-width: 25rem;

    }
    .paidBtn svg{
        min-width: 3rem;
    }
    #orderInoviceBtn::before, #orderInoviceBtn::after{
        display: none;
}
.contact_page__info {
        margin-block: 4rem;
        margin-inline: 1rem;
    }
    .faq__wrapper {
        max-width: 61.2rem;
    }
    .order-card__body {
        flex-direction: column;
    }
}
@media screen and (max-width:575.98px) {
       .signup_page .sign-signup__row {
        grid-template-columns: 1fr;
    }
    .signup_page .signup__image img {
        width: 100%;
        height: 100%;
    }
    .signup_page .otp__text {
        max-width: 100%;
    }
    .signup_page .otp__input {
        width: 14%;
    }
    .signup_page .forgot__box,
    .signup_page .email-sent__box,
    .signup_page .reset-box,
    .signup_page .otp__box {
        padding: 1.6rem;
    }

    .order-card__actions,
    .return-popup__product {
        flex-wrap: wrap;
    }
    .profile-sidebar {
        height: 100%;
        min-width: 100%;
    }
    .profile_page:has(.flex-center),
    .address_page:has(.flex-center) {
        flex-direction: column;
    }
    .index_page .fashion__wrapper,
    .index_page .trending__wrapper {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .index_page .subscribe__container {
        max-width: 50rem;
    }
     .profile__tab-wrapper .profile__item {
        width: 100%;
    }
    .profile__form-row {
        flex-direction: column;
        gap: 0;
    }
    .profile_page .profile__form {
        padding: 0;
    }
    .profile_page .profile__heading {
        margin-bottom: 0;
    }
    .profile_page .profile__top-warpper {
        align-items: center;
    }
     .address-modal__Form .address--dropdown {
        width: 100%;
    }

    .checkout-steps__icon{
        width: 2.4rem;
        height: 2.4rem;
    }
    .checkout-steps__label{
        font-size: 1.4rem;
    }
    .checkout-steps{
        width: 100%;
    }
    .cart-item__details {
        flex-direction: column;
        gap: 3rem;
        align-items: flex-start;
    }
    .cart__item,
    .cart__header {
        flex-direction: column;
        align-items: flex-start;
    }
    .cart__count {
        font-size: clamp(1rem, 0.527rem + 1.689vw, 1.5rem);
    }
    .cart__item {
        gap: 1.5rem;
        padding-block: 1rem;
    }
    .cart__summary > * {
        font-size: 1.8rem;
    }
     .wishlist-products__grid{
        grid-template-columns: repeat(1, 1fr);
    }
    .TProduct__details__main{
        flex-direction: column;
        align-items: flex-end;
    }
    .TProduct__limitstock
    {
        margin-top: 2rem;
    }
    .TProduct__details__btn__Actions,.TProduct__delivery__options{
        flex-direction: column;
    }
    .TProduct__wrapper{
        padding: 0;
    }
    .index_page section{
        margin-bottom: 2rem;
    }
    .rating-summary .rating-summary__score{
        font-size: 8rem;
    }
    .review__breakdown .review__ratings .review__progress-bar{
        margin-right: 0;
    }
    .write-review .write-review__stars .star-rating__star{
        font-size: 3rem;
    }
    .product-details .review-popup-content{
        max-width: 35rem;
    }
      .product-details  .review-popup__input{
        min-height: 10rem;
    }
     .addresss-Billing__wrapper {
        grid-template-columns: 1fr;
     }
     .addresss, .payInfo{
        position: relative;
     }
     .checkout-steps__line svg {
        width: 8rem;
     }
     .address__item-actions.__Actions
     {
        display: flex;
        flex-direction: column;
        gap: 1rem;
     }
     .address__item-actions.__Actions button{
        min-height: 5rem;
     }
     .checkout-steps{
        flex-direction: column;
        align-items: flex-start;
     }
     .checkout-steps__line{
        display: none;
     }
     .placed-relproduct__sq button{
        margin-left: auto !important;
        margin-bottom: 1rem;
     }
     .placed-relproducts .placed-relproduct{
        gap:1rem;
     }
     .placed-relproduct__content .placed-relproduct__name{
        max-width: 17rem;
     }
     .filter-products .product-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .navigation-header__wrapper {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    .fp-header__title {
        display: none;
    }
    
}
@media (max-width: 374.98px) {
    .index_page .subscribe__container {
        max-width: 100%;
    }
    .index_page .subscribe__field{
        flex-direction: column;
    }
    .index_page .subscribe__input{
        font-size: var(--font-size-md);
        height: 5rem;
    }
    .index_page .subscribe__btn{
        max-width: 100%;
    }
    .blog-card .blog__btn{
        left: 5%;
        max-width: 80%;
    }
    .placed-relproducts .placed-relproduct, .placed-relproduct__content{
        flex-direction: column;
    }
    .placed-relproduct__content .placed-relproduct__name{
        max-width: 100%;
    }
    .placed-relproduct__details{
        text-align: left !important;
    }
    .orderPlaced .order-success{
            padding: 2rem ;
    }
    .placed-summary{
        padding: 1rem 0 !important;
    }
    .placed-relproduct{
        padding-block: 2rem !important;
    }
    .placed-actions, .order-success__header{
        flex-direction: column;
        align-items: flex-start !important;
    }
    .orderPlaced-success .orderPlaced-success__ripple{
        border-width: 5rem;
    }
    .orderPlaced .orderPlaced-success{
        width: 20rem;
        height: 20rem;
    }
    .orderPlaced  .orderPlaced__wrapper{
            margin: 5rem auto;
    }
}