.footer-copyright.mobile {
    display: none;
}

#header_mobile .fa-search {
    font-weight: 100;
    color: #979797;
    transform: rotate(0deg);
}

#header_mobile .fa-bars {
    font-weight: 100;
    color: #979797;
    font-size: 30px;
}

#header_mobile .top_item {
    margin-right: 10px;
}

#header_mobile .fa-heart,
#header_mobile .fa-shopping-bag {
    color: #979797;
}

.product_item_colors_more {
    display: none;
}

@media (min-width: 992px) {
    .right_side_menu_opened #wrapper {
        left: 0;
    }
    
    #product_out .col-lg-4 {
        margin-left: 1%;
    }

    .popup_basket_photo_in img {
        width: 100%;
    }

    .filter_responsive_ {
        display: none !important;
    }
}

@media (min-width: 1200px) {

    #product_out .col-lg-7 {
        margin-left: 3.5vw;
    }

}


@media (min-width: 1700px) {
    #product_out {
        width: 1380px;
    }

    .product_gallery_big {
        max-width: 635px;
    }

    #product_out .col-lg-7 {
        margin-left: -9vh;
    }

    .swiper-container {
        height: 900px;
    }
}

@media (max-width: 1699px) {
    .swiper-container {
        height: 770px;
    }
}

@media (max-width: 1500px) {
    .telephone-wrapper {
        font-size: 18px;
        margin-right: 20px;
    }
    .cart-details {
        font-size: 12px;
    }
    .cart-text-total {
        font-size: 18px;
    }
    /* .top_item.basket_btn_h {
        padding-left: 20px;
    } */
}

@media (max-width: 1399px) {
    .swiper-container {
        height: 770px;
    }
}
    
@media (max-width: 1200px) {
    .telephone-wrapper {
        font-size: 15px;
        margin-right: 15px;
    }
    .cart-details {
        font-size: 11px;
    }
    .cart-text-total {
        font-size: 15px;
    }
    /* .top_item.basket_btn_h {
        padding-left: 15px;
    } */
    .custom-title {
        font-size: 16px;
        white-space: nowrap;
    }
    .custom-phone-title {
        font-size: 20px;
    }
    .custom-subtitle {
        font-size: 12px;
    }
}

@media (max-width: 1199px) {
    .swiper-container {
        height: 630px;
    }
}

@media (max-width: 991px) {
    /* top fixed header for mobile */
    #header_mobile {
        background: white;
        z-index: 999;
    }
    body.fixed-header #header_mobile {
        height: 140px !important;
    }
    body.fixed-header.right_side_menu_opened #header_mobile {
        left: 300px;
        width: 100%;
    }
    body.fixed-header main.main-content-wrapper {
        margin-top: 140px;
    }
    /* fixed header end*/
    .filter_responsive {
        display: block;
    }
    #header_mobile .num_wish{
        /* padding-left: 1px; */
        font-size: 8px;
    }
    .span.num_pieces{
        font-size: 8px;
        bottom: -1px;
        right: -6px;
    }
    nav#mobile_menu .menu_item_title_m a{
        font-size: 14px;
        font-family: 'Manrope-Light', Arial, Helvetica, sans-serif;
        letter-spacing: 0.01em;
        text-transform: uppercase;
    }

    .bottom_item.socials {
        background: #fff;
        display: flex;
        align-items: baseline;
        justify-content: space-between;
    }

    .bottom_item.socials h3 {
        font-size: 1.4rem;
        letter-spacing: 0.12em;
    }

    .bottom_item {
        margin-bottom: 0;
    }

    .mobile-footer-wrapper .bottom_item, 
    .mobile-footer-wrapper .bottom_item h3 {
        display: block;
        margin: initial;
        text-align: initial;
    }

    .mobile-footer-wrapper .bottom_item a {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

    h3.social_title,
    .mobile-footer-wrapper .bottom_item h3 {
        font-family: 'Manrope-ExtraBold';
    }

    .cards-logo,
    .footer-copyright {
        background: #fff;
    }

    .row.footer-mobile-policy {
        margin-left: -30px;
        margin-right: -30px;
        border-bottom: 1px solid #ccc;
    }

    div#footer_left {
        color: #000;
    }
    
    #products_out.container,
    #products_out_in .container,
    #product_out .col-lg-7 {
        padding: 0;
    }

    .padding_top_bottom {
        padding-top: 0;
    }

    .product_title h1,
    .product_title h2,
    .product_feautures_item_title h3 {
        text-align: center;
    }

    .product_price_out .product_price,
    .product_feautures_in .product_colors,
    .product_feautures_item .product_sizes,
    .product_social {
        justify-content: center;
    }

    .banner_out .main_box_area {
        padding-top: 0;
    }

    .product_item_text {
        margin-top: 5px;
    }

    .products_bar_out.top {
        border-bottom: none;
        margin-bottom: 0;
    }

    .products-list {
        border-top: 1px solid #979797;
    }

    .filters-resp-bar {
        background: none;
    }

    .products_bar_out {
        padding: 0;
    }

    .show-filters-resp {
        font-family: 'PF Futura Neu Semi Bold';
    }

    .products_bar_out.top .select_box2 {
        margin-right: 0;
    }

    #basket_btn {
        width: 90vh;
    }

    .popup_basket_area {
        width: 90vw;
    }

    /* .product_price_out {
        display: none;
    } */

    .popup_basket.active .popup_basket_buttons {
        margin-top: 3rem;
    }
    
    .product_price {
        font-size: 26px;
    }

    .products_bar_out.top>.row {
        padding-bottom: 0;
        border-bottom: none;
    }
    
    #slideshow_out_r {
        margin-bottom: 25px;
    }

    .product_item_text h3 {
        color: #000;
    }

    .title_b {
        font-size: 26px;
    }

    .banners_cat .main_box_area.cat_area {
        padding-bottom: 35px;
    }

    .newsletter_title {
        padding-top: 70px;
    }

    .social_item {
        width: 38px;
        height: 38px;
    }

    .social_item>a>span {
        font-size: 20px;
    }

    .social_area {
        margin: 0;
    }

    .filter_area_item {
        padding: 0 15px 15px;
    }

    .product_item_offer,
    .product_item_new,
    .product_item_best {
        /* στρογγυλά 34άρια — τώρα ορθογώνια tags που παίρνουν το πλάτος του κειμένου */
        /* width: 34px; */
        /* height: 34px; */
    }

    .product_item_offer_in,
    .product_item_new_in,
    .product_item_best_in,
    .product_item_soldout_in {
        font-size: 9px;
    }

    .filter_area_prices div#slider_price_resp {
        width: 97%;
    }

    .product_title h1 {
        color: #262626;
        font-size: 22px;
    }

    .product {
        margin-top: 0;
    }

    .product_feautures_item_title h3 {
        color: #262626;
    }

    .product_feautures {
        margin-top: 15px;
    }

    .product_feautures_item {
        margin-top: 10px;
    }

    .product_details_item a {
        justify-content: center;
    }

    .product_favorite_in>span {
        margin-left: 2px;
    }

    .product_text h3 {
        color: #262626;
    }

    /* s_6 = ΕΙΔΑΤΕ ΠΡΟΣΦΑΤΑ — ίδια βελάκια με το s_5 (ΣΥΝΔΥΑΣΕ ΤΟ) */
    .owl_slider_area_s_5 .owl-prev img,
    .owl_slider_area_s_5 .owl-next img,
    .owl_slider_area_s_6 .owl-prev img,
    .owl_slider_area_s_6 .owl-next img {
        width: 10px;
    }

    .basket_table_item .products_price_old,
    .basket_table_item .products_price_new {
        font-size: 16px;
    }

    .banner_out#banner_id_3 {
        min-height: 60px;
    }

    #header_mobile .fa-shopping-bag {
        min-width: 21px;
        min-height: 29px;
    }

    #header_mobile .mobile-header-div > .d-flex:last-child {
        min-width: 65px;
        min-height: 33px
    }

    .mobile_header .mobile.logo,
    .mobile_header .mobile.logo a {
        width: auto;
        height: 100%;
        object-fit: cover;
    }

    .mobile.logo a img {
        /* width: 100%; */
        aspect-ratio: 1.6 / 0.45;
        overflow: hidden; /* Αποφυγή CLS */
    }

    .banner_out .row_4 .h_item:nth-child(3n) {
        margin-bottom: 0px !important;
    }

    #bottom_out {
        padding-top: 0px;
    }

    /* ==========================================================================
       ΚΑΛΑΘΙ - MOBILE (σχεδιαστικό: κάρτα προϊόντος, όχι responsive table)
       Το global-responsive.css:271+ μετατρέπει το table σε στοίβα με labels
       (ΤΙΜΗ / ΠΟΣΟΤΗΤΑ / ΕΚΠΤΩΣΗ) και γραμμή ανάμεσα σε κάθε μπλοκ. Το
       σχεδιαστικό θέλει μία ενιαία κάρτα: φωτό αριστερά, τίτλος + ιδιότητες,
       τιμές σε μία σειρά, ποσότητα από κάτω, × πάνω δεξιά.
       ========================================================================== */

    /* --- 1. Header: το global κρύβει όλο το .table_content_title
       (global-responsive.css:985). Στο σχεδιαστικό μένει ΜΟΝΟ το «ΠΡΟΪΟΝΤΑ». --- */
    #basket .table_content_title {
        display: block;
    }

    #basket .table_content_title .row {
        margin-left: 0;
        margin-right: 0;
    }

    #basket .table_content_title .basket_col_title {
        display: none;
    }

    #basket .table_content_title .basket_col_title:first-child {
        border: 0;
        border-bottom: 1px solid #D9D9D9;
        display: block;
        height: auto;
        letter-spacing: .18em;
        padding: 0 0 12px;
        text-align: left;
        width: 100%;
    }

    /* --- 2. Φωτογραφία: 145px -> 75px, με 15px κενό μέχρι το κείμενο --- */
    #basket .basket_photo_r img {
        /* παλιά: 145px από global-style.css:6861 */
        width: 110px;
    }

    #basket .basket_item {
        /* παλιά: padding-left:145px από global-responsive.css:1035 */
        padding-left: 110px;
        position: relative;
    }

    /* --- 3. Το × πάνω δεξιά (το global το πάει αριστερά, left:-155px) --- */
    #basket .basket_delete_btn {
        left: auto;
        right: 20px;
        top: -15px;
    }

    /* --- 4. Καμία γραμμή ΜΕΣΑ στην κάρτα - μόνο ΑΝΑΜΕΣΑ σε προϊόντα.
       Το global βάζει border-top σε κάθε .basket_table_item και μηδενίζει το
       border-bottom της σειράς (global-responsive.css:1064, 1077). --- */
    #basket #table_content .table_content_data .basket_table_item {
        border-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-top: 0;
    }

    #basket #table_content .table_content_data .row {
        border-bottom: 1px solid #D9D9D9;
    }

    #basket #table_content .table_content_data .row:last-child {
        border-bottom: 0;
    }

    /* --- 5. Χωρίς τα labels ΤΙΜΗ / ΠΟΣΟΤΗΤΑ / ΕΚΠΤΩΣΗ μέσα στην κάρτα --- */
    #basket .b_title_r {
        display: none;
    }

    /* --- 6. Διάταξη κάρτας: τα cells είναι flex items του .basket_item (row).
       Προϊόν σε δική του σειρά, τιμή + έκπτωση δίπλα-δίπλα, ποσότητα από κάτω. --- */
    #basket .basket_item {
        align-items: baseline;
        display: flex;
        flex-wrap: wrap;
    }

    #basket .basket_item > .col-lg-5.basket_table_item {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #basket .basket_item > .col-lg-2.basket_table_item:not(.basket_table_item_edit),
    #basket .basket_item > .col-lg-1.basket_table_item {
        flex: 0 0 auto;
        max-width: none;
        width: auto;
    }

    #basket .basket_item > .col-lg-1.basket_table_item {
        margin-left: 8px;
    }

    #basket .basket_item > .basket_table_item_edit {
        flex: 0 0 100%;
        margin-top: 12px;
        max-width: 100%;
    }

    /* το .center κάνει display:table + margin auto - στο mobile θέλουμε αριστερά */
    #basket .basket_item .basket_table_item_in.center {
        display: block;
        margin: 0;
    }

    /* --- 7. Τιμές στη σειρά: νέα, μετά παλιά διαγραμμένη, μετά έκπτωση.
       Το global δίνει margin-left:10px στη ΝΕΑ τιμή (global-responsive.css:1092),
       που χαλάει τη στοίχιση αφού πλέον η νέα είναι πρώτη στο markup. --- */
    #basket .basket_table_item .products_price_new {
        margin-left: 0;
        margin-right: 8px;
    }

    #basket .basket_table_item .products_price_old,
    #basket .basket_table_item .products_price_new {
        float: left;
        text-align: left;
    }

    /* έκπτωση σε παρενθέσεις, όπως στο σχεδιαστικό: (-50%) */
    #basket .basket_discount_value::before {
        content: '(';
    }

    #basket .basket_discount_value::after {
        content: ')';
    }

    /* --- 8. Σύνολα: στο desktop το μπλοκ είναι στενό 283px δεξιά
       (01-general-style.css). Στο mobile πιάνει όλο το πλάτος. --- */
    #basket .table_results {
        margin-left: 0;
        max-width: none;
        border-top:1px solid #D9D9D9;
        margin-top:20px;
    }

    #basket .table_results .table_results_left {
        text-align: left;
    }

    /* Ίδια λογική και για τα σύνολα του checkout: στο desktop είναι στενό
       μπλοκ 300px δεξιά (01-general-style.css), στο mobile πιάνει όλο το
       πλάτος. */
    .basket_confirm_item .table_results {
        margin-left: 0;
        max-width: none;
    }

    /* Κουπόνι: στο desktop ο τίτλος είναι αριστερά και το input+κουμπί δεξιά
       (01-general-style.css). Στο mobile ο τίτλος πάει πάνω και το ζευγάρι
       από κάτω σε όλο το πλάτος - αλλιώς τα 301+185px ξεχειλίζουν. */
    .basket_confirm_item_in:has(.coupon_area_out) {
        padding: 25px 20px;
    }

    .basket_confirm_item .coupon_title {
        flex: 0 0 100%;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .basket_confirm_item .coupon_area {
        flex: 1 1 auto;
        margin-left: 0;
        min-width: 0;
        width: auto;
    }

    .basket_confirm_item .check_coupon {
        flex: 0 0 140px;
        padding: 0 14px;
        width: 140px;
    }

    /* --- 9. Τα κουμπιά μένουν δίπλα-δίπλα μέχρι τα 768px.
       Το στοίβαγμα γίνεται στο δικό του breakpoint πιο κάτω. --- */


    .checkout_out{
        margin-top:20px;
        margin-bottom:40px;
    }

    .basket_title h3{
        font-size:10px !important;
    }

    .basket_title h2{
        font-size:12px;
        font-weight:600;
        margin-bottom:20px;
    }

    .basket_title h4{
        font-size:9px !important;
        color:#262626;
    }

    .basket_table_item.price_place{
        margin-top:20px;
    }

    .basket_table_item .products_price_new, .basket_discount_value {
       font-size:12px;
    }
    .basket_discount_value {
        float: left;
        margin-left: 10px;
    }

    .basket_quantity_area_edit{
        margin:0px;
        margin-top:-5px;
        width:30px;
    }

    .basket_quantity_area_edit input[type="text"]{
        font-size:14px;
    }

    .basket_table_item .products_price_old, .basket_table_item .products_price_old.strikediag {
        color: #4d4d4d;
        font-size: 10px;
        margin-top:1px;
    }
}

/* Κουμπιά καλαθιού: κάτω από 768px το ένα κάτω από το άλλο, γεμάτο πλάτος.
   Το global δίνει float:left στο .btn_back και float:right στο .basket_order_btn
   (global-style.css:7429, 7458) και το F101 min-width:288px - που σε οθόνη
   320px ξεχειλίζει. Μηδενίζουμε και τα τρία. */
@media (max-width: 768px) {
    /* Τα δύο cols ΔΕΝ είναι flex - είναι table-cells:
       .row-same-height{display:table;table-layout:fixed} (global-style.css:196)
       .col-sm-height{display:table-cell;float:none!important} (global-style.css:202)
       Γι' αυτό έμεναν δίπλα-δίπλα σε κάθε πλάτος και το width:100% στο κουμπί
       γέμιζε μόνο το μισό κελί. Τα γυρίζουμε σε block για να στοιβαχτούν. */
    #basket .basket_confirm_item .row-same-height {
        display: block;
        table-layout: auto;
        width: 100%;
    }

    #basket .basket_confirm_item .col-sm-height {
        display: block;
        margin: 0;
        padding-bottom: 0;
        padding-top: 0;
        width: 100%;
    }

    #basket .basket_confirm_item .btn_back,
    #basket .basket_confirm_item .basket_order_btn {
        float: none;
        min-width: 0;
        width: 100%;
    }

    #basket .basket_confirm_item .col-full-height{
        height:70px;
    }

    /* --- Κουπόνι: κάτω από τα 768px το input και το κουμπί στοιβάζονται
       κεντραρισμένα. Μέχρι τα 991px (πιο πάνω) μένουν δίπλα-δίπλα με το
       κουμπί 140px, που εδώ πια στριμώχνεται και κρέμεται αριστερά.
       Κοινό max-width 301px (το πλάτος του input στο desktop) ώστε οι δύο
       γραμμές να έχουν ίδιο πλάτος. --- */
    .basket_confirm_item .coupon_area_out {
        justify-content: center;
    }

    .basket_confirm_item .coupon_title {
        text-align: center;
    }

    .basket_confirm_item .coupon_area {
        /* παλιά (991px block): flex:1 1 auto - δίπλα στο κουμπί */
        flex: 0 0 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 301px;
        width: 100%;
    }

    /* το δεξί border ήταν κομμένο επειδή το κουμπί κόλλαγε δίπλα του
       (01-general-style.css: border-right:0) - στοιβαγμένο το χρειάζεται */
    .basket_confirm_item .coupon_area input[type="text"] {
        border-right: 1px solid #D9D9D9;
    }

    .basket_confirm_item .check_coupon {
        /* παλιά (991px block): flex:0 0 140px; width:140px */
        flex: 0 0 100%;
        margin: 12px auto 0;
        max-width: 301px;
        width: 100%;
        /* το space-between άφηνε τεράστιο κενό ανάμεσα σε κείμενο και εικονίδιο
           στο πλήρες πλάτος */
        gap: 12px;
        justify-content: center;
    }

    .basket_confirm_item .coupon_results {
        text-align: center;
    }

}

@media (max-width: 750px) {
    .banner_out:not(.no-banner-gutter) .h_item .banner_img {
        margin-bottom: 5px;
    }
    .banners_cat .banner_title_area {
        margin-top: 30px;
    }
    .banners_cat .main_box_area.cat_area{
        padding-top: 27px;
    }
    .banners_cat .main_box_area.cat_area .col-lg-12{
        padding-left: 8px;
        padding-right: 0;
    }
    .banners_cat{
        padding: 0px;
    }
    .banners_cat .homepage_item_more, .banners_cat>.main_box_area.cat_area{
        font-size: 14px;
    }

    .popup_basket.active .popup_basket_btn a {
        padding: 12px 6px;
    }
}

@media (max-width: 700px) {
    .newsletter_title h3 {
        font-size: 80px;
    }

    .popup_basket_area_in {
        padding: 26px 45px;
    }

    .popup_basket_area_title.d-md-flex.align-items-end.justify-content-center,
    .popup_basket_area_title.d-sm-flex.align-items-end.justify-content-center {
        display: flex;
        align-items: center!important;
    }

}

@media (max-width: 600px) {
    .homepage_tabs li a .title_b {
        font-size: 26px;
    }
    .cards-logo{
        margin-top: 0;
    }
    .cards-logo #on-mobile{
        display: flex;
    }
    .cards-logo #on-desktop{
        display: none;
    }
}

@media (max-width: 575px) {
    .newsletter_item{
        font-family: 'PF Futura Neu Book';
        margin-bottom: 16px;
    }
    .newsletter_item input[type="text"]{
        text-align: center;
        margin-bottom: 7px;
        font-size: 13px;
    }
    .eshop_oroi.newsletter_terms{
        margin: 17px 0 31px;
    }
    .newsletter_area_out_top{
        width: auto;
        margin: 10px auto 30px;
        font-size: 15px;
    }
    .newsletter_title h3 {
        font-size: 28px;
    }
    .newsletter_area_out_bottom{
        width: auto;
    }

    .eshop_oroi {
        font-size: 12px;
    }
}


@media (max-width: 550px) {
    .bottom_item h3 {
        font-size: 17px;
    }
    .footer-hours-in,
    .bottom_item ul li a {
        font-size: 12px;
    }
}

@media (max-width: 500px) {
    .metaforika-mobile-header-div .metaforika-wrapper {
        font-size: 11px;
        min-height: 15px;
    }
    .basket_btn a {
        font-size: 13px;
        letter-spacing: 2px;
        font-family: 'Manrope-SemiBold', Arial, Helvetica, sans-serif;
        padding-left: 35px;
        padding-right: 10px;
    }
    .product_favorite {
        font-size: 20px;
    }
    #footer_links_mobile {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding: 5px 0;
        font-family: 'PF Futura Neu Book';
        font-size: 12px;
    }
    div#footer_left_mobile {
        text-align: center;
        color: #000;
        font-family: 'PF Futura Neu Book';
        font-size: 12px;
        margin-top: 10px;
    }
    div#footer_right_mobile {
        text-align: center;
        font-family: 'PF Futura Neu Book';
        font-size: 1px;
        margin-bottom: 40px;
    }
    .eshop_oroi input[type="checkbox"] + label span {
        margin-top: 0px;
    }

    .popup_basket_area_in {
        padding: 2vw;
    }

    .popup_basket_photo {
        margin-right: 10px;
        width: 200px;
    }
    
    .popup_basket_photo_in {
        width: auto;
    }

    /* .popup_basket_area_title.d-md-flex.align-items-end.justify-content-center {
        display: flex;
        align-items: center!important;
    } */

    .popup_basket_area_title.d-md-flex.align-items-end.justify-content-center h2,
    .popup_basket_area_title.d-sm-flex.align-items-end.justify-content-center h2 {
        text-align: inherit;
    }

    .popup_delete.popup_basket_close {
        top: 15px;
        right: 5px;
    }

    .popup_basket.active .announcepopup {
        min-width: 90vw;
        max-width: 90vw;
    }

    .popup_basket_area_title.d-md-flex.align-items-end.justify-content-center h2,
    .popup_basket_area_title.d-sm-flex.align-items-end.justify-content-center h2 {
        max-width: 60vw;
    }
    
}

@media (max-width: 480px) {
    .banners_cat {
        min-height: 470px;
    }
}

@media (max-width: 425px) {
    .banner_out.b_img {
        padding: 0;
    }
    /* #slideshow_out_r .owl-item {
        width: calc(100vw - 0px) !important;
    } */

    /* .owl-item {
        width: calc(100vw - 127px) !important;
    } */

    .homepage_tabs_out .container-fluid{
        padding: 0;
    }
    .homepage_tabs_out .container-fluid .col-md-12{
        padding-left: 8px;
        padding-right: 0px;
    }

    .title_b>span {
        font-size: 26px;
    }
    .newsletter-section {
        zoom: 60%;
    }
    .newsletter_area_out_top {
        font-size: 26px;
        width: auto;
    }
    input#news_email {
        text-align: center;
        font-size: 26px;
    }
    label[for="newsletter_terms_check"] {
        font-size: 15px;
    }
    .col.footer-cols,
    .col.footer-cols:last-child {
        border-top: none;
        border-bottom: none;
    }
    h3.social_title {
        float: left;
        font-family: 'PF Futura Neu Semi Bold';
        margin-top: 10px;
    }
    .accordion-footer-switch {
        float: right;
    }
    /* .mobile-footer-wrapper {
        background-color: #FAFAFA;
    } */
    .mobile-footer-wrapper>h3 {
        font-family: 'PF Futura Neu Semi Bold';
        font-size: 13px;
        padding: 14px;
        padding-top: 30px;
    }
    h3.accordion-footer-header {
        font-family: 'PF Futura Neu Book';
        font-size: 12px;
    }
    .bottom_item {
        background-color: transparent;
    }
    .footer-copyright.desktop {
        display: none;
    }
    .footer-copyright.mobile {
        display: block;
    }
    .social_item{
        margin-right: 15px;
    }
    .socials{
        /* margin: 0 26px 26px 26px; */
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .social_area {
        margin: 0;
    }
    #footer{
        padding-top: 6px;
    }
}

@media (max-width: 400px) {
    .homepage_tabs li a .title_b {
        font-size: 16px;
    }
    .metaforika-mobile-header-div .metaforika-wrapper {
        font-size: 11px;
    }
    .basket_btn a {
        font-size: 13px;
        letter-spacing: 1px;
    }
    .bottom_item h3 {
        font-size: 13px;
        letter-spacing: 0.05em;
    }

    .basket_btn a {
        padding-left: 0;
    }

    /* CLS */
    .banners_cat {
        min-height: 385px;
    }

    /* .banner_out#banner_id_23 {
		min-height: 640px;
	} */
}

@media (max-width: 350px) {
    .filter_responsive {
        left: -275px;
    }
    .filter_responsive_left {
        width: 275px;
    }
    /* Τρόποι πληρωμής: λίγο μικρότερα ώστε να μη γίνει μονή στήλη */
    .cards-logo {
        column-gap: 10px;
        padding: 18px 10px;
    }
    .cards-logo .cards-logo-item {
        height: 26px;
    }
}

@media (max-width: 338px) {
    .title_b>span {
        font-size: 22px;
    }
    .right_side_menu_opened #wrapper {
        left: 300px;
    }
    nav#mobile_menu{
        width: 300px;
    }
}
@media (max-width: 285px) {
    .title_b>span {
        font-size: 20px;
    }
}

@media (min-width: 1200px)
and (max-width: 1400px) {
    .top_item {
        margin-right: 10px;
    }
}