@media (max-width:1366px){
    .header__navigation ul, .header__icons{
        gap:3.5rem;
    }
}
@media (max-width:1280px){
    .header-left, .header-right, .main__header{
        gap:30px;
    }
    .header__navigation ul, .header__icons{
        gap:1rem;
    }
    .sideBar__mega__menu {
        left: 72rem;
        max-width:97rem;
    }
    .search-inp{
        width: 120px;
    }
    .product__swiper__content{
        max-width: 350px;
    }
    .product-slide-img-box{
        max-width: 350px;
        height: auto;
        margin-top: auto;

    }
    .aboutUs-top{
        gap:40px;
    }
}
@media (max-width:1024px){
    .nav-div{
        padding: 10px;
        right: -10px;
    }
    .no-products-found{
        margin-left: 0px !important;
    }
    .profilePage-Wrapper{
        min-height: calc(100vh - 372px) !important;
    }
    .header-right{
        justify-content: flex-end;
    }
    .search-inp{
        width: 200px;
    }
    .nav__link{
        position: unset;
    }
    .notification-tab-icon{
        display: none;
    }
    .cartDetails-item {
        grid-template-columns: 200px 60px 120px 100px 25px;
    }
    .slide__content{
        height: 300px;
    }
    .product__swiper__content{
        width: 30%;
    }
    .page__breadcrumbs p:not(:last-child)::after{
        right: -15px;
        height: 8px;
    }
    html {
        font-size: 56.25%;
    }
    /*landing page css begins*/
    .header__address{
        display: none;
    }
    .header__navigation{
        display: none;
    }
    .discount__detail__card {
        max-width: 15rem;
    } 
    .discount__detail__card .discount__description{
        padding:1rem ;
    }
    /* .hero__leftImg{
        width:30%;
    }
    .hero__rightImg{
        width:70%;
    } */
    .hero__right__content h2{
        font-size: 2.8rem;
    }
    .hero__right__content h3 {
        font-size: 2.4rem;
    }
    .hero__right__content a{
        padding: 1.2rem 0rem;
        max-width: 20rem;
    }
    .products__cards{
        grid-template-columns: repeat(3,1fr);
    }
    .swiper-button-prev{
        left:4rem !important;
    }
    .swiper-button-next{
        right:4rem !important;
    }
    .product__slider .swiper-slide {
        height: auto;
        gap: 2rem;
    }
    .product__slider__img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    /* .detail__card__content h3 {
        font-size: 2.8rem;
    }
    .detail__card__content h4 {
        font-size: 2.4rem;
    } */
    .detail__card {
        width: 100%;
    }
    .detail__card__image{
        max-width:unset;
        width:50%;
    }
    .card__right .detail__card__content h4 {
        margin-bottom: 1.5rem;
    }
    .footer__content {
        gap: 20rem;
    }
    .footer__right {
        gap: 7rem;
    }
    .hamburger__menu {
        left:101%;
        top:0%;   
    }
    .hamburger__menu ul{
        padding-left: 0rem;
    }
    .hamburger__menu.active{
        height: 100dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    min-width: 160px;
    z-index: 100;
    }
    .hamburger__container .header__navigation{
        display: block;
    }
    .hamburger__container .header__address{
        display: block;
    }
    .hamburger__container{
        display: block;
        z-index: 101;
        /* overflow: hidden; */
    }
    .category__header{
        display: none;
    }
    
    /*landing page css ends*/

    /*login page css starts*/
    .login__page__container{
        height:100vh;
        position: relative;
        overflow-y: overlay;
    }
    .login__page__right img{
        height: 100vh;
    }
    .login__page__right{
        display: none;
        position: absolute;
        width: 100%;
        z-index:0;
    }
    .login__page__left{
        width: 100%;
        z-index: 1;
    }
    .login__page___left__sections {
        height: 100%;
        width: 100%;
        margin: 0 auto;
        backdrop-filter: blur(10px);
        background-color: #ffffff;
    }
    .login__form {
        width: 50%;
    }
    .sidebar__container{
        overflow-y: hidden;
        direction: ltr;
    }
    .tab__category__sidebar{
        /* background-color: aqua; */
        top:0%;
        left:0%;
        width: 100%;
    }
    .tab__category__sidebar.openSidedbar{
        display: block !important;
        /* animation: fadeIntab 0.3s linear forwards; */
    }
    .tab__category__sidebar .sidebar__container{
        /* background-color: blueviolet; */
        transform: translateX(100%);
        width: 100%;
        animation: fadeInSide 0.3s linear forwards;
        height: 100vh;
        max-height: unset;
        overflow-y: overlay;
    }
    .category-list{
        height: auto;
    }
    @keyframes fadeInSide {
        from {
          /* opacity: 0.5; */
          transform: translateX(100%); /* start off-screen right */
        }
        to {
          /* opacity: 1; */
          transform: translateX(0%); /* end at normal position */
        }
      }
    .tab__category__sidebar .category-list li{
        padding: 0;
    }
    .tab__megamenu__btns{
        display: flex;
        justify-content: space-between;
        margin-bottom: 2rem;
    }
    .tab__megamenu__btns img:first-child{
        rotate: 180deg;
    }
    .tab__megamenu__box{
        height:95vh;
    }
    .sideBar__mega__menu{
        left:0%;
        transform: translateX(100%);
        justify-content: center;
        flex-direction: column;
        animation: fadeInSide 0.3s linear forwards;
        height: 100vh;
        overflow-y: scroll;
        width: 100%;
    }
    .sidebar__container .category-list li:has(div.active) img{
        filter: unset;
    }
    .nav__link::before{
        display: none;
    }
    .mega__menu__right{
        display: none;
    }
    .mega__menu__left{
        width: 100%;
    }
    .mega__menu__left .mega-menu{
        grid-template-columns: 1fr;
    }
    .mega-column h4{
        max-width: unset;
        width: 100%;
    }
    .user-icon{
        display: none
    }
    /* .notification-icon{
        display: none;
    } */
    .hamburger__icons{
        display: flex;
        align-items: center;
        gap:3rem;
    }
    /*product list page css starts*/
    .productsListPage__ProdsFilters {
        width: max(210px, 25%);
    }
    .productListPage .products__cards {
        grid-template-columns: repeat(2, 1fr);
    }
    .filter__mainheading {
        gap: 0.6rem;
        margin-bottom: 2.8rem;
    }
    .productListPage__filter .input-box{
        padding:6px 4px;
    }
    /*product list page css ends*/
    /*product details page css starts*/
    /* .productDetailsPage__productImgs{
        width: 70%;
    }
    .productDetailsPage__productDes{
        width: 30%;
    } */
    .productDetailsPage__productAllImgs{
        max-height: 54.4rem;
    }
    .productDetailsPage__productButtons{
        flex-direction: column;
    }
    .productDetailsPage__productButtons a{
        width: 100%;
        align-content: center;
    }
    /*product details page css ends*/
    /*about us page css starts */
    .aboutUs-topleft{
        width: 60%;
    }
    .aboutUs-topRight{
        max-width: unset;
        width: 30%;
    }
    .aboutUs-imgLocation{
        top:4.4rem;
    }
    .cartDetails-mainContent{
        gap:4vw;
    }
    /*about us page css ends */
    .product-slide-img-box{
        width: 45%;
    }
    .productListPage__products__cards{
        grid-template-columns: repeat(2,1fr);
    }
    .cart__detailsBox{
        left:-250px;
    }
    .orderProfile_infoBox .checkout_summ-address,.orderProfile_infoBox .cartDetails-orderSummary{
        padding: 1rem 2rem;
    }
    .orderProfile_infoBox .orderDetails-navBox{
        flex-direction: column;
        gap:20px;
    }
    .orderProfile_infoBox .orderDetails-navBox .orderDetails-mapBox{
        max-width: 100%;
    }
    .orderProfile_infoBox .orderDetails-navBox .cartDetails-orderSummary{
        max-width: 100%;
    }
    .orderProfile_infoBox .orderProfile_orderDets{
        flex-direction: column;
        align-items: flex-start;
        gap:2.4rem;
        margin-top: 2.4rem;
    }
}
@media (max-width:902px){
    .aboutUs-right{
        grid-template-columns: 1fr;
    }
    .aboutUs-rightImg{
        max-width: unset;
    }
    .productDetailsPage__productTopDes{
        flex-direction: column;
    }
    .productDetailsPage__productButtons {
        flex-direction: row;
    }
    .product__imgBack{
        max-width: unset;
    }
    .productDetailsPage__productImgs{
        flex: unset;
        max-height: 100%;
        gap:1rem;
        justify-content: space-between;
    }
    .productDetailsPage__productDisplayImg{
        max-width: 65rem;
    }
    .productDetailsPage__productAllImgs{
        max-height: 65rem;
    }
    .productDetailsPage__productAllImgsContainer{
        max-height: 72rem;
        width: fit-content;
        max-height: unset;
    }
    .productDetailsPage__productDes{
        padding:2.5rem 0;
    }
}
@media (max-width:820px) {
    /* .product__slider .swiper-button-next {
        right: 2rem !important;
    }
    .product__slider .swiper-button-prev {
        left: 2rem !important;
    } */
    .details__cards{
        flex-direction: column;
    }
    /* .product-slide-img-box{
        height: 175px;
    } */
    /*landing page css begins*/
    .discount__detail__card {
        max-width: 12rem;
    } 
    .cartDetails-orderSummary{
        max-width: unset;
        width: 100%;
        padding: 2rem;
    }
    .cartDetails-mainContent  .cartDetails-orderCheckout{
        max-width: 120px;
        width: 100%;
        margin-left: auto;
    }
    /*landing page css ends*/
    .cartDetails-items{
        width: 100%;
    }
    .cartDetails-mainContent{
        flex-direction: column;
    }
    .color__subfilter{
        grid-template-columns: repeat(4,1fr);
    }
    .contactUs-formWrapper{
        padding:3.6rem;
    }
    .orderProfile_infoBox .orderDetails-bottom{
        flex-direction: column;
    }
    .orderProfile_infoBox .checkout_summ-address.partial-width, .orderProfile_infoBox .cartDetails-orderSummary{
        width: 100%;
    }
}
@media (max-width: 769px) {
    .hamburger__menu {
        left: 99%;
    }
    .productDetailsPage__productDisplayImg{
        max-width: 60rem;
    }
    .productDetailsPage__productAllImgs{
        max-height: 60rem;
    }
    .product__slider .swiper-slide {
        padding-top:2rem;
        flex-direction: column;
    }
    .product__swiper__content{
        align-items: center;
        width: 75%;
        max-width: unset;
    }
    .product__slider .swiper-button-next {
        right: 5rem !important;
    }
    .product__slider .swiper-button-prev {
        left: 5rem !important;
    }
    .orderProfile_infoBox .products__cards{
        grid-template-columns: 1fr;
    }
    .product__stars img{
        max-width: 20px;
        width: 100%;
        object-fit: contain;
    }
    .orderProfile_infoBox .orderProfile_BtnBox{
        justify-content: flex-start;
    }
}
@media(max-width:576px){
    .profilePage-Wrapper{
        min-height: unset !important;
    }
    .cartDetails-mainContent  .cartDetails-orderCheckout{
        max-width: unset;
    }
    .footer__logo{
        max-width: unset;
        width: fit-content;
        margin-bottom: 0;
    }
    /* .cart-items{
        top:-8px;
        right:-8px;
    } */
    .product-slide-img-box{
        height: 90px;
        width: auto;
    }
    html {
        font-size: 10px;
    }
    /*landing page css begins*/
    .slide__content {
        height: fit-content;
        flex-direction: column;
    }
    .hero__leftImg {
        height: auto;
        width: 100%;
    }
    .hero__rightImg {
        padding:80px 0;
        height: 400px;
        width: 100%;
    }
    .hero__right__content {
        gap:2.5rem;
        width: 90%;
    }
    .discount__detail__card {
        top: 100%;
        left: 50%;
        max-width: 24rem;
    }
    .homepage__products__top h2
    {
        font-size: 2.4rem;
    }
    .products__cards {
        grid-template-columns: 1fr;
    }

    .swiper-button-prev{
        left:2rem !important;
    }
    .swiper-button-next{
        right:2rem !important;
    }
    .product__swiper__content {
        width: 80%;
        align-items: center;
    }
    .product__slider__img {
        width: 100%;
    }
    .product__swiper__content h4 {
        font-size: 2rem;
    }
    .product__swiper__content p {
        font-size: 1.7rem;
    }
    .detail__card {
        flex-direction: column;
    }
    .detail__card__content {
        padding: 2rem;
        width: 100%;
    }
    .detail__card__image {
        width: 100%;
    }
    .footer__content{
        flex-direction: column;
        gap:3rem;
    }
    .footer__left {
        max-width: unset;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap:2rem;
    }
    .footer__right {
        flex-direction: column;
        max-width: unset;
        align-items: center;
        gap:3rem;
    }
    .footer__links{
        align-items: center;
    }
    /*landing page css ends*/
    .login__form {
        width: 80%;
    }
    .main__header{
        /* flex-wrap: wrap; */
        padding:1.6rem 0rem;
    }
    .main__header:has(.header__searchBar){
        padding-bottom: 60px;
    }
    .header__searchBar{
        position: absolute;
        bottom: 8px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        order:4;
    }
    .search-inp{
        width: 100%;
    }
    .hamburger__menu {
        left: 90%;
    }
    /*product list page starts*/
    .page__breadcrumbs{
        padding: 1.4rem 0;
        gap: 0.5rem 14px;
        flex-wrap: wrap;
    }
    .productListPage__category__banner{
        padding:2rem 0;
    }
    .productsListPage__ProdsFilters form{
        overflow: hidden;
    }
    .productListPage__products__box{
        position: relative;
        padding-top: 8rem;
    }
    .productListPage__filterHead{
        background: rgb(255, 255, 255);
        position: absolute;
        display: flex;
        top: 0;
        z-index: 1;
    }
    .productsListPage__ProdsFilters{
        display:none;
        position: absolute;
        background-color: white;
        top:36px;
        width: 100%;
        height: auto;
        overflow-y: scroll;
        padding:4rem;  
        z-index: 1;
    }
    .productsListPage__ProdsFilters.active{
        display: block;
        max-height: calc(100vh - 36px);
        overflow: overlay;
    }
    .productsListPage__products{
        width:100%;
        padding:0;
    }
    .productListPage .products__cards{
        grid-template-columns:1fr;
    }
    .style__subFilter{
        max-height: 30vh;
    }
    .color__subfilter {
        grid-template-columns: repeat(8, 1fr);
    }
    .color__filter input:checked + label{
        background-size: 8px 8px;
    }
    .productDetailsPage__relatedProdSlider .swiper-button-next {
        right: -5px !important;
    }
    .productDetailsPage__relatedProdSlider .swiper-button-prev {
        left: -5px !important;
    }
    .productDetailsPage__productDetailsContainer{
        grid-template-columns: 1fr;
    }
    .productDetailsPage__productReviewDetails{
        flex-direction: column;
        gap:2rem;
    }
    .productDetailsPage__productReviewRateBox{
        width: 100%;
    }
    .productDetailsPage__productReviewRates{
        max-width: unset;
    }
    .productDetailsPage__userReviewBox{
        flex-direction: column;
        align-items: flex-start;
    }
    .productDetailsPage__userImgRating{
        display: flex;
        flex-direction: column-reverse;
        gap:2rem;
    }
    .productDetailsPage__userReviewBox{
        gap:2rem;
    }
    .productDetailsPage__userName{
        margin-bottom: 1.3rem;
    }
    .productDetailsPage__productAllImgsContainer{
        max-width: 100%;
        padding-inline: 0;
    }
    .productDetailsPage__productAllImgs{
        display: flex;
        flex-direction: row;
        overflow-y: overlay;
        padding-bottom: 4px;
    }
    .productDetailsPage__productAllImg{
        flex-shrink: 0;
    }
    .tab__icons__box{
        gap: clamp(1rem, 5vw, 4rem);
    }
    .header__icons{
        gap: clamp(1rem, 5vw, 4rem);
    }
    /*product list page ends*/
    /*about us page css starts*/
    .aboutUs-top{
        flex-direction: column;
        gap:4rem;
    }
    .aboutUs-topleft{
        width: 100%;
    }
    .aboutUs-topRight{
        width: 100%;
    }
    /*about us page css ends*/
    .productDetailsPage__productImgs{
        gap:1rem;
        flex-direction: column-reverse;
    }
    .productDetailsPage__productCounter{
        width: 80px;
    }
    .Profile_detsBox{
        flex-direction: column;
    }
    .profile_sideBar{
        flex: none;
        width: 100%;
        overflow-x: scroll;
        min-height: unset;
        padding:1.6rem;
    }
    .profile_menuBox{
        width: max-content;
        flex-direction: row;
    }
    .profile_menu{
        max-width: unset;
        height: fit-content;
    }
    ::-webkit-scrollbar {
        margin-top: 6px;
        width: 4px;
        height: 8px;
      }
    .addresses-box .change__address__heading{
        margin:2rem 0;
    }
    .cartDetails-item{
        display: flex;
        flex-wrap: wrap;
    }
    .cartDetails-itemDetails{
        width: 80%;
        order:1;
    }
    .cartDetails-itemDelete{
        order:2;
    }
    .cartDetails-itemPrice{
        width: 60px;
        order: 3;
    }
    .productDetailsPage__productCounter{
        order:4;
    }
    .cartDetails-itemsTotalPrice{
        text-align: end;
        width: 60px;
        order:5;
    }
    .chekout_summary_greyBox .cartDetails-itemDetails{
        width: 100%;
    }
    .chekout_summary_greyBox .cartDetails-itemPrice{
        text-align: start;
    }
    .product__detail img {
        height: 20px;
        width: 20px;
    }
    .footer__description{
        text-align: center;
    }
    .productDetailsPage__productSize{
        height: 25px;
        width: 25px;
    }
    .address__details__container{
        grid-template-columns: 1fr;
    }
    .addresses-box .address__details__card:not(.add__location){
        padding-left: 1rem;
        padding: 1rem;
    }
    .address__details p, .change__address__phone{
        margin-bottom: 1rem;
    }
    .addresses-box .add__location{
        gap:1.5rem;
        padding-left: 16px;
    }
    .productDetailsPage__addCart img {
        margin-right: 0.6rem;
    }
    .cart__detailsBox{
        left:-250px;
    }
    .notification_detailsBox{
        width: 320px;
        gap:1.6rem;
        padding:8px 12px;
        right:-100px;
    }
    .notification_detailsBox .notification-actions{
        flex-direction: column;
        gap:10px;
        align-items: flex-start;
    }
    .contactUs-mainContent{
        grid-template-columns: 1fr;
    }
    .contactUs-formWrapper{
        padding:1.6rem;
        gap:1.6rem;
    }
    .contactUs-mainContent form{
        gap:1.6rem;
    }
    .contactUs-heading, .aboutUs-heading, .aboutUs-statItem h3, .aboutUs-subHeading{
        font-size: 2.8rem;
    }
    .aboutUs-topText, .aboutUs-topRight p, .aboutUs-rightService{
        font-size: 2rem;
    }
    .aboutUs-desc, .aboutUs-statItem p{
        font-size: 1.5rem;
    }
    .aboutUs-imgLocation{
        top:2.4rem;
    }
    .checkout_summ-value{
        max-width: 120px;
    }
    .cartDetails_totalPrice{
        margin-top: 2.4rem;
    }
    .orderProfile_infoBox .chekout_summary_greyBox{
        padding: 1.6rem;
    }
    .orderProfile_orderDets{
        flex-direction: column;
        align-items: flex-start;
    }
    .orderProfile_orderID, .orderProfile_orderStatus{
        margin-bottom: 1.2rem;
    }
    .order_otherdets, .orderProfile_orderDets{
        display: flex;
        flex-direction: column;
        gap:1.2rem;
    }
    .orderProfile_BtnBox{
        justify-content: flex-start;
    }
    .orderProfile_infoBox .cartDetails-itemsTotalPrice{
        width: fit-content;
    }
    .orderProfile_infoBox .cartDetails-item{
        flex-wrap: nowrap;
    }
    .orderProfile_infoBox .orderDetails-head{
        margin-top: 0px;
    }
    .cartDetails-mainContent{
        padding-bottom: 4rem;
    }
    .header__logo{
        max-width: 6rem;
        max-height: 6rem;
    }
    .header__logo img{
        object-fit: contain;
    }
    .login__logo{
        max-height: 110px;
    }
    .login__logo img{
        object-fit: contain;
    }
    .footer__copyright__banner{
        margin-top:20px;
    }
    .signup__checks .form-group{
        align-items: flex-start;
        gap:8px;
    }
    .swal2-popup{
        scale: 1;
    }
}
@media (max-width:400px){
    .orderProfile_infoBox .cartDetails-item{
        flex-wrap: wrap;
    }
}