/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> COMMON
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

@media(min-width: 1441px) {
    #search_contents {
        display: none !important;
    }
}

/*    -->                                                                                                                                      COMMON > COLORS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

body {
    --main: #ffed00;
    --header: white;
    --button: #4c4f54;
    --gray1: #4c4f54;
    --gray2: #757575;
    --black: black;
}

/*    -->                                                                                                                                      COMMON > DIMENSIONS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

body {
    --minicart-width: 635px;
}

/*    -->                                                                                                                                      COMMON > PAGINATION
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#mfilter-content-container>div>.row:last-child {
    margin-top: 30px !important;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    background-color: #666;
    border-color: #666;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>li>a,
.pagination>li>span {
    color: #000;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> HEADER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                       HEADER > MEGA MENU
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                      HEADER > MEGA MENU > DEMO SETTINGS             
[2]   =========================================================================================================== */

/*    -->                                                                          HEADER > MEGA MENU > VARIABLES                
[2]   =========================================================================================================== */

#menu .dropdown-menu.mega-menu {
    --mega-menu-parent-list-width: 360px;
    --mega-menu-banner-width: 500px;
    --mega-menu-horizontal-padding-per-side: 20px;
    --mega-menu-vertical-padding-per-side: 20px;
}

/*    -->                                                                             HEADER > MEGA MENU > LAYOUT                
[2]   =========================================================================================================== */

@media (min-width: 1025px) {
    #menu>.collapse>.nav>li .dropdown-menu.mega-menu {
        width: 101%;
        max-width: 101%;
        margin-left: 50% !important;
        transform: translateX(-50%);
        padding: 0px !important;
        height: 340px;
    }

    #menu>.collapse>.nav>li .dropdown-menu.mega-menu .dropdown-inner {
        overflow: auto;
        width: calc(25% + 10px);
        overflow-x: hidden;
        direction: rtl;
        background: #1B1B1B;
        margin: 0;
        padding: 10px 0;
        max-height: 340px;
    }

    #menu .languages_section {
        display: none;
    }

    #menu .mega-menu .dropdown-inner .mg-menu-item-title>a>span {
        color: white;
    }
}

.top-bar-address {
    display: none !important;
    opacity: 0;
}

/*    -->                                                                          HEADER > MEGA MENU > CONTAINER
[2]   =========================================================================================================== */
@media (min-width: 1025px) {
    #menu .mg-menu-container {
        display: flex !important;
        flex-direction: column;
        flex-wrap: nowrap;
        direction: rtl;
        max-height: 318px;
        overflow-y: auto;
        margin-left: 20px;
    }

    /*    -->                                                                            HEADER > MEGA MENU > PARENTS
    [2]   =========================================================================================================== */

    #menu .mg-menu-container>.mg-menu-cont {
        width: 100%;
        padding: 0 20px;
        place-self: end;
    }

    #menu .mg-menu-container>.mg-menu-cont a {
        text-transform: uppercase;
    }

    /*    -->                         MEGA MENU > PARENTS > LINE EFFECT
    [3]   ------------------------------------------------------------- */

    .mg-menu-cont .mg-menu-item-title {
        position: static;
        overflow: visible !Important;
    }

    .mg-menu-cont .mg-menu-item-title>a {
        position: static;
    }

    .mg-menu-cont .mg-menu-item-title>a:after {
        content: "";
        transition: all .3s !important;
        width: 0px;
        height: 1px;
        background: yellow;
        position: absolute;
        left: 100%;
        top: 50%;
        margin-left: 10px;
        right: -20px !important;
    }

    .mg-menu-cont:hover .mg-menu-item-title>a:after {
        width: 350px !important;
    }

    /*    -->                                                                           HEADER > MEGA MENU > CHILDREN                    
    [2]   =========================================================================================================== */



    /*    -->                    HEADER > MEGA MENU > CHILDREN > TITLES                   
    [3]   ------------------------------------------------------------- */

    #menu .dropdown-menu.mega-menu .mg-menu-item-title {
        margin-top: 0px;
        margin-bottom: 0px;
        position: relative;
        overflow: hidden;
        direction: ltr;
    }

    #menu .dropdown-menu.mega-menu .mg-menu-item-title>a {
        font-weight: bold !important;
        font-size: 16px !important;
        padding: 8px 0px 8px 10px;
        min-width: auto !important;
        position: relative;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;

    }


    /*    -->                     HEADER > MEGA MENU > CHILDREN > LISTS                   
    [3]   ------------------------------------------------------------- */

    #menu .dropdown-menu.mega-menu .mg-menu-cont .mg-menu-item-children-list {
        position: absolute;
        left: calc(var(--mega-menu-parent-list-width) + 25px);
        left: 25%;
        top: 15px;
        height: 100%;
        width: calc(100% - var(--mega-menu-banner-width) - var(--mega-menu-parent-list-width));
        /*width: calc(100% - var(--mega-menu-parent-list-width));*/
        transform: translateX(-10px);
        opacity: 0;
        visibility: hidden;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding-left: 20px;
        box-sizing: border-box;
        direction: ltr;
    }

    #menu .dropdown-menu.mega-menu .mg-menu-item-children-list>div {
        /*width: 50%;*/
    }

    #menu .dropdown-menu.mega-menu .mg-menu-cont .mg-menu-item-children-list>div>a {
        font-size: 16px;
        padding: 8px 0px 8px 20px !important;
        color: white;
    }

    /*    -->                     HEADER > MEGA MENU > CHILDREN > BANNER              
    [3]   ------------------------------------------------------------- */
    #menu .dropdown-menu.mega-menu .see-all {
        padding: 20px !important;
        display: flex;
        justify-content: flex-end;
    }

    .dropdown-menu.mega-menu .see-all .img-responsive {
        height: 100%;
        width: auto;
    }

    /*    -->                                                                            HEADER > MEGA MENU > EFFECTS
    [2]   =========================================================================================================== */

    /*    -->                       HEADER > MEGA MENU > EFFECTS > LINE                 
    [3]   ------------------------------------------------------------- */

    #menu .dropdown-menu.mega-menu .mg-menu-item-title>a:after {
        transition: all 0.14s;
    }

    /*    -->              HEADER > MEGA MENU > EFFECTS > CHILDREN LIST                 
    [3]   ------------------------------------------------------------- */

    #menu .mg-menu-container>.mg-menu-cont .mg-menu-item-children-list {
        transition: all 0.14s;
    }

    #menu .mg-menu-container>.mg-menu-cont:hover .mg-menu-item-children-list {
        transition: opacity 0.2s 0.2s;
        visibility: visible;
        opacity: 1;
        max-height: 305px;
    }

    #menu>.collapse>.nav>li .dropdown-menu.mega-menu .dropdown-inner::-webkit-scrollbar {
        width: 3px !important;
        background: #ddd;
    }

    #menu>.collapse>.nav>li .dropdown-menu.mega-menu .dropdown-inner::-webkit-scrollbar-thumb {
        background: white;
        border-width: 4px;
        border-style: solid;
        border-color: rgba(240, 242, 245, 1);
        border-radius: 10px;
    }

    #menu>.collapse>.nav>li .dropdown-menu.mega-menu .dropdown-inner::-webkit-scrollbar-thumb {
        background-color: var(--accent2);
        border-radius: 0px !important;
        border: 0px none #ffffff !important;
    }

    /*    -->                                HEADER > MEGA MENU > LINKS                   
    [3]   ------------------------------------------------------------- */

    #menu .dropdown-menu.mega-menu a {
        transition: all 0.12s;
    }


    #menu .dropdown-menu.mega-menu a:hover {
        color: #FFED00 !important;
    }

    /*    -->                               HEADER > MEGA MENU > TITLES                   
    [3]   ------------------------------------------------------------- */



    #menu .dropdown-menu.mega-menu .mg-menu-cont .mg-menu-item-title>a>span {
        transform-origin: center center;
        transition: all .12s;
        display: block;
    }

    #menu .dropdown-menu.mega-menu .mg-menu-cont:hover .mg-menu-item-title>a>span {
        transform: scale(1.05) !important;
        color: #FFED00 !important;
    }
}

#menu>.collapse>.nav>li .dropdown-menu.mega-menu .dropdown-inner .mg-menu-container::-webkit-scrollbar {
    width: 3px !important;
    background: #ddd;
}

#menu>.collapse>.nav>li .dropdown-menu.mega-menu .dropdown-inner .mg-menu-container::-webkit-scrollbar-thumb {
    background: white;
    border-width: 4px;
    border-style: solid;
    border-color: rgba(240, 242, 245, 1);
    border-radius: 10px;
}

#menu>.collapse>.nav>li .dropdown-menu.mega-menu .dropdown-inner .mg-menu-container::-webkit-scrollbar-thumb {
    background-color: var(--accent2);
    border-radius: 0px !important;
    border: 0px none #ffffff !important;
}

/*    -->                                                                                                                                        HEADER > MINICART
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*    -->                                                                              HEADER > MINICART > LAYOUT
[2]   =========================================================================================================== */
header .btn-group.language-btn>.btn.btn-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    padding: 0;
    text-decoration: none;
}

header .btn-group.language-btn .hidden-xs {
    color: white;
    text-transform: uppercase;
    font-size: 13px !important;
    display: block !important;
}

header .list-inline .header-icon-men>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    color: white;
}

header .list-inline .header-icon-men #cart span {
    font-size: 14px;
}

header>.container>.row {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: center;
    min-height: 90px;
}

@media (min-width: 420px) {
    header>.container>.row {
        gap: 5%;
    }
}

#cart .dropdown-menu {
    display: block !important;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 100vh;
    transform: translateX(100%);
    transition: all 0.4s;
    border-radius: 0px;
    padding: 20px;
    width: var(--minicart-width);
    background: white;
    border: none;
    margin: 0px;
}

body:before {
    transition: all 0.4s;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    width: 100vw;
    height: 100vh;
    display: block;
    position: fixed;
    z-index: 4;
    opacity: 0;
    visibility: hidden;
}

#cart .dropdown-menu li>div {
    min-width: unset !important;
}

/*    -->                     HEADER > MINICART > LAYOUT > SECTIONS
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu>li.top-section .minicart_content {
    max-height: calc(100vh - 405px);
    overflow: auto;
}

#cart .dropdown-menu>li.bottom-section {
    height: 295px;
}

/*    -->                    HEADER > MINICART > LAYOUT > SCROLLBAR                     
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar {
    width: 6px !important;
}

#cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-thumb {
    background: var(--main) !important;
    border-radius: 3px !important;
    border: none !important;
}

#cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-thumb:hover {
    background: var(--main) !important;
}

#cart .dropdown-menu>li.top-section .minicart_content::-webkit-scrollbar-track {
    background: #d8d8d8 !important;
    border-radius: 3px !important;
}

/*    -->                                                                             HEADER > MINICART > ENABLED                                          
  [2]   =========================================================================================================== */
.cart_enabled #cart .dropdown-menu {
    transform: translateX(0px);
}

.cart_enabled body:before {
    opacity: 1;
    visibility: visible;
    width: calc(100% - var(--minicart-width));
}

/*    -->                                                                               HEADER > MINICART > EMPTY                                       
  [2]   =========================================================================================================== */
#cart .dropdown-menu .cart-empty {
    font-size: 18px;
    margin-top: 100px;
    color: black;
}

/*    -->                                                                               HEADER > MINICART > INTRO                                          
  [2]   =========================================================================================================== */
.minicart_intro {
    margin-bottom: 22px;
}

.minicart_intro .title {
    color: #000000;
    font-size: 12.79px;
    letter-spacing: 0.85px;
    line-height: 15px;
    text-align: center;
    font-family: var(--font1);
    text-transform: uppercase;
}

.minicart_intro .subtitle {
    font-family: var(--font2);
    color: #000000;
    font-size: 34.12px;
    line-height: 41px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

/*    -->                         HEADER > MINICART > INTRO > EMPTY
  [3]   ------------------------------------------------------------- */

#cart .dropdown-menu li.cart-empty p {
    margin: 20px 0;
    font-family: var(--font2);
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
}

/*    -->                                                                        HEADER > MINICART > CLOSE BUTTON                                          
  [2]   =========================================================================================================== */
#cart_close_button {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}

/*    -->                                                                        HEADER > MINICART > PRODUCT LIST                                          
  [2]   =========================================================================================================== */
/*    -->                 HEADER > MINICART > PRODUCT LIST > LAYOUT                        
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu .table-products {
    border-collapse: separate;
    border-spacing: 0 25px;
    margin-top: -25px;
    padding-right: 30px;
    padding-left: 10px;
}

#cart .dropdown-menu .table-products td,
#cart .dropdown-menu .table-products th {
    border: none;
}

#cart .dropdown-menu .table-products>tbody>tr {
    position: relative;
}

/*    -->                 HEADER > MINICART > PRODUCT LIST > THUMB                        
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu .product-thumb {
    vertical-align: middle;
    width: 150px;
    height: 150px;
    padding: 15px;
}

#cart .dropdown-menu .product-thumb img {
    width: 100%;
    height: auto;
}

#cart .dropdown-menu .product-thumb .img-thumbnail {
    /* width: 150px;
      height: 150px; */
    border-radius: 0px;
    border: none;
}

/*    -->                 HEADER > MINICART > PRODUCT LIST > INFO                    
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu .product-info {
    display: flex;
    flex-direction: column;
    min-height: 150px;
    padding: 15px 0px 15px 20px;
}

#cart .dropdown-menu .product-info a {
    color: #000000;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    margin-bottom: 12px;
}

/*    -->                HEADER > MINICART > PRODUCT LIST > OPTIONS                             
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu .product-info .product-options {
    margin-bottom: 8px;
}

#cart .dropdown-menu .product-info .product-options .option-name {
    font-weight: bold;
    color: black;
    font-size: 14px;
    text-transform: uppercase;
}

#cart .dropdown-menu .product-info .product-options .option-value {
    color: #6c6c6c;
    font-size: 15px;
}

/*    -->                  HEADER > MINICART > PRODUCT LIST > PRICE                             
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu .product-info .product-price {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    margin-top: auto;
}

/*    -->                    HEADER > MINICART > PRODUCT LIST > QTY                             
  [3]   ------------------------------------------------------------- */
td.text-right.product-qty {
    vertical-align: bottom;
    font-size: 18px;
    font-weight: bold;
    color: black;
    position: absolute;
    bottom: 6px;
    right: 25px;
    border: none !important;
}

/*    -->                 HEADER > MINICART > PRODUCT LIST > REMOVE                             
  [3]   ------------------------------------------------------------- */
td.text-center.product-remove {
    width: 15px;
}

header #cart .btn.btn-danger.btn-xs {
    background: none;
    border-radius: 0px;
    border: none;
    padding: 5px;
    transform: translate(5px, -2px);
}

/*    -->                                                                      HEADER > MINICART > BOTTOM SECTION
  [2]   =========================================================================================================== */
li.bottom-section {
    margin-top: auto;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: #0f0f0f;
    width: 100%;
    padding: 25px 20px;
}

li.bottom-section>div.container {
    width: 390px;
    max-width: 100%;
}

/*    -->              HEADER > MINICART > BOTTOM SECTION > TOTALS              
  [3]   ------------------------------------------------------------- */
/* hide subtotal section */
.bottom-section .container .totals>div:first-child {
    display: none;
}

.bottom-section .container .totals>div {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    color: white;
}

.bottom-section .container .totals>div .total-title {
    font-size: 16px;
    font-weight: 600;
}

.bottom-section .container .totals>div .total-text {
    font-size: 25px;
    font-weight: bold;
}

/*    -->              HEADER > MINICART > BOTTOM SECTION > BUTTONS              
  [3]   ------------------------------------------------------------- */
#cart .dropdown-menu .cart-footer {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
}

#cart .dropdown-menu .cart-footer>a {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-items: center;
    max-width: 100%;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    background: black;
}

#cart .dropdown-menu .cart-footer>a:first-child {
    margin-bottom: 10px;
    background: var(--main);
}

#cart .dropdown-menu .cart-footer>a:last-child {
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: none;
}

#cart .dropdown-menu .cart-footer>a:last-child strong {
    color: white !important;
}

#cart .dropdown-menu .cart-footer>a>* {
    margin: 0 auto;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> FOOTER
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                             FOOTER > LAYOUT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

footer {
    margin-top: 50px;
    z-index: 10;
    position: relative;
}


/*    -->                                                                                                                                         FOOTER > ESPA
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.espa_section {
    position: fixed;
    bottom: 0px;
    width: 100%;
    display: flex;
    justify-content: center;
    border-bottom: 4px solid #ffed00;
    z-index: 1;
    -webkit-animation: espa_slideUp 1s ease-out forwards;
    animation: espa_slideUp 1s ease-out forwards;
}

.espa_section,
.espa_section img {
    transition: border .12s;
}

.espa_section:hover,
.espa_section:hover img {
    border-color: #999 !important;
}

.espa_section img {
    border: 5px solid #ffed00;
    border-bottom: none;
    margin-bottom: -5px;
    max-width: 100%;
    border-radius: 10px 10px 0px 0px;
    box-shadow: 0px -10px 20px -13px rgba(0, 0, 0, .4);
    max-width: 550px;
    width: 100%;
}

@media(max-width: 550px) {
    .espa_section img {
        border-inline: none;
        border-radius: 0px;
    }
}

footer {
    z-index: 2 !important;
}

@-webkit-keyframes espa_slideUp {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

@keyframes espa_slideUp {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> HOME
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                     HOME > CAROUSELS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 768px) {
    #common-home .carousel {
        margin: 0 !important;
    }

}

@media (min-width: 1860px) {
    #common-home .row.products-carousel-module.side-carousel-1 {
        margin-right: 0 !important;
        margin-left: 130px !important;
        margin-top: 0 !important;
    }

    #common-home .row.products-carousel-module.side-carousel-2 {
        margin-left: 0 !important;
        margin-right: 130px !important;
    }

    #common-home #banner0 {
        margin-right: 0;
    }

    #common-home #banner1 {
        margin-left: 0 !important;
    }
}

@media (min-width: 1366px) and (max-width: 1860px) {
    #common-home .row.products-carousel-module.side-carousel-1 {
        margin-right: 0 !important;
        margin-left: 50px !important;
        margin-top: 0 !important;
    }

    #common-home .row.products-carousel-module.side-carousel-2 {
        margin-left: 0 !important;
        margin-right: 50px !important;
    }

    #common-home .row.products-carousel-module.side-carousel-1,
    #common-home .row.products-carousel-module.side-carousel-2 {
        width: 50% !important;
    }

    #common-home .row.swiper-viewport.banner0,
    #common-home .row.swiper-viewport.banner1 {
        width: 45% !important;
    }
}

@media (min-width: 1025px) and (max-width: 1366px) {
    #common-home .row.products-carousel-module.side-carousel-1 {
        margin-right: 0 !important;
        margin-left: 0px !important;
        margin-top: 0 !important;
    }

    #common-home .row.products-carousel-module.side-carousel-2 {
        margin-left: 0 !important;
        margin-right: 0px !important;
    }

    #common-home .row.products-carousel-module.side-carousel-1,
    #common-home .row.products-carousel-module.side-carousel-2 {
        width: 55% !important;
    }

    #common-home .row.swiper-viewport.banner0,
    #common-home .row.swiper-viewport.banner1 {
        width: 45% !important;
    }
}

#common-home .products-carousel-module .product-layout {
    margin: 0px 5px;
}

#common-home #carousel0+.swiper-pagination {
    bottom: 40px !important;
}

/*    -->                                                                                                                                     HOME > MANUFACTURERS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> PRODUCT PAGE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                    PRODUCT PAGE > LAYOUT 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                      PRODUCT PAGE > LAYOUT > TOP SECTION                    
[2]   =========================================================================================================== */

#product-product #content>.row:first-child {
    margin-bottom: 50px;
}

/*    -->                                                                                                                          PRODUCT PAGE > RELATED PRODUCTS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#product-product .related_products_section>div:nth-child(n + 5) {
    display: none !important;
}

/*    -->                                                                                                                           PRODUCT PAGE > ASK ABOUT PRODUCT
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#enquiry_form_container {
    position: fixed;
    top: 50%;
    left: 50%;
    background: white;
    padding: 25px;
    width: 500px;
    transform: translate(-50%, 100%);
    z-index: 4;
    box-shadow: 0 10px 17px -10px rgba(0, 0, 0, 0.7);
    transition: all 0.4s;

    opacity: 0;
    visibility: hidden;
}

#enquiry_form_container legend {
    color: black !important;
    font-family: var(--font2);
    font-size: 23px;
    font-weight: bold;
    text-transform: uppercase;
    border: none !important;
}

#enquiry_form_container .form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
}

#enquiry_form_container .form-group>* {
    width: 100%;
    text-align: left;
    padding: 0px;
}

#enquiry_form_container .form-group * {
    font-size: 14px !important;
    color: black;
}

/* --> PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON > ENQUIRY FORM > CLOSE BUTTON */

#enquiry_form_container .close_button {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cpath d='M990,59.5L940.5,10L500,450.5L59.5,10L10,59.5L450.5,500L10,940.5L59.5,990L500,549.5L940.5,990l49.5-49.5L549.5,500L990,59.5z'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    right: 25px;
    top: 33px;
    cursor: pointer;
}

/* --> PRODUCT PAGE > BUTTONS SECTION > ENQUIRY BUTTON > ENQUIRY FORM > ENABLED */

.enquiry_enabled body::before {
    opacity: 1;
    visibility: visible;
    width: 100%;
}

.enquiry_enabled #enquiry_form_container {
    transform: translate(-50%, -50%);
    opacity: 1;
    visibility: visible;
}

/*    -->                                                                                                                           PRODUCT PAGE > RECENTLY VIEWED
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#product-product #content>h3 {
    color: #202020;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 35px;
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> PRODUCT GRID
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                    PRODUCT GRID > COLORS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#product-category div[data-poip_id="poip_img"],
.row.related_products_section div[data-poip_id="poip_img"],
#common-home div[data-poip_id="poip_img"] {
    position: relative !important;
    margin-top: -25px !important;
    width: 100% !important;
    display: flex !important;
    right: 0px !important;
}

/*    -->                                                                                                                                    PRODUCT GRID > LABELS
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.labels_container {
    display: flex;
    margin-top: 5px;
    height: 40px;
    align-items: flex-end;
    flex-direction: row-reverse;
    justify-content: flex-end;
    padding: 0 5px;
}

/*    -->                                                                          PRODUCT GRID > LABLES > COMMON
[2]   =========================================================================================================== */

.labels_container>div {
    color: #ffffff;
    font-size: 14px;
    line-height: normal;
    padding: 2px 10px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

/*    -->                                                                             PRODUCT GRID > LABLES > NEW
[2]   =========================================================================================================== */

.labels_container>div.label_new {
    background: var(--main);
    color: var(--gray1);
}

/*    -->                                                                      PRODUCT GRID > LABLES > BESTSELLER
[2]   =========================================================================================================== */

.labels_container>div.label_bestseller {
    background: var(--gray2);
    color: var(--header);
}

/*    -->                                                                             PRODUCT GRID > LABLES > SALE
[2]   =========================================================================================================== */

.labels_container>div.label_sale {
    background: var(--gray1);
    color: var(--main);
}

/*    -->                                                                                                                                   PRODUCT GRID > BUTTONS                      
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product-thumb .button-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    background: #1b1b1b;
    width: 100%;
}

.product-card-bot {
    min-height: 55px !important;
    display: flex;
    align-items: start;
    flex-direction: column;
}

.product-thumb .price {
    margin-bottom: 0px;
}

.product-thumb .price-cont {
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    color: black;
}

.product-thumb h4,
.product-thumb .caption>p {
    text-transform: uppercase;
    color: black;
    line-height: normal;
    height: 40px;
    text-overflow: ellipsis;
}

.product-thumb .caption>p>a {
    color: black;
}

.product-thumb .caption>p>a:hover {
    color: var(--main);
}

/*
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
ΛΛΛ
||||| --> RESPONSIVE
VVV
VVV
VVV
VVV
VVV
VVV
VVV
*/

/*    -->                                                                                                                                      RESPONSIVE > GENERIC
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

body {
    --responsivePadding: 15px;
}

@media (max-width: 991px) {

    #common-home #content>.row.swiper-viewport,
    #common-home #content>.row {
        margin-bottom: 20px !important;
        margin-top: 50px;
    }
}

/*    -->                                                                 RESPONSIVE > GENERIC > SECTION HEADINGS
[2]   =========================================================================================================== */

@media (max-width: 991px) {

    #common-home #content .row h3,
    #common-home h3.headingmain,
    #common-home .carousel.swiper-viewport h3,
    #content>.row>h3,
    #content>h3 {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-bottom: 10px !important;
    }

    #common-home .nav.nav-tabs li {
        place-self: center;
        text-align: center;
    }

    #common-home .swiper-pager {
        display: none;
    }
}

/*    -->                                                           RESPONSIVE > GENERIC > BOTTOM SECTION BUTTONS                         
[2]   =========================================================================================================== */

/* @media(max-width: 768px){
  #content > .buttons {
    display:flex !important;
    flex-direction: column !important;
    align-items:center !important
  }
  #content > .buttons > div{
    margin: 5px 0px
  }
} */

/*    -->                                                                                                                                     RESPONSIVE > HEADER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                                             RESPONSIVE > HEADER > LOGO
[2]   =========================================================================================================== */

@media (max-width: 768px) {
    header .row>.col-sm-2 {
        width: 138px;
    }

    header .row>.col-sm-3 {
        width: auto;
    }
}

@media (max-width: 400px) {
    header .row>.col-sm-2 {
        width: 110px;
        padding: 0px !important;
    }

    header .row>.col-sm-3 {
        width: calc(100% - 110px);
    }
}

/*    -->                                                                           RESPONSIVE > HEADER > SEARCH
[2]   =========================================================================================================== */

@media (max-width: 990px) {
    .live-search-div {
        max-width: 400px !important;
        width: 300px !important;
    }

    .live-search-div ul li .product-name {
        font-size: 13px !important;
        line-height: normal !important;
        margin-top: 0px !important;
    }

    .live-search-div ul li a {
        display: flex !important;
        align-items: center !important;
    }

    .live-search-div ul li .product-price {
        margin-top: 0px !important;
    }

    .live-search-div ul li .product-price>span {
        line-height: normal !important;
    }

    .live-search-div .product-price>.special {
        margin-top: 0px !important;
    }
}

@media (max-width: 768px) {
    header .row>.col-sm-6 #search .input-lg {
        height: 30px !important;
        line-height: 30px !important;
        color: white;
        border: none !important;
    }

    #search .btn.btn-default.btn-lg {
        line-height: 30px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .live-search-div {
        top: 40px !important;
        right: 0px !important;
        left: auto !important;
        transform: none !important;
    }
}

/*    -->                                                                            RESPONSIVE > HEADER > ICONS
[2]   =========================================================================================================== */

@media (max-width: 768px) {
    header .row>.col-sm-3 .list-inline img.hd-icons {
        margin-top: 4px;
        margin-bottom: 1px;
    }
}

/*    -->                                                                             RESPONSIVE > HEADER > MENU
[2]   =========================================================================================================== */

#menu .btn-navbar i::before {
    font-size: 24px !important;
}

#menu .dropdown-menu.mega-menu .view_all_link {
    display: none;
}

@media (max-width: 1400px) {
    #menu .nav.navbar-nav>li.dropdown>.mega-menu {
        --megaMenuBanner: 640px !important;
    }
}

@media (max-width: 1366px) {
    #menu .nav.navbar-nav>li.dropdown>.mega-menu {
        --megaMenuBanner: 600px !important;
    }

    .dropdown-menu.mega-menu .see-all {
        padding-left: 60px !important;
    }
}

@media (max-width: 1024px) {
    #menu .nav.navbar-nav>li.dropdown>.mega-menu {
        padding-right: 0px !important;
    }

    #menu .dropdown-menu.mega-menu .see-all {
        padding-right: 0px !important;
        padding-left: 0 !important;
        width: 340px;
    }

    #menu .dropdown-inner .mg-menu-container span {
        text-transform: uppercase !important;
    }

    #menu .dropdown-menu.mega-menu .img-responsive {
        width: 80% !important;
        margin: 20px auto !important;
    }

    #menu .list-inline>li>a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: white;
        gap: 0.125rem;
    }
}

@media (max-width: 420px) {
    #menu .list-inline>li>a>svg {
        width: 30px;
        height: 30px;
    }

    #menu .list-inline>li>a>img {
        width: 28px;
        height: 28px;
    }

    #menu .list-inline>li>a {
        font-size: 12px;
    }

    #menu .mobile_inner_navigation .list-inline>li {
        width: 20%;
    }
}

@media (max-width: 420px) {
    #menu .list-inline>li>a>svg {
        width: 26px;
        height: 26px;
    }

    #menu .list-inline>li>a>img {
        width: 24px;
        height: 24px;
    }

    #menu .list-inline>li>a {
        font-size: 10px;
    }
}

@media (max-width: 1024px) {
    #menu .dropdown-menu.mega-menu {
        --mega-menu-parent-list-width: 200px;
        --mega-menu-horizontal-padding-per-side: 15px;
        --mega-menu-vertical-padding-per-side: 15px;
    }

    .dropdown-menu.mega-menu .see-all .img-responsive {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }

    #menu .dropdown-menu.mega-menu .mg-menu-item-title>a {
        font-size: 13px !important;
        padding: 6px 0px 6px 10px !important;
    }

    #menu .dropdown-menu.mega-menu .mg-menu-cont .mg-menu-item-children-list>div>a {
        font-size: 13px !important;
        padding: 6px !important;
    }
}

@media (max-width: 400px) {
    #menu .mg-menu-container>.mg-menu-cont {
        width: 100% !important;
    }

    #menu .mg-menu-container {
        flex: unset !important;
        width: 100% !important;
    }

    #menu>.collapse>.nav>li .dropdown-menu.mega-menu .dropdown-inner {
        display: unset !important;
    }
}

/*    -->                                                                              RESPONSIVE > HEADER > CART              
[2]   =========================================================================================================== */

@media (max-width: 635px) {
    body {
        --minicart-width: 100vw !important;
    }

    #cart .dropdown-menu>li.bottom-section {
        height: auto !important;
    }

    #cart .dropdown-menu {
        padding: 20px 0px;
    }

    #cart .dropdown-menu .product-info a {
        font-size: 14px;
        line-height: normal;
    }

    .minicart_intro .subtitle {
        font-size: 25px !important;
        line-height: normal !important;
    }

    #cart .dropdown-menu .product-info .product-options .option-name,
    #cart .dropdown-menu .product-info .product-options .option-value {
        font-size: 12px;
    }

    #cart .dropdown-menu .table-products {
        padding: 0px !important;
    }

    #cart .dropdown-menu>li.top-section .minicart_content {
        max-height: calc(100vh - 310px);
        overflow: auto;
    }

    #cart .dropdown-menu .cart-footer>a {
        height: 45px !important;
    }

    #cart .dropdown-menu .product-thumb {
        padding: 0px;
        width: 100px;
        height: 100px;
    }
}

/*    -->                                                                                                                                      RESPONSIVE > FOOTER
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 650px) {
    .powered_by {
        flex-direction: column;
    }
}

/*    -->                                                                                                                            RESPONSIVE > NEWSLETTER POPUP
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 450px) {
    .tk-cart-body {
        padding: 0px !important;
    }

    .alert.alert-success.alert-dismissible .add-to-cart-inner {
        left: 50%;
        transform: translateX(-50%);
        width: calc(100vw - 30px) !important;
        padding: 15px;
    }
}

/*    -->                                                                                                                                        RESPONSIVE > HOME
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1024px) {
    #common-home .slideshow.swiper-viewport {
        order: 10;
    }

    #common-home .module_product_tabs {
        order: 20;
    }

    #common-home .carousel.carousel0_container.swiper-viewport {
        order: 30;
    }

    #common-home .section_sub_title {
        order: 40;
    }

    #common-home .side-carousel-1 {
        order: 50;
    }

    #common-home .row.swiper-viewport.banner0 {
        order: 60;
    }

    #common-home .row.swiper-viewport.banner0 {
        order: 90;
    }

    #common-home .side-carousel-2 {
        order: 100;
    }

    #common-home .row.swiper-viewport.banner1 {
        order: 110;
    }

    #common-home .carousel.carousel1_container.swiper-viewport {
        order: 120;
    }

    #common-home .home-our-offers {
        order: 140;
    }

    #common-home .row.swiper-viewport.banner2 {
        order: 150;
    }

    #common-home .row.latest-posts {
        order: 160;
    }
}

@media (max-width: 1420px) {
    #common-home #latestblog .product-thumb .caption h4 a {
        font-size: 18px;
        line-height: normal;
    }

    #common-home #latestblog .product-thumb .caption .dateadded i {
        font-size: 15px !important;
    }
}

@media (max-width: 1150px) {
    #common-home .headingmain {
        margin-left: 0px;
        margin-right: 0px !important;
    }
}

@media (max-width: 991px) {

    #common-home #content .row.featured-products-module.featured0,
    #common-home #content .row.featured-products-module.featured1 {
        width: 100% !important;
    }

    #common-home #content> :not(.slideshow) {
        /*padding: 0px var(--responsivePadding);*/
    }

    .row.special-products-module {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    #common-home #content .row.swiper-viewport.banner2 {
        padding: 15px !important;
    }
}

@media (max-width: 820px) {
    #common-home #content .row .news-form h3 {
        text-align: center;
        line-height: normal;
        margin-top: 15px;
    }

    #common-home #content .row .news-form .pull-center {
        display: flex;
        flex-wrap: wrap !important;
        text-align: center;
        justify-content: center;
        align-items: center;
        justify-content: center;
    }

    #common-home #content .row .news-form .pull-center input {
        order: -100;
        margin-right: 10px;
        margin-top: 0px;
    }
}

@media (max-width: 768px) {
    #common-home #latestblog>.row>div .dateadded i {
        font-size: 14px !important;
    }

    #common-home #latestblog>.row>div .caption {
        padding: 10px !important;
        justify-content: flex-end !important;
    }

    #common-home #latestblog>.row>div .caption h4 a {
        font-size: 17px !important;
        line-height: normal !important;
    }
}

#common-home #content .row.swiper-viewport.banner2 {
    background: transparent;
}

@media (max-width: 450px) {
    #common-home #latestblog>.row>div {
        width: 100% !important;
    }
}

/*    -->                                                                                                                                RESPONSIVE > PRODUCT GRID
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

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

@media (max-width: 600px) {
    .product-thumb .price {
        display: flex;
        flex-direction: revert;
        align-items: flex-start;
        gap: 15px;
    }

    .product-thumb .price-old {
        margin-left: 0px !important;
    }

    .labels_container>div {
        font-size: 9px;
    }
}

@media (max-width: 450px) {
    .row.featured-products-module .row {
        display: block;
    }

    .row.special-products-module .row {
        display: block !important;
    }

    .product-layout {
        width: 100% !important;
    }
}

/*    -->                                                                                                                               RESPONSIVE > CATEGORY PAGE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (min-width: 991px) {
    #product-category p.empty {
        margin-left: calc(50% - 390px);
    }
}

/*    -->                                                                RESPONSIVE > CATEGORY PAGE > DESCRIPTION                         
[2]   =========================================================================================================== */

@media (min-width: 991px) {
    #mfilter-content-container .row.desc-top {
        display: none !important;
    }
}

@media (max-width: 991px) {
    #mfilter-content-container>div {
        display: flex;
        flex-direction: column;
    }

    #mfilter-content-container>div .row.desc-top {
        order: -99;
    }
}

/*    -->                                                                RESPONSIVE > CATEGORY PAGE > SORTING BAR                         
[2]   =========================================================================================================== */

@media (max-width: 991px) {
    #mfilter-content-container>div>.row:first-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        display: none !important;
    }

    .row.product-list-grid {
        margin-top: 30px !important;
    }

    #mfilter-content-container>div>.row:first-child>div {
        width: 240px !important;
        max-width: 240px !important;
        padding: 0px !important;
        float: none !important;
    }

    #mfilter-content-container>div>.row:first-child>.hidden+div {
        width: 100% !important;
        max-width: 100% !important;
    }

    #mfilter-content-container>div>.row:first-child>div>div {
        margin-bottom: 0px !important;
    }
}

/*    -->                                                                     RESPONSIVE > CATEGORY PAGE > SIDEBAR                        
[2]   =========================================================================================================== */

@media (max-width: 1190px) {

    #product-category #column-left #column-left,
    #product-manufacturer #column-left #column-left,
    #product-search #column-left #column-left {
        position: relative !important;
        margin-top: 0px !important;
        top: 0px !important;
    }

    #product-category>.row>#column-left,
    #product-manufacturer>.row>#column-left,
    #product-search>.row>#column-left {
        min-width: 300px;
    }

    #product-category>.row>#column-left>h2,
    #product-category>.row>#column-left>h2+.row {
        display: none !important;
    }
}

/*    -->            RESPONSIVE > CATEGORY PAGE > SIDEBAR > FILTERS                      
[3]   ------------------------------------------------------------- */

@media (max-width: 768px) {
    .mfilter-box-83 .mfilter-free-button {
        margin-top: 115px !important;
    }

    .mfilter-box-83.mfilter-free-container {
        top: 90px !important;
        padding-top: 10px;
    }

    .box-content.mfilter-content {
        padding-right: 0px !important;
    }

    .mfilter-box-83.mfilter-free-container,
    .mfilter-box-83.mfilter-free-container .scroll-wrapper {
        /* height: 100vh !important; */
        max-height: 100vh !important;
        width: 280px !important;
        height: unset !important;
        min-height: unset !important;
    }

    .mfilter-iscroll {
        max-height: 100vh !important;
    }

    .mfilter-free-container {
        margin-left: -290px;
    }

    .mfilter-free-button {
        margin: 10px 0 0 281px;
    }

    .scroll-wrapper>.scroll-content {
        overflow: auto !important;
        height: unset !important;

        min-height: unset !important;
    }

    .box-content.mfilter-content {
        overflow: visible !important;
    }

    .mfilter-content>ul>li {
        margin-bottom: unset !important;
    }
}

/*    -->                                                                   RESPONSIVE > CATEGORY PAGE > PRODUCTS                        
[2]   =========================================================================================================== */

@media (max-width: 768px) {

    #product-category .row.product-list-grid,
    #product-manufacturer .row.product-list-grid,
    #product-search .row.product-list-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        grid-column-gap: unset !important;
        grid-row-gap: unset !important;
        justify-content: space-between;
    }

    #product-category .product-layout.product-grid,
    #product-manufacturer .product-layout.product-grid,
    #product-search .product-layout.product-grid {
        width: calc(50% - 10px) !important;
    }
}

@media (max-width: 450px) {

    #product-category .product-layout.product-grid,
    #product-manufacturer .product-layout.product-grid,
    #product-search .product-layout.product-grid,
    .product-layout {
        width: 100% !important;
    }
}

/*    -->                                                                   RESPONSIVE > CATEGORY PAGE > TAGS                     
[2]   =========================================================================================================== */

#mfilter-content-container>a {
    color: black !important;
    font-weight: bold !important;
}

/*    -->                                                                                                                                 RESPONSIVE > PRODUCT PAGE 
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/*    -->                                                         RESPONSIVE > PRODUCT PAGE > IMAGE & ADDITIONALS                             
[2]   =========================================================================================================== */

@media (max-width: 1350px) {
    #product-product .thumbnails .col-sm-3 {
        max-width: 100vw;
        overflow: auto;
    }

    #product-product .carousel.swiper-viewport {
        max-width: 100vw;
    }

    #product-product #recently_viewed {
        max-width: 100vw;
    }
}

@media (max-width: 768px) {
    #product-product .thumbnails {
        margin-left: 0px !important;
    }

    #product-product #content>.row>.div:fist-child {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    #product-product .thumbnails .col-sm-3:last-child {
        padding-left: 1px !important;
        display: flex !important;
        overflow-y: auto !important;
        margin-bottom: 20px !important;
    }

    #product-product .image-additional {
        min-width: 25%;
    }
}

/*    -->                                                         RESPONSIVE > PRODUCT PAGE > RELATED PRODUCTS                             
[2]   =========================================================================================================== */

@media (max-width: 450px) {
    .related_products_section>div {
        width: 100% !important;
    }
}

/*    -->                                                             RESPONSIVE > PRODUCT PAGE > RECENTLY VIEWED
[2]   =========================================================================================================== */

@media (max-width: 450px) {
    .product-layout {
        width: 100% !important;
    }
}

/*    -->                                                                                                                                RESPONSIVE > BLOG CENTRAL
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1190px) {
    .central_blog_page #content>.row>div {
        width: 33.3333%;
    }
}

@media (max-width: 991px) {
    .central_blog_page #content>.row>div {
        width: 50%;
    }
}

@media (max-width: 450px) {
    .central_blog_page #content>.row>div {
        width: 100%;
    }
}

/*    -->                                                                                                                                   RESPONSIVE > BLOG PAGE
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

@media (max-width: 1350px) {
    #latestpost>.row .description {
        -moz-column-count: unset;
        column-count: unset;
        text-align: left;
    }
}

@media (max-width: 1190px) {
    #latestpost {
        display: flex;
        flex-direction: column;
    }

    #latestpost>.row {
        padding-left: 0px;
    }

    #latestpost>* {
        width: 100% !important;
    }

    #latestpost .image img {
        max-width: 100% !important;
        width: 500px !important;
        margin: 0 auto !important;
    }
}

/*    -->                                                                                                                                   TESTO TEMPLATE > FIXES
[1]   %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#product-product .stock_section.few::before {
    background: orange;
}

.add-to-cart-inner .tk-cart-body img {
    width: 100%;
}

.dropdown-menu {
    border-radius: 0px;
    background-color: #4c4f54;
    z-index: 2000 !important;
}

#error-not-found #content p {
    font-size: 25px;
    padding-bottom: 30px;
}

@media only screen and (min-width: 800px) {

    .view-all-results,
    .view-all-results:hover,
    .result-text:hover {
        color: white !important;
    }

    .row.extra_products.related {
        padding-top: 40px;
    }

    .table-responsive .table.table-bordered tr td {
        vertical-align: inherit;
    }

    #common-home .row.products-carousel-module.side-carousel-2 {
        z-index: 1;
    }

    #common-home .row.products-carousel-module.side-carousel-2>.section_sub_title,
    #common-home .row.products-carousel-module.side-carousel-2>.section_title {
        color: white;
        background: #4c4f54;
    }

    .live-search-div ul {
        background: #fbfbfb !important;
    }

    .container .nav-menu {
        display: flex;
        align-items: end;

        & #cart {
            margin-top: -38px !important;
        }
    }

    #search_contents .input-group-btn svg {
        fill: white !important;
    }

    .live-search-div .product-image img {
        max-width: 150px;
    }

    .product-thumb .button-group button img {
        -webkit-filter: invert(1) grayscale(1) brightness(200%);
        filter: invert(1) grayscale(1) brightness(200%);
    }

    .product-thumb .button-group button img.hover {
        -webkit-filter: invert(1) grayscale(1) brightness(0%);
        filter: invert(1) grayscale(1) brightness(0%);
    }

    .top-bar,
    .top-bar a {
        color: black !important;
    }

    .cc-btn.cc-allow,
    .cc-btn.cc-settings:hover {
        color: black !important;
    }

    .header-icon-men:hover {
        & span {
            text-decoration: underline !important;
            -webkit-text-decoration-color: #ffef01 !important;
            text-decoration-color: #ffef01 !important;
            text-decoration-thickness: 3px !important;
            color: black !important;
        }

        & #cart-total {
            text-decoration: unset !important;
            -webkit-text-decoration-color: unset !important;
            text-decoration-color: unset !important;
            text-decoration-thickness: unset !important;
        }
    }

    #wishlist-total-number>span:nth-child(3) {
        position: absolute;
        top: 0;
        right: 18px;
    }

    #account-account .list-unstyled a,
    a {
        color: #8f8906;
    }

    #checkout-checkout .panel-default {
        background-color: #f2f2f2;
    }

    #checkout-checkout.container {
        padding: 0px 2.8% 0% 2.8% !important;
    }
}

#account-account .list-unstyled a:hover,
a:hover {
    color: #4c4f54;
}

.mfilter-slider-slider .ui-slider-handle,
#mfilter-price-slider .ui-slider-handle {
    z-index: 1;
}

.alert {
    border: unset !important;
    border-radius: 0 !important;

    & .alert-danger {
        color: #f2dede;
        background-color: #a94442;
        border-color: #a94442;
    }

    & .alert-success {
        color: #dff0d8;
        background-color: #3c763d;
        border-color: #3c763d;
    }

    .alert-info {
        color: #d9edf7;
        background-color: #31708f;
        border-color: #31708f;
    }

    .alert-warning {
        color: #fcf8e3;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }
}

.for_greek {
    color: white !important;
}

#product-compare {
    & table {
        background-color: #f7f7f7;
    }

    & thead {
        background-color: #4c4f54;

        & tr {
            font-weight: bold;
            vertical-align: middle !important;
            text-transform: uppercase;
            text-align: center !important;
            color: #ffffff;
            font-size: 16px;
        }

        & td {
            padding-top: 12px !important;
            padding-bottom: 12px !important;
        }
    }

    & tbody {
        & tr {
            border-bottom: 2px solid #f3f3f3;
        }

        & td:first-child {
            border: 1px solid #f3f3f3;
            text-align: left;
            padding-left: 15px;
        }

        & td {
            border: 1px solid #f3f3f3;
            text-align: center;
        }

        & a strong {
            color: #4c4f54 !important;
        }
    }

    & tbody:last-child {
        & td {
            & input {
                text-align: center;
                align-items: center;
                margin: auto;
            }

            & a {
                text-align: center;
                align-items: center;
                margin: auto;
                margin-top: 10px;
                min-width: 202px;
            }
        }

        & .row {
            margin: auto;
            text-align: center;
            gap: 12%;
            display: flex;
        }
    }
}

#error-not-found {
    & .pull-right {
        margin: auto;
    }
}

#checkout-cart {
    & .buttons {
        display: block !important;
    }

    & #content .pull-left {
        float: left !important;
    }

    & #content .pull-right {
        float: right !important;
    }
}

.input-group.btn-block {
    z-index: 0;
}

header .container h3:nth-child(1) {
    font-size: 19px;
}

#column-left .nav-tabs a {
    color: #4c4f54;
    font-weight: 800;
    text-align: right;
}

#column-left .nav-tabs a:hover {
    color: #4c4f54;
    font-weight: 800;
}

#column-left .nav-stacked {
    color: #4c4f54 !important;
    border-right: 1px solid #f1f1f1;
}

#column-left .nav-tabs>li:hover,
#information-information #column-left .nav.nav-tabs.nav-stacked>.current>a {
    background-color: #ffed00 !important;
}

aside#column-left li.current {
    background-color: #ffed00 !important;
}

aside#column-left li.current>a {
    color: #4c4f54 !important;
    font-weight: 800;
}

#information-information #column-left {
    padding-top: 134px;
}

.product-thumb h4 a {
    line-height: 20.5px;
}

#products_carousel_4 {
    /* margin-left: 13.5% !important; */
}

#common-home #products-carousel-id .swiper-pager {
    /* margin-left: 10.5% !important; */
}

#products-carousel-id.side-carousel-2>.row {
    max-width: 625px !important;
    margin-right: 0px !important;
    margin: unset !important;
}

#products-carousel-id.side-carousel-1>.row {
    max-width: 740px !important;
    margin: unset !important;
    float: right;
}

.row.products-carousel-module.side-carousel-2 #products_carousel_5 .swiper-slide {
    max-width: 315px;
}


/* REST PAGES EDIT */
.extension-module-isenselabs_gdpr,
.information-information,
.information-contact,
.information-sitemap,
.account-login,
.account-register,
.error-not_found,
.account-forgotten {
    & body .before_footer.container {
        padding: 0 1% !important;
    }

    & body div.container {
        padding: 0 2.7% !important;
    }

    & body .container .breadcrumb {
        margin: 0 0 20px 0px;
        padding-left: 0% !important;
    }

    & body header>.container {
        padding: 0 1.4% !important;
    }

    & body footer>.container {
        padding: 0 2% !important;
    }
}

.information-contact {
    & #content {
        width: 65%;
        float: right;
    }
}

.account-forgotten {
    & #column-left {
        padding-right: 7px;
        padding-left: 15px;
    }
}

.account-login,
.account-register {
    & #column-left {
        padding-right: 15px;
        padding-left: 0px;
    }
}

#error-not-found #content {
    text-align: center;
    align-items: center;
}

#product-product #product {
    max-width: unset !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;

    & #button-cart,
    & #button-compare,
    & #button-fav {
        max-width: unset !important;
        text-transform: uppercase !important;
    }
}

#product-product,
#product-product #content,
#product-compare {
    padding: 0px 34px;

    & p {
        text-align: center;
    }

    & .price_and_rating_section {
        min-height: 255px;
        align-items: center;
        display: flex;
    }

    & .price_and_rating_section ul li div {
        font-size: 16px;
    }

    & .pricing.list-unstyled {
        padding-top: 0px !important;
    }

    & .price_and_rating_section ul li:nth-child(2) {
        font-size: 13px;
        padding-left: 8px;
    }

    & #product-product #button-cart:hover,
    & #product-product #button-compare:hover {
        opacity: 1 !important;
    }

    & .stepper_section {
        padding-top: 30px;
        display: grid;
        margin: auto;
        text-align: center;
        align-items: center;
        align-content: center;
    }

    & .price_and_rating_section .list-unstyled {
        display: block !important;
    }

    & .model_unique_codes {
        display: flex;
        font-size: 13px;
        color: #000000;
        flex-wrap: wrap-reverse;
    }

    & .model_unique_codes strong {
        padding-left: 5px;
    }

    & .price_and_rating_section .list-unstyled:nth-child(2) {
        padding-top: 0px !important;
    }

    & .tab-content .description-section {
        background-color: #f7f7f7;
        padding-bottom: 5px;
    }

    & .tab-pane.active>div {
        width: 95.5% !important;
    }

    & #product-product .tab-pane {
        overflow: hidden;
    }

    & .tab-content {
        padding-bottom: 5px;
    }

    & .tab-pane.active {
        background-color: #ffffff;
        margin: 10px 15px 10px 15px;
        padding: 10px 12px;
    }

    & #description {
        background-color: #ffffff !important;
    }

    & #description>div {
        margin-top: 10px;
        margin-bottom: 0px;
        width: 100% !important;
    }

    & #description {
        margin-bottom: 14px !important;
    }

    & .extra_products.related {
        margin-top: 30px;
    }

    & .tab-title-description {
        margin: 12px 0px 0 15px;
        text-align: left;
        text-decoration: underline;
        text-decoration-thickness: 4px;
        -webkit-text-decoration-color: #ffed00;
        text-decoration-color: #ffed00;
        font-size: 1.7em !important;
    }

    & h1,
    & h2,
    & h3 {
        text-decoration: underline;
        text-decoration-thickness: 4px;
        -webkit-text-decoration-color: #ffed00;
        text-decoration-color: #ffed00;
    }

    & ul.thumbnails div.col-sm-3 {
        max-height: 520px;
        overflow: auto !important;
    }
}

#product-product .thumbnails .col-sm-3::-webkit-scrollbar-thumb {
    background: #4c4f54 !important;
}

#product-product .thumbnails .col-sm-3::-webkit-scrollbar-thumb:hover {
    background: #ffed00 !important;
}

#product-product .product_info_section {
    padding-right: 55px !important;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    padding-bottom: 14px;
}

#product-product .row.top_section {
    display: block;
    margin-bottom: 38px;
    padding: 0 2.3% 0 1.7% !important;
}

#product-product ul.thumbnails {
    margin-top: 0;
    padding-top: 7px;
    padding-left: 7px;
    padding-right: 7px;
}

#product-product .row.top_section .thumbnails {
    background-color: #f7f7f7;
}

#product-product .row.top_section .thumbnails .thumbnail {
    padding-bottom: 0;
    margin-bottom: 9px;
}

#error-not-found #content .buttons,
html:not(.checkout-checkout) #content .buttons {
    float: unset !important;
    text-align: center;
    align-items: center;
    align-self: center;
    display: grid;
}

.alert a {
    color: #4c4f54;
    font-weight: 800;
}

.product-thumb {
    & .price-cont {
        display: unset !important;
    }

    & .img-responsive {
        height: auto !important;
        min-height: unset !important;
    }
}

#mfilter-content-container,
#related_products_carousel,
#recently_viewed_products_carousel,
#common-home {

    & p {
        text-align: center;
    }

    & .caption,
    & .product-card-bot,
    & .product-thumb {
        min-height: 115px;
        background-color: #fbfbfb;
        padding-left: 0;
        padding-right: 0;
    }

    & .caption h4 {
        background-color: #f3f3f3;
        text-align: center;
        max-height: 51px !important;
        height: auto !important;
        margin-top: 0px;
        padding: 7px 7px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    & .labels_container {
        display: none !important;
    }

    & .caption p {
        text-align: center;
        color: #686868 !important;
        text-transform: unset;
        max-height: 60px !important;
        height: auto !important;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 10px;
    }

    & .price-cont {
        padding-top: 5px;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    & .price-new {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        -webkit-text-decoration-color: #ffed00;
        text-decoration-color: #ffed00;
    }
}

.alert-success {
    position: fixed;
    z-index: 99999999999 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    text-align: center !important;
    box-shadow: 0 10px 40px 0px rgba(0, 0, 0, 0.3), 0 0px 2000px 0px rgb(0, 0, 0) !important;
    border: 1px solid black !important;
    border-radius: 0px !important;
    width: 420px !important;
    max-width: 100% !important;
    max-width: calc(100vw - 14px);
    background: white !important;
    padding: 25px;
    margin-bottom: 0px !important;
    margin-right: 0px;
    margin-left: 0px;
    color: black;
    box-shadow: 0 10px 100px -10px rgba(0, 0, 0, 0.5);
    opacity: 0;
    transform: translate(-50%, calc(-50% + 50px));
    -webkit-animation-name: gradual_appearance;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    animation-name: gradual_appearance;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
    font-size: 16px !important;
    border: 1px solid #888 !important;
    border: 2px solid var(--accent2) !important;
}

@-webkit-keyframes gradual_appearance {
    from {
        opacity: 0;
        transform: translate(-50%, calc(-50% + 50px));
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

@keyframes gradual_appearance {
    from {
        opacity: 0;
        transform: translate(-50%, calc(-50% + 50px));
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}

.alert-success button.close,
.alert-danger button.close {
    z-index: 99999;
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 1;
    color: #a40000;
    font-size: 30px;
    transition: all 0.12s;
}

.dropdown-menu {
    border-radius: 0px;
    background-color: #4c4f54;
    z-index: 1000 !important;
}

.dropdown-menu button,
.dropdown-menu>li>a {
    color: white !important;
    font-weight: 800;
}

.dropdown-menu button:hover,
.dropdown-menu>li>a:hover {
    color: #ffed00 !important;
    background-color: #4c4f54 !important;
}

html:not(.checkout-checkout) div.buttons.clearfix {
    display: flex !important;
}

a:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #ffed00 !important;
    text-decoration-color: #ffed00 !important;
    text-decoration-thickness: 3px;
}

label {
    font-size: 14px;
}

.btn-primary,
.btn-info {
    color: #4c4f54 !important;
    background-color: #ffed00 !important;
    border: unset !important;
    padding: 10px 10px;
    min-width: 150px;
    max-width: 200px;
    border-radius: 0;
    background: var(--main);
    border-color: transparent;
    font-size: 16px;
    font-weight: 700;
}

.btn-primary:hover,
.btn-info:hover {
    color: #ffed00 !important;
    background-color: #4c4f54 !important;
    opacity: 1 !important;
}

.btn-default,
.btn-danger {
    color: #ffed00 !important;
    background-color: #4c4f54 !important;
    border: unset !important;
    padding: 10px 10px;
    min-width: 150px;
    max-width: 170px;
    border-radius: 0;
    background: var(--main);
    border-color: transparent;
    font-size: 17px;
    font-weight: 700;
}

.btn-default:hover,
.btn-danger:hover {
    color: #4c4f54 !important;
    background-color: #ffed00 !important;
}

#information-contact .btn.btn-primary {
    padding: 10px 25px;
    width: 150px;
}

.well {
    background-color: #ffffff;
    border-left: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    border-top: unset !important;
    border-bottom: unset !important;
    border-radius: 0px;
    box-shadow: unset !important;
}

#column-left {
    & .list-group a {
        color: #666666 !important;
        font-weight: 800 !important;
        border: 0px;
        text-align: right;
    }

    & .list-group a:hover {
        color: #4c4f54;
        background-color: #ffed00;
        border-color: #1b1b1b;
        font-weight: 800;
        box-shadow: unset !important;
        text-shadow: unset !important;
    }

    & .list-group {
        border-right: 1px solid #f1f1f1;
    }
}

#information-information .breadcrumb,
#information-contact .breadcrumb {
    margin-left: 0px !important;
}

.product-card-bot {
    & .button-group button img {
        -webkit-filter: invert(18%) sepia(96%) saturate(465%) hue-rotate(358deg) brightness(103%) contrast(105%);
        filter: invert(18%) sepia(96%) saturate(465%) hue-rotate(358deg) brightness(103%) contrast(105%);
    }
}

#product-category #column-left {
    padding-left: 0;
}



/* MAX WIDTH  */
@media only screen and (max-width: 1399px) {
    header>.container>.row {
        padding-top: 20px !important;
    }

    html {
        header>.container>.row {
            gap: 1%;
            margin-left: 0px;
        }

        & header>.container>.row>div:nth-child(1) {
            display: inline-block;
            padding-top: 7px;
            padding-left: 2px;
            padding-right: 2px;
            margin-left: 0 !important;
        }

        & header>.container>.row>div:nth-child(2) {
            display: inline-block;
            text-align: center;
            padding-top: 10px;
            padding-left: 0px;
            padding-right: 0px;
        }

        & header>.container>.row>div:nth-child(3) {
            display: inline-block;
            padding-top: 15px;
            padding-left: 2px;
            padding-right: 2px;
        }

        & header>.container>.row>div:nth-child(2)>h3 {
            margin-top: 3px;
        }
    }
}

@media (max-width: 768px) {
    header>.container>.row {
        padding-top: 0px !important;
    }
}

/* BREAK POINTS DIMENSION */
@media (min-width: 1400px) and (max-width: 1439px) {
    header>.container>.row>div:nth-child(2) {
        max-width: 38% !important;
        margin-top: 13px;
    }
}

#checkout-cart .bottom_section .input-group {
    z-index: 1 !important;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    z-index: 1 !important;
}

/* MIN WIDTH */
@media only screen and (min-width: 1399px) {
    header>.container>.row>div:nth-child(2) {
        max-width: 40% !important;
        margin-top: 15px;
    }

    html body .before_footer {
        background-color: #f7f7f7;
        max-width: 100% !important;
        margin-top: 40px;

        & .before_footer_content {
            max-width: 1400px;
            margin: auto;
            padding-top: 20px;
        }
    }

    .before_footer_box>svg {
        display: none;
    }

    header .container .row .col-sm-4 h3 {
        margin-top: 0px;
    }

    header>.container>.row {
        padding-top: 0px !important
    }

    header>.container>.row>div:nth-child(3) {
        padding-top: 15px !important;
    }

    header>.container>.row>div:nth-child(2) {
        max-width: 30%;
        margin-left: 20px;
    }

    header .container .row .col-sm-4 {
        margin-top: 0px;
    }

    #logo {
        margin-top: -3px;
    }

    .alert {
        width: 23%;
        bottom: 0;
        right: 25px;
        max-height: 125px;
    }

    .container,
    .before_footer,
    #product-category {
        max-width: 1400px !important;
    }

    .product-category .container .breadcrumb {
        padding-left: 0.8% !important;
    }

    html {
        & header .container ul.list-inline:nth-child(1) {
            float: right;
            gap: 4%;
        }

        & #checkout-cart.container {
            padding: 0px 3% !important;
        }

        & .main-menu {
            z-index: 3 !important;
        }

        & .container {
            padding: 0px 1.8% 0% 1.8% !important;
        }

        & header>.container {
            padding: 0px 1.4% !important;
        }

        & header>.container>.row {
            display: block;
            margin: auto;
            padding: 0 0.6%;
        }

        & header>.container>.row>div:nth-child(1) {
            display: inline-block;
            padding-top: 0px;
            width: 12%;
            padding-left: 2px;
            padding-right: 2px;
        }

        & header>.container>.row>div:nth-child(2) {
            display: inline-block;
            text-align: center;
            padding-top: 13px;
            width: 42%;
            padding-left: 0px;
            padding-right: 0px;
        }

        & header>.container>.row>div:nth-child(3) {
            display: inline-block;
            padding-top: 18px;
            width: 45%;
            padding-left: 2px;
            padding-right: 2px;
        }

        & #product-category.container {
            display: block !important;
            padding: 0 0.7% !important;
            gap: 2%;
            display: flex;
        }

        & #checkout-cart .btn-default,
        & #checkout-cart .btn-primary {
            max-width: 380px !important;
            width: auto !important;
        }

        & #checkout-cart form thead tr {
            background-color: #4c4f54;
        }

        & #checkout-cart form tbody tr {
            background: #f7f7f7;
            border-top: 2px solid #f1f1f1;
        }

        & #checkout-cart .btn-danger {
            background-color: #4c4f54 !important;

            & img {
                -webkit-filter: invert(117%) sepia(47%) saturate(3132%) hue-rotate(359deg) brightness(105%) contrast(220%) !important;
                filter: invert(117%) sepia(47%) saturate(3132%) hue-rotate(359deg) brightness(105%) contrast(220%) !important;
            }
        }

        & #checkout-cart .btn-danger:hover {
            background-color: #fff45b !important;

            & img {
                -webkit-filter: unset !important;
                filter: unset !important;
            }
        }

        & #checkout-cart table .btn-primary:hover {
            & img {
                -webkit-filter: invert(117%) sepia(47%) saturate(3132%) hue-rotate(359deg) brightness(105%) contrast(220%) !important;
                filter: invert(117%) sepia(47%) saturate(3132%) hue-rotate(359deg) brightness(105%) contrast(220%) !important;
            }
        }

        & footer>.container>.row {
            gap: 1.3%;
            display: flex;
        }

        & footer>.container>.powered-row>.powered_by {
            gap: 51.5%;
            justify-content: space-evenly;
        }

        & footer>.container>hr {
            margin: 20px 1.25% 25px 1.25%;
        }

        & footer .socials_section a {
            padding: 0 0px;
        }

        & html .container>.row {
            gap: 5.8%;
        }

        & #product-category>.row {
            gap: 2.4%;
        }

        & #product-category .breadcrumb,
        & ul.breadcrumb {
            max-width: 1299px !important;
            margin: auto;
            padding-left: 0px !important;
            padding-right: 0px !important;
            margin-bottom: 28px !important;
        }

        & .before_footer::before {
            display: none;
        }

        & .before_footer>.before_footer_content {
            padding: 0px 2.5% 30px 2.5%;
            gap: 1.8%;
        }
    }

    header>.container>.row {
        justify-content: center;
        align-items: center;
    }

    #common-home #products-carousel-id .swiper-pager>div::before,
    #common-home .carousel0_container .swiper-pager>div::before {
        color: white;
    }

    #common-home>.row>#content>.section_sub_title,
    #common-home>.row>#content>.section_title {
        padding-top: 10px;
        background: #4c4f54 !important;
    }

    #common-home>.row>#content>.section_sub_title::after {
        display: block;
        content: "";
        width: 100%;
        height: 1000px;
        background: #4c4f54;
        position: absolute;
    }
}

#common-home .product-layout {
    border: unset !important;
}

.section_title {
    -webkit-text-decoration-color: #FFEF01 !important;
    text-decoration-color: #FFEF01 !important;
    text-decoration: underline;
    text-decoration-thickness: 3px;
}

.btn.btn-danger img {
    -webkit-filter: invert(117%) sepia(47%) saturate(3132%) hue-rotate(359deg) brightness(105%) contrast(220%) !important;
    filter: invert(117%) sepia(47%) saturate(3132%) hue-rotate(359deg) brightness(105%) contrast(220%) !important;
}

@media (min-width: 800px) and (max-width: 1400) {

    .section_sub_title,
    .section_title {
        color: white !important;
    }

    #content .section_title {
        background-color: #4c4f54 !important;
        margin-bottom: 0px !important;
        padding-bottom: 30px;
    }

    #products-carousel-id.side-carousel-1,
    .row.swiper-viewport.banner0 {
        background-color: #4c4f54 !important;
    }
}

@media (min-width: 800px) {
    #products_carousel_4>.swiper-wrapper>.swiper-slide {
        width: 370px !important;
    }

    header .container .row .col-sm-4 h3 {
        margin-top: 10px;
    }

    header>.container>.row>div:nth-child(2) {
        max-width: 30%;
        margin-left: 20px;
    }

    #menu .btn-navbar {
        margin-top: 5px;
    }

    header #cart .btn.btn-inverse {
        margin-top: 45px;
        margin-bottom: 2px;
    }

    html.home,
    html.common-home {
        & #content .section_sub_title {
            background-color: #4c4f54 !important;
            margin-bottom: 0px !important;
            padding-bottom: 10px;
        }

        & .module_product_tabs .section_title {
            -webkit-text-decoration-color: #FFEF01 !important;
            text-decoration-color: #FFEF01 !important;
            text-decoration: underline;
            text-decoration-thickness: 3px;
            color: #4c4f54 !important;
        }

        & .nav-tabs>li.active>a,
        & .nav-tabs>li.active>a:focus,
        & .nav-tabs>li.active>a:hover {
            font-weight: 800;
        }

        /*& .product-thumb .image {*/
        /*    & img {*/
        /*        border-left: 15px solid #fbfbfb;*/
        /*        border-right: 15px solid #fbfbfb;*/
        /*    }*/
        /*}*/

        & .section_sub_title {
            padding-top: 60px !important;
        }

        & #products-carousel-id {
            max-width: 1400px;
            padding: 0px 2.5%;
            margin: auto;
        }

        & .container {
            padding: 0px 1.8% !important;
        }

        & .container {
            padding: unset !important;
        }

        & footer .row {
            gap: 3.65% !important;
            display: flex;
        }

        & footer>.container>hr {
            margin: 20px 3.8% 25px 3.8%;
        }

        & footer>.container>.powered-row>.powered_by {
            gap: 46%;
        }

        & header>.container>.row {
            padding: 0 2.45%;
        }

        & footer .news-form {
            gap: unset !important;
        }
    }
}

.btn-default,
.btn-danger,
.btn-primary {
    min-width: 130px;
    max-width: 270px;
}

@media (max-height: 768px) {

    .mobile_inner_navigation img[alt="user-icon"],
    .mobile_inner_navigation img[alt="compare-icon"],
    .mobile_inner_navigation img[alt="fav-icon"] {
        -webkit-filter: invert(1);
        filter: invert(1);
    }
}

/* MOBILE DEVICES */
@media (max-width: 800px) {
    #content .table.table-bordered {
        overflow-y: scroll;
        display: block;
    }

    #checkout-cart form .table-responsive tbody tr {
        padding: 0px 0px;
    }

    html body .before_footer {
        background-color: #f7f7f7;
        max-width: 100% !important;
        margin-top: 40px;

        & .before_footer_content {
            padding-top: 0px;
        }

        & .before_footer_box>svg {
            display: none;
        }
    }

    .account-page aside#column-left {
        width: 100% !important;
        padding: 5px;
    }

    #column-left .list-group {
        margin-bottom: 30px;
    }

    #column-left .list-group a {
        display: inline-block;
        margin: 5px 10px;
        border: 1px solid;
    }

    #checkout-cart form .table-responsive tbody tr td {
        width: 100% !important;
        margin: auto;
        padding: 20 auto;
        display: block !important;
    }

    #checkout-cart form .table-responsive tbody tr td:last-child {
        display: none !important;
    }

    #checkout-cart form .table-responsive tbody tr td:nth-child(4) {
        padding-bottom: 65px;
    }

    #checkout-cart form .table-responsive tbody tr td:first-child {
        padding-top: 50px;
        border-top: 10px solid #dddddd;
    }

    #checkout-cart form .table-responsive tbody tr td.text-left,
    #checkout-cart form .table-responsive tbody tr td.text-right {
        border: 0px !important;
        text-align: center !important;
        margin: auto;
    }

    #checkout-cart form .table-responsive tbody tr td:first-child {
        border-bottom: 0px !important;
    }

    #checkout-cart form .table-responsive tbody tr td .input-group.btn-block {
        justify-content: center !important;
    }

    header .container .row .col-sm-4 h3 {
        margin-top: 10px;
    }

    #menu .btn-navbar {
        margin-top: 3px;
    }

    header #cart .btn.btn-inverse {
        margin-top: 7px;
    }

    .navbar-collapse.navbar-ex1-collapse {
        padding-left: 6px !important;

        & .list-inline {
            padding-top: 10px;
            flex-wrap: unset !important;
        }

        & .close_button {
            & span {
                margin-top: 1px;
            }
        }

        & .mobile_inner_navigation {
            & ul li {
                padding: 0px 10px;
                width: 25%;
            }
        }
    }

    .dropdown a img,
    nav#menu i,
    #menu .list-inline a img {
        -webkit-filter: invert(1) !important;
        filter: invert(1) !important;
    }

    #menu .nav.navbar-nav>li>a {
        text-transform: uppercase !important;
    }

    div#products_carousel_3 .swiper-wrapper .swiper-slide {
        padding: 0px 15px;
    }

    #products_carousel_4 {
        margin-left: 2% !important;
        margin-right: 5% !important;

        & .product-layout {
            padding: 0px 15px;
        }
    }

    #products_carousel_5 {
        margin-left: 2% !important;
        margin-right: 5% !important;

        & .product-layout {
            padding: 0px 15px;
        }
    }

    .home footer .row {
        display: flex;
    }

    .before_footer .before_footer_content {
        padding: 0px 20px 30px 12px;
    }

    .product-thumb .price-new {
        margin: auto;
    }

    header .container .row .col-sm-1 {
        padding-right: 60px;
    }

    #product-product {
        padding: 0px 10px;
    }

    #product-product .breadcrumb {
        padding-left: 0px;
        padding-right: 0px;
        display: flex;
    }

    #product-product .breadcrumb li {
        padding-left: 5px;
    }

    #product-product .breadcrumb li:last-child {
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        width: auto;
        min-width: 100px;
        max-width: 50%;
        white-space: nowrap;
    }

    #product-product #content .section1 {
        padding: 0px 10px;
    }

    #product-product #content .thumbnails,
    #product-product #content .col-sm-7 {
        padding-left: 0px;
        padding-right: 0px;
    }

    #product-product #content .product_info_section {
        width: 100%;
        display: block;
        padding-left: 15%;
        padding-right: 15% !important;
    }

    #product-product #content .product_info_section h1,
    #product-product #content .product_info_section ul li,
    #product-product #content .product_info_section .stock_section {
        text-align: center;
        display: block;
    }

    #product-product .stock_section::before {
        display: inline-flex;
    }

    #product-product .row.top_section .thumbnails .thumbnail {
        padding: 0px 7px;
        background: #f7f7f7;
    }

    #product-product #content .price_and_rating_section {
        display: unset;
    }

    #product-product .tab-title-description {
        padding-top: 7px;
    }

    #product-card-bot {
        padding-top: 0px;
    }

    #products-carousel-id {
        padding-bottom: 40px !important;
    }

    .mfilter-free-button {
        border: 10px solid #feee00;
        background: #ffef01;
        color: #4c4f54;
    }

    #product-product .thumbnails .col-sm-3 .image-additional a img {
        width: 100%;
    }

    .product-thumb .text-tax {
        display: block;
        text-align: center;
        margin: auto;
    }

    .product-thumb .image img {
        width: 100%;
    }

    .product-thumb .caption {
        max-width: 100%;
    }

    footer {
        padding-left: 15px;
    }

    header>.container>.row {
        gap: 1%;
    }
}

/* SPECIFIC MOBILE DEVICES */
@media (max-width: 630px) {

    #checkout-cart #content .pull-left,
    #checkout-cart #content .pull-right {
        margin: auto;
        float: unset !important;
        margin-top: 10px;
    }
}

@media (max-width: 420px) {
    .navbar-collapse.navbar-ex1-collapse {
        padding-left: 2px !important;
    }

    & .mobile_inner_navigation {
        & ul li:last-child {
            font-size: x-small;

            & svg {
                width: 28px;
                padding: 0;
                margin: 0;
                height: 28px;
            }
        }
    }

    header .container .row .col-sm-1 {
        padding-right: 35px;
    }

    #menu .btn-navbar {
        margin-top: 5px;
    }
}


.nav-menu .list-inline svg,
.nav-menu .list-inline img {
    width: auto !important;
    height: 23px !important;
}

div#content span:nth-child(1)>a>img {
    margin-left: 20px;
}

div#content span>a>img {
    height: 35px;
    margin-left: 10px;
    margin-top: 2px;
    margin-bottom: 4px;
    -webkit-text-decoration-color: unset !important;
    text-decoration-color: unset !important;
}

.category_intro_section {
    margin-top: 15px;
}

.entry-content {
    background: #757575;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 5px solid #ffed00;
}

.top-content {
    color: white;
    padding: 20px;
    border-radius: 10px;
}

.cat-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
    text-align: center;
}

.description {
    color: white;
    font-size: 1.2rem;
    line-height: 1.5;
    text-align: center;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .cat-title {
        font-size: 1.5rem;
    }

    .description {
        font-size: 1rem;
    }
}

@media (max-width: 576px) {
    .cat-title {
        font-size: 1.2rem;
    }

    .description {
        font-size: 0.9rem;
    }
}

.enquiry_button {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    color: #4c4f54 !important;
    background-color: #ffed00 !important;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    padding: 10px 10px;
    margin-top: -10px;
    cursor: pointer;
    transition: all 0.3s;
}

.enquiry_button:hover {
    color: #ffed00 !important;
    background-color: #4c4f54 !important;
    opacity: 1 !important;
}

@media only screen and (min-width: 1399px) {
    html {
        & #product-category>.row {
            gap: 0% !important;
        }
    }
}

#product-category>.row,
#product-manufacturer>.row,
#product-search>.row {
    margin-right: -15px !important;
    margin-left: -15px !important;
}

.pdf-links-container {
    margin: 20px 0;
    padding: 10px;
    background-color: #f9f9f9;
}

.pdf-link {
    display: inline-flex;
    align-items: center;
    margin: 10px 15px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    transition: color 0.3s ease;
}

.pdf-link:hover {
    color: #ffed00;
    text-decoration: none;
}

.pdf-icon {
    width: 50px;
    height: 50px;
    margin-right: 15px;
}

/* Styling for the tabs container */
.product-product .nav-tabs {
    border-bottom: 2px solid #ddd;
    display: flex;
    justify-content: flex-start;
    gap: 15px;
}

.product-product .nav-tabs .nav-item {
    margin-bottom: -1px;
}

.product-product .nav-tabs .nav-link {
    background-color: #f8f9fa;
    border: 1px solid #ddd;
    border-radius: 5px 5px 0 0;
    padding: 10px 15px;
    color: #495057;
    transition: all 0.3s ease;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.product-product .nav-tabs .nav-link.active {
    background-color: #ffffff;
    border-color: #ddd #ddd #ffffff;
    color: #4c4f54;
}

.product-product .nav-tabs .nav-link:hover {
    color: #4c4f54;
    background-color: #e9ecef;
}

/* Styling for the tab content */
.product-product .tab-content {
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    margin-top: -1px;
    font-size: 16px;
    color: #333;
    line-height: 1.6;
}

/* Responsive design for smaller screens */
@media (max-width: 768px) {
    .product-product .nav-tabs {
        flex-direction: column;
    }

    .product-product .nav-tabs .nav-link {
        text-align: center;
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    .search_enabled #menu .navbar-collapse, .search_enabled #menu .btn.btn-navbar.navbar-toggle {
        display: none !important;
    }
    
    #search svg {
        fill: white !important;
    }
}