@media (max-width:1200px) {

    .header .header-center .container {

        flex-wrap: nowrap !important;

    }



    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 5px;
    }







    #block-call-to-order .field-body {

        align-items: center;

    }


    [dir="rtl"] #block-languageswitcher a::after {
        left: -8px;
    }


    .block-title {

        font-size: 24px;
    }

    .page-our-services .views-slideshow-controls-top .views_slideshow_pager_field_item:nth-child(8) {
        margin-left: 0px !important;

    }


    .page-our-services .views_slideshow_cycle_main .views-field-name {
        font-size: 32px;
    }


    .page-our-services .views-slideshow-controls-top>div {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: center;
    }







    .loyalty-view .views-row:nth-child(2) {
        gap: 15px;
    }



    #block-views-block-the-blog-block-1 .views-row {
        height: 250px;
        max-height: 350px;
    }



    #block-views-block-the-blog-block-1 .views-row .views-field-field-image {
        width: 390px;
    }

    #block-views-block-the-blog-block-1 .views-row .views-field-fieldset-1 {

        padding: 0 44px;
    }

}



@media (max-width:1100px) {

    #block-views-block-product-catalog-basic-featured-products-grid .owl-item {

        height: 416px;

    }

}

@media (max-width:1025px) {



    .nav-menu .container {

        flex-wrap: wrap !important;



    }



    .navbar .container {

        flex-wrap: nowrap;

        justify-content: center;

    }



    .header-item .block {

        margin: 0 !important;

    }



    .region-header-cart {

        gap: 20px;

    }



    .region.region-main-menu {

        justify-content: normal;

    }



    #main-menu.col-md-9 {

        padding: 0 !important;

    }



    #block-views-block-product-catalog-basic-featured-products-grid .owl-item {

        height: 395px;

        border-radius: 20px;

        overflow: hidden;

    }



    .product-category-icon {

        height: 130px;

        width: 130px;

    }



    #block-views-block-product-catalog-basic-featured-products-grid {

        margin-top: 0;

    }



    .owl-slider-wrapper .owl-nav {

        top: 58%;

    }



    .feature-block-image-right .feat-block-content {

        padding-right: 25px !important;

    }



    .testimonial .testimonial-image,

    .testimonial .testimonial-title-wrap {

        text-align: center;

    }



    #block-contactus .block-content .field-body p {

        font-size: small;

    }



    .path-frontpage .region.region-content-wide-top {

        height: 100vh;

    }



    /* .path-frontpage .region.region-content-wide-top * {

        height: 100% !important;

        object-fit: cover;



    } */

    .slide-image {
        height: 100vh;
    }

    .owl-carousel .owl-item img {
        height: 100%;
        object-fit: cover;
    }



    .mega-menu>ul {

        text-align: right;

        width: 122% !important;

    }



    #block-views-block-testimonial-testimonial-carousel-2 {

        display: none;

    }



    #block-views-block-testimonial-block-1 {

        display: block;

    }

}



@media (max-width:900px) {

    .product-teaser .product-icon-wrap {

        margin: 0;

    }


    #main-menu.col-md-9 {
        padding: 0 !important;
        position: absolute;
        top: 50px;
        z-index: 9999;
    }


    [dir="rtl"] .menu-dropdown:before {
        right: unset;
        left: 0;
        transform: translateY(41%);
    }


    [dir="ltr"] .region.region-main-menu {
        padding-left: 75px;
        padding-left: 16px;
    }


    [dir="ltr"] #main-menu {
        left: 0;
        right: auto;
        transform: translateX(-110%);
    }

    /* when open */
    [dir="ltr"] #main-menu.is-open {
        transform: translateX(0);
    }


    .header-item:last-child {
        margin-right: 0;
        flex-direction: row;
    }



    /* show the toggler (theme hides it from 768+) */
    .header .nav-button,
    .header .navbar-toggler.nav-button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* disable theme sticky between 768-900 */
    .sticky-header .sticky {
        position: static !important;
        top: auto !important;
        left: auto !important;
        width: auto !important;
    }

    /* OFF-CANVAS PANEL */
    #main-menu {
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        /* RTL: menu from right */
        left: auto !important;
        height: 100vh !important;
        width: min(92vw, 360px) !important;
        background: #fff !important;
        z-index: 100000 !important;

        transform: translateX(110%) !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform .25s ease, visibility .25s ease !important;

        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    /* open state */
    #main-menu.is-open {
        transform: translateX(0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    /* kill collapse behavior completely on mobile */
    #main-menu.collapse,
    #main-menu.collapse.show {
        display: block !important;
        margin-top: 0;
        /* width: 100% !important;
        max-width: 100%; */
    }

    /* menu vertical */
    #main-menu .mega-menu>ul,
    #main-menu .menu.menu-parent {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 16px 0 !important;
    }

    #main-menu .mega-menu>ul>li,
    #main-menu .menu.menu-parent>li {
        display: block !important;
        width: 100% !important;
    }

    #main-menu .mega-menu>ul>li>a,
    #main-menu .menu.menu-parent>.menu-item>a {
        display: block !important;
        width: 100% !important;
        padding: 12px 18px !important;
        color: #333 !important;
    }

    /* stop desktop dropdown absolute behavior */
    #main-menu .mega-menu>ul>li>ul {
        position: static !important;
        width: 100% !important;
        left: auto !important;
        padding: 0 !important;
        background: transparent !important;
    }

    /* dropdowns closed by default, open via .is-open */
    #main-menu .menu-item--expanded.menu-dropdown>ul,
    #main-menu .mega-menu>ul>li.menu-dropdown>ul {
        display: none !important;
    }

    #main-menu .menu-item--expanded.menu-dropdown.is-open>ul,
    #main-menu .mega-menu>ul>li.menu-dropdown.is-open>ul {
        display: block !important;
    }

    /* optional overlay */
    body.menu900-open::before {
        /* content: "";
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.45);
    z-index: 99999; */
    }

    /* lock page scroll when menu open */
    body.menu900-open {
        overflow: hidden !important;
    }


    [dir="ltr"] #main-menu {
        left: 0 !important;
        right: auto !important;
        transform: translateX(-110%) !important;
    }

    [dir="ltr"] #main-menu.is-open {
        transform: translateX(0) !important;
    }

    /* RTL (Arabic) → open from RIGHT */
    [dir="rtl"] #main-menu {
        right: 0 !important;
        left: auto !important;
        transform: translateX(110%) !important;
    }

    [dir="rtl"] #main-menu.is-open {
        transform: translateX(0) !important;
    }


    .product-teaser-wrap {
        height: 100% !important;
    }


    [dir="rtl"] .header-item:last-child {
        margin-right: 0;
        flex-direction: row;
    }


    .feature-block-wrap {
        min-height: 320px;
        align-items: center;
    }

    .page-wrapper,
    .content-wide .block {
        padding-top: 0px;
    }


    #block-about-us2 h4 {

        margin: 0px;
    }

    .block-title {
        font-size: 17px;
    }


    .about-text-number {

        font-size: 17px;
    }

    .about-number {
        font-size: 14px;
        width: 50px;
        height: 50px;

    }

    h2,
    .h2 {
        font-size: 20px;
    }


    /* .container-wrap {
        padding-block-start: 50px;
    } */

    #block-call-to-action-about {
        padding-block-start: 50px;
    }



    .post-image img,
    .post-thumb img {
        width: 231px;
        height: auto;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }


    .page-our-services .views-slideshow-controls-top .views_slideshow_pager_field_item {
        width: 22% !important;
        margin: 5px 1% 40px !important;
        height: 155px !important;
        margin: 0 !important;
    }

    .page-our-services .views-slideshow-controls-top>div {
        display: flex !important;
        gap: 25px;
    }


    .join-loyalty {
        height: 144px;
        font-size: 29px;
    }


    .loyalty-descriuption {
        font-size: 20px;
    }

    .loyalty-view .views-row:first-child .views-field.views-field-field-image>div {
        display: flex;
        justify-content: center;
    }

    .loyalty-how-to img {
        width: 100%;
    }


    #block-views-block-loyalty-points-faq-block-1 .views-row .views-row .views-field-title {
        font-size: 19.22px;
    }



    #block-views-block-loyalty-points-faq-block-1 .ui-accordion .ui-accordion-content p {
        margin: 0;
        font-size: 18.22px;
    }



    h3,
    .h3 {
        font-size: 18px;
    }


    #block-views-block-the-blog-block-1 .views-row .views-field-field-image {
        width: 100%;
        height: 260px;

        img {
            width: 100%;
        }
    }

    #block-views-block-the-blog-block-1 .views-row .views-field-fieldset-1 {
        padding: 28px 44px;
    }


    .page-node-type-the-blog .region-content {
        display: grid;
        grid-template-columns: 3fr 2fr;
        padding-block: 20px;
    }


    .contact-address-content {
        padding: 19px;
    }


    .views-exposed-form {
        display: flex;
        gap: 10px;
        align-items: center;
    }







}







@media (max-width:769px) {

    #views-exposed-form-product-catalog-product-catalog-search .js-form-submit {

        margin-top: 7px;

    }

    .testimonial .testimonial-meta {

        margin-top: 0;

    }



    .site-branding-logo img {

        left: 139px !important;

    }



    .header-top {

        display: flex !important;

        justify-content: center;

        align-items: center;

        width: 100% !important;

        margin: 0 !important;

    }



    .header-element i {

        font-size: 25px;

        display: flex;

        justify-content: center;

        color: #fff;

    }



    .header-element-item {

        margin: 0 !important;

    }



    [dir="rtl"] .header-element {

        left: 0px !important;

        right: auto;

        width: 83% !important;

        display: flex;

        flex-wrap: wrap;

        flex-direction: column-reverse;

        gap: 22px;

    }



    .header-element {

        left: auto;

        right: 0;

        width: 83% !important;

        display: flex;

        flex-wrap: wrap;

        flex-direction: column-reverse;

        gap: 22px;

    }



    .region-header-cart {

        gap: 16px;

        display: flex;

        flex-wrap: wrap;

        flex-direction: row-reverse;

        justify-content: center;

    }



    .header-top-first {

        display: block !important;

    }



    [dir="rtl"] .header-top {

        margin: 0 !important;

        width: 100%;



    }



    .header-top .header-top-first {

        text-align: center !important;

        margin: 0;

    }



    .header-item .search-button {

        display: none !important;

    }



    div#block-slidertext {

        left: auto;

    }



    #block-laundryanddrycleaning ul li {

        font-size: 20px;

    }



    [dir="rtl"] #block-laundryanddrycleaning ul li {

        font-size: 13px;

    }



    #block-views-block-how-we-works-block-2 .view-item .views-row .field-content {

        width: 350px;

    }



    /* body,

    html {

        overflow-x: hidden;

    } */



    #main-menu.col-md-9 {

        padding: 0 !important;

        position: absolute;

        top: 50px;

        z-index: 9999;

    }



    .mega-menu>ul>li a {

        text-align: start !important;

    }



    .header {

        padding-bottom: 80px !important;

    }



    .page-our-services .views_slideshow_cycle_main {

        height: 120vh;



    }



    [dir="rtl"] .site-branding-logo img {

        /* top: 20px; */

        left: 58px !important;

    }

    .site-branding-logo img {

        top: 20px;

        left: 0 !important;

    }

    #block-views-block-product-taxonomy-product-category-icons .owl-item .owl-item-cont {

        justify-content: center;

        align-items: center;

    }




    #block-views-block-product-catalog-basic-featured-products-grid .owl-item {

        height: 533px;

    }



    .page-our-services .views-slideshow-controls-top .views_slideshow_pager_field_item {

        /* width: 12% !important; */

        /* margin: 5px 4% 60px !important;

        padding: 7px 4px !important; */

        float: left !important;

        height: 81px;

    }



    .collapse-item .card-header a {

        padding: 0 15px;

    }



    .loyalty-how-to {

        flex-direction: column;

        padding: 30px;

    }



    .loyalty-view .views-row:first-child {

        grid-template-columns: 1fr;

    }



    .loyalty-block {

        gap: 25px;

        flex-direction: column;

    }



    .join-loyalty {

        width: 96%;

    }



    .loyalty-view .views-row:nth-child(3) {

        margin-right: 0;

    }



    .loyalty-view .views-row:nth-child(2) {

        grid-template-columns: 1fr;

    }



    .how-work-image img {

        min-width: 100%;

        min-height: 100%;

    }



    .grid-wrapper {
        margin-right: 0;
        margin-left: 0;
    }

    .owl-slider-wrapper .owl-stage-outer,
    .deals-layout .owl-stage-outer {
        margin-left: 0;
        margin-right: 0;
    }

    #block-views-block-the-blog-block-1 .views-row {
        flex-direction: column;
        height: auto;
        max-height: unset;
    }




}

@media (max-width:500px) {

    #block-views-block-loyalty-points-faq-block-1 .ui-accordion .ui-accordion-header {
        padding: 20px !important;
    }

    #block-views-block-loyalty-points-faq-block-1 .views-row .views-row .views-field-title {
        font-size: 15.22px;
    }

    #block-views-block-loyalty-points-faq-block-1 .ui-accordion .ui-accordion-content p {
        font-size: 14.22px;
    }



    .join-loyalty {
        font-size: 18px !important;
        height: 100px !important;
        display: flex;
        align-items: center;

        width: 80%;
        height: 130px;
        justify-content: start;
        padding-inline-start: 15px;

        p {
            margin: 0;
        }
    }


    .loyalty-descriuption {
        font-size: 16px !important;
    }


    .page-node-637 {

        h3,
        .h3 {
            font-size: 15px !important;
            line-height: 34px;
        }

        h4,
        .h4 {
            font-size: 15px;
            line-height: 34px;
        }
    }

    #block-views-block-loyalty-points-faq-block-1 h2 {

        font-size: 17px;
    }


    .loyalty-block {
        padding-block: 35px;
    }


    .loyalty-descriuption {
        font-size: 16px;
        padding-block-start: 10px;
    }

    .loyalty-view .views-row:nth-child(2) {
        margin-bottom: 0px;
    }

    .join-loyalty h1 {
        font-size: 27px;
    }

    #block-views-block-how-we-works-block-2 .view-item .views-row .field-content .title {
        font-size: 16px;
    }

    #block-about-us ul,
    #block-whychooseus ul,
    #block-laundryanddrycleaning ul {
        list-style: none;
        font-size: 14px;
    }


    #block-views-block-how-we-works-block-2 .views-field-view-1 img {
        height: 234px;
    }

    #block-views-block-how-we-works-block-2 .view-item .views-row .views-field-view .view-item .col-md-12.col-xs-12:hover .title {
        font-size: 20px !important;
    }

    #block-views-block-product-taxonomy-product-category-icons {
        padding: 0 0 40px 15px;
    }


    .header-item:last-child {
        margin-right: 0;
        /* flex-direction: column; */
    }


    [dir="rtl"] .site-branding-logo img {
        /* top: 20px; */
        left: 73px !important;
    }

    .site-branding-logo img {
        max-width: 65px !important;
        top: -17px;
    }


    .region-header-cart {
        gap: 3px;

    }



    [dir="rtl"] .header-element {

        width: 77% !important;
    }


    [dir="ltr"] .header-element {

        width: 91% !important;

    }






    .header .header-center .container {
        padding: 0;
    }


    .header .header-center {
        padding: 12px 0 !important;
    }


    [dir="rtl"] #block-languageswitcher a::after {
        left: 2px;
    }


    .action-block .cta-text h2 {
        font-size: 15px;
    }

    .action-block .cta-text {
        text-align: center;
    }


    .page-our-services .views-slideshow-controls-top .views_slideshow_pager_field_item {
        width: 42% !important;
        margin: 0 !important;
    }


    /* .page-our-services .views-slideshow-controls-top>div {
        gap: 15px;
        gap: 10px;
        flex-wrap: nowrap;
        overflow: scroll;
    }


  


    .page-our-services .views-slideshow-controls-top>div {
        display: flex;
        gap: 10px;
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch;
    }

 */


    .path-frontpage .region.region-content-wide-top {
        height: 77vh;
    }

    .page-our-services .views_slideshow_cycle_main .views-field-name {
        font-size: 22px;
    }


    .page-our-services .views_slideshow_cycle_main .row>div:first-child ul li {
        font-size: 14px;
        position: relative;
        padding: 0 0 0 34px;
        margin: 0 0 6px 0;
    }


    .page-node-264 table tbody td {
        color: #000;
        font-size: 10px;
        width: auto !important;
    }



    .page-our-services .views-row-odd {
        .col-md-5 img {
            height: 250px;
            object-fit: cover;
        }
    }


    #block-views-block-the-blog-block-1 .views-row .views-field-fieldset-1 {

        width: 100%;

    }

    #block-clearance-sales {
        font-size: 7px;
        padding: 0;
    }


    #block-clearance-sales a {
        font-size: 8.111px;
    }

    .feature-block .feature-block-image-left .feat-block-content .block-title {
        font-size: 15px !important;
        line-height: 27px;
    }

    .about-text-number,
    [dir="rtl"] .about-text-number {
        font-size: 14px;
    }


    .header-top {

        padding: 5px 0;

    }


    .header-element {
        flex-wrap: nowrap;
    }

    .region-header-cart {
        flex-wrap: nowrap;

    }

    .header-element i {
        font-size: 24px;
        margin: 0;

    }



    .nav-button {

        padding: 5px;
        height: 30px;
        width: 30px;

    }


    .block-title {
        font-size: 22px;
    }

    .tp-ps-icon-img.tp-pro-step-icon-img {
        background: #fff;
        border-radius: 50%;
        width: 47px;
        height: 47px;
        padding: 8px;
        border-radius: 50%;
        transition: 0.5s;
        position: relative;
    }






    .product-teaser .product-meta {
        padding: 0;
        margin-bottom: 1px;
        height: 100%;
    }

    .product-teaser .product-meta-wrap {
        padding: 4px 0 0px;
        position: relative;
    }



    .icons-facebook {
        width: 44px;
        height: 45px;
        font-size: 23px;
        padding: 5px;
        bottom: 129px;
    }

    .icons-what {
        width: 44px;
        height: 45px;
        font-size: 23px;
        padding: 5px;
    }


    .product-teaser .product-icon-wrap {
        /* position: absolute; */
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 7px;
        margin-inline: 5px;
        border-top: 1px solid #676767;
    }

    .product-teaser .product-add-cart input[type="submit"],
    .product-teaser .product-add-cart .button {
        line-height: 26px;
        padding: 0;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        font-size: 15px;
        background: #2E96FF;
    }

    .product-price {
        color: #2ba9e1;
        font-size: 10px !important;
    }


    #block-views-block-how-we-works-block-2 .view-item .views-row .views-field-view .view-item .margin-bottom-35 {
        height: 100%;
        width: 53px;
    }


    /* .responsive-slider .slick-next:before {
        content: "\e628";
    }


    .responsive-slider .slick-prev:before {
        content: "\e629";
    }

    #block-views-block-testimonial-testimonial-carousel-2 .owl-carousel .owl-nav button {
        border-radius: 50%;
        border: 1px solid #000;
        background-color: transparent;
    } */




    .responsive-slider .slick-next {
        border-radius: 50%;
        font-size: 0;
        height: 40px;
        border-color: #000;
    }


    .responsive-slider .slick-prev {
        border-radius: 50%;
        font-size: 0;
        height: 40px;
        border-color: #000;
    }


    .responsive-slider .slick-prev::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url("./prev-arroow.png");
        /* عدّل المسار */
        background-repeat: no-repeat;
        background-position: center;
        background-size: 42px 54px;
    }

    /* السهم التالي (يمين) */
    .responsive-slider .slick-next::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url("./next-arrooow.png");
        /* عدّل المسار */
        background-repeat: no-repeat;
        background-position: center;
        background-size: 42px 54px;
    }


    .slide-image {
        height: 77vh;
    }


    .about-number {
        font-size: 17px;
        width: 50px;
        height: 50px;

    }


    html[dir="rtl"] .product-catalog .switch-icon {
        left: 0 !important;
        right: auto !important;
    }




    .pager__items {
        display: flex;
        gap: 8px;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0;
        margin: 0;
    }

    .pager__item a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 36px;
        height: 36px;
        padding: 0 10px;
        border-radius: 10px;
        background: #f3f4f6;
        text-decoration: none;
    }

    .pager__item.is-active a {
        background: #111;
        color: #fff;
        font-weight: 700;
    }



    .page-node-264 table thead th {

        font-size: 11px;

    }



    .owl-carousel .owl-item img {
        height: auto;
        object-fit: cover;
    }


    .path-frontpage .header {
        position: relative;
    }

    /* .container-wrap.header-wrap .navbar-expand-md {
        display: none;
    } */

    .slide-content-wrap,
    .slide-content-link {

        height: 64%;
    }

    .path-frontpage .region.region-content-wide-top {
        height: 40vh;
    }

    .slide-image {
        height: 67vh;
    }

    .path-frontpage .header .header-center {
        padding: 4px 0 !important;
    }


    .navbar .container {
        height: 29px;
    }



    #block-views-block-the-blog-block-2 .views-row .views-field-title a {
        color: #2E96FF;
        text-align: right;
        font-family: "Bahij TheSansArabic";
        font-size: 16.608px;
        font-style: normal;
        font-weight: 500;
        line-height: 25.054px;
    }


    .page-node-type-the-blog .region-content {
        grid-template-columns: 1fr;
    }

    #block-views-block-the-blog-block-2 .views-row {
        padding-inline-end: unset;
    }


    .owl-carousel .owl-nav .owl-next {
        right: 12px;
    }



    .menu-dropdown:before {

        transform: translateY(0%);
    }

    [dir="rtl"] .menu-dropdown:before {
        transform: translateY(0%);
    }



    .loyalty-how-to a {
        font-size: 10.705px;
    }

    .loyalty-view .views-row:nth-child(2) {
        display: flex;
        flex-direction: column;

    }

    .loyalty-view .views-row:nth-child(3) {

        margin-block-start: 20px;
    }


    #block-whychooseus ul {
        list-style: disc;
    }



}







@media (max-width:426px) {

    /* [dir="rtl"] .site-branding-logo img {

        top: 0;

    } */



    /* .page-our-services .views-slideshow-controls-top .views_slideshow_pager_field_item {

        margin: 5px 5% 60px !important;

    } */



    /* body,

    html {

        overflow-x: hidden;

    } */



    #block-views-block-product-catalog-basic-featured-products-grid .owl-item {

        height: 100%;

    }



    #block-laundryanddrycleaning ul {

        grid-template-columns: 1fr;

    }



    #block-laundryanddrycleaning a.button.button-default {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
        margin: 14px auto;
        width: 141px;
        height: 42.404px;
        color: #fff;
        font-size: 14.308px;

    }



    #block-home01-banner1 {

        padding-bottom: 15px !important;

    }



    #block-views-block-how-we-works-block-2 .view-item .views-row {

        flex-direction: column;

        padding: 0;

    }



    #block-views-block-how-we-works-block-2 {

        padding-block: 20px;

    }



    .footer-widget .footer-widget-section:first-child .block {

        padding: 0;

    }



    .product-teaser .product-add-cart .form-actions {

        margin: 0 !important;

    }



    .owl-item-cont .contextual-region,

    .owl-item>div {

        justify-content: center;

    }



    #block-clearance-sales p {

        text-align: center;

    }



    .product-teaser .card-wrapper {

        flex-wrap: wrap;

    }



    /* #block-views-block-product-catalog-basic-featured-products-grid .owl-item{

        height: 380px;

    } */



    [dir="rtl"] .header-element {

        left: 30px !important;

    }



    .header {

        padding-bottom: 13px !important;

    }



    .site-branding-logo img {

        /* max-width: 98px !important; */

        left: 14px;

    }


    div#block-views-block-product-catalog-basic-featured-products-grid .owl-carousel .owl-nav {
        width: 71%;
        bottom: -20.55% !important;

    }

    .product-teaser .product-title {

        font-size: 10px;
    }



    div#block-views-block-product-catalog-basic-featured-products-grid .owl-carousel .owl-dots {
        bottom: -20.8% !important;
        top: auto;
        width: 18%;
        margin: auto;
        left: 50%;
        top: auto;
        transform: translateX(-57%);
    }


    .product-icon i {
        font-size: 19px !important;
        margin-inline: 10px;
    }


    #block-laundryanddrycleaning .feature-block-image-left .feat-block-content .feat-buttons {
        display: flex;
    }




    div#block-views-block-product-catalog-basic-featured-products-grid .owl-carousel:hover .owl-nav {

        bottom: 4.9% !important;

        width: 40%;

    }



    [dir="rtl"] #block-laundryanddrycleaning ul li {



        font-size: 15px;

    }



    #block-laundryanddrycleaning ul li {



        font-size: 20px;

    }

















    div#block-martis-cart {
        padding: 6px 10.086px 5.183px 14px;
        width: 70px;
    }


    #block-wishlistbutton a span,
    #block-headersearch a span {
        display: none;
    }

    #block-languageswitcher a {
        font-size: 0px;
    }

    #block-user-account-menu::after,
    [dir="rtl"] #block-user-account-menu::after {
        height: 15px;
        width: 15px;
    }

    [dir="rtl"] #block-user-account-menu {
        width: 75.086px;
        padding-inline-end: 20px;
    }

    #block-user-account-menu {
        width: 81.086px;
    }

    #block-headersearch,
    #block-wishlistbutton,
    #block-languageswitcher {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    [dir="rtl"] #block-languageswitcher,
    #block-languageswitcher {
        padding-top: 0px;
        padding-block-end: 15px;
    }

    /* 
    .ti-shopping-cart:before {
        font-size: 15px;
    } */

    /* #block-languageswitcher a::after,
    #block-wishlistbutton a::after,
    #block-headersearch a::after {
        height: 20px;
        width: 20px;
    } */

    /* [dir="rtl"] #block-wishlistbutton a,
    [dir="rtl"] #block-headersearch a,
    [dir="rtl"] #block-languageswitcher a,
    #block-languageswitcher a #block-wishlistbutton a,
    #block-headersearch a {
        padding-inline-start: 0px;
        padding-inline-end: 0px;
    } */

    /* .region-header-cart {
        gap: 33px;
    } */

    .feature-block .feat-block-content {
        padding: 30px 30px !important;
    }

    .about-text-number,
    [dir="rtl"] .about-text-number {
        font-size: 14px;
    }

    .join-loyalty,
    [dir="rtl"] join-loyalty {
        width: 100%;
        height: 76px;
        font-size: 15px;
    }

    .join-loyalty h1,
    [dir="rtl"] .join-loyalty h1 {
        font-size: 26px;
    }



    h4,
    .h4 {
        font-size: 14px;
    }


    h3,
    .h3 {
        font-size: 15px;
    }

    .loyalty-how-to>div>p {
        color: #FFF;
        font-size: 17px;
        line-height: 36.605px;
    }



    .loyalty-descriuption p {
        letter-spacing: -1px;
    }

    .loyalty-view .views-row .field-content h4 {
        letter-spacing: -1px;
    }

    .loyalty-how-to ul li {
        letter-spacing: -1px;
    }

    #block-views-block-loyalty-points-faq-block-1 .views-row .views-row .views-field-title {
        letter-spacing: -1px;
    }





    .page-our-services .views-slideshow-controls-top .views_slideshow_pager_field_item {
        width: 100% !important;
        margin: 0 !important;
        border-radius: 0%;
    }




    .widget_pager_top .views_slideshow_pager_field_item.active .views-field-name .views-content-name {
        font-size: 8px;
    }

    .page-our-services .views-slideshow-controls-top>div .views-field-name {

        font-size: 8px;
    }





    [dir="rtl"] .header-element {
        width: 83% !important;
    }

    [dir="rtl"] .header-element {
        left: 21px !important;
    }

    .page-our-services .views-slideshow-controls-top>div {
        display: flex !important;
        gap: 25px;
        padding-block-start: 15px;
    }


    /* .path-our-services .main-content {
        min-height: 1140px;
    } */


    .path-our-services .page-wrapper,
    .path-our-services .content-wide .block {
        padding-top: 0px;
        padding-bottom: 0px;
    }

}

@media (max-width:375px) {
    .header-element {
        display: flex;
        justify-content: center;
    }
}


@media (max-width:321px) {

    [dir="rtl"] .about-text-number {

        padding: 25px 8px 0 0;

    }



    .about-text-number {

        padding: 0;

        font-size: 18px;

    }



    [dir="rtl"] .header-element {
        width: 88% !important;
    }


    [dir="rtl"] .header-element {
        left: 19px !important;
    }





}










@media (max-width: 900px) {}




@media (max-width:500px) {

    #main-menu.collapse,
    #main-menu.collapse.show {
        /* display: block !important;
        margin-top: 0;
        width: 100% !important;
        max-width: 100%; */
    }

    /* .header-item:last-child {
        margin-right: 0;
        flex-direction: column;
    } */


}