.mobile-filter-btn {
    padding: 10px 20px;
    font-size: 16px;
    background-color: black;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    display:none;
}

/* Fullscreen Overlay Modal για τα φίλτρα */
.mobile-filters-overlay {
    display: none;  /* Αρχικά κρυφό */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff; /* Μπορείς να χρησιμοποιήσεις και ημίδιαφραστικό χρώμα, π.χ. rgba(255,255,255,0.95) */
    z-index: 10000; /* Πολύ υψηλό ώστε να καλύπτει όλη τη σελίδα */
    overflow-y: auto;
    animation: fadeIn 0.3s;
}

/* Animation για εμφάνιση */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Περιεχόμενο του overlay (ενδιάμεσο container για τα φίλτρα) */
.mobile-filters-content {
    padding: 20px;
}

/* Κουμπί Apply μέσα στο overlay */
.apply-filter-btn {
    display: block;
    margin: 20px auto 0;
    padding: 10px 20px;
    font-size: 16px;
    background-color: #28a745;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    div.productBreadcrumber {
        color: grey;
        text-align: left;
        font-size: 2.5vw;
        font-family: Rubik, sans-serif;
        padding-bottom: 2%;
    }
    .te {
        font-size:2.5vw !important;
    }
    div.productTopSection > .imageSection > .photoGallery {
        height: auto;
        width: 25%;
        margin: 0 auto;
        overflow: hidden;
    }
    div.productTopSection > .shortInformationSection {
        width: 100%;
        text-align: left;
    }
    div.productTopSection > .shortInformationSection > .pcTitle {
        font-size: 3vw;
        font-weight: bold;
        color: black;
        font-family: Rubik, sans-serif;
    }
    div.productTopSection > .shortInformationSection > .pcPrice {
        font-size: 2.5vw;
        color: black;
        margin-top: 3%;
        font-weight: bold;
        font-family: Rubik, sans-serif;
    }
    
    div.productTopSection > .shortInformationSection > .shortDescription {
        font-size: 2.4vw;
        color: grey;
        margin-top: 3%;
        font-family: Rubik, sans-serif;
    }
    div.productTopSection > .shortInformationSection > .pcBtns > .addToCartBtn {
        font-family: Rubik, sans-serif;
        font-size: 2vw;
        padding: 2%;
        width: 25%;
        margin-left: 2%;
        border-radius: 2px;
        text-align: center;
        color: white;
        background: #0c0c0c;
        cursor: pointer;
    }
    div.productTopSection > .shortInformationSection > .pcBtns > .counter > span#plusCounter {
        width: 25%;
        font-weight: bold;
        font-size: 3vw;
        font-family: Rubik, sans-serif;
        text-align: left;
        cursor: pointer;
        user-select: none;
    }
    div.productTopSection > .shortInformationSection > .pcBtns > .counter > span#numberCounter {
        width: 25%;
        font-size: 3vw;
        font-family: Rubik, sans-serif;
        text-align: center;
        color: grey;
        font-weight: 0 !important;
    }
    div.productTopSection > .shortInformationSection > .pcBtns > .counter > span#minusCounter {
        width: 25%;
        font-weight: bold;
        font-size: 3vw;
        font-family: Rubik, sans-serif;
        text-align: right;
        cursor: pointer;
        user-select: none;
    }
    div.productTopSection > .shortInformationSection > .pcBtns > .addToFavoritesBtn {
        font-family: Rubik, sans-serif;
        font-size: 2vw;
        padding: 2%;
        width: 5%;
        margin-left: 2%;
        border-radius: 2px;
        text-align: center;
        border: 1px solid grey;
        cursor: pointer;
    }
    .pc3DFile-button {
        position: relative;
        display: inline-block;
        padding: 10px 15px;
        font-size: 9px;
        font-weight: 600;
        text-transform: uppercase;
        text-align: center;
        text-decoration: none;
        color: #fff;
        background-color: #000;
        overflow: hidden;
        border-radius: 5px;
        cursor: pointer;
        z-index: 1;
    }
    div.productTopSection > .shortInformationSection > .pcCategories {
        font-size: 2vw;
        color: black;
        margin-top: 3%;
        font-family: Rubik, sans-serif;
    }
    div.productBottomSection > .pbsBtns > span {
        display: block;
        text-align: center;
        font-size: 3vw;
        color: grey;
        font-weight: bold;
        cursor: pointer;
        font-family: Rubik, sans-serif;
    }
    div.productBottomSection > .longDescription {
        margin-top: 3%;
        text-align: left;
        font-size: 2.5vw;
        color: grey;
        font-family: Rubik, sans-serif;
    }
    .relativeProducts > div.relativeProductsTitle {
        font-size: 3vw;
        font-weight: bold;
        color: black;
        font-family: Rubik, sans-serif;
        text-align: center;
    }
    .relativeProducts > div.relativeProductsItems {
        display: flex
        ;
        justify-content: center;
        flex-direction: column;
        margin-top: 2%;
    }
    .relativeProducts > div.relativeProductsItems > a > div.relativeProductsProduct > div.relativeProductsCategories > div.categoriesContent {
        font-size: 2vw;
        color: grey;
        font-family: Rubik, sans-serif;
    }
    .relativeProducts > div.relativeProductsItems > a > div.relativeProductsProduct > div.relativeProductsCategories > div.addToFavorite i {
        font-size: 3vw;
        color: grey;
    }
    .relativeProducts > div.relativeProductsItems > a > div.relativeProductsProduct > div.relativeProductsTitle {
        font-size: 3vw;
        color: grey;
        font-family: Rubik, sans-serif;
        text-align: left;
        transition: color 0.5s;
        cursor: pointer;
    }
    .relativeProducts > div.relativeProductsItems > a > div.relativeProductsProduct > div.relativeProductsPrice {
        font-size: 2vw;
        font-weight: bold;
        font-family: Rubik, sans-serif;
        text-align: left;
        margin-top: 3%;
        position: relative;
        overflow: hidden;
        height: 25px;
    }
    div.te {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        font-size: 3vw;
        text-align: center;
        color: #292929;
        font-family: Rubik, sans-serif;
        width: 80%;
        line-height: 50px;
        margin: 0 auto;
        padding: 2% 3%;
    }
    .faq-question {
        display: flex
        ;
        justify-content: center;
        cursor: pointer;
        padding: 10px;
        border-radius: 5px;
        font-weight: bold;
        color: #292929;
        font-family: Rubik, sans-serif;
        font-size: 3vw;
    }
    .loginContainer > form > input {
        width: 80%;
        margin: 0 auto;
        text-align: center;
        border: none;
        border-bottom: 1px solid black;
        padding: 5%;
        font-size: 3vw;
        font-family: Rubik, sans-serif;
    }
    .loginContainer > form > button {
        width: 60%;
        margin: 4% auto;
        text-align: center;
        background: black;
        color: white;
        border: none;
        padding: 3%;
        font-size: 3vw;
        font-family: Rubik, sans-serif;
        cursor: pointer;
    }
    .forgotPassword, .createAccount {
        font-size: 2vw;
        font-family: Rubik, sans-serif;
        margin-bottom: 2%;
    }
    .registerContainer > .registerInstructions {
        font-size: 3vw;
        font-family: Rubik, sans-serif;
    }
    .registerContainer > form > input {
        width: 80%;
        margin: 0 auto;
        text-align: center;
        border: none;
        border-bottom: 1px solid black;
        padding: 5%;
        font-size: 2vw;
        font-family: Rubik, sans-serif;
    }
    .forgotPassword, .createAccount {
        font-size: 3vw;
        font-family: Rubik, sans-serif;
        margin-bottom: 2%;
    }
    div.productTopSection {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    div.productTopSection > .imageSection {
        display: flex
        ;
        width: 100%;
        text-align: left;
        position: relative;
        flex-direction: column-reverse;
    }
    div.productTopSection > .imageSection > .viewPhoto {
        width: 74%;
        height: auto;
        margin: 0 auto;
    }
    /* oti einai to grafeis edw sou kanw paradigma. */
    .mobile-filter-btn {
        padding: 10px 20px;
        font-size: 16px;
        background-color: black;
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        display:block;
    }
    .blogContainer {
        padding: 1% 15%;
        display: flex
        ;
        flex-direction: column-reverse;
        justify-content: center;
    }
    .pcFilters {
        display:none;
    }
    .blogItem > .blogInformations > .blogDescription {
        color: grey;
        font-size: 0.7vw;
        line-height: 1.2vw;
        font-family: Rubik, sans-serif;
        margin-top: 2%;
        max-height: 50%;
        overflow: hidden;
        display: none;
    }
    .blogItem > .blogInformations > .blogBtns > .read-more {
        width: 20%;
        text-align: center;
        font-size: 2vw;
        cursor: pointer;
        color: #df0e0e;
        font-family: Rubik, sans-serif;
        transition: all 0.5s ease-in-out;
    }
    .blogItems {
        width: 100%;
        margin-left: auto;
    }
    .blogPost > .blogContainer > .blogItemsV2 > .blogItemV2 > .blogDate {
        display: block;
        width: 100%;
        font-family: Rubik, sans-serif;
        font-size: 2.5vw;
        color: grey;
    }
    .blogPost > .blogContainer > .blogItemsV2 > .blogItemV2 > img {
        display: block;
        padding-top: 2%;
        padding-bottom: 2%;
        width: 100%;
        margin: 0 auto;
    }
    .blogPost > .blogContainer > .blogItemsV2 > .blogItemV2 > .blogInformationsV2 > .blogDescriptionV2 {
        text-align: left;
        font-size: 2vw;
        font-family: Rubik, sans-serif;
        line-height: 2.1vw;
    }
    .blogPost > .blogContainer > .blogItemsV2 > .sharePost > span {
        font-size: 2vw;
        font-family: Rubik, sans-serif;
        margin-right: 1%;
    }
    .blogPost > .blogContainer > .blogItemsV2 > .sharePost > i {
        font-size: 3vw;
        margin-right: 1%;
        width: 40px;
        height: 40px;
        line-height: 38px;
        text-align: center;
        border: 1px solid #ebebeb;
        border-radius: 50%;
        transition: all 0.5s ease-in-out;
    }
    .blogPost > .blogContainer > .blogItemsV2 > .categoryListOfPost > span:nth-child(1) {
        font-size: 2.5vw;
        font-family: Rubik, sans-serif;
    }
    .blogPost > .blogContainer > .blogItemsV2 > .categoryListOfPost > span.category {
        font-size: 2vw;
        font-family: Rubik, sans-serif;
        color: grey;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
    }
    .nlRegister {
        padding: 3%;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .nlRegister > .nlRegisterTitle {
        font-size: 3vw;
        font-weight: bold;
        color: black;
        font-family: Rubik, sans-serif;
    }
    .nlRegister > .nlRegisterSubTitle {
        font-size: 1.5vw;
        color: grey;
        font-family: Rubik, sans-serif;
        margin-top: 1%;
    }
    .nlRegister > form > input {
        color: black;
        font-family: Rubik, sans-serif;
        font-size: 2vw;
        border: none;
        border-bottom: 1px solid grey;
        padding: 1% 1%;
        margin: 1% auto;
        text-align: center;
        width: 50%;
    }
    
    .nlRegister > form > button {
        color: black;
        font-family: Rubik, sans-serif;
        font-size: 3vw;
        border: none;
        background: black;
        color: white;
        padding: 1.8% 2%;
        margin: 1% auto;
        text-align: center;
        width: 40%;
        cursor: pointer;
    }
    .blogItem {
        display: flex
        ;
        justify-content: center;
        flex-direction: column;
        text-align: center;
        height: 35vh;
        position: relative;
        overflow: hidden;
        margin-top: 5%;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
    }
    .blogCategoriesFilter > .bcfTitle {
        font-family: Rubik, sans-serif;
        font-size: 2.5vw;
        font-weight: bold;
    }
    .ulList li {
        list-style: none;
        padding: 0;
        font-family: Rubik, sans-serif;
        font-size: 2vw;
        color: grey;
        margin-top: 3%;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
    }
    .blogItem > img {
        width: 100%;
        margin: 0 auto;
        height: 250px;
    }
    
    .blogFiltersContainer {
        width: 80%;
        text-align: left;
    }
    .blogFiltersContainer > .searchBlog > form > input[type=text] {
        padding: 6px;
        font-size: 2vw;
        width: 90%;
        border: none;
        font-family: Rubik, sans-serif;
        background: none;
    }
    
    .blogItem > .blogInformations {
        text-align: left;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .blogItem > .blogInformations > .blogTitle {
        color: #df0e0e;
        font-size: 2.5vw;
        font-weight: bold;
        font-family: Rubik, sans-serif;
    }
    
    .blogItem > .blogInformations > .blogPrice {
        color: #0c0c0c;
        font-size: 2vw;
        font-weight: bold;
        font-family: Rubik, sans-serif;
        margin-top: 2%;
    }
    .products-header p:nth-child(1) {
        font-size: 5vw;
        color: #292929;
        font-family: Rubik, sans-serif;
        font-weight: bold;
        margin-top: 3%;
        margin-bottom: 1%;
    }
    .eventContainer {
        display: flex
        ;
        flex-direction: column;
        justify-content: flex-start;
        width: 90%;
        margin: 5% auto;
        position: relative;
    }
    .eventInformation {
        position: sticky;
        top: 100px !important;
        width: 80%;
        margin-left: 20px;
        padding: 20px;
        z-index: 10;
        height: auto;
        background-color: white;
    }
    iframe#map {
        width: 80%;
        padding: 2%;
        margin: 0 auto;
        border-radius: 5px;
        height: 300px;
    }
    .products-header p:nth-child(2) {
        font-size: 3vw;
        color: grey;
        font-family: Rubik, sans-serif;
    }
    .eventsContainer {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        width: 80%;
        margin: 5% auto;
        gap: 5%;
    }
    
    a.eventPost {
        width: 100%;
        display: flex
        ;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 2%;
        text-decoration: none;
    }
    
    /* contactContainerV2 */
    
    .contactContainerV2 {
        flex-direction: column;
        text-align:center;
    }
    
    .contactContainerV2 > .aboutUsV2 {
        width:80%; /* to megalwnw ligo afou twra exei paei to ena dipla sto allo ara exw xwro*/
        text-align:center;/* to kanw center na mou to paei kentro*/
        margin:0 auto;/* auto to ekana na mou stoixisei olo to element sto kentro*/
    }
    
    
    .contactContainerV2 > .aboutUsV2 > .auTitleV2{
        font-size:3vw;
        font-family: Rubik,sans-serif;
        font-weight:bold;
    }
    
    .contactContainerV2 > .aboutUsV2 > .auDescriptionV2{
        font-size:2vw;
        font-family: Rubik,sans-serif;
        color:grey;
        margin-top:5%;
    }
    
    .contactContainerV2 > .aboutUsV2 > .contactInformationV2 {
        font-size:2vw;
        font-family: Rubik,sans-serif;
        color:grey;
        margin-top:5%;
        line-height:4vw;
    }
    
    .contactContainerV2 > .contactFormV2 {
        width:80%;
        text-align:center;
        margin:0 auto;
    }
    
    .contactContainerV2 > .contactFormV2 > .contactFormTitleV2 {
        font-size:2vw;
        font-family: Rubik,sans-serif;
        font-weight:bold;
    }
    
    .contactContainerV2 > .contactFormV2 > form > .formElement {
        font-size:2vw;
        margin-top:2%;
    }
    
    .contactContainerV2 > .contactFormV2 > form > .formElement >  label {
        font-size:2vw;
        font-family: Rubik,sans-serif;
        line-height:2vw;
    }
    
    .contactContainerV2 > .contactFormV2 > form > .formElement > input {
        width:95%;
        text-align:center;
        border:1px solid #ebebeb;
        padding:1.8%;
        font-size:2vw;
        margin-top:1%;
    }
    
    .contactContainerV2 > .contactFormV2 > form > .formElement > input:focus {
        outline:none;
    }
    
    .contactContainerV2 > .contactFormV2 > form > .formElement > textarea:focus {
        outline:none;
    }
    
    .contactContainerV2 > .contactFormV2 > form > .formElement > textarea {
        width:95%;
        text-align:center;
        border:1px solid #ebebeb;
        padding:1.8%;
        font-size:2vw;
        margin-top:2%;
        background:none;
    }
    
    .contactContainerV2 > .contactFormV2 > form > .formElement > button {
        width:25%;
        background:#0c0c0c;
        border:none;
        color:white;
        text-align:center;
        padding:1.8%;
        font-size:2vw;
        margin-top:2%;
        cursor:pointer;
    }
    
    /*contactContainerV2*/
    
    
    /*NavBar LeftSide*/
    .navBar > div {
        width: 30%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }
    
    .navBar a {
        text-decoration: none;
        color: black;
    }
    
    .navBar > div.leftSideNavBar {
        display: flex;
        justify-content: flex-start;
        gap: 1%;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .navBar > div.leftSideNavBar {
        display: grid; 
        grid-template-columns: repeat(3, 1fr); 
        grid-column-gap: 2px; 
        grid-row-gap: 5px; 
        width: 100%; 
    }
    
    .navBar a {
        font-size: 0.9rem; 
        text-align: center; 
    }
    
    /*NavBar LeftSide*/
    
    
    /*NavBar Center*/
    .navBar > div.centerSideNavBar {
        justify-content:center;
        
    }
    
    .navBar > div.centerSideNavBar > div.logo {
        text-align:center;
    }
    
    .navBar > div.centerSideNavBar > div.logo > img {
        width:57%;
        margin:0 auto;
        filter: brightness(0);
    }
    /*NavBar Center*/
    
    
    /* NavBar RightSide */
    .navBar > div.rightSideNavBar > a > div.loginRegisterNavBar span {
        
        font-size:1.7vw;font-weight:bold;color:#292929;
    }
    
    .navBar > div.rightSideNavBar > div.loginRegisterNavBar span {
        cursor:pointer;
        font-size:1.7vw;font-weight:bold;color:#292929;
    }
    
    .navBar > div.rightSideNavBar > div.loginRegisterNavBar:hover i {
        color:red;
        
    }
    
    
    .navBar > div.rightSideNavBar > a > div.loginRegisterNavBar i {
        font-size:1.7vw;color:#292929;
    }
    .navBar > div.rightSideNavBar > div.searchNavBar i {
        font-size:1.7vw;color:#292929;
        cursor:pointer;
    }
    .navBar > div.rightSideNavBar > a > div.favoritesNavBar i {
        font-size:1.7vw;color:#292929;
    }
    .navBar > div.rightSideNavBar > a > div.cartNavBar i {
        font-size:1.7vw;color:#292929;
    }
    
    .navBar > div.rightSideNavBar > a > div.favoritesNavBar span {
        font-size:1.7vw;color:#292929;
    }
    
    .navBar > div.rightSideNavBar > a > div.cartNavBar span {
        font-size:1.7vw;color:#292929;
    }
    .navBar > div.rightSideNavBar > div.settingsNavBar i {
        font-size:1.7vw;color:#292929;
        cursor:pointer;
    }
    
    .navBar > div.rightSideNavBar > a > div.loginRegisterNavBar:hover i {
        color:red;
    }
    /* NavBar RightSide */
    
    
    
    /* Home/Contact Us κατω απο το Contact Us */
    
    .products-header  p:nth-child(2) {
        font-size:2vw;
        color:grey;
        font-family: Rubik,sans-serif;
    }
    
    /* Home/Contact Us κατω απο το Contact Us */
    
    
    /* Footer*/
    
    footer {
        display:block;
        width:100%;
        background:#2c2c2c;
    }
    
    .footerContent {
        padding:10% 5%;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
    }
    
    .footerContent div {
        width:50%;
        margin:0 auto;
    }
    
    .footerContent .logoFooter img{
        width:100%;
    }
    
    .logoFooter {
        text-align:center;
    }
    
    .footerContent div ul {
        list-style:none;
        padding:0;
    }
    
    .footerContent div ul li{
        color:white;
        font-size:1.7vw;
        line-height:25px;
        width:fit-content;
        display:block;
        cursor:pointer;
        font-family: Rubik,sans-serif;
        margin:0 auto;
    }
    
    .footerContent div ul a{
        color:white;
        font-size:3vw;
        text-decoration:none;
    }
    
    .footerContent div ul li.activee {
        border-bottom:0.5px solid white;
        color:white;
    }
    
    .footerContent div ul li:hover {
        border-bottom:0.5px solid white;
        color:white;
    }
    
    .companyDetails {
        display:block;
        width:100%;
        color:white;
        text-align:center;
        font-size:2.3vw;
        margin-top:5%;
        margin-bottom:5%;
        font-family: Rubik,sans-serif;
    }
    
    .nlTitle {
        font-size:3vw;
        display:block;
        text-align:center !important;
        color:white;
        margin-left:auto;
    }
    
    .newsLetterRegister input[type=email]{
        width:100%;
        display:inline-block;
        margin:2% 2%;
        background:#2c2c2c;
        border:0;
        border-bottom:1px solid white;
        line-height:50px;
        color:white;
        
    }
    
    .newsLetterRegister input[type=submit] {
        width:115%;
        margin:4% auto;
        background:none;
        padding:5% 5%;
        text-align:center;
        font-size:3vw;
        border:0.5px solid white;
        color:white;
        transition:all 0.5s ease-out;
    }
    /* Footer*/
    .ourSign {
        background: black;
        padding: 2% 5%;
        text-align: center;
        color: white;
        font-size: 2.5vw;
    }
    /* Search Bar*/
    .searchBar {
        position:fixed;
        z-index:1001;
        width:100%;
        text-align:center;
        align-items:center;
        height:100vh;
        background:white;
        display: flex;
        justify-content: center;
        flex-direction: column;
        transition:all 1s ease-in-out;
    }
    
    .searchBar > .searchBarTitle {
        font-family: Rubik,sans-serif;
        font-size:2.5vw;
        font-weight:bold;
        margin-bottom:2%;
    }
    
    .searchBar > .searchBarSubTitle {
        font-family: Rubik,sans-serif;
        font-size:2vw;
        font-weight:bold;
        margin-bottom:3%;
        color:grey;
    }
    
    .searchBar > .closeSearchWindow {
        font-family: Rubik,sans-serif;
        font-size:2vw;
        font-weight:bold;
        margin-bottom:3%;
        cursor:pointer;
        position:absolute;
        top:5%;
        right:3%;
    }
    
    .searchBar > .closeSearchWindow:hover {
        color:red;
    }
    
    
    .searchBar > .searchInput{
        width:100%;
    }
    
    .searchBar > .searchInput > .searchBtnResult{
        width:10%;
        margin:2% auto;
        background:black;
        color:white;
        font-family: Rubik,sans-serif;
        font-size:2vw;
        padding:1% 2%;
        cursor:pointer;
    }
    
    
    .searchBar > .searchInput > input {
        font-family: Rubik,sans-serif;
        font-size:2vw;
        font-weight:bold;
        background:none;
        border:none;
        width:70%;
        margin:0 auto;
        text-align:left;
        border-bottom:1px solid black;
        padding:1%;
    }
    
    .searchBar > .searchInput > input:focus {
        outline:none;
    }
    /* Search Bar*/
    
    .settingsNavBar > .settingsOptions > div.settingTitle{
        font-size: 2vw;
        font-family: Rubik, sans-serif;
        font-weight:bold;
        color:black
    }
    
    .settingsNavBar > .settingsOptions > div{
        font-size: 2vw;
        padding:2%;
        font-family: Rubik, sans-serif;
        text-align:left;
        color:grey;
        cursor:pointer;
    }
    
    /*carousel Home*/
    
    .carouselHome > div.carouselSlides > div.carouselSlide > div.topText {
        font-family: Rubik,sans-serif;
        position:absolute;
        width:100%;
        text-align:center;
        top:35%;
        font-size:2vw;color:#292929;
        transition: margin-right 2s ease-in-out;
        animation: fadeInUp 1s ease-in-out;
    }
    
    .carouselHome > div.carouselSlides > div.carouselSlide > div.middleText {
        font-family: Rubik,sans-serif;
        position:absolute;
        width:100%;
        text-align:center;
        top:40%;
        font-size:2.2vw;color:#292929;font-weight:bold;
        animation: fadeInUp 2s ease-in-out;
    }
    
    .carouselHome > div.carouselSlides > div.carouselSlide > div.bottomText {
        font-family: Rubik,sans-serif;
        position:absolute;
        width:100%;
        text-align:center;
        top:55%;
        font-size:1.2vw;color:#292929;
        text-decoration:underline;
        font-weight:bold;
        animation: fadeInUp 3s ease-in-out;
    }
    /*carousel Home*/
    
    /*Under Home Carousel*/
    .servicesForClients > div.serviceForClient > div.serviceForClientIcon > i{
        font-size:2.5vw;
        display:block;
        color:grey;
    }
    .servicesForClients > div.serviceForClient > div.serviceForClientTitle {
        font-size:2vw;
        display:block;
        font-weight:bold;
        font-family: Rubik,sans-serif;
        margin-top:2%;
    }
    .servicesForClients > div.serviceForClient > div.serviceForClientSemiTitle {
        font-size:1.1vw;
        display:block;
        font-family: Rubik,sans-serif;
        color:grey;
        margin-top:1%;
    }
    /*Under Home Carousel*/
    
    /*OurEvents*/
    .ourEvents > div.ourEventsTitle {
        font-size:2vw;
        font-weight:bold;
        color:black;
        font-family: Rubik,sans-serif;
        text-align:center;
    }
    .ourEvents > div.ourEventsDescription {
        font-size:1.1vw;
        color:grey;
        font-family: Rubik,sans-serif;
        text-align:center;
        margin-top:2%;
    }
    /*OurEvents*/
    
    .newArrivals > div.newArrivalsTitle {
        font-size:2vw;
        font-weight:bold;
        color:black;
        font-family: Rubik,sans-serif;
        text-align:center;
    }
    .newArrivals > div.newArrivalsDescription {
        font-size:1.1vw;
        color:grey;
        font-family: Rubik,sans-serif;
        text-align:center;
        margin-top:2%;
    }
    
    /*New Arrivals 2023*/
    .newArrivals > div.newArrivalsContent > div.newArrivalsProducts > div.newArrivalProduct > div.newArrivalCategories > div.categoriesContent {
        font-size:1vw;
        color:grey;
        font-family: Rubik,sans-serif;
    }
    .newArrivals > div.newArrivalsContent > div.newArrivalsProducts > div.newArrivalProduct  > div.newArrivalTitle {
        font-size:1.2vw;
        color:grey;
        font-family: Rubik,sans-serif;
        text-align:left;
        transition: color 0.5s; /* Χρόνος διάρκειας και ιδιότητα μετάβασης */
        cursor: pointer; /* Προσθήκη cursor pointer για να δείξει ότι μπορεί να γίνει κλικ */
    }
    .newArrivals > div.newArrivalsContent > div.newArrivalsProducts > div.newArrivalProduct  > div.newArrivalPrice {
        font-size:1vw;
        font-weight:bold;
        font-family: Rubik,sans-serif;
        text-align:left;
        margin-top:3%;
        position:relative;
        overflow:hidden;
        height:25px;
    }
    .newArrivals > div.newArrivalsContent > div.newArrivalsProducts > div.newArrivalProduct > div.newArrivalCategories > div.addToFavorite i {
        font-size:1vw;
        color:grey;
    }
    /*New Arrivals 2023*/
    
    .viewMoreProducts {
        display:block;
        margin-top:5%;
        width:12%;
        margin-left:auto;
        margin-right:auto;
        padding:1.5% 2.5%;
        border:2px solid grey;
        font-size:1.2vw;
        font-family: Rubik,sans-serif;
        cursor:pointer;
        transition: margin-left 0.5s ease;
    }
    
    /*OurCollection*/
    .ourCollections > div.ourCollectionsTitle {
        font-size:2vw;
        font-weight:bold;
        color:black;
        font-family: Rubik,sans-serif;
        text-align:center;
        margin-top:5%;
    }
    .ourCollections > div.ourCollectionsDescription {
        font-size:1vw;
        color:grey;
        font-family: Rubik,sans-serif;
        text-align:center;
        margin-top:2%;
    }
    /*OurCollection*/
    
    /*Top Categories*/
    .topCategories > div.topCategoriesTitle {
        font-size:2vw;
        font-weight:bold;
        color:black;
        font-family: Rubik,sans-serif;
        text-align:center;
    }
    .topCategories > div.topCategoriesDescription {
        font-size:1vw;
        color:grey;
        font-family: Rubik,sans-serif;
        text-align:center;
        margin-top:2%;
    }
    .topCategories > div.topRowTC > div.rowTC > div.rowTCCategoryTitle {
        font-size:1.2vw;
        font-weight:bold;
        color:white;
        position:absolute;
        top:10%;
        left:5%;
        font-family: Rubik,sans-serif;
        text-align:center;
        transition: all .5s ease-in-out;;
    }
    .topCategories > div.topRowTC > div.rowTC > div.rowTCPieces {
        font-size:1vw;
        font-weight:bold;
        color:white;
        position:absolute;
        top:18%;
        left:6%;
        font-family: Rubik,sans-serif;
        text-align:center;
        transition: all .5s ease-in-out;;
    }
    /*Top Categories*/
    
    /*Focus On Quality*/
    .eventsSection > h1 {
        font-size:1.6vw;
        font-weight:10;
        color:white !important;
        font-family: Rubik,sans-serif;
        text-align:center;
        position:relative;
        z-index:1;
    }
    .eventsSection > h2 {
        font-size:2.5vw;
        color:white;
        font-weight:bold;
        font-family: Rubik,sans-serif;
        text-align:center;
        position:relative;
        z-index:1;
    }
    .eventsSection > p {
        font-size:1.5vw;
        color:white;
        font-family: Rubik,sans-serif;
        text-align:center;
        position:relative;
        z-index:1;
    }
    .viewMoreProductsE {
        display:block;
        margin-top:5%;
        width:12%;
        margin-left:auto;
        margin-right:auto;
        padding:1.5% 2.5%;
        border:2px solid white;
        color:white;
        font-size:1.5vw;
        font-family: Rubik,sans-serif;
        cursor:pointer;
        transition: margin-left 0.5s ease;
        position:relative;
        z-index:1;
    }
    /*Focus On Quality*/
    
    /*From Our Blog*/
    .blogPostsMainPageTitle {
        font-size:2vw;
        font-weight:bold;
        color:black;
        font-family: Rubik,sans-serif;
        text-align:center;
    }
    .blogPostsMainPageDescription {
        font-size:1.4vw;
        color:grey;
        font-family: Rubik,sans-serif;
        text-align:center;
        margin-top:2%;
    }
    .blogPostsSecondCointainer > .postMainPage > .postInformation {
        text-align:left;
        font-size:2vw;
        color:grey;
        font-family: Rubik,sans-serif;
        margin-top:5%;
        
    }
    .blogPostsSecondCointainer > .postMainPage > .postTitle {
        text-align:left;
        font-size:2vw;
        color:black;
        font-weight:bold;
        font-family: Rubik,sans-serif;
        margin-top:2%;
    }
    .blogPostsSecondCointainer > .postMainPage > .postText {
        text-align:left;
        font-size:2vw;
        color:grey;
        font-family: Rubik,sans-serif;
        margin-top:5%;
        line-height:24px;
        height:100px;
        overflow:hidden;
    }
    a.readMore {
        width:30%;
        color:black;
        padding: 3% 1%;
        border: 2px solid grey;
        font-size: 3vw;
        font-family: Rubik, sans-serif;
        margin-top:20px;
        display:block;
        text-decoration:none;
        margin-left:auto;margin-right:auto;
        transition: margin-left 0.5s ease;
    }
    /*From Our Blog*/
    
    /*#ContactUs*/
    .contactFormTitle {
        font-size:20px;
        font-weight:bold;
        color:black;
        font-family: Rubik,sans-serif;
        text-align:center;
    }
    .contactFormSubTitle {
        font-size:12px;
        color:grey;
        font-family: Rubik,sans-serif;
        text-align:center;
        margin-top:2%;
    }
    .contactFormElements {
        width: 100%;
        margin: 3% auto;
    }
    .formButton {
        width:35%;
        margin:4% auto;
        background:none;
        padding:2% 5%;
        text-align:center;
        font-size:4vw;
        border:0.5px solid black;
        color:grey;
        transition:all 0.5s ease-out;
        cursor:pointer;
    }
    /*#ContactUs*/
    
    .blogPostsMainPage:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 95%;
        height: 1px;
        background-color: grey;
        transition: width 0.5s ease;
    }
    
    .products-header p:nth-child(1) {
        font-size: 4vw;
        color: #292929;
        font-family: Rubik, sans-serif;
        font-weight: bold;
        margin-top: 3%;
        margin-bottom: 1%;
    }
    .products-header p:nth-child(2) {
        font-size: 3vw;
        color: grey;
        font-family: Rubik, sans-serif;
    }
    
    .productsContainer {
        padding: 1% 5%;
        display: flex
        ;
        flex-direction: column;
        justify-content: center;
    }
    
    .productsItems {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .flexView > a > .productItem > .productInformations > .productTitle {
        color: #0c0c0c;
        font-size: 3vw;
        font-weight: bold;
        font-family: Rubik, sans-serif;
    }
    .flexView > a > .productItem > .productInformations > .productPrice {
        color: #0c0c0c;
        font-size: 2vw;
        font-weight: bold;
        font-family: Rubik, sans-serif;
        margin-top: 2%;
    }
    .flexView > a > .productItem > .productInformations > .productBtns > .addToCart {
        border: 1px solid grey;
        padding: 4% 3%;
        width: 80%;
        text-align: center;
        font-size: 2vw;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
        margin: 2% auto;
    }
    .flexView > a > .productItem > .productInformations > .productBtns > .addToFavorites > i {
        font-size: 2vw;
    }
    
    .flexView > a > .productItem > .productInformations > .productBtns > .addToFavorites {
        border: 1px solid grey;
        padding: 2.2%;
        width: 18%;
        margin-left: 2%;
        text-align: center;
        align-items: center;
        cursor: pointer;
        transition: all 0.5s ease-in-out;
    }
    .flexView > a > .productItem > .productInformations > .productBtns {
        display: flex
        ;
        font-family: Rubik, sans-serif;
        margin-top: 2%;
        text-align: center;
        align-items: center;
        position: relative;
        width: 80%;
        margin: 0 auto;
    }
    .productsItems > .viewSettings > .countPiecesView {
        font-size: 2vw;
        font-family: Rubik, sans-serif;
    }
    .settingsItem > .siTitle {
        font-size: 3vw;
        color: #0c0c0c;
        font-weight: bold;
        font-family: Rubik, sans-serif;
    }
    .siList > ul > li {
        font-size: 3vw;
        color: #666;
        font-family: Rubik, sans-serif;
        transition: all 0.5s ease-in-out;
        margin-top: 5%;
        cursor: pointer;
    }
    .siList > ul > li > ul {
        flex-direction: column;
        gap: 10px;
        
    }
    .productsFilter {
        width: 100%;
        margin-right: auto;
    }
    .productsItems > .viewSettings {
        display: flex
        ;
        justify-content: space-between;
        padding: 5%;
    }
    .productsItems > .viewSettings > .otherOptions > .sortingOption > select {
        border: none;
        font-size: 2vw;
        font-family: Rubik, sans-serif;
    }
    
    .productsItems > .viewSettings > .otherOptions > .viewOnOption {
        display: flex
        ;
        align-items: center;
        justify-content: center;
        gap: 10px;
        display: none;
    }
    .pageNum {
        display: 23%;
        font-size: 2.5vw;
        margin: 0 auto;
        color: black;
        font-family: Rubik, sans-serif;
    }
    .pageSubNum {
        display: 23%;
        text-align: right;
        font-size: 2vw;
        color: black;
        font-family: Rubik, sans-serif;
    }
    .pageSubNum a {
        text-decoration: none;
        font-size: 2vw;
        color: black;
        font-family: Rubik, sans-serif;
    }
    .flexView > a {
        width: 100%;
        text-decoration: none;
        color: inherit;
        margin: 1% auto;
    }
    .flexView > a > .productItem > .productInformations {
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }
}