/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1449px) {

    .header__logo img {
        width: 40px;
    }

    .magnify__glass i {
        font-size: 18px;
    }

    .header__top__right {
        gap: 20px;
    }

    .cookie__popup__text p {
        font-size: 16px;
    }

    .cookie__popup__button a {
        font-size: 16px;
    }

    .cookie__accept {
        padding: 10px 18px;
    }

    .cookie__reject {
        padding: 10px 18px;
    }

    .cookie__popup__text {
        max-width: 50%;
    }
}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

    .header__navigation>ul>li>a {
        font-size: 14px;
        padding: 16px 8px;
    }

    .header__logo img {
        width: 30px;
    }

    .header__search label input {
        width: 250px;
        border: 1px solid #EFEFEF;
        padding: 10px 20px;
        padding-left: 40px;
        font-size: 14px;
    }

    .magnify__glass i {
        font-size: 16px;
    }

    .header__left {
        gap: 10px;
    }

    .header__search .magnify__glass {
        left: 10px;
    }

    .header__navigation ul li a::after {
        height: 2px;
    }

    .header__top__right {
        gap: 20px;
    }

    .header__top__logo img {
        width: 110px;
    }

    .single__tabItem figcaption {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }

    .single__tabItem figcaption h1 {
        font-size: 20px;
    }

    .single__tabItem figcaption p {
        font-size: 16px;
        margin-top: 5px;
        line-height: 20px;
    }

    .section__title h1 {
        font-size: 35px;
        margin-bottom: 25px;
    }

    .best__sellerTab__nav #pills-tab button {
        font-size: 20px;
    }

    .best__sellerTab__nav #pills-tab {
        gap: 16px;
    }

    .hero__text p {
        margin-bottom: 30px;
        font-size: 16px;
    }


    .hero__text h4 {
        font-size: 20px;
    }

    .hero__text h1 {
        font-size: 50px;
    }

    .shop__btn {
        font-size: 18px;
        padding: 10px 50px;
    }

    .price__2way {
        font-size: 16px;
        margin-block: 10px;
    }

    .about__title h1 {
        font-size: 45px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .about__title p {
        font-size: 16px;
    }

    .aboutProduct__heading h1 {
        font-size: 22px;
    }

    .aboutProduct__icon {
        flex-shrink: 0;
    }

    .aboutProduct__main p {
        font-size: 16px;
        margin-block: 20px;
    }

    .aboutProduct__main a {
        font-size: 16px;
    }

    .footer__social ul li a {
        font-size: 25px;
        width: 20px;
        height: 20px;
    }

    .footer__social ul {
        gap: 25px;
    }

    .single__footer {
        gap: 30px;
    }

    .country__flex img {
        width: 25px;
    }

    .cookie__popup__text p {
        font-size: 16px;
    }

    .cookie__popup__button a {
        font-size: 16px;
    }

    .cookie__accept {
        padding: 10px 18px;
    }

    .cookie__reject {
        padding: 10px 18px;
    }

    .cookie__popup__text {
        max-width: 50%;
    }

    .color__selectInput {
        width: 20%;
    }

    .size__input label span {
        font-size: 14px;
    }

    .model__dropdown {
        gap: 15px;
        padding: 8px 16px;
        font-size: 14px;
    }

    .angle__down i {
        font-size: 20px;
    }

    .favourite__product label {
        width: 40px;
        height: 40px;
        top: 10px;
        right: 10px;
    }

    .model__text h5 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .favourite__product label .heart__icon i {
        font-size: 24px;
    }

    .product__wrapper.product__end__wrapper {
        margin-top: 80px;
    }

    .type__input label {
        font-size: 18px;
        width: 145px;
        height: 45px;
    }

    .buy__btn {
        font-size: 16px;
    }

    .buyMethod__main {
        padding-block: 25px 40px;
    }

    .detail__dropdown {
        margin-top: 40px;
    }

    .productSlider__navigation .swiper-button-prev {
        left: 10px;
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .productSlider__navigation .swiper-button-next {
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 20px;
    }



    .hero__area {
        margin-top: 85px;
    }

    .megaMenu__body {
        top: 86px;
    }

    .vip__notify {
        margin-top: 85px;
    }

    .sticky .megaMenu__body {
        top: calc(93px - 39px);
    }

    .product__area {
        margin-top: 86px;
    }










    .search__megaMenu {
        top: 86px;
    }
    .profile__area {
        margin-top: 86px;
    }
}

@media (max-width: 1300px) {
    .ourFabricsSlider{
        width: 100%;
    }

    .of-slider{
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 1200px) {
    .colored_background .c-b-inside{
        padding: 0px 25px 0px 25px !important;
    }
    .colored_background .c-b-inside .cbi-text{
        font-size: 42px !important;
        line-height: normal !important;
    }
}

@media (max-width: 767px) {
    .colored_background .c-b-inside{
        padding: 0px 15px 0px 15px !important;
    }
    .image_background .c-b-inside .cbi-text{
        font-size: 90px;
    }
    .ibtb.image_background a button{
        font-size: 24px;
    }
    .ibtb.image_background h1{
        line-height: normal !important;
        font-size: 64px !important;
    }
    .size-guide-description .sgd-grid {
        grid-template-columns: auto !important;
        justify-items: center;
    }
    .size-guide-description .sgd-text .sgd-btn-guide{
        width: 100% !important;
        text-align: center;
        padding: 9px 10px !important;
    }
}

@media (max-width: 494px) {
    .Size.table {
        overflow-x: auto;
    }
    .image_background .c-b-inside .cbi-text{
        font-size: 80px;
    }
    .image_background{
        padding-top: 50px !important;
        padding-bottom: 60px !important;
    }
    .colored_background .c-b-inside .cbi-text {
        font-size: 32px !important;
    }
    .colored_background{
        padding-top: 40px !important;
        padding-bottom: 50px !important;
    }
    .ibtb.image_background h1{
        font-size: 54px !important;
    }
    .ibtb.image_background a button{
        font-size: 22px !important;
        padding: 6px 30px !important;
    }
}


/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {

    div#shopping-cart-popup:before{
        right: 42px;
    }

    .header__navigation ul li a {
        font-size: 14px;
        padding: 16px 8px;
    }

    .header__logo img {
        width: 30px;
    }

    .magnify__glass i {
        font-size: 16px;
    }

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

    .header__left {
        gap: 10px;
    }

    .header__main {
        padding-block: 15px;
    }

    .header__navigation {
        display: none;
    }

    .header__search .magnify__glass {
        left: 10px;
    }

    .header__top__support a {
        font-size: 16px;
    }

    .header__navigation ul li a::after {
        height: 2px;
    }

    .header__top__country a img {
        width: 28px;
    }

    .header__top__right {
        gap: 25px;
    }

    .header__top__logo img {
        width: 110px;
    }

    .single__tabItem figcaption {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }

    .single__tabItem figcaption h1 {
        font-size: 20px;
    }

    .single__tabItem figcaption p {
        font-size: 16px;
        margin-top: 5px;
        line-height: 20px;
    }

    .section__title h1 {
        font-size: 35px;
        margin-bottom: 25px;
    }

    .best__sellerTab__nav #pills-tab button {
        font-size: 20px;
    }

    .best__sellerTab__nav #pills-tab {
        gap: 16px;
    }

    .hero__text p {
        margin-bottom: 30px;
        font-size: 16px;
    }


    .hero__text h4 {
        font-size: 20px;
    }

    .hero__text h1 {
        font-size: 50px;
    }

    .shop__btn {
        font-size: 18px;
        padding: 10px 50px;
    }

    .price__2way {
        font-size: 16px;
        margin-block: 10px;
    }

    .about__title p {
        font-size: 16px;
    }

    .aboutProduct__heading h1 {
        font-size: 22px;
    }

    .aboutProduct__icon {
        flex-shrink: 0;
    }

    .aboutProduct__main p {
        font-size: 16px;
        margin-block: 20px;
    }


    .footer__social ul {
        gap: 25px;
    }


    .single__footer {
        gap: 30px;
    }

    .country__flex img {
        width: 25px;
    }


    .cookie__popup__text p {
        font-size: 16px;
    }

    .cookie__popup__button a {
        font-size: 16px;
    }

    .cookie__accept {
        padding: 10px 18px;
    }

    .cookie__reject {
        padding: 10px 18px;
    }

    .cookie__popup__text {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .hero__wrapper {
        padding-block: 200px 40px;
    }

    .single__tabItem {
        width: 31.77%;
        overflow: hidden;
    }

    .sellerTab__flex {
        row-gap: 20px;
    }

    .footer__flex {
        row-gap: 50px;
    }

    .header__search {
        display: none;
    }

    .header__mobile__logo img {
        width: 160px;
    }

    .catagory__aside {
        display: none;
    }

    .catagory__grid__box {
        grid-template-columns: 1fr;
    }






    .item__color {
        width: 25px;
        height: 25px;
    }

    .add__item {
        font-size: 20px;
    }

    .item__color::after {
        inset: -5px;
        border: 1px solid transparent;
    }

    .catagory__itemColor {
        gap: 8px;
        padding-block: 12px;
    }

    .extra__label {
        font-size: 12px;
        margin-top: 0px;
    }

    .overview__item__wrapper a span {
        font-size: 18px;
        margin-top: 12px;
    }

    .single__catagory {
        width: 32.5%;
    }


    .color__selectInput {
        width: 20%;
    }

    .size__input label span {
        font-size: 13px;
    }





    .size__input label span {
        font-size: 14px;
    }

    .model__dropdown {
        gap: 15px;
        padding: 8px 16px;
        font-size: 14px;
    }

    .angle__down i {
        font-size: 20px;
    }

    .favourite__product label {
        width: 40px;
        height: 40px;
        top: 10px;
        right: 10px;
    }

    .model__text h5 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .favourite__product label .heart__icon i {
        font-size: 24px;
    }

    .product__wrapper.product__end__wrapper {
        margin-top: 80px;
    }

    .type__input label {
        font-size: 18px;
        width: 145px;
        height: 45px;
    }

    .buy__btn {
        font-size: 16px;
    }

    .buyMethod__main {
        padding-block: 25px 40px;
    }

    .productSlider__navigation .swiper-button-prev {
        left: 10px;
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .productSlider__navigation .swiper-button-next {
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .prodct__left {
        order: 2;
        width: 100%;
        margin-top: 60px;
    }

    .product__right {
        width: 100%;
    }

    .product__area {
        padding-block: 40px 60px;
        margin-top: 94px;
    }

    .review__range__container {
        padding: 50px;
    }

    .recent__review__left,
    .recent__review__right {
        padding: 30px;
        width: 50%;
    }

    .recent__review__flex {
        gap: 0;
    }

    .aboutProduct__icon img {
        width: 25px;
        margin-right: 5px;
    }

    .guarantee__article {
        padding-block: 70px;
    }











    .hero__area {
        margin-top: 98px;
    }

    .vip__notify {
        margin-top: 94px;
    }

    .contact__support__block {
        font-size: 18px;
        padding: 15px 40px;
    }

    .single__credit__option {
        padding: 15px;
    }

    .single__credit__option p {
        font-size: 18px;
    }

    .profile__user__info ul li {
        width: 100%;
    }
}


/* SM Small Device :320px. */
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .DefaultLayout__Body{
        padding: 25px;
        padding-top: 100px;
    }

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

    div#shopping-cart-popup:before{
        right: 25px;
    }

    .item__color::after {
        inset: -5px;
    }

    .header__search {
        display: none;
    }

    .heroSlider .swiper-pagination {
        left: 0;
        right: 0;
        justify-content: center;
        gap: 0px;
    }

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 50px;
    }

    .heroSlider .swiper-pagination-bullet {
        height: 8px;
    }

    .header__navigation ul li a {
        font-size: 14px;
        padding: 16px 8px;
    }

    .best__sellerTab__nav #pills-tab button::after {
        height: 3px;
    }

    .header__logo img {
        width: 30px;
    }

    .header__search label input {
        width: 20px;
    }

    .magnify__glass i {
        font-size: 18px;
    }

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

    .header__left {
        gap: 10px;
    }

    .header__main {
        padding-block: 10px;
        position: relative;
    }

    .header__navigation {
        display: none;
    }

    .header__search .magnify__glass {
        left: 10px;
    }

    .header__navigation ul li a::after {
        height: 2px;
    }

    .header__top__right {
        gap: 15px;
    }

    .header__top__logo img {
        width: 80px;
    }

    .single__tabItem figcaption {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }

    .single__tabItem figcaption h1 {
        font-size: 20px;
    }

    .single__tabItem figcaption p {
        font-size: 16px;
        margin-top: 5px;
        line-height: 20px;
    }

    .section__title h1 {
        font-size: 28px;
        margin-bottom: 10px;
    }

    .best__sellerTab__nav #pills-tab button {
        font-size: 18px;
        font-weight: 600;
    }

    .best__sellerTab__nav #pills-tab {
        gap: 16px;
    }

    .hero__text p {
        margin-bottom: 20px;
        font-size: 16px;
    }


    .hero__text h4 {
        font-size: 18px;
    }

    .hero__text h1 {
        font-size: 40px;
        line-height: 30px;
    }

    .shop__btn {
        font-size: 16px;
        padding: 8px 30px;
        font-weight: 600;
    }

    .price__2way {
        font-size: 16px;
        margin-block: 10px;
        padding-inline: 20px;
    }

    .about__title h1 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .about__title p {
        font-size: 16px;
    }

    .aboutProduct__heading h1 {
        font-size: 22px;
    }

    .aboutProduct__icon {
        flex-shrink: 0;
    }

    .aboutProduct__main p {
        font-size: 16px;
        margin-block: 20px;
    }

    .aboutProduct__main a {
        font-size: 16px;
    }


    .footer__social ul {
        gap: 25px;
    }

    .single__footer {
        gap: 30px;
    }


    .country__flex img {
        width: 25px;
    }

    .footer__credit__flex p {
        text-align: center;
    }

    .footer__credit__flex a {
        text-align: center;
    }


    .cookie__popup__text p {
        font-size: 16px;
    }

    .cookie__popup__button a {
        font-size: 16px;
    }

    .cookie__accept {
        padding: 10px 18px;
    }

    .cookie__reject {
        padding: 10px 18px;
    }

    .cookie__popup__text {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .hero__wrapper {
        padding-block: 200px 40px;
    }

    .single__tabItem {
        width: 100%;
        overflow: hidden;
    }

    .sellerTab__flex {
        row-gap: 0px;
    }

    .footer__flex {
        row-gap: 50px;
        column-gap: 20px;
    }

    .single__tabItem.col3 {
        width: 100%;
    }

    .about__product {
        padding-block: 35px;
    }

    .aboutProduct__card {
        width: 100%;
        max-width: 400px;
        margin: auto;
        margin-bottom: 20px;
    }

    .footer__credit__flex {
        gap: 10px;
        justify-content: center !important;
        flex-direction: column;
    }

    .cookie__popup {
        padding-block: 20px;
    }

    .cookie__popup__button {
        flex-direction: column;
        justify-content: center;
        width: 100%;
    }

    .header__top__logo a {
        padding: 10px 25px;
    }

    .header__search {
        display: none;
    }

    .header__mobile__logo img {
        width: 100px;
    }

    .offcanva__button a {
        font-size: 20px;
    }


    .favourite__product label .heart__icon i {
        font-size: 24px;
    }

    .product__wrapper.product__end__wrapper {
        margin-top: 80px;
        row-gap: 20px;
    }

    .type__input label {
        font-size: 18px;
        width: 145px;
        height: 45px;
    }


    .buyMethod__main {
        padding-block: 20px 30px;
    }

    .detail__dropdown {
        margin-top: 20px;
        padding: 13px 20px;
    }

    .productSlider__navigation .swiper-button-prev {
        left: 10px;
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .productSlider__navigation .swiper-button-next {
        right: 10px;
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

    .prodct__left {
        order: 2;
        width: 100%;
        margin-top: 60px;
    }

    .product__right {
        width: 100%;
    }

    .product__area {
        padding-block: 30px 70px;
        margin-top: 80px;
    }

    .review__range__container {
        padding: 25px;
        width: 100%;
    }

    .labels__text__container span {
        font-size: 12px;
    }

    .recent__review__left,
    .recent__review__right {
        padding: 20px;
        width: 100%;
    }

    .recent__review__flex {
        gap: 0;
        flex-direction: column;
    }

    .color__selectInput {
        width: 20%;
    }

    .aboutProduct__icon img {
        width: 30px;
        margin-right: 5px;
    }

    .guarantee__article {
        padding-block: 50px;
    }

    .review__count {
        font-size: 16px;
    }

    .size__input label span {
        font-size: 12px;
    }

    .buyItem__title h4 {
        font-size: 16px;
    }

    .buyItem__title i {
        font-size: 18px;
    }

    .size__product__table {
        font-size: 16px;
    ;
        margin-top: 10px;
    }



    .buyAs__guest {
        padding-inline: 0;
    }

    .buyAs__guest h5 {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .detail__dropdown {
        font-size: 18px;
    }

    .product__image {
        width: 100%;
    }

    .quantity__box input {
        width: 72px;
        padding: 10px 30px;
    }

    .quantity__flex button {
        width: 45px;
    }

    .product__slider__wrapper.wrapper2 {
        margin-top: 50px;
    }

    .product__slider__wrapper .swiper {
        padding-block: 20px;
    }


    .review__rating__box {
        width: 100%;
    }

    .review__flex {
        flex-wrap: wrap;
        row-gap: 15px;
    }


    .more__review a {
        font-size: 16px;
        padding: 15px 40px;
    }

    .review__rating__box h1 {
        font-size: 40px;
    }

    .review__star i {
        font-size: 20px;
    }

    .favourite__product label {
        top: 10px;
        right: 10px;
        width: 50px;
        height: 50px;
    }

    .product__wrapper {
        row-gap: 20px;
    }

    .product__dynamic__size h5 {
        font-size: 18px;
    }

    .vip__notify__content p {
        font-size: 14px;
        line-height: 20px;
    }

    .catagory__overview__item {
        width: 48%;
    }

    .overview__item__wrapper a span {
        font-size: 16px;
    }

    .catagory__overview {
        row-gap: 30px;
    }

    .filter__offcanva {
        font-size: 16px;
        padding: 10px 15px;
    }

    .catagory__aside {
        display: none;
    }

    .catagory__grid__box {
        grid-template-columns: 1fr;
    }

    .single__catagory {
        width: 100%;
    }

    .catagory__flex {
        row-gap: 50px;
    }

    .item__color {
        width: 25px;
        height: 25px;
    }

    .catagory__itemColor {
        gap: 10px;
    }

    .add__item {
        font-size: 24px;
    }









    .hero__area,
    .vip__notify {
        margin-top: 80px;
    }

    .container__box {
        padding-inline: 20px;
    }

    .catagory__area {
        padding-block: 40px 70px;
    }

    .buyAs__vip__container p {
        margin-block: 10px 5px;
    }

    .buyAs__vip__container {
        padding: 15px;
    }

    .register__mobile {
        margin-right: 0px;
    }



    .login__section__content .login__modal__form {
        padding: 0;
    }









    .profile__navigation {
        width: 100%;
    }

    .profile__main {
        width: 100%;
        margin-top: 60px;
    }

    .profile__area {
        margin-top: 82px;
    }

    .profile__randomize__box {
        padding: 20px;
    }

    .randomize__box__title h2,
    .randomize__content__title h4 {
        font-size: 20px;
        gap: 5px;
    }

    .single__credit__option {
        width: 100%;
        text-align: center;
        padding: 15px;
        border-top: 2px solid #000;
        border-inline: 0 !important;
    }

    .credit__option {
        border: none;
    }

    .randomize__box__title span {
        font-size: 16px;
        line-height: 20px;
    }

    .single__credit__option p {
        font-size: 16px;
        line-height: 20px;
    }

    .newsletter__text p {
        font-size: 16px;
        line-height: 20px;
    }

    .subscribe__newsletter p {
        font-size: 16px;
        line-height: 20px;
    }

    .subscribe__newsletter .switch {
        width: 28px;
        height: 10px;
    }

    .subscribe__newsletter .switch::after {
        width: 20px;
        height: 20px;
    }
    .randomize__box__title {
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .subscribe__newsletter {
        margin-top: 15px;
    }
    .prefer__sizes ul {
        grid-template-columns: repeat(1, 1fr);
        font-size: 16px;
    }
    .prefer__sizes ul li {
        font-size: 16px;
        display: flex;
    }

    .prefer__sizes ul li p,.prefer__sizes ul li .id__info {
        width: 50%;
    }
    .profile__user__info ul li {
        width: 100%;
        font-size: 15px;
        display: flex;
    }
    .randomize__content__title {
        margin-bottom: 15px;
    }
    .profile__membership__body {
        padding: 20px;
    }
    .profile__membership__body h5 {
        font-size: 20px;
        line-height: 30px;
    }

    .profile__membership__body h2 {
        font-size: 35px;
    }
    .contact__support__title p {
        font-size: 16px;
    }
    .contact__support__icon span {
        font-size: 16px;
    }
    .contact__support__icon i {
        font-size: 30px;
    }
    .contact__support__block {
        font-size: 14px;
        padding: 8px 10px;
        text-wrap: wrap;
    }
    .contact__support__container {
        padding: 20px;
    }
    .contact__support__numbers {
        padding-inline: 2px;
    }
    .support__time span {
        font-size: 12px;
    }

    .single__contact__support {
        width: 50%;
    }
    .header__user a span {
        display: none;
    }

    .edit-profile-container {
        grid-template-columns: auto;
    }




}

@media (max-width: 1430px) {
    .buyItem__size__selection .input__container {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 1200px) {
    .error-page .error-section{
        max-width: 290px;
        margin-right: 30px;
        margin-top: 15%;
    }
}

@media only screen and (max-width: 1020px) {
    .center-main-block{
        padding: 50px;
        padding-top: 120px;
    }
}

@media only screen and (max-width: 900px) {
    .error-page {
        padding-top: 80px;
    }
    .error-page .desktop-img{
        display: none;
    }
    .error-page .mobile-img{
        display: block;
    }
    .error-page .error-section{
        max-width: 100%;
        margin-top: 20px;
        text-align: center;
        margin-right: 0;
        left: 0;
        padding: 0 10px;
    }
}

/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {

    .single__tabItem {
        width: 49%;
        margin-bottom: 14px;
    }

    .single__catagory {
        width: 48%;
    }
}

@media only screen and (max-width: 430px) {
    div#shopping-cart-popup{
        width: calc(100% - 20px);
        right: 10px;
    }

    div#shopping-cart-popup:before{
        right: 35px;
    }

    .wishlist-container .wishlist-data{
        gap: 15px;
        padding: 15px;
    }
}

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

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

    .vipMember__wrapper{
        padding-block: 10px;
    }

    .container__box {
        padding-inline: 10px;
    }

    .vipMember__area .single__tabItem{
        width: 100%;
    }

    .vip-swiper .swiper-pagination-bullet{
        background: transparent;
        width: 20px;
        border-radius: 20px;
        height: 8px;
        border: 1.5px solid #fff;
        opacity: 1;
        margin: 0;
        transition: var(--transition);
    }

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 50px;
        background: #fff;
    }

    .mobile-product-view {
        display: block;
    }

    .best__sellerContent .sellerTab__flex.d-flex{
        display: grid !important;
        grid-template-columns: auto auto;
    }

    .best__sellerContent .single__tabItem{
        width: 100% !important;
        margin-bottom: 0 !important;
    }

    .best__sellerContent .sellerTab__flex{
        row-gap: 5px !important;
        gap: 5px;
    }

    header .header__top .container__box{
        padding-inline: 0;
    }

    .header__top .desktop-top{
        display: none !important;
    }
    .header__top .mobile-top{
        display: flex !important;
    }

    div#shopping-cart-popup .f-container:before{
        right: 19px;
    }

    .profile-dropdown::before {
        right: 27px;
    }

    .wishlist-container .wishlist-data{
        grid-template-columns: auto auto;
    }

    .desktopView{
        display: none;
    }

    .mobileView{
        display: block;
    }

    .buyItem__color__selection .item__selectImage img{
        max-height: 88px;
    }

    .buyItem__color__selection .color__selectInput{
        width: auto;
    }

    .buyItem__color__selection .buyItem__title{
        margin-bottom: 10px;
    }

    .buyItem__size__selection .input__container{
        grid-template-columns: repeat(8, 1fr);
    }

    .buyAs__guest{
        padding-inline: 0;
    }

    .standard__price{
        margin-top: 20px;
    }

    .price-group .old-price{
        padding-left: 5px;
        display: inline-block;
    }

    .buyMethod__main{
        border: none;
    }

    .product__area .custom__container{
        padding-inline: 0;
    }

    .mobile_custom__container{
        padding-inline: 20px;
    }

    .buyMethod__top h1 {
        margin-bottom: 20px;
    }

    .detail__dropdown{
        border-radius: 0;
    }

    .detail__dropdown__text{
        padding: 20px;
        border: none;
    }

    .col-lg-12{
        padding: 0;
    }

    .favourite__product{
        right: 5px;
        margin-top: 5px;
    }

    .footer__social ul{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        justify-items: center;
    }

    .footer__content .footer__flex{
        display: block !important;
        margin-top: 30px;
    }

    /* Minor UX polish */
    .footer__nav__title {
        cursor: pointer;
        user-select: none;
        border-bottom: 1px solid rgb(51, 51, 51);
        padding: 15px 32px 15px 16px;
    }

    .footer__nav__title h5 { display: inline-flex; align-items: center; gap: .5rem; }

    /* Optional caret indicator */
    .footer__nav__title::after {
        content: "▾";
        margin-left: .5rem;
        display: inline-block;
        transition: transform .2s ease;
        opacity: .7;
        float: right;
    }

    .footer__nav ul li{
        padding: 10px 30px;
    }

    .footer__nav__title.is-open::after { transform: rotate(180deg); }

    .footer__nav{
        display: none;
    }

    .footer__nav nav ul li a{
        font-weight: 100;
    }

    .profile-dropdown{
        margin-top: 15px;
    }
}

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

    .profile-dropdown::before {
        right: 48px;
    }

    div#shopping-cart-popup{
        margin-top: 15px;
    }

    div#shopping-cart-popup .f-container:before {
        right: 15px;
    }

    .profile-dropdown {
        margin-right: 15px;
        margin-top: -30px;
    }

    .top-flex.desktop{
        display: none;
    }
    .top-flex.mobile{
        display: block;
    }

    .catagory__area .col-lg-12{
        padding: 0px 5px;
    }

    .catagory__grid__box .articles-list-items{
        gap: 10px;
        row-gap: 25px;
    }

    .custom__container {
        max-width: 1440px;
        padding-inline: 15px;
        margin-inline: auto;
    }

    .footer__credit{
        border: none;
    }

    .footer__credit::after, .footer__credit::before{
        display: none;
    }

    .membership__item .single__megaMenu__item img{
        width: -webkit-fill-available;
        max-width: unset;
    }

    .membership__item .single__megaMenu__item{
        width: 100%;
    }

    .vip-swiper .swiper-pagination {
        right: 0;
        text-align: center;
        left: 0;
        padding-bottom: 10px;
    }

    .single__tabItem figcaption{
        bottom: 25px;
    }
}

@media only screen and (max-width: 670px) {
    .orders-profile-container .order-imgs img {
        max-height: 60px;
    }
}

@media only screen and (max-width: 575px) {
    .vip-swiper .swiper-pagination {
        padding-bottom: 0;
        bottom: 5px;
        padding-top: 10px;
    }

    .single__tabItem figcaption {
        bottom: 30px;
    }
}

@media only screen and (max-width: 525px) {
    .orders-profile-container .order-imgs{
        flex-direction: column;
        align-items: center;
    }
    .orders-profile-container .order-imgs img {
        max-height: 45px;
    }

    .center-main-block{
        padding: 25px;
        padding-top: 120px;
    }
}

@media only screen and (max-width: 430px) {
    div#shopping-cart-popup .f-container:before {
        right: 25px;
    }
    .orders-profile-container .img-item-container img {
        max-height: 120px;
    }
}

@media (max-width: 992px) {
    .inside-order-flex {
        grid-template-columns: 160px 1fr 80px 30px;
    }

    .order-imgs {
        width: 160px;
        min-width: 160px;
    }

    .order-imgs img {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 830px) {
    .buyItem__size__selection .input__container {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (max-width: 700px) {
    .inside-order-flex {
        grid-template-columns: 100px 1fr;
        grid-template-rows: auto auto;
        gap: 10px;
    }

    .order-imgs {
        grid-column: 1 / 3;
        margin-bottom: 8px;
        justify-content: flex-start;
    }

    .order-price,
    .dropdown_icon {
        grid-column: 2 / 3;
        justify-self: end;
    }
}

@media (max-width: 570px) {
    .buyItem__size__selection .input__container {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 442px) {
    .inside-order-flex {
        grid-template-columns: 80px 1fr;
        grid-template-rows: auto auto;
        gap: 6px;
        align-items: start;
    }

    .order-imgs {
        width: 80px;
        min-width: 80px;
        gap: 4px;
        grid-column: 1 / 3;
        justify-content: flex-start;
        margin-bottom: 4px;
    }

    .order-imgs img {
        width: 55px;
        height: 55px;
        border-radius: 4px;
    }

    .order-data p,
    .order-date p,
    .order-price span {
        font-size: 13px;
        line-height: 18px;
    }

    .order-price {
        width: auto;
        min-width: unset;
        text-align: right;
    }

    .dropdown_icon {
        grid-column: 2 / 3;
        justify-self: end;
        width: 28px;
        height: 28px;
    }

    .plus-images-dashboard {
        font-size: 16px;
        right: 6px;
    }

    .single-order-container {
        padding: 8px 0;
    }
}