@media (min-width: 1651px) and (max-width: 1800px) {}



@media (min-width: 1450px) and (max-width: 1650px) {
    .contact-wrapper-main {
        padding-right: 80px;
    }

}



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

    .vertical-item-content {
        padding: 70px 40px;
    }

    .hero-item {
        padding-top: 140px;
    }

    .slider-details-2 .detail-thumb-item img {
        height: 850px;
    }

    .contact-wrapper-main {
        padding-right: 50px;
    }


}



@media (min-width: 1200px) and (max-width: 1300px) {
    .product-top-info span {
        font-size: var(--font-base);
    }

    .product-price strong {
        font-size: var(--font-base);
    }

    .product-top-info button {
        font-size: var(--font-md);
    }

    select#entrega-select {
        width: 170px;
    }

    select#entrega-select {
        margin-left: 15px;
    }

    .about-content .heading-two {
        font-size: var(--font-lg);
        line-height: 110%;
    }

    .about-content strong {
        font-size: var(--font-sm);
    }

    .article-content {
        padding: 50px;
    }

    .entrega .nice-select {
        width: 150px;
    }

    .entrega b {
        margin-right: 20px;
    }

    .fabric-bage button {
        width: 55px;
        height: 55px;
        margin-right: 20px;

    }

    .add_febtic button {
        width: 55px;
        height: 55px;
    }

    .detail-thumb-item img {
        height: 440px;
    }

    .contact-wrapper-main {
        padding-right: 50px;
    }

    .product_wrap_2.item_10 .product-thumbnail img {
        height: 100px;
    }


}







/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    .popular-taglists {
        gap: 10px 8px;
    }

    .popular-taglists a {
        font-size: var(--font-sm);
        padding: 5px 8px;
        margin-top: 15px;
    }

    .footer-list ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer-list ul li {
        display: inline-block;
        margin: 5px 10px;
    }

    .social-links ul li a {
        font-size: var(--font-lg);
    }

    .footer-icon img {
        max-height: 20px;
    }

    .category-lists a {
        font-size: var(--font-sm);
        text-decoration: none;
        border: 1px solid #E0E0E0;
        padding: 5px 10px;
        margin-right: 20px;
    }

    .products__wrap {
        grid-template-columns: repeat(3, calc(33.33% - 12px));
    }

    .subscreva-input input {
        width: 280px;
    }

    .vertical-item-content {
        padding: 70px 40px;
    }

    .hero-item {
        padding-top: 140px;
    }

    .vertical-content h1 {
        font-size: var(--font-3xl);
    }

    .vertical-content span {
        font-size: var(--font-3xl);
    }

    .category-card-content {
        padding: 15px 25px;
    }

    .category-card-content span {
        font-size: var(--font-xxl);
    }

    .father-content span {
        font-size: var(--font-xxl);
    }

    .father-content a {
        font-size: var(--font-base);
    }

    select#entrega-select {
        width: 115px;
    }

    select#entrega-select {
        margin-left: 10px;
    }

    span.txt-large {
        font-size: var(--font-md);
    }

    .wish-content-top span {
        line-height: 22px;
    }

    .payment-options span {
        font-size: var(--font-base);
    }

    .order_btn {
        padding: 12px 20px;
        padding-top: 16px;
    }

    .about-content .heading-two {
        font-size: var(--font-lg);
        line-height: 110%;
    }

    .about-content strong {
        font-size: var(--font-sm);
    }

    .about-content-block {
        padding: 00px 30px;
    }

    .about-content blockquote {
        font-size: var(--font-sm);
        line-height: 120%;
    }

    .about-content p {
        font-size: var(--font-sm);
        line-height: 130%;
    }

    .article-content {
        padding: 50px;
        width: 33.33%;
    }

    .entrega b {
        margin-right: 10px;
    }

    .entrega .nice-select {
        width: 110px;
    }

    .total-box {
        padding: 30px 20px;
    }

    .fabric-bage button:after {
        border: 3px solid #fff;
    }

    .fabric-bage button.active {
        border-width: 3px;
    }

    .selector-one .nice-select {
        line-height: 45px;
        height: 45px;
    }

    .fabric-bage button {
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }

    .add_febtic button {
        width: 50px;
        height: 50px;
    }

    .slide_itm_bg {
        height: 450px;
    }

    .hero-slide-content h1 {
        font-size: var(--font-xxl);
    }

    .hero-slide-content p {
        font-size: var(--font-base);
        line-height: 24px;
    }

    .detail-thumb-item img {
        width: auto;
        margin: 0 auto;
        height: 400px;
        object-fit: contain;
        object-position: top;
    }

    .slider-details-2 .detail-thumb-item img {
        height: 700px;
    }

    .contact-wrapper-main {
        padding-right: 15px;
    }

    .contact-title p {
        font-size: var(--font-base);
    }

    .product_wrap_2.item_10 .product-thumbnail img {
        height: 80px;
    }



}





@media (min-width: 768px) and (max-width: 991px) {
    .popular-taglists {
        gap: 5px 8px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .popular-taglists a {
        font-size: var(--font-sm);
        padding: 5px 8px;
        margin-top: 10px;
    }

    .footer-list ul {
        justify-content: center;
        flex-wrap: wrap;
    }

    .footer-list ul li {
        display: inline-block;
        margin: 5px 10px;
    }

    .social-links ul li a {
        font-size: var(--font-lg);
    }

    .footer-icon img {
        max-height: 16px;
        margin-left: 10px;
    }

    .category-lists a {
        font-size: var(--font-base);
        text-decoration: none;
        border: 1px solid #E0E0E0;
        padding: 5px 10px;
        margin-right: 20px;
    }

    .header-bottom-area {
        padding: 20px 0px;
    }

    .menu__bar {
        margin-right: 20px;
    }

    .layout-gird button img {
        width: 20px;
    }

    .product-top-info button {
        font-size: var(--font-md);
    }

    .header__options button {
        font-size: var(--font-md);
    }

    .brand__item a img {
        max-width: 40px;
    }

    .dropdown-toggle::after {
        font-size: var(--font-xl);
    }

    .products__wrap {
        grid-template-columns: repeat(3, calc(33.33% - 10px));
    }

    .product-top-info span {
        font-size: var(--font-base);
    }

    .product-price strong {
        font-size: var(--font-base);
    }

    .subscreva-input input {
        width: 280px;
    }

    .products__wrap.item_10 {
        grid-template-columns: repeat(5, calc(20% - 7px));
        gap: 0 8px;
    }

    .vertical-item-content {
        padding: 70px 40px;
    }

    .hero-item {
        padding-top: 140px;
    }

    .vertical-content h1 {
        font-size: var(--font-xxl);
    }

    .vertical-content span {
        font-size: var(--font-xxl);
    }

    .category-card-content {
        padding: 15px 20px;
    }

    .category-card-content span {
        font-size: var(--font-xl);
    }

    .father-content span {
        font-size: var(--font-lg);
    }

    .father-content a {
        font-size: var(--font-sm);
    }

    .father-product-text {
        padding: 15px;
    }

    .father-product-description p {
        font-size: var(--font-sm);
    }

    .wishlist-wrap {
        justify-content: flex-end;
    }

    .total-box {
        margin-top: 35px;
    }

    select#entrega-select {
        margin-left: 10px;
    }

    select#entrega-select {
        width: 160px;
    }

    .wisht-title span {
        font-size: var(--font-base);
        top: 3px;
    }

    .modifire span {
        font-size: var(--font-base);
    }

    .back-btn-wrap.back-wrap-2 {
        text-align: center;
    }

    .back_btn {
        padding: 10px 20px;
        padding-top: 15px;
    }

    .page-hero-area {
        height: 300px;
    }

    .page-hero-content h1 {
        font-size: var(--font-xxl);
        line-height: 110%;
        margin-bottom: 10px;
    }

    .page-hero-content p {
        font-size: var(--font-base);
        line-height: 22px;
    }

    .about-content-block {
        height: 100%;
        width: 100%;
        padding: 40px 15px;
    }

    .about-thumbnail-block {
        width: 100%;
        height: auto;
    }

    .about-wrapper-single:nth-child(even) {
        align-items: center;
        flex-direction: column-reverse;
    }

    .about-history-block {
        height: auto;
        width: 100%;
        padding: 40px 15px;
    }

    .history-content-area {
        padding: 40px 0;
    }

    .banner-btn a {
        padding: 12px 24px;
    }

    .banner-content {
        display: flex;
        justify-content: center;
    }

    .page-banner {
        height: 250px;
    }

    .order-history-box ul li {
        margin-right: 12px;
        font-size: var(--font-sm);
    }

    .order-history-box ul li span {
        height: 10px;
        width: 10px;
        top: 1px;
    }

    .product-color button {
        width: 20px;
        height: 20px;
        margin-right: 12px;
    }

    .article-content {
        padding: 50px 30px;
        width: 50%;
    }

    .hero-slide-item {
        height: 420px;
        padding: 30px 20px;
    }

    .article-slider {
        width: 100%;
    }

    .article-single {
        display: flex;
        flex-wrap: wrap;
    }

    .article-single:nth-child(even) {
        flex-direction: column-reverse;
    }

    .article-content {
        padding: 50px 30px;
        width: 100%;
    }

    .entrega b {
        margin-right: 15px;
    }

    .entrega .nice-select {
        width: 150px;
    }

    .entrega b {
        margin-right: 20px;
    }


    .fabric-bage button.active {
        border-width: 3px;
    }

    .fabric-bage button:after {
        border: 3px solid #fff;
    }

    .selector-one .nice-select {
        line-height: 45px;
        height: 45px;
    }

    .contact-presentation-bg {
        width: 100%
    }

    .contact-area {
        padding: 50px 0;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        padding-top: 0;
    }

    .contact-wrapper-main {
        margin-top: 50px;
    }

    .fabric-bage button {
        width: 60px;
        height: 60px;
        margin-right: 25px;
    }

    .add_febtic button {
        width: 60px;
        height: 60px;
    }

    .slide_itm_bg {
        height: 450px;
    }

    .hero-slide-content h1 {
        font-size: var(--font-xxl);
    }

    .hero-slide-content p {
        font-size: var(--font-base);
    }

    .single_hero_item {
        height: 720px;
    }

    .product-inf-right span {
        align-items: flex-end;
        line-height: 1px;
        padding-bottom: 8px;
    }

    .detail-thumb-item img {
        height: 480px;
    }

    .slider-details-2 .detail-thumb-item img {
        height: 930px;
    }

    .contact-wrapper-2 {
        flex-direction: column-reverse;
    }

    .contat-banner {
        margin-top: 25px;
        margin-bottom: 50px;
    }

    .contact-wrapper-main {
        width: 100%;
        padding-left: 0;
        padding-right: 0px;
    }

    section.contact-main-area {
        padding-top: 25px;
    }

    .color-sidebar {
        width: 600px;
        padding: 50px 50px;
        padding-top: 90px;
        padding-right: 0;
    }

    .febric-color-box {
        padding-right: 50px;
    }

    .sidebar__title {
        top: 35px;
        padding: 0 50px;
        padding-right: 65px;
    }

    .febric-color-box {
        height: calc(100% - 55px);
    }

    .fabric-item {
        margin-bottom: 20px;
        width: 103px;
    }

    .fabric-view {
        height: 103px;
    }

    .product_wrap_2.item_10 .product-thumbnail img {
        height: 100px;
    }

    .febric-note {
        margin-right: 65px;
    }


}






/* SM Small Device :320px. */
@media only screen and (max-width: 767px) {
    .popular-taglists {
        gap: 5px 5px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .footer-list ul {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }

    .footer-list ul li a {
        font-size: var(--font-sm);
    }

    .footer-list ul li {
        margin: 4px 6px;
    }

    .copyright-text {
        text-align: center;
        margin-top: 20px;
    }

    .social-links ul {
        gap: 0 20px;
    }

    .social-links ul li a {
        font-size: var(--font-lg);
    }

    .footer-icon {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-icon img {
        margin-left: 0;
        margin: 0 10px;
    }

    .product_items_wrapper.row>* {
        padding-right: calc(var(--bs-gutter-x) * .2);
        padding-left: calc(var(--bs-gutter-x) * .2);
    }

    .product-top-info button {
        display: none;
    }

    .product-thumbnail span {
        font-size: var(--font-sm);
        font-weight: 600;
        padding: 2px 8px;
        padding-top: 4px;
    }

    .brand__item {
        margin-bottom: 40px;
    }

    .brand__item a img {
        max-width: 36px;
    }

    .brand-area {
        padding-bottom: 30px;
    }

    .description__text p {
        font-size: var(--font-sm);
		padding-left:10px;

    }

    .popular-taglists a {
        margin-top: 5px;
    }

    .popular-taglists {
        justify-content: flex-start;
    }

    .filter-select .form-select {
        font-size: var(--font-base);
        line-height: 25px;
        padding-right: 36px;
    }

    .layout-gird button img {
        width: 20px;
    }

    .layout-gird {
        gap: 0 10px;
        margin-left: 20px;
    }

    .form-select {
        background-size: 14px 14px;
    }

    .header-bottom-area {
        padding: 15px 0px;
    }

    .menu__bar img {
        width: 22px;
        position: relative;
        top: 3px;
    }

    .menu__bar {
        margin-right: 15px;
    }

    .header__nav {
        margin-right: 25px;
        display: none;
    }

    .header__options button {
        font-size: var(--font-md);
    }

    .header__options {
        gap: 0 5px;
    }

    .category-lists a {
        font-size: var(--font-sm);
        padding: 5px 8px;
        margin-right: 10px;
    }

    .hamburger-menu {
        width: 100%;
        padding: 35px 20px;
    }

    .submenu_wrap {
        padding: 35px 20px;
        width: 100%;
    }

    .products__wrap {
        grid-template-columns: repeat(2, calc(50% - 1px));
        gap: 0 2px;
    }

    .row.product_items_wrapper .col-lg-12 {
        margin: 0;
        padding: 0;
    }

    .dropdown-toggle::after {
        font-size: var(--font-xl);
    }

    .product-top-info h4 {
        font-size: var(--font-sm);
    }

    .popular-taglist-area .arrow-button {
        margin-top: -7px;
        height: 36px;
    }

    .header__logo a img {
        height: 20px;
        position: relative;
        top: -1px;
    }

    .search-wrap button {
        font-size: var(--font-md);
    }

    .search_x i {
        font-size: var(--font-lg);
    }

    .search-field input {
        padding: 5px 5px;
        font-size: var(--font-md);
        height: 50px;
    }

    .search-popup-area {
        padding: 8px 0;
    }

    .arrow-button {
        height: 38px;
    }

    .category-navigation {
        text-align: left;
    }

    .grid-on-phone {
        display: inline-block;
    }

    .grid-on-desktop {
        display: none;
    }

    .layout-gird {
        gap: 0 12px;
        margin-left: 15px;
    }

    .products__wrap.item_10 {
        grid-template-columns: repeat(1, calc(100% - 0px));
        gap: 0 0px;
    }

    .products__wrap.item_10 .single-product {
        margin-bottom: 35px;
    }

    .item_10 .product-description {
        display: flex;
        padding: 10px 15px;
    }

    .item_10 .product-thumbnail span {
        display: block;
    }

    .item_10 .product-top-info button {
        display: block;
    }

    .vertical-item img {
        width: 100%;
        height: 360px;
        object-fit: cover;
    }

    .vertical-item-content {
        padding: 50px 20px;
    }

    .hero-item {
        padding-top: 140px;
    }

    .vertical-content h1 {
        font-size: var(--font-md);
        line-height: 120%;
    }

    .vertical-content span {
        font-size: var(--font-md);
        line-height: 120%;
    }

    .vertical-content h1 strong {
        font-size: var(--font-xl);
        line-height: 130%;
    }

    .vertical-content span strong {
        font-size: xxx-large;
		/*font-size: var(--font-xl);*/
        line-height: 130%;
    }

    .hero-area img {
        height: 560px;
    }

    .categories-wrapper {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 1px));
        gap: 0 2px;
    }

    .category-card-content {
        padding: 15px 15px;
    }

    .category-card-content span {
        font-size: var(--font-l);
    }

    .category-card {
        margin-bottom: 2px;
    }

    .gallery-wrapper {
        display: grid;
        grid-template-columns: repeat(2, calc(50% - 1px));
        gap: 0px 2px;
    }

    .gallery-item {
        margin-bottom: 2px;
    }

    .father-content span {
        font-size: var(--font-base);
    }

    .father-content a {
        font-size: var(--font-xsm);
        line-height: 100%;
    }

    .father-product-text {
        padding: 10px;
    }

    .father-product-description p {
        font-size: var(--font-xsm);
        line-height: 16px;
    }

    .explore-btn {
        line-height: 1;
    }

    .father-product-description {
        padding: 10px 8px;
    }

    .wish-content-top span {
        font-size: var(--font-base);
        line-height: 22px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .wish-thumb {
        width: 96px;
    }

    .taglist ul li a {
        font-size: var(--font-xsm);
    }

    .product-color button {
        width: 14px !important;
        height: 14px !important;
        margin-right: 10px;
        display: inline-block;
    }

    .price-txt span {
        font-size: var(--font-sm);
    }

    .quantity-count button {
        width: 22px !important;
        height: 22px !important;
        margin: 0 7px;
    }

    .quantity-count input {
        width: 20px !important;
        height: 20px !important;
        font-size: var(--font-xsm);
        padding-top: 3px !important;
        border-radius: 0 !important;
    }

    .wish-content {
        padding-left: 10px;
        width: calc(100% - 96px);
    }

    .taglist ul li {
        margin-right: 5px;
    }

    select#entrega-select {
        margin-left: 12px;
    }

    select#entrega-select {
        width: 150px;
    }

    .wish-content-top {
        white-space: nowrap;
        padding-right: 10px;
        overflow: hidden;
    }

    .wishlist-area {
        padding: 70px 0;
        padding-bottom: 0;
    }

    .total-box {
        margin-top: 35px;
    }

    .total-box {
        padding: 30px 20px;
    }

    .recommended-area .container {
        overflow: hidden;
    }

    .fabric-bage button:after {
        border: 2px solid #fff;
    }

    .details-tab-lists .nav-pills .nav-link {
        font-size: var(--font-sm);
        padding: 5px 10px;
    }

    .details-tabs-content {
        margin-top: 15px;
    }

    .selector-one .nice-select {
        line-height: 40px;
        height: 40px;
    }

    .cart-btn button {
        height: 40px;
        font-size: var(--font-sm);
        line-height: 40px;
    }

    .recommended-area {
        padding-bottom: 30px;
    }

    .product_items_wrapper.row>* {
        padding-right: calc(var(--bs-gutter-x) * .0);
        padding-left: calc(var(--bs-gutter-x) * .0);
    }

    .fabric-bage button.active {
        border-width: 3px;
    }

    .nice-select:after {
        height: 9px;
        margin-top: -6px;
        right: 15px;
        width: 9px;
    }

    .wisht-title span {
        font-size: var(--font-base);
    }

    .modifire span {
        font-size: var(--font-base);
    }

    .back_btn {
        padding: 9px 20px;
        padding-top: 14px;
        width: 100%;
        text-align: center;
        justify-content: center;
        font-size: var(--font-base);
    }

    .order_btn {
        padding: 14px 24px;
        padding-top: 17px;
    }

    .login-options a {
        height: 50px;
        line-height: 49px;
    }

    .page-hero-area {
        height: auto;
        padding: 50px 0;
    }

    .page-hero-content h1 {
        font-size: var(--font-xxl);
        line-height: 110%;
        margin-bottom: 5px;
        display: block
    }

    .page-hero-content p {
        font-size: var(--font-base);
        line-height: 22px;
    }

    .about-content-block {
        height: 100%;
        width: 100%;
        padding: 40px 15px;
    }

    .about-thumbnail-block {
        width: 100%;
        height: auto;
    }

    .about-wrapper-single:nth-child(even) {
        align-items: center;
        flex-direction: column-reverse;
    }

    .about-history-block {
        height: auto;
        width: 100%;
        padding: 40px 15px;
    }

    .history-content-area {
        padding: 40px 0;
    }

    .about-content span {
        font-size: var(--font-md);
    }

    .about-content blockquote {
        font-size: var(--font-sm);
    }

    .team-area {
        padding: 30px 0;
    }

    .history-content-area span {
        font-size: var(--font-md);
    }

    .banner-text span {
        font-size: var(--font-md);
        line-height: 24px;
    }

    .page-banner {
        height: 210px;
        padding: 20px 20px;
    }

    .banner-btn a {
        padding: 10px 24px;
        font-size: var(--font-sm);
    }

    .order-history-box {
        padding: 15px 15px;
        margin-bottom: 40px;
    }

    .order-history-box ul li {
        display: block;
        margin-right: 0px;
        font-size: var(--font-sm);
        line-height: 100%;
        margin-bottom: 7px;
    }

    .order-history-box ul li:last-child {
        margin-bottom: 0;
    }

    .order-history-box ul li span {
        height: 9px;
        width: 9px;
        margin-right: 2px;
        top: 1px;
    }

    .card__title span {
        font-size: var(--font-base);
    }

    .hostory-lists ul li {
        font-size: var(--font-base);
        line-height: 22px;
    }

    .favorite-item {
        padding-left: 10px;
        font-size: var(--font-sm);
    }

    .wish-fvrt {
        display: none;
    }

    .thankyou-box p {
        font-size: var(--font-base);
    }

    .accordion-button {
        font-size: var(--font-sm);
        padding-left: 25px;
    }

    .accordion-body {
        padding-top: 0;
        padding-bottom: 20px;
        padding-left: 25px;
    }

    .accordion-body p {
        font-size: var(--font-sm);
    }

    .accordion-button::after {
        width: 16px;
        height: 14px;
        background-size: 16px;
        margin-top: -3px;
    }

    .article-content {
        padding: 50px 30px;
        width: 50%;
    }

    .article-slider {
        width: 100%;
    }

    .article-single {
        display: flex;
        flex-wrap: wrap;
    }

    .article-single:nth-child(even) {
        flex-direction: column-reverse;
    }

    .article-content {
        padding: 40px 15px;
        width: 100%;
    }

    .hero-slide-item {
        height: auto;
        padding: 50px 0px;
    }

    .hero-slide-content h1 {
        font-size: var(--font-xl);
    }

    .hero-slide-content p {
        font-size: var(--font-base);
        line-height: 24px;
    }

    .form-ck-wrap p {
        font-size: var(--font-sm);
    }

    .single-field p {
        font-size: var(--font-sm);
    }

    .entrega .nice-select {
        width: 130px;
    }

    .entrega b {
        margin-right: 20px;
    }

    .wishlist-area {
        padding: 15px 0;
        padding-bottom: 35px;
    }

    .add_febtic button {
        width: 45px;
        height: 45px;
    }

    .contact-presentation-bg {
        width: 100%
    }

    .contact-area {
        padding: 50px 0;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        padding-top: 0;
        padding-bottom: 0;
    }

    .contact-wrapper-main {
        margin-top: 30px;
    }

    .explore-btn a {
        font-size: var(--font-base);
    }

    .explore-btn a i {
        font-size: var(--font-lg);
    }

    .fabric-bage button {
        width: 45px;
        height: 45px;
        margin-right: 6px;
    }

    .slide_itm_bg {
        height: 400px;
    }

    .single_hero_item {
        height: 660px;
    }

    .single_hero_item .vertical-item-content {
        padding-top: 150px !important;
    }

    .menu_step_3 {
        width: 100%;
        padding: 35px 20px;
    }

    .submenu-content-title span {
        font-size: var(--font-xl);
    }

    .submenu-content-title {
        margin-bottom: 10px;
    }

    .product-inf-right span {
        align-items: flex-end;
        line-height: 1px;
        padding-bottom: 8px;
    }

    .product-inf-lft {
        width: calc(100% - 45px);
        padding-right: 5px;
    }

    .product-inf-right {
        width: 45px;
    }

    .tab-content-body p {
        font-size: var(--font-sm);
    }

    .description_text p {
        font-size: var(--font-sm);
    }

    .header__options button span {
        right: -3px;
        bottom: -3px;
    }

    .cart-favorite-btn {
        width: 40px;
    }

    .cart-main-btn {
        width: calc(100% - 40px);
        padding-right: 3px;
    }

    .search__icon {
        display: inline-block;
    }

    .header__options button {
        display: inline-block;
        line-height: 1.2;
        width: auto;
        padding: 0 5px;
    }

    .none-in-mobile {
        display: none;
    }

    .show-in-mobile {
        display: block;
    }

    .selected-quantity input {
        width: 26px !important;
        height: 26px !important;
        text-align: center !important;
        justify-self: center;
        align-items: center;
        padding: 2px;
        padding-top: 4px;
    }

    .product-details-right {
        padding: 0 15px;
    }

    body {
        padding-top: 95px;
    }

    .tooltip_txt {
        font-size: var(--font-sm);
    }

    .wish-thumb img {
        width: 100%;
    }

    .none-in-sm {
        display: none;
    }

    .single_select_dropdown button {
        font-size: var(--font-sm);
    }

    .product-counts p {
        font-size: var(--font-sm);
    }

    .per_col_4 {
        grid-template-columns: repeat(4, calc(25% - 2.2px)) !important;
        gap: 0 3px !important;
    }

    .per_col_4 .product-description {
        display: none !important;
    }

    .per_col_4 .single-product {
        margin-bottom: 3px !important;
    }

    .per_4 {
        display: inline-block;
    }

    .social_none_mobile {
        display: none;
    }

    .social_block_mobile {
        display: block;
    }

    .product-details-left {
        padding-bottom: 20px;
    }

    .contact-wrapper-main {
        width: 100%;
        padding-left: 0;
        padding-right: 0px;
    }

    section.contact-main-area {
        padding-top: 15px;
    }

    .color-sidebar {
        width: 100%;
        padding: 50px 30px;
        padding-right: 0;
        padding-top: 70px;
        padding-bottom: 0;
    }

    .sidebar__title {
        top: 20px;
        padding: 0 30px;
        padding-right: 30px;
    }

    .menu-wrapper {
        min-height: 360px;
    }

    .fabric-item {
        margin-bottom: 20px;
        width: 102px;
    }

    .fabric-view {
        height: 102px;
    }

    .febric-note p {
        font-size: var(--font-sm);
    }

    .product_wrap_2.per_col_4 {
        grid-template-columns: repeat(3, calc(33.33% - 2.2px)) !important;
        gap: 0 3px !important;
    }

    .febric-note {
        margin-right: 22px;
    }

    .febric-color-box {
        padding-right: 20px;
    }

    .mfp-arrow {
        opacity: 0 !important;
    }

}




@media only screen and (max-width: 767px) {
    .product-top-info span {
        font-size: var(--font-sm);
    }

    .product-price strong {
        font-size: var(--font-sm)
    }

    .product-inf-right span {
        font-size: var(--font-sm)
    }

    .category-lists ul li {
        display: inline-block;
        margin-right: 10px;
    }

    .popular-taglist-area .main_scroller {
        margin-bottom: 0px;
    }

    .header__options button img {
        max-height: 20px;
        max-width: 20px;
    }

    .arrow-button {
        margin-top: -7px;
    }

    .category-lists ul li {
        margin-right: 6px;
    }

    .category-navigation ul li {
        margin-right: 4px;
        margin-bottom: 8px;
    }

    .category-navigation li a {
        padding: 4px 10px;
        font-size: var(--font-sm);

    }

    .search_x img {
        width: 15px;
    }

    .detail-thumb-item img {
        width: 100%;
        object-fit: cover;
    }

    .menu-control-bg {
        height: 160px;
    }

    .submenu-content {
        margin-top: 95px;
    }

    .menu_link a img {
        width: 38px;
        height: 38px;
    }

    .contat-banner {
        margin-top: 15px;
        margin-bottom: 35px;
    }

    .contact-wrapper-2 {
        flex-direction: column-reverse;
    }

    .detail-thumb-item img {
        object-fit: cover;
    }

    .detail-thumb-item img {
        height: 350px !important;
    }

    .slider-details-2 .detail-thumb-item img {
        min-height: 0px;
        height: 520px !important;
    }

    #style-4::-webkit-scrollbar {
        width: 4px;
    }



}





@media only screen and (min-width: 300px) and (max-width: 400px) {
    .fabric-item {
        width: 90px;
    }

    .fabric-view {
        height: 90px;
    }

    .sidebar__title {
        padding: 0 25px;
    }

    .color-sidebar {
        padding: 50px 25px;
        padding-top: 70px;
        padding-right: 0;
    }

    .febric-color-box {
        height: calc(100% - 40px);
    }

    .product_wrap_2.item_10 .product-thumbnail img {
        height: 230px;
    }

    .product_wrap_2.per_col_4 .product-thumbnail img {
        height: 80px;
    }

   

}

@media only screen and (min-width: 340px) and (max-width: 360px) {
    .fabric-view {
        height: 86px;
        width: 86px;
    }




    
}


@media only screen and (min-width: 400px) and (max-width: 576px) {
    .slider-details-2 .detail-thumb-item img {
        min-height: 0px;
        height: 500px !important;
        object-fit: contain;
    }

}

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

    .color-sidebar {
        width: 400px;
        padding: 50px 30px;
        padding-top: 65px;
        padding-bottom: 0;
        padding-right: 0;
    }

    .fabric-item {
        width: 94px;
    }

    .fabric-view {
        height: 94px;
    }

    .sidebar__title {
        padding: 0 30px;
    }

    .product_wrap_2.per_col_4 .product-thumbnail img {
        height: 120px;
    }

    .product_wrap_2.item_10 .product-thumbnail img {
        height: auto;
    }



}




/* SM Small Device :550px. */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .detail-thumb-item img {
        height: 350px !important;
    }

    .detail-thumb-item img {
        object-fit: contain;
    }

    .details-sliders .detail-thumb-item img {
        height: 520px;
    }

    #style-4::-webkit-scrollbar {
        width: 6px;
    }

    .fabric-bage button {
        width: 60px;
        height: 60px;
        margin-right: 10px;
    }

    .add_febtic button {
        width: 60px;
        height: 60px;
    }

}



@media only screen and (min-width: 380px) and (max-width: 420px) {
    .slider-details-2 .detail-thumb-item img {
        height: 480px !important;
    }
}

@media only screen and (min-width: 340px) and (max-width: 379px) {
    .slider-details-2 .detail-thumb-item img {
        height: 460px !important;
    }



}