@media (min-width: 640px) {
    .range-slider .track {
        bottom: 15px;
    }
}

@media (min-width: 1024px) {
    .range-slider .track {
        bottom: 15px;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .range-slider .slider-thumb {
        display: block;
    }
}

@media (min-width: 640px) {
    .range-slider .slider-thumb {
        height: 30px;
        width: 30px;
    }
}

@media (min-width: 1024px) {
    .range-slider .slider-thumb {
        height: 30px;
        width: 30px;
    }
}

@media (min-width: 640px) {
    .range-slider [type=range] {
        height: 30px;
    }
}

@media (min-width: 1024px) {
    .range-slider [type=range] {
        height: 30px;
    }
}

@media (min-width: 640px) {
    .range-slider [type=range]:first-of-type {
        margin-bottom: -30px;
    }
}

@media (min-width: 1024px) {
    .range-slider [type=range]:first-of-type {
        margin-bottom: -30px;
    }
}

@media (min-width: 640px) {
    .range-slider [type=range]::-webkit-slider-thumb {
        height: 30px;
        margin-top: -12px;
        width: 30px;
    }
}

@media (min-width: 1024px) {
    .range-slider [type=range]::-webkit-slider-thumb {
        height: 30px;
        margin-top: -12px;
        width: 30px;
    }
}

@media (min-width: 640px) {
    .range-slider [type=range]::-ms-thumb {
        height: 30px;
        width: 30px;
    }
}

@media (min-width: 1024px) {
    .range-slider [type=range]::-ms-thumb {
        height: 30px;
        width: 30px;
    }
}

@media (min-width: 640px) {
    .range-slider [type=range]::-moz-range-thumb {
        height: 30px;
        margin-top: -12px;
        width: 30px;
    }
}

@media (min-width: 1024px) {
    .range-slider [type=range]::-moz-range-thumb {
        height: 30px;
        margin-top: -12px;
        width: 30px;
    }
}

@media all and (min-width: 992px) {
    .navbar .has-megamenu {
        position: static !important;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0px;
    }

}

@media (min-width: 992px) {
    .main-nav-fix .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        height: 60px;
        align-items: center;
        justify-content: center;
    }

    .main-nav-fix ul.right-nav li.nav-item {
        position: static !important;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main-nav-fix ul.right-nav li.nav-item .nav-link {
        padding-top: 0;
        padding-bottom: 0;
    }

    .main-nav-fix .navbar-nav .nav-link {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* .category-pattern .catgory-slider .card img {


        height: calc(((((((100vw - 17px) * 100) / 100) / 4) - 1.13vw)) / 0.715);
    } */

}

/* ============ desktop view .end// ============ */


/* ============ mobile view ============ */

@media (max-width: 991px) {
    .navbar.fixed-top .navbar-collapse,
    .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-top: 10px;
    }
}


/* ============ mobile view .end// ============ */

@media (max-width: 320px) {
    .container-custom {
        max-width: 227px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left-top {
        height: 136px !important;
        margin: 2px 2px 0px 0px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left {

        height: 273px !important;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-right-side {

        height: 550px !important;
    }
      .product-filter-main .filter-nav .product-filtering .filtered-by {
        flex-basis: 33% !important;
        margin-right: 0;
    }

}

@media (max-width: 360px) {

    .promotionalbanner-main .promotional-flex-main .promotion-left-top {
        height: 136px !important;
        margin: 2px 2px 0px 0px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left {

        height: 273px !important;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-right-side {

        height: 550px !important;
    }
       .product-filter-main .filter-nav .product-filtering .filtered-by {
        flex-basis: 33% !important;
        margin-right: 0;
    }
}


@media (max-width: 375px) {
    .common-pattern .pattern-main .pattern-flex {
        flex-basis: 100%;
        height: 495px;
    }

    .others-pattern .pattern-main .pattern-flex {
        flex-basis: 100%;
        height: 495px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left-top {
        height: 136px !important;
        margin: 2px 2px 0px 0px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left {

        height: 273px !important;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-right-side {

        height: 550px !important;
    }
       .product-filter-main .filter-nav .product-filtering .filtered-by {
        flex-basis: 33% !important;
        margin-right: 0;
    }

}

@media (max-width: 414px) {
    .common-pattern .pattern-main .pattern-box .pattern-title-box h2 {
        font-size: 20px !important;
    }

    .common-pattern .pattern-main .pattern-box .pattern-title-box h5 {
        font-size: 11px !important;
    }

    .others-pattern .pattern-main .pattern-box .others-btn {
        font-size: 12px !important;
    }

    .footer-category {
        margin: 40px 0px;
    }

    .others-pattern .pattern-main .pattern-flex {
        flex-basis: 100%;
        height: 580px;
    }

    .common-pattern .pattern-main .pattern-flex {
        flex-basis: 100%;
        height: 580px;
    }

    .main-nav-section .navbar-toggler {
        font-size: 10px;
    }

    .main-nav-section .navbar-toggler:focus {
        box-shadow: none;
        outline: none;
    }

    .navbar-collapse {
        background: #fff;
        z-index: 9;
        box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    }

    .main-nav-section .navbar {
        padding: 16px 30px;
    }

    /* category page responsive start from here  */
    .category-bg-main {
        height: 38vw;
    }


    /* .category-pattern .catgory-slider .card img {
        height: 100vw !important;
    } */

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .main-nav-section .navbar-toggler {
        z-index: 9;
        box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    }

    .category-bg-main .category-banner-title h1 {
        font-size: 35px;
    }

    .filter-form {
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-filter-main .filter-nav .product-filtering .filtered-by {
        flex-basis: 25%;
        margin-right: 0;
    }

    .product-filter-main .filter-nav {
        padding: 0px 0px;
    }

    /* category page responsive end here  */
    /* product details page design start from here  */
    .details-main .zoom-common-pattern li {
        width: 100%;
        margin-bottom: 2px;
    }

    .details-main .zoom-common-pattern li:nth-child(2n+1) {
        margin-right: 0;
    }

    .details-main .zoomsm-common-pattern li {
        width: 100%;
        min-height: 70vw;
        margin-bottom: 2px;
    }

    .details-main .zoomsm-common-pattern li:nth-child(1),
    .details-main .zoomsm-common-pattern li:nth-child(2) {
        margin-right: 0px;
    }

    .details-main .zoomsm-common-pattern li .zoom-hover-img img {
        height: 100vw;
    }

    .details-main .zoom-cart-main {
        padding: 20px;
    }

    .zoom-cart-main .price-box .price-list .price-name {
        font-size: 13px;
        line-height: 19px;
    }

    .zoom-cart-main .price-box .price-list .price-name {
        font-size: 12px;
    }

    /* .size-selection .form-select {
        padding: 4px 15px;
        font-size: 13px;
    } */

    .size-submit .size-selection .size-btn {
        font-size: 13px;
        line-height: 22px;
    }

    .store-avalable-main .stores {
        flex-basis: 100%;
        margin-bottom: 15px;
    }

    .store-avalable-main .stores h3.text-end {
        text-align: left !important;
    }

    .details-main .details-description-main {
        width: 100%;
        padding: 20px;
    }

    .details-main .details-description-main .description-box:nth-child(1) {
        flex-basis: 100%;
        margin-right: 0;
        text-align: justify;
    }

    .details-main .details-description-main .description-box .desription-tags li.nav-item {
        margin-right: 12px;
        margin-bottom: 12px;
    }

    .details-main .details-description-main .description-box:nth-child(2) {
        flex-basis: 100%;
    }

    .similar-products-main .similar-prices {
        margin-right: 0px;
    }

    .similar-products-main .similar-prices:nth-child(6) {
        margin-left: 0px;
    }

    .similar-products-main {
        padding: 24px 5px;
    }

    .footer-category .category-menu {
        margin: 40px 3px 0 3px;
    }

    .footer .subscription-box form {
        width: 100%;
        margin: auto;
    }

    .details-main .details-description-main .description-box .desription-tags {
        margin: 32px 0 32px;
        padding: 0;
    }

    .delivery-modal .modal-body {
        padding: 20px 65px;
    }

    /* product details page design end here  */
    /* view cart page design start from here  */
    .cart-main {
        margin: 0px 0px;
        padding: 12px 0;
    }

    /* .cart-main .cart-box img {
        width: 100%;
    } */
    /* view cart page design end here  */
    .view-orderno .orderno-box {
        flex-basis: 100% !important;
        margin-bottom: 10px;
        text-align: left !important;
    }

    .personal-information .payment-information .pay-info {
        flex-basis: 100% !important;
        margin-right: 0 !important;
    }

    .common-fieldset .table tr td {
        font-size: 11px;
    }

    .table-bordered > :not(caption) > * > * {
        font-size: 13px;
    }

    .cart-content .card-body {
        padding-top: 0;
        padding-bottom: 0;
    }

    /* promotional banner  */
    .promotionalbanner-main .promotional-flex-main {

        height: auto;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left-side {
        flex-basis: 100%;
        grid-auto-columns: auto;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left-top {

        height: 177px;
        margin: 2px 2px 0px 0px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-right-side {
        flex-basis: 100%;
        height: 700px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left {
        flex-basis: 100%;
        height: 340px;

    }

    /* promotional banner  */
    #filter-form{
        padding-left: 20px;padding-right: 20px;
    }
#filter-form  input {
    width: 45%;
    margin-bottom: 10px;
    float: left;
    margin: 0 2%;
}
.price-range-slider{
    clear: both;
}
}

@media (max-width: 575px) {
    .videobg-main {
        max-height: 100vw;
        min-height: 100vw;
    }

    .videobg-main video {
        height: 100vw;
    }

    .discover-videos {
        bottom: 60px;
        padding: 0;
    }

    .discover-videos .video-btn {
        padding: 6px 24px;
        font-size: 13px;
    }

    .videobg-main .video-content-box .video-content-title h1 {
        font-size: 4vw;
        line-height: 7vw;
    }

    .common-pattern .pattern-main .pattern-box .pattern-title-box {
        padding: 40px 25px;
    }

    .discover-banner-bg .discover-content-box h2.discover-title {
        font-size: 20px;
    }

    .discover-banner-bg .discover-content-box h3.discover-subtitle {
        width: 100% !important;
        font-size: 12px !important;
        padding-left: 17px !important;
        padding-right: 17px !important;
    }

    .others-line h2.othersline-title {
        font-size: 25px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer-category-title h1 {
        font-size: 25px;
        line-height: 25px;
    }

    .footer-category .category-menu .category-box {
        padding: 0px 0px;
        margin-bottom: 30px;
    }

    .footer-category .category-menu .category-box .category-lists .nav-link {
        font-size: 14px;
        line-height: 22px;
    }

    .main-nav-section .col-megamenu {
        flex-basis: 100%;
        margin: 10px 20px;
    }

    /* login page design start from here  */
    .log-register-main .login-reg-tabs {
        width: 100%;
    }

    .log-register-main .login-reg-tabs .nav-tabs .nav-item {
        width: 45%;
    }

    .log-register-main .login-reg-tabs .nav-tabs .nav-link {
        width: 100%;
    }

    .subs-navs .nav {
        justify-content: center;
    }

    .copyright-section {
        margin: 0px auto;
        margin-bottom: 10px;
    }

    /* login page design end here  */
    /* view cart page desing start from here  */
    .cart-main .cart-box {
        padding-right: 0px;
    }

    .summery-box {
        padding: 0 10px 0 00px;
        position: sticky;
    }

    /* .cart-main .cart-box img {
        width: 100%;
    } */
    .cart-main {
        background: #fff;
        margin: 0px 0px;
        padding: 0px 0;
    }

    /* view cart page design end here  */
    /* wishlist page design start from here  */
    .wishlist-main {
        margin: 20px 0px;
        padding: 0 0px;
    }

    .wish-products {
        margin: 20px 0px;
    }

    .wishlist-main .wish-title p::after {
        position: absolute;
        content: '';
        height: 1px;
        width: 100%;
        background: #eeeef0;
        bottom: -15px;
        left: 0;
    }

    /* wishlist page design end here  */
    /* faq page design start form here  */
    .faq-main {
        padding: 0px 0px;
    }

    .faq-navs {
        margin-bottom: 2.5rem;
    }

    .faq-accordion-main {
        padding-left: 0px;
        padding-right: 0px;
    }

    .faq-main .accordion-button {
        padding-left: 0;
        padding-right: 0;
    }

    .faq-main .faq-contacts {
        margin-top: 2.5rem;
    }

    .faq-main .faq-contacts h4 {
        margin-bottom: 25px;
    }

    /* faq page design end here  */
    /* profile page start from here  */
    .userprofile-main .profile-sidebar {
        margin-bottom: 0 !important;
        min-height: auto !important;
    }

    .personal-information {
        margin-bottom: 30px;
    }

    .customer-alladdress .address {
        flex-basis: 100% !important;
        margin-right: 0px !important;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .main-nav-section .col-megamenu h6.title {
        font-weight: 600;
        margin-bottom: 20px;
    }

    .copyright-section .nav {
        justify-content: center;
    }

    /* .cart-main .cart-box img {
        width: 100%;
    } */
    .cart-main .cart-box {
        padding: 0px;
    }

    .cart-main {
        margin: 0;
    }

    /* home slider start from here  */
    .homemain-slider .home-slider-bg {
        height: 60vw;
        width: 100vw;
    }

    /* home slider end here  */
    .shop-ser-nav {
        display: none;
    }
}

@media (max-width: 991px) {
    #main_nav {
        width: calc(100% - 95px);
    }

    .navbar-collapse {
        background: #fff;
        z-index: 9;
        box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    }

    .main-nav-section .navbar {
        padding: 16px 30px;
    }

    .main-nav-section .navbar-toggler {
        font-size: 10px;
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .main-nav-section .navbar-toggler {
        z-index: 9;
        box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    }

    .fixmenu-main {
        display: block;
    }

    .footer {
        margin-bottom: 60px;
    }
}

@media (min-width: 992px) {
    .menu-image {
        text-align: right;
    }

    .right-nav {
        display: inherit;
    }

    .details-main .details-description-main .description-box .desription-tags li.nav-item {
        margin-bottom: 17px;
    }

    .copyright-section .nav {
        justify-content: center;
    }

    .technical-partner {
        margin-bottom: 10px;
    }
}

@media (min-width: 376px) and (max-width: 414px) {
}

@media (min-width: 415px) and (max-width: 575px) {
    .others-pattern .pattern-main .pattern-flex {
        flex-basis: calc(100% / 2 - 2px);
        height: 100vw;
        margin: 1px 1px 0 0px;
    }

    .common-pattern .pattern-main .pattern-flex {
        flex-basis: calc(100% / 2 - 2px);
        margin: 1px 1px 0 0px;
        height: 100vw;
    }

    .common-pattern .pattern-main .pattern-box .pattern-title-box h2 {
        font-size: 20px;
        line-height: 25px;
    }

    .common-pattern .pattern-main .pattern-box .pattern-title-box h5 {
        font-size: 11px;
    }

    /* category page design start from here  */
    .category-bg-main {
        height: 40vw;
    }

    .category-bg-main .category-banner-title h1 {
        font-size: 40px;
    }


    /* .category-pattern .catgory-slider .card img {
        height: 100vw !important;
    } */

    .filter-form {
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-filter-main .filter-nav .product-filtering .filtered-by {
        flex-basis: 25%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    /* product details page design start from here  */
    .details-main .zoomsm-common-pattern li .zoom-hover-img img {
        max-height: 300px;
    }

    .delivery-modal .modal-body {
        padding: 20px 65px;
    }

    .details-main .zoom-cart-main {
        padding: 20px;
    }

    .details-main .details-description-main {
        width: 100%;
        padding: 20px;
    }

    .details-main .details-description-main .description-box:nth-child(1) {
        flex-basis: 100%;
        margin-right: 0;
    }

    .details-main .details-description-main .description-box:nth-child(2) {
        flex-basis: 100%;
    }

    .details-main .details-description-main .description-box p.product-info-text {
        text-align: justify;
    }

    .details-main .details-description-main .description-box .desription-tags {
        margin: 32px 0 32px;
        padding: 0;
    }

    .details-main .details-description-main .description-box .desription-tags li.nav-item {
        margin-right: 10px;
        margin-bottom: 17px;
    }

    /* .similar-products-main .similar-prices {
        margin-right: 0px;
    } */
    .similar-products-main {
        padding: 24px 7px;
    }

    .similar-products-main .similar-prices:nth-child(6) {
        margin-left: 0px;
    }

    /* .similar-products-main .similar-prices .card .card-img-top {
        min-height: 100vw;
        max-height: 670px;
    } */
    .footer-category .category-menu {
        padding-left: 7px;
        padding-right: 7px;
    }

    .details-main .zoom-cart-main {
        padding: 20px;
    }

    /* .details-main .zoom-cart-main {
        padding: 56px;
    } */

    /* product details page design end here  */
    /* promotional banner  */
    .promotionalbanner-main .promotional-flex-main {

        height: 350px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left-top {

        height: 185px;
        margin: 2px 2px 0px 0px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left {

        height: 162px;
        position: relative;
    }

    /* promotional banner  */
    #filter-form{
        padding-left: 50px;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .common-pattern .pattern-main .pattern-flex {
        flex-basis: calc(100% / 2 - 2px);
        height: 100vw;
        margin: 1px 1px 0 0px;
    }

    .common-pattern .pattern-main .pattern-box .pattern-title-box h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .common-pattern .pattern-main .pattern-box .pattern-title-box h5 {
        font-size: 11px;
    }

    .others-pattern .pattern-main .pattern-flex {
        flex-basis: calc(100% / 2 - 2px);
        height: 100vw;
        margin: 1px 1px 0 0px;
    }

    .footer-category .category-menu .category-box .category-lists {
        margin: 20px 0 20px 0;
    }

    .footer-category {
        margin: 40px 0px;
    }

    .footer-category-title h1 {
        font-size: 25px;
    }

    .footer-category .category-menu .catgory-title h4 {
        font-size: 14px;
    }

    .footer-category .category-menu .catgory-title h4 {
        font-size: 14px;
    }

    .footer-category .category-menu .category-box {
        padding: 0 0 0 25px;
    }

    .main-nav-section .col-megamenu {
        flex-basis: 50%;
        margin-right: 0;
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    /* category page design start from here  */
    .filter-form {
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-filter-main .filter-nav .product-filtering .filtered-by {
        flex-basis: 25%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .category-bg-main .category-banner-title h1 {
        font-size: 40px;
        line-height: normal;
    }

    /* .category-pattern .catgory-slider .card img {
        height: 100vw !important;
    } */

    /* product details page design start from here  */
    .details-main .zoom-cart-main {
        padding: 20px;
    }

    .details-main .details-description-main {
        width: 100%;
        padding: 20px;
    }

    .details-main .details-description-main .description-box:nth-child(1) {
        flex-basis: 100%;
        margin-right: 0;
    }

    .size-submit .size-selection .size-btn {
        line-height: 22px;
    }

    .store-avalable-main .stores:nth-child(3) {
        margin-bottom: 0;
    }

    .details-main .details-description-main .description-box p.product-info-text {
        text-align: justify;
    }

    .details-main .details-description-main .description-box .desription-tags {
        margin: 32px 0 32px;
        padding: 0;
    }

    .details-main .details-description-main .description-box .desription-tags li.nav-item {
        margin-bottom: 17px;
    }

    .details-main .details-description-main .description-box:nth-child(2) {
        flex-basis: 100%;
    }

    .similar-products-main .similar-prices .card .card-img-top {
        max-height: 670px;
    }

    .similar-products-main .similar-prices {
        margin-right: 17px;
    }

    .similar-products-main {
        padding: 24px 6px;
    }

    .footer-category .category-menu .category-box {
        padding: 0 0 0 4px;
    }

    /* product details page design end here  */
    /* view cart page start from here  */
    p.tax-include {
        margin-bottom: 0;
    }

    /* view cart page end here  */
    /* faq page design start form here  */
    .faq-main {
        padding: 0px 0px;
    }

    .faq-navs {
        margin-bottom: 2.5rem;
    }

    .faq-accordion-main {
        padding-left: 0px;
        padding-right: 0px;
    }

    .faq-main .accordion-button {
        padding-left: 0;
        padding-right: 0;
    }

    .faq-main .faq-contacts {
        margin-top: 2.5rem;
    }

    .faq-main .faq-contacts h4 {
        margin-bottom: 25px;
    }

    /* faq page design end here  */
    .customer-alladdress .address {
        flex-basis: 100% !important;
        margin-right: 0px !important;
        margin-bottom: 20px;
    }

    /* promotional banner  */
    .promotionalbanner-main .promotional-flex-main {

        height: 442px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left-top {

        height: 218px;
        margin: 2px 2px 0px 0px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left {

        height: 219px;
        position: relative;
    }

    /* promotional banner  */
    #filter-form{
        padding-left: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-category .category-menu .category-box .category-lists {
        margin: 24px 0 24px 0;
    }

    .footer-category .category-menu .category-box {
        padding: 0 0 0 0px;
    }

    .common-pattern .pattern-main .pattern-flex {
        flex-basis: calc(100% / 2 - 2px);
        height: 70vw;
        margin: 1px 1px 0 0px;
    }

    .common-pattern .pattern-main .pattern-box .pattern-title-box {
        padding: 40px 25px;
    }

    .common-pattern .pattern-main .pattern-box .pattern-title-box h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .common-pattern .pattern-main .pattern-box .pattern-title-box h5 {
        font-size: 12px;
    }

    .others-pattern .pattern-main .pattern-flex {
        flex-basis: calc(100% / 3 - 2px);
        height: 50.8vw;
    }

    /* category page design start from here  */
    .filter-form {
        padding-left: 20px;
        padding-right: 20px;
    }

    .product-filter-main .filter-nav .product-filtering .filtered-by {
        flex-basis: 25%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .cat-overlay .nav-item .nav-link {
        padding: 5px 9px;
    }

    /* product details page design start from here  */
    .details-main .zoom-cart-main {
        padding: 20px 20px;
    }

    .zoom-cart-main .price-box .price-list:nth-child(1) {
        flex-basis: 100%;
    }

    .zoom-cart-main .price-box .price-list:nth-child(2) {
        flex-basis: 100%;
    }

    .zoom-cart-main .price-box .price-list .price-name {
        text-align: left !important;
    }

    .multi-color-tab .color-navs:nth-child(1) {
        flex-basis: 100%;
    }

    .multi-color-tab .nav-tabs {
        margin-bottom: 30px;
    }

    .multi-color-tab .color-navs:nth-child(2) {
        flex-basis: 100%;
        text-align: left;
    }

    .store-avalable-main .stores {
        flex-basis: 100%;
        margin-bottom: 20px;
        position: relative;
    }

    .store-avalable-main .stores h3 {
        text-align: left !important;
    }

    .zoom-cart-main .price-box .price-list .price-name {
        line-height: 22px;
    }

    .details-main .details-description-main .description-box:nth-child(1) {
        flex-basis: 100%;
        margin-right: 0;
        text-align: justify;
    }

    .details-main .details-description-main .description-box .desription-tags {
        margin: 32px 0 32px;
        padding: 0;
    }

    .details-main .details-description-main .description-box:nth-child(2) {
        flex-basis: 100%;
    }

    /* product details page end here  */
    /* faq page start from here  */
    .faq-main .breadcrumb {
        margin-top: 0;
        margin-bottom: 20px;
    }

    .faq-main .breadcrumb {
        margin-top: 0;
        margin-bottom: 2.5rem;
    }

    .faq-main .accordion-button {
        padding-left: 0;
        padding-right: 0;
    }

    .faq-main .faq-contacts {
        margin-top: 2.5rem;
    }

    /* faq page design end here  */
    .customer-alladdress .address {
        flex-basis: 48% !important;
        margin-right: 0 !important;
        margin-bottom: 20px;
    }

    .customer-alladdress .address:nth-child(1) {
        margin-right: 4% !important;
    }

    /* promotional banner  */

    .promotionalbanner-main .promotional-flex-main {

        height: 442px;
    }
    .promotionalbanner-main .promotional-flex-main .promotion-left-top {

        height: 282px;
        margin: 2px 2px 0px 0px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left {

        height: 281px;
        position: relative;
    }
    /* promotional banner  */
    #filter-form{
        padding-left: 50px;
    }
}

@media (min-width: 992px) and (max-width: 1366px) {
    .common-pattern .pattern-main .pattern-box .pattern-title-box h2 {
        font-size: 25px;
        line-height: 35px;
    }

    .faq-main .breadcrumb {
        margin-top: 0rem;
        margin-bottom: 2.5rem;
    }

    .faq-main .faq-contacts {
        margin-top: 2rem;
    }

    /* promotional banner  */
    .promotionalbanner-main .promotional-flex-main {

        height: 783px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left-top {

        height: 390px;
        margin: 2px 2px 0px 0px;
    }

    .promotionalbanner-main .promotional-flex-main .promotion-left {

        height: 389px;
        position: relative;
    }

    /* promotional banner  */
}