@media (min-width: 992px) 
{	
	
	.right_side_menu_opened #wrapper
	{
		left:0;
	}
		
}
@media (min-width: 1600px) 
{
    .menuButtons .owl-carousel .owl-dots{
       display: none;
    }
}
@media (max-width: 1650px) 
{
     .searchHeader{
        padding:90px 30px 125px 30px;
    } 
     .searchHeader .searchForm{
        max-width:800px;
    }
}
@media (max-width: 1600px) 
{
    .menuButtons{
        padding:100px 0px 58px 0px;
    }
}
@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;
    }

    nav.menu ul {
     justify-content: center !important;
    }

    section.menu_out {
        padding-right: 0px;
    }

    .slider-container{
        width:calc(100% - 100px);
    }

    .menu_item_bottom .containerIn{
        padding-left:10%;
    }

    .presantationBlogInfos .description{

        font-size : 40px;
        line-height : 50px;
        max-width:70vw;
    }

    .categoryPage .companyLogo {
        width: 200px;
    }

    .resultsAreaDefaultSubCategoriesFirstView{
        padding:20px 15px 120px 100px;
    }

}
@media (max-width: 1400px) 
{
    #header_desktop{
        display:none !important;
    }

    .resp-1400-menu{
        display:block;
    }

    .main-content-wrapper, #footer{
       margin-left:260px;
    }
    .slider-container {
        width: calc(100% - 30px);
    }

    .slider_item {
      height: auto;
      min-height: auto;
    }
    .slider-container{
      padding-bottom:40px;
    }

    .slider-container .video-gif-player video {
        margin-right: 0px;
    }

    .block-until-1400{
        display: none;
    }

    .resp-from-1400{
        display: block;
    }

    .cardBannerItem.bannerCardsStyle2 {
        max-width:unset;
        background: #fff;
        border-radius: 20px;
        padding: 40px 30px;
    }

    .fullScreenImg {
        position: unset;
        left: unset;
        transform: unset;
        heighT: auto;
        width:100%;
    }

    .cardsBanner.banner_out.subtitleSameAnim .cardsContainer {
        padding:0px 15px !important;
    }

    .cardBannerItem.onlyImgs {
        max-width: unset;
        margin: 10px;
        margin-right:0px;
    }

    .menuButtons{
        padding:100px 15px 58px 15px;
    }

    .searchHeader{
       display: block !important;
    } 

    .searchHeader .searchLogo{
       width:fit-content;
    }
     .searchHeader .searchForm{
        max-width:100%;
    }

     .searchHeader .formIn{
        justify-content: start !important;
        margin-bottom:0px;
        margin-top:50px !important;
     }


     .requestField .itemInput{
        width: calc((100% - 250px) / 3);
    }

    .requestField .itemInput:last-child{
        width:250px;
    }

    
    .requestField .itemInput div:first-child{
        padding-left:15px;
    }

    .categoryPage .companyLogo {
        width: 180px;
    }

    .resultsAreaDefaultSubCategoriesFirstView{
        padding:20px 15px 120px 15px;
    }

    .helpItem .text{
        min-height: 150px;
    }

}
@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;        
    }

    .slider-container .general-infos {
        max-width: 100%;
        width:100%;
    }

    .slider-container .video-gif-player{
        width:100%;
        padding-top:50px;
        justify-content: center;
    }

    .slider-container .video-gif-player video{
        max-width:100%;
    }

    .cardsBanner.customer .description .text {
        max-width: 100%;
    }
    .cardsBanner.banner_out,
    .cardsBanner.bannerCardsStyle2.banner_out,
    .cardsBanner.customer.banner_out,
    .cardsBanner.analytics.banner_out{
        padding:80px 0px;
    }

    /* 463 = 423 + 40, δηλαδη το ιδιο περιθωριο που πηρε και το desktop
       (533 -> 573). Το 563 που ειχε πριν προερχοταν απο το padding-bottom
       που πλεον δεν υπαρχει, και θα εκανε το banner 140px ψηλοτερο απο οσο
       χρειαζεται σε αυτο το breakpoint. */
    .cardsBanner.bannerCardsStyle2.banner_out .title-area {
        min-height: 463px;
    }

    .banner_img_text{
        width:calc(100% - 30px);
    }

    
    .page_blog-list .presantationPhoto{
        height:50vh;
        object-fit:cover;
    }



.presantationBlogInfos .title{
    font-size : 32px;
    margin-bottom:10vh;
}

.presantationBlogInfos .title div:first-child{
  font-size : 34px;
}

.presantationBlogInfos .date{
  font-family: 'Syne-Bold';
  font-size : 22px;
  text-transform : uppercase;
  color : #FFFFFF;
  margin-bottom:40px;
}

.presantationBlogInfos .date div:last-child{
   font-family: 'Syne-Regular';
   font-size : 20px;
   margin-top:10px;
}

.presantationBlogInfos .description{
  font-size : 25px;
  line-height : 35px;
  max-width:75vw;
}

.presantationBlogInfos button{
    width:200px;
    height:42px;
    font-size : 14px;
}

.banner_out.roiCalc  .requestField{
    width:100%;
    max-width:600px;
    margin:0 auto;
}

.requestField .itemInput {
    width: 100% !important;
    margin-bottom:35px;
}

.requestField .itemInput:last-child {
    margin-bottom: 0px;
}

.requestField .itemInput div:last-child {
    padding-right: 0px;
}

   .categoryPage .companyLogo {
        width: 150px;
        position: absolute;
        right: 70px;
        bottom: 60px;
    }

    #logoEe{
    transform: scale(2);
    }

    .noResults{
        left:-120px;
    }

    .sadFace{
        left:calc(100% - 87px);
        top:0px;
    }

    .sadFace i{
        font-size: 300px;
    }

    .sadFace .sadFaceSvg{
        width:300px;
        height:300px;
    }
}

@media (max-width: 991px) 
{
    /* top fixed header for mobile */
	#header_mobile {		
		background: white;
		z-index: 9999;
        border-bottom:1px solid #dedede;
        /* box-shadow: 0 5px 5px -5px rgba(0,0,0,0.1); */
    }

    div.mobile_menu{
        padding-top:30px;
    }

    .cookies_popup_text {
        min-height:unset;
    }

    /* 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*/

    .cookiesContainerText {
        padding: 0px;
    }

    .cookiesContainerText .textItem{
         padding: 0px 15px 20px 15px;
    }

    .filter_responsive
	{
		display:block;
	}

    .slider-container .general-infos,  .slider-container .video-gif-player{
        width:100%;
    }

    .main-content-wrapper, #footer{
       margin-left:0px;
    }

    /* nav#mobile_menu {
        visibility: hidden;
    } */

    .resp-991-menu div.mobile_menu{
        display:block;
    }

    .resp-1400-menu{
        display: none;
    }

    .slider-container .title{
        font-size: 36px;
    }
    .slider-container .subtitle {
        font-size: 20px;
        line-height: 30.71px;
    }

    .slider-container .text {
        font-size: 17px;
        line-height: 31px;
    }

    .slider-container .general-infos .buttons{
        margin-top:50px;
    }

    .slider-container .buttonsLink button {
        border: 1px solid #fff;
        padding: 0px 30px;
        height: 52px;
        font-size: 17px;
        letter-spacing: 0.2px;
    }

    .slider-container .general-infos{
        padding:0px;
    }

    .slider-container .video-gif-player {
        padding:0px;
        padding-top:30px;
    }

    .banner_out.title-link.pricing {
        padding: 170px 0px 100px 0px;
    }

    .blogSlider{
        margin-top:67px;
    }

    .categoryPage .companyLogo {
        right: 40px;
        bottom: 40px;
    }

    .noResults{
        left:-20px;
    }

    #cookies-popup .logo-cookies{
	    width: 100%;
        text-align: center;
        padding:0px 15px;
    }

    #cookies-popup .modal-header {
        padding: 30px 0px 10px 0px;
        border-bottom: 1px solid #dedede;
    }

    #cookies-popup  .fa-cookie-bite {
        top: 1px;
        left: calc(50% - 17px);
        transform:translateX(-50%);
    }
    #cookies-popup .cookiesExplainTitle {
        width:100%;
        text-align: center;
        padding:15px;
    }

    .cookies_popup_text .cookiesTitleTabs {
        width: 100%;
    }

    .cookies_popup_text .cookiesContainerText {
       width: 100%;
    }
}

@media (max-width: 768px)
{
    .blogInside .simpleText .twoColumnsText{
        column-count: 1;
    }

    .banner_out:not(.no-banner-gutter) .h_item .banner_img
	{
		margin-bottom:20px;
	}

    .cardsBanner.banner_out .title{
        font-size: 25px !important;
    }

    .cardsBanner.banner_out.roiCalc .subtitle {
        font-size: 18px;
    }

    .cardsBanner.banner_out .subtitle {
        font-size: 18px;
        margin-top:0px;
    }

    /* Εδω η επικαλυψη των καρτων ειναι 90px (οχι 140):
       min-height 313 = 223 + 90, ωστε η περιοχη κειμενου να μεινει 223px,
       και το cardsContainer κραταει το αρχικο -90 - οσο ακριβως το
       padding-bottom. Ετσι οι καρτες πιανουν μονο κενο χωρο. */
    .cardsBanner.bannerCardsStyle2.banner_out .title-area {
        min-height: 313px;
        padding-bottom: 90px;
    }

    .cardsBanner.bannerCardsStyle2.banner_out .cardsContainer {
        margin-top: -90px;
    }

    .cardsBanner.banner_out, 
    .cardsBanner.bannerCardsStyle2.banner_out, 
    .cardsBanner.customer.banner_out, 
    .cardsBanner.analytics.banner_out,
    .cardsBanner.banner_out.integration,
    .cardsBanner.banner_out.featured {
        padding: 50px 0px;
    }

    .banner_out.title-link{
        padding: 50px 15px;
    }

    .cardsBanner.banner_out .title-area{
        margin-bottom: 30px;
    }

    .cardsBanner.banner_out .cardsContainer {
        margin-bottom: 30px;
    }

    .cardsBanner button {
        height: 52px;
        padding: 0px 25px;
        font-size: 17px;
    }

    .photo_slider_item {
        max-width: 115px;
        height: 70px;
    }

    .suggestionsArea {
        margin: 30px 0px 30px 0px;
    }

    .banner_img_text .title {
        font-size: 32px;
        margin-bottom: 20px;
    }
    .banner_out.title-link .title-area,
    .banner_out.title-link.pricing .title-area{
         font-size: 32px;
    }

    .banner_out.title-link.pricing .subtitle-area {
        font-size: 20px;
    }

    .banner_img_text {
       padding:0px 15px;
    }

    .newsletter_title h3 {
        font-size: 40px;
        text-align: center;
    }

    .newsletter_item {
        width: 100%;
        text-align: center;
    }

    .newsFormArea{
        max-width:480px !important;
        margin:0 auto;
    }

    .newsletter_item input[type="text"] {
        max-width: 100%
    }

    .newsletter_submit span.resp-up-768{
        display:none;
    }

   .newsletter_submit {
        height: 45px;
        position: Absolute;
        width: 92px;
        top:50%;
        transform: translateY(-50%);
        right: 10px;
    }

    .newsletter_submit .submitEffeButton{
        margin-left:0px;
    }

    .cardsBanner.customer .caseStudies .case-item .logo img {
        width: 100px;
    }

    .cardsBanner.customer .caseStudies .case-item .goals .goal-item .rate {
        font-size: 50px;
    }

    .cardsBanner.customer .caseStudies .case-item .goals .goal-item .title {
         font-size: 20px;
         padding-right:15px;
    }

    .newsletter-section {
        padding: 60px 0px 40px 0px;
    }

    #footer .footerColumn{
        padding:0px 15px;
    }

    #footer .footerColumn::after{
        content:'';
        position: absolute;
        left:50%;
        transform: translateX(-50%);
        bottom:0px;
        width:calc(100% - 30px);
        height:1px;
        background: rgba(255,255,255, 0.1);
    }

    #footer .footerColumn::before{
        font-family: Font Awesome\ 5 Pro;
        content: '\f107';
        color: #9499A8;
        position: absolute;
        top:10px;
        right:20px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    #footer .footerColumn.active::before{
        transform: rotate(180deg);
    }

    #footer .container .footerColumn:last-child::after{
        width:0%;
        height:0px;
    }

    #footer .footerColumn .items{
        display: none;
        padding-bottom:15px;
    }

    #footer-logo{
        margin-top:20px;
    }

    .banner_img_text button, .banner_out.title-link button  {
        font-size: 17px;
    }

    .cardsBanner.banner_out.featuresSubItem .title.play-color {
        font-size: 40px;
    }

    .cardsBanner.banner_out.featuresSubItem .subtitle.play-color {
        font-size: 40px;
    }

    .banner_img_text button.bannersButtons{
        width:320px;
    }

    .banner_out.title-link.pricing
    {
        padding: 80px 0px 40px 0px;
    }

    .banner_out.pricing-tables {
        padding: 135px 15px 80px 15px;
    }


    .presantationBlogInfos .description {
        font-size: 16px;
        line-height: 25px;
        max-width: 80vw;
    }

    .presantationBlogInfos .title {
        font-size: 32px;
        margin-bottom: 10vh;
    }

    .blogSlider{
        margin-top:51px;
    }

    .page_blog-list .presantationPhoto {
        height: 60vh;
    }

    form#blogSearch .formIn {
        width:fit-content;
        margin:0 auto;
    }

    form#blogSearch .formIn div.formPart {
      min-width: 300px;
      margin:0 auto;
      margin-bottom:30px;
    }

    form#blogSearch .formIn div.formPart:last-child{
      margin-bottom:0px;
    }

    .blogCategoryArea {
        padding: 35px 15px 80px 15px;
    }

    .blogCategoryArea .title h3 {
        font-size: 32px;
    }

    .searchHeader form#blogSearch .formIn {
        width: 100%;
    }

    .searchHeader form#blogSearch .formIn div.formPart {
        max-width: 100%;
    }

    .searchHeader {
        padding: 90px 30px 50px 30px;
    }

    .blogInside {
      padding-top: 50px;
      padding-bottom: 70px;
    }

    .blogInside.customerStory .inStory.forBlogInfos{
        padding-top:50px;
    }

    .blogInside .blogInfos {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .blogInside .shortTxt {
        font-size: 32px;
        line-height: 36px;
        padding-bottom: 40px;
        margin-bottom: 20px;
    }

    .blogInside .title {
        font-size: 24px;
        line-height: 32px;
        padding: 10px 15px;
    }

    .blogInside .highLight {
        font-family: 'Syne-Regular';
        font-size: 18px;
        line-height: 25px;
        padding: 35px;
        margin: 30px auto;
        border-radius: 10px;
    }

    .cookies_alert_popup {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding:0px;
    }

    #cookies-popup .cookies-popup-buttons button {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
        margin: unset;
    }


    .helpSearchResults{
        padding:30px 15px 80px 15px;
    }
    .helpSearchResultsList .helpResultItem{
        padding:20px;
    }
    .helpSearchResults .resultsTitle{
        font-size:18px;
    }
    .helpSearchResultsList .helpResultTitle{
        font-size:18px;
    }
} 


@media (max-width: 750px) 
{
    .banner_out:not(.no-banner-gutter) .h_item .banner_img
	{
		margin-bottom:20px;
	}
    .fullBackPhoto .img-fluid{
    min-height:600px;
    }

    #logoEe{
        transform: scale(1);
        margin:50px auto;
    }

    .noResults{
        left:0px;
        margin:0px auto;
    }

    .sadFace{
        left: calc(100% - 100px);
        top: 20px;
    }

    .sadFace i{
        font-size: 120px;
    }

    .sadFace .sadFaceSvg{
        width:120px;
        height:120px;
    }
}

@media (max-width: 600px) 
{
    .homepage_tabs li a .title_b {
        font-size: 20px;
    }

    .banner_out.pricing_faqs .container .faqItem .question::after {
        right: -25px;
    }
    }

@media (max-width: 575px) 
{
    .resp-991-menu div.mobile_menu{
        top: 52px;
    }

    .slider-container .buttonsLink button {
        margin-right: 0px;
        margin-bottom:20px;
    }

    .slider-container .buttonsLink:last-child button {
         margin-bottom:0px;
    }

    .cardsBanner.featuresSubItem  button {
      margin-bottom:15px;
    }

    .cardsBanner.banner_out.featuresSubItem {
        padding: 0px 0px 65px 0px;
    }
}
@media (max-width: 550px) 
{
    .bottom_item h3 {
        font-size: 17px;
    }
    .footer-hours-in,
    .bottom_item ul li a {
        font-size: 15px;
    }
}
@media (max-width: 500px) 
{
    .metaforika-mobile-header-div .metaforika-wrapper {
        font-size: 13px;
    }
    .basket_btn a {
        font-size: 14px;
        letter-spacing: 2px;
        font-family: 'CeraGreek-Medium', Arial, Helvetica, sans-serif;
        padding-left: 35px;
        padding-right: 10px;
    }
    .product_favorite {
        font-size: 20px;
    }

    .mobile.logo img {
       width:140px !important;
    }

    .searchLogo div:first-child {
        font-size: 26px;
    }

    .searchLogo div:last-child {
        font-size: 34px;
    }

    .searchHeader form#blogSearch .formIn div.formPart {
        min-width: 100%;
    }

    .blogPage.categoryPage .title {
        padding: 60px 0px 20px 0px;
    }
}
@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;
    }

    .noResults{
        left:-20px;
    }
}
@media (max-width: 350px) 
{
	.filter_responsive
	{
		left:-275px;	
	}
	
	.filter_responsive_left
	{
		width:275px;
	}
}
/* ==========================================================================
   Slideshow: κωδικας απο τη βαση (.slider-code-player / hero-loop)
   ========================================================================== */

@media (max-width: 960px) {
    /* αριστερη στοιχηση - χωρις "margin:0 auto" που το κεντραρε */
    .slider-code-player {
        max-width: 480px;
        margin-left: 0;
        margin-right: auto;
    }

    .slider-code-player .hero-visual,
    .hero-visual {
        max-width: 480px;
    }
}

@media (max-width: 767px) {
    .slider-code-player .hero-visual,
    .hero-visual {
        padding: 18px;
        border-radius: 20px;
    }

    .loop-node {
        gap: 12px;
        padding: 12px 14px;
    }

    .loop-ico {
        width: 36px;
        height: 36px;
        border-radius: 10px;
    }

    .loop-ico svg {
        width: 19px;
        height: 19px;
    }

    .loop-name { font-size: 14px; }
    .loop-desc { font-size: 12px; }

    .loop-back {
        gap: 10px;
        font-size: 12px;
    }

    .loop-back svg {
        width: 40px;
        height: 19px;
    }
}

/* Κατω απο 1200px το .slider-container γινεται d-block (d-block d-xl-flex),
   οποτε το code player πεφτει ΚΑΤΩ απο τα κουμπια και κολλαγε πανω τους.
   Δινουμε το ιδιο κενο που εχει ηδη το .video-gif-player στα ιδια breakpoints. */
@media (max-width: 1200px) {
    .slider-container .slider-code-player {
        width: 100%;
        padding-top: 50px;
    }
}

@media (max-width: 991px) {
    .slider-container .slider-code-player {
        padding-top: 30px;
    }
}

/* ==========================================================================
   Codebox: κωδικας απο τη βαση (.codebox)
   Ο κωδικας ΔΕΝ σπαει σε γραμμες (θα εβγαζε παραπλανητικες εντολες), οποτε σε
   μικρες οθονες μικραινει η γραμματοσειρα ωστε να χωραει η μεγαλυτερη γραμμη.
   Οτι περισσευει το αναλαμβανει το overflow-x:auto του pre.
   ========================================================================== */

@media (max-width: 960px) {
    .slider-code-player .codebox {
        max-width: 480px;
    }
}

@media (max-width: 767px) {
    .codebox {
        border-radius: 14px;
    }

    .codebox .code-head {
        padding: 10px 14px;
    }

    .codebox pre {
        padding: 14px 16px;
        font-size: 11.5px;
    }
}

@media (max-width: 480px) {
    .codebox pre {
        padding: 12px 14px;
        font-size: 10.5px;
    }

    .codebox .code-title {
        font-size: 10.5px;
    }
}

/* ==========================================================================
   Τιτλος banner: να μη βγαινει ποτε εξω απο την οθονη σε μικρες αναλυσεις.

   Τα .title-area / .title-area-in ειναι flex items, και ενα flex item εχει
   εξ ορισμου min-width:auto - δηλαδη ΔΕΝ συρρικνωνεται κατω απο το πλατος του
   περιεχομενου του. Ετσι ενας μεγαλος τιτλος επιβαλλε πλατος μεγαλυτερο απο
   το viewport και ολη η σελιδα αποκτουσε οριζοντιο scroll.
   Το min-width:0 ειναι η τυπικη λυση - επιτρεπει στο flex item να μαζευτει
   και στο κειμενο να αναδιπλωθει κανονικα.
   ========================================================================== */

@media (max-width: 1399px) {
    .cardsBanner.banner_out .title-area,
    .cardsBanner.banner_out .title-area-in,
    .banner_out.title-link .title-area {
        min-width: 0;
        max-width: 100%;
    }

    .cardsBanner.banner_out .title,
    .cardsBanner.banner_out .title.play-color,
    .banner_out.title-link .title-area > div {
        max-width: 100%;
        overflow-wrap: break-word;
        word-break: break-word;
    }

    /* ΓΙΑΤΙ fit-content ΚΑΙ ΟΧΙ auto:
       Οι χρωματιστες λωριδες του effe (.colored-back-item) εχουν πλατος σε %
       ΤΟΥ ΚΟΥΤΙΟΥ, οχι του κειμενου. Με width:auto το κουτι πιανει ολο το
       διαθεσιμο πλατος, το κειμενο κεντραρεται μεσα του και μενει κενο δεξια
       κι αριστερα - οποτε τα ιδια ποσοστα πεφτουν σε αλλα γραμματα απ' οτι στο
       desktop (εκει το κουτι ειναι fit-content). Ετσι π.χ. το "For store
       owners" αλλαζε χρωματα σε αλλο σημειο σε κινητο.
       Το fit-content μαζευει το κουτι στο κειμενο, και το max-width:100%
       εξακολουθει να μην το αφηνει να ξεπερασει τον διαθεσιμο χωρο - που ηταν
       και ο λογος που μπηκε εξ αρχης το auto. */
    .cardsBanner.banner_out .title.play-color {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 100%;
    }
}

/* Τιτλος default banner - ιδιο σκαλοπατι με το .cardsBanner.banner_out .title */
@media (max-width: 768px) {
    .banner_title_area .title_b,
    .banner_title_area .title_b .title {
        font-size: 25px;
    }

    /* Το carousel λογοτυπων ("Trusted by leading retailers") ειναι κι αυτο
       .title_b μεσα σε .banner_title_area, αλλα ΔΕΝ ειναι τιτλος ενοτητας -
       ειναι μικρη κεφαλαια ετικετα στα 18px. Δεν εχει δικο του responsive
       κανονα, οποτε το ξαναδηλωνουμε ΜΕΤΑ (ιδια specificity, κερδιζει η σειρα)
       για να μη το παρασυρει το 25px παραπανω. */
    .customers-carousel-white .title_b {
        font-size: 18px;
    }
}

/* Υποτιτλος default banner - ιδιο σκαλοπατι με το .cardsBanner .subtitle */
@media (max-width: 768px) {
    .banner_title_area .subtitle {
        font-size: 18px;
        margin-top: 0px;
    }
}