#mobile path {
    fill: #fff !important;
}

.home #mobile path {
    fill: #563D8B !important;
}
.shiftnav {
    display: none;
}
@media screen and (max-width:1580px) {
    .container {
        max-width: 1050px !important;
    }
    header .menu li a {
        font-size:13px;
    }
    #download-reflect {
        font-size:13px;
    }
    header .menu {
        padding-left:10px;
    }
    #mainlogo .by-arabBank {
        font-size:13px;
    }
}
@media screen and (max-width:1300px) {
    .container {
        padding: 0;
      }
}
@media screen and (max-width:1144px) {
    #polylang-4 {
        display: block;
    }

    #polylang-4 ul {
        margin: 0px;
        padding: 0px 6px;
    
    }
    #polylang-4 li {
        list-style: none;
        list-style-image:none;
    }
    .home #polylang-4 li a {
        color:#000 !important;
    }
    #polylang-4 li a {
        color: #fff !important;
        text-decoration: none;
        font-family: ar-bold;
        font-size: 14px;
    }
    .step-faq-contai-v2 {
        flex-direction: column;
    }
    .step-faq-images {
        flex-wrap: wrap;
    }
    .container {
        padding: 0 3% !important;
        box-sizing: border-box !important;
    }
    div#header-widget {
        margin-right:3%;
    }
    .service-details .service-name {
        font-size:22px;
    }
    .service-details .service-desc, .service-details .service-desc p {
        font-size:15px;
    }
    .blue-container div#maincontent h2 {
         
    }
    .aboutus-title {
        font-size:50px;
    }

    
    .shiftnav {
        display: block;
    }
    .page-style.sidebar-style {
        flex-direction: column;
    }

    #offer-container {
        padding: 0px;
    }

    div#sidebar-left {
        border: 0px;
    }

    .menu-sideblock {
        display: flex;
        flex-wrap: wrap;
        /* margin: -18px; */
        gap: 20px;
        align-items: center;
        justify-content: center;
    }

    div.menu-sideblock>a {
        border: 1px solid #DEDEDE !important;
        border-radius: 20px;
        padding: 10px;
        /* margin: 10px; */
    }

    div.filter-lv1 .filter-title {
        display: none;
    }

    div#filter-lv1-types {
        display: flex;
        flex-direction: column;
    }

    .sidebar-style div#maincontent {
        padding: 0px;
    }

    .offer-item.card-style {
        width: 31%;
    }

    .single-offer .page-style {
        display: flex;
        flex-direction: column;
    }

    .single h1.inside-maintitle {
        line-height: 40px;
    }

    .filter-lv1 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #fixed-bg2 {
        height: 100%;
    }

    .input-field {
        min-width: auto;
    }

    #polylang-3 {
        display: block;
    }

    #download-reflect {
        font-size: 15px;
    }

    .shiftnav-toggle.shiftnav-toggle-button {
        padding: 0px !important;
    }

    #polylang-3 ul {
        display: flex;
        align-items: center;
        list-style: none;
        list-style-image: none;
        margin: 0px;
        padding: 0px 0px 0px 10px;
    }

    #polylang-3 ul li a {
        color: #fff;
        text-decoration: none;
        padding: 0px 5px;
        font-size: 12px;
    }

    .home #polylang-3 ul li a {
        color: #595959 !important;

    }

    .dropdown--image .dropdown__select-wrap span {
        font-size: 12px;
    }

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

    #polylang-3 ul li:first-child a {
        /* border-right: 1px solid #595959; */
    }

    #mobile-na {
        display: flex;
        align-items: center;
        height: 120px;
    }

    .shiftnav {
        z-index: 4;
        border-radius: 0px 0px 300px 0px !important;
        background-color: #553B8A !important;
    }

    .shiftnav.shiftnav-skin-standard-dark,
    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
        background: none;
        padding: 20px;
    }

    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item>.shiftnav-target {
        border: 0px;
        border-bottom: 1px dashed #fff;
        padding: 15px 0px;
        font-size: 20px !important;
    }

    .shiftnav ul.shiftnav-menu li.menu-item {
        width: 100%;
    }

    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu {
        background: none;
        box-shadow: 0px 0px 0px;
    }

    .shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item>.shiftnav-target:hover,
    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active>.shiftnav-target,
    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition>.shiftnav-target,
    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item>.shiftnav-target,
    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu>li.shiftnav-sub-accordion.current-menu-ancestor>.shiftnav-target,
    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu>li.shiftnav-sub-shift.current-menu-ancestor>.shiftnav-target,
    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item>.shiftnav-target:active,
    .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item>.shiftnav-target:hover {
        background: none;
        border-bottom: 1px dashed #fff;
    }

    .rtl .shiftnav {
        z-index: 4;
        border-radius: 0px 0px 0px 300px !important; 
        background-color: #553B8A !important;
    }

    #header-widget .widget_polylang {
        display: none;
    }

    .shiftnav-toggle.shiftnav-toggle-button {
        display: block;
    }

    .app-stores {
        width: 315px !important;
        flex-wrap: wrap !important;
        /* justify-content: center !important; */
    }

    .front-title {
        font-size: 6vw;
    }

    #home-block h1 {
        font-size: 10vw;
    }

    .why-reflect-blocks {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .why-reflect-blocks-img {
        display: none;
    }

    div#why-reflect-services {
        margin: 0px;
    }

    div#why-reflect-services-container {
        max-width: inherit !important;
    }

    .service-item {
        width: 100%;
        margin: 0px 0px 100px;
    }

    div#why-reflect-services-container {
        margin-top: 60px;
    }

    div#faq-front-bg {
        display: none;
    }

    .faq-front-list {
        width: 100%;
    }


    .faq-list .faq-title {
        font-size: 2.5vw !important;
    }

    div#front-offers {
        flex-direction: column;
    }

    .menu-mainmenu-container {
        display: none;
    }
    .menu-mainmenu-ar-container {
        display: none;
    }

    /* header {
        display: none;
    } */

    div#fl1-container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    div#fl2-container {
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: center;
    }

    div#fl3-container {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    #Footer-menu {
        display: flex;
        /* flex-direction: column; */
    }

    #fl2-container-2 {
        /* width: 100%; */
    }

    #Footer-menu ul {
        margin: 0px;
        padding: 0px;
    }

    #fl3-container .white-txt {
        padding: 10px 0px 25px;
    }

    .pin-container {
        gap: 20px;
        padding: 0px;
    }

    .pin-container #pin-column-1 {
        margin: 120px 0px 0px 0px !important;
        flex: 1;
    }

    .pin-container #pin-column-2 {
        margin: 0px !important;
        flex: 1;

    }

    div#fl2-container {
        margin-bottom: 30px;
    }

    div#f1-layer2 {
        /* display: none; */
    }

    #fl2-container-1 .white-txt {
        display: none;
    }

    div#fl2-container-1 {
        padding-top: 15px;
    }

    #f1-layer1 img {
        padding-bottom: 10px;
    }
}
@media screen and (max-width:760px) {
    .filter-lv1 form {
        padding-bottom:20px;
        width:100%;
    }
    input#brand-filter {
    width: 100%;
    }
    #footer-links2 ul {
        margin:0px;
        padding:0px;
    }
    .container {
        padding:0 5%;
    }
    .socialgroup figure {
        text-align: center;
    }
    :where(.wp-block-columns.is-layout-flex) {
        gap:0;
    }
    .service-details {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
}

@media screen and (max-width:660px) {
    #filter-lv2-types {
        opacity: 1 !important;
        visibility: visible !important;
        flex-wrap: wrap;
        }

    li.megamenu ul.sub-menu li a {
        color: #fff !important;
    }

    .shiftnav .shiftnav-panel-close {
        background: none;
    }

    .feature-item {
        flex-direction: column !important;
    }

    .feature-img {
        width: 100%;
    }

    .feature-subitem {
        width: 100%;
    }
    .banner-imge-mobile {
        display: block;
    }
    .banner-imge {
        display: none;
        border-radius: 0px;
    }

    #sidebar-right {
        width: 100%;
    }

    .offer-img {
        text-align: center;
    }

    .banner-imge {
        height: 200px;
    }

    .pin-container {
        gap: 20px;
        padding: 0px;
    }

    .pin-container #pin-column-1 {
        margin: 120px 0px 0px 0px !important;
        flex: 1;
    }

    .pin-container #pin-column-2 {
        margin: 0px !important;
        flex: 1;

    }

    #block-4,#block-12 {
        display: none;
    }

    .content-wrapper:last-child {
        /* padding-bottom:0px; */
        margin-bottom: 0px;
    }

    .pin-container {
        padding-top: 30px;
        padding-bottom: 30px;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .pin-container #pin-column-3 {
        display: none;
    }

    .inside-maintitle {
        font-size: 7vw;
    }

    .sidebar-style.page-style {
        flex-direction: column;
    }

    .category #maincontent {
        padding-top: 30px !important;
    }

    #mobile .page-style.sidebar-style {
        flex-direction: column;
    }

    .faq-list .faq-title {
        font-size: 4vw !important;
    }
    .rtl .faq-list .faq-title {
        font-size: 3vw !important;
    }

    #home-block h1 {
        font-size: 15vw;
    }

    .front-title {
        font-size: 8vw;
    }

    .slick .item .bg {
        margin: 0 -15px;
    }

    .subtfront-title {
        font-size: 6vw;
    }
    .rtl     .subtfront-title {
        font-size: 5vw;
    }

    div#why-reflect-services-container {
        padding-top: 0px;
        margin-top: 0px;
    }

    .offer-item.card-style {
        width: 48%;
    }

    

    .service-details {
        background: #ffffff8c;
        padding-top: 0px;
        padding: 20px 20px 10px;
        margin-left: 30px;
        padding-left: 50px;
        border-radius: 10px;
    }

    .service-item {
        background: none;
        padding: 0px;
        margin-bottom: 20px;
    }

    .service-img {
        left: 0px;
        top: 20%;
        width: 60px;
        height: 60px;
        border-radius: 15px;
    }

    .service-img img {
        padding: 10px;
    }

    .feature-layout1 .sidebar-style div#maincontent {
        display: flex;
        flex-direction: column !important;
        width:100%;
    }
    .people-viewed {
        display: none;
    }
    .feature-layout3 .rounded-style-content .layout3-content {
        padding-left: 7%;
        padding-right: 7%;
    }
    .feature-layout3 .rounded-style-content .layout3-rounder {
        padding-left: 7%;
        padding-right: 7%;
    }
    .feature-layout3 .mainimg {
        display: none;
    }
    .feature-layout3 h1.inside-maintitle {
        padding-top:0px;
    }
    .feature-layout1 #maincontent-image {
        width:100%;
    }
    li.megamenu>ul.sub-menu {
        display: none !important;
    }
    li.megamenu:hover>ul.sub-menu {
        display: block !important; 
    }
    .benfits-section {
        display: none;
    }
    .cardsection-title {
        display: none;
    }
    .cardsection-img {
        display: none;
    }
    .feature-layout4 #maincontent {
        padding-top:50px !important;
    }

}
@media screen and (max-width:700px) {
#filter-lv2 {
    display: none;
}
    
.fa-button {
    margin: 20px 30px 0px !important;
  }
    #mercv-list td, #mercv-list th {
        width:25% !important;
        font-size: 16px;
    }
    .direct-col {
        display: none;
    }
    /* .merc-list {
        overflow-x: scroll;
    } */
    #fixed-bg {
        background: url(images/mobile.png) center no-repeat !important;
        background-size: cover !important;
    }
    .container {
        padding:0 3% !important;
        width:94% !important;
        box-sizing: border-box !important;
    }
    .feature-layout2 #maincontent p {
        font-size:15px;
    }
    .feature-layout2 #maincontent {
        font-size:15px;
    }
    .feature-layout2 h1 {
        font-size:30px;
    }
    .feature-layout2 .wp-block-button__link {
        font-size:15px;
    }
}
@media screen and (max-width:600px) {


    #home-block h1 {
        font-size: 13vw;
    }

    .offer-item.card-style {
        width: 100%;
    }
}

@media screen and (max-width:500px) {
    #mainlogo img {
        width: 40px;
        height: auto;
    }

    header {
        height: 92px;
    }

    #mobile-na {
        height: 92px;
    }
}