h1,
h2,
h3,
h4{font-family:'Montserrat',sans-serif;font-weight:800 !important;text-rendering:optimizeLegibility}
p,
span,
div,
a{font-family:'Montserrat',sans-serif;font-weight:500 !important;text-rendering:optimizeLegibility}
a{color:#666 !important;transition:.4s all}
a:hover{color:#333 !important}
.card-img-top{height:300px;padding:2rem;width:fit-content !important;margin:0 auto}
.has-children{width:100%;text-align:left;position:relative;margin:0 -0.25rem;padding:0 .25rem;border-radius:1rem;transition:all 0.3s ease-in-out,box-shadow 0.3s ease-in-out;box-shadow:inset 0 0 0 0 #54b3d6}
.has-children:hover{box-shadow:inset 200px 0 0 0 #54b3d6;padding-left:1rem}
.has-children:hover a{color:#fff !important}
.has-children:hover div{left:200px;top:-16px;width:fit-content;white-space:nowrap;border-radius:1rem}
.has-children:hover div a{color:#333 !important;border-bottom:2px solid #fff;transition:.3s all}
.has-children:hover div a:hover{border-bottom:2px solid #54b3d6;width:100%}
.hide-me{display:none}
.flex-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap;padding:1.2rem}
.flex-container>div:nth-child(1){width:30%}
.flex-container>div:nth-child(2){width:70%;padding-left:1.2rem}
.single-product-left-image>img{width:100%;height:auto;max-width:250px}
.page-product .mall-column.col-12.col-lg-4.mb-4{display:none}
.variants-color{width:25%;text-align:center}
.variants-color img{width:100%;height:auto;max-width:180px;padding:1.2rem}
.qty-column-container{text-align:center}
.t-heading-size{text-align:center}
.main-image-container>img{width:100%;height:auto;max-width:250px}
div#home_category{margin-top:2rem}
.card-container-pos-relative{width:100%;height:200px;position:relative;display:block;text-align:center;padding:1rem;border:1px solid black;border-radius:10px;transition:.75s all}
.custom-product-card-link{position:absolute;top:50% !important;display:block;transform:translate(-50%,-50%);left:50%;text-decoration:none}
.card-container-pos-relative:hover{transition:.75s all;transform:translateY(-10px);box-shadow:5px 5px 10px 5px rgba(99,99,99,0.333)}
.custom-category-card-title-container h3{font-size:1.2rem}

.hide-on-mobile{display:block}
.mobile-menu{display:none}
header{display:block;position:relative;width:100%;height:80px;background:white}
.hamburger-menu-container{position:absolute;top:50%;display:block;transform:translateY(-50%);left:2rem}
.inside-menu-container{position:fixed;z-index:999;width:100%;height:100vh;max-width:450px;background:#fff;left:-110%;transition:all 1s}
.inside-menu-container.open{left:0;transition:all 1s}
.menu-heading{display:flex;padding:1rem}
.menu-heading-title-container{position:absolute;left:50%;transform:translateX(-50%)}
.menu-heading h3{text-transform:uppercase}
#internal-header-mobile{overflow-y:scroll;box-shadow:0 0 10px rgba(0,0,0,0.2)}
@media (max-width:1280px){.container .col-lg-2{width:25%}.container .col-lg-10{width:75%}}
@media (max-width:991px){.single-product-left-image{width:100%}.single-product-right-details{width:100%}.col-12.col-lg-10{width:100%}.hide-on-mobile{display:none}.mobile-menu{display:block}.flex-container{padding:0}.flex-container>div:nth-child(1){width:100%;padding:0}.flex-container>div:nth-child(2){width:100%;padding:0}.single-product-left-image>img{max-width:100%;padding:3.2rem}.page-category .pl-4{padding-bottom:2rem;padding-left:0}.page-product .container.py-8{padding-top:0}.mall-products{padding-left:0 !important}}
.menu-mobile-component-list{list-style:none}
.menu-mobile-component-first-element{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;align-items:center}
.menu-mobile-component-child-item{padding-bottom:1rem}
.click-toggle-open{text-decoration:none;padding:1.6rem}
.mobile-component-first-element ul{width:100%}
.menu-mobile-component-child-list{list-style:none;width:100%}
.menu-mobile-component-child-list{display:none}
.table.table-responsive.custom-pelco-table{width:100%;display:block}
.table.table-responsive.custom-pelco-table{display:inline-table}
.card-img,
.card-img-top{max-height:320px}
.mall-products-item__name{white-space:normal !important}
.product-code{padding-bottom:1.2rem}
.ss-search-form{margin-top:1rem;margin-bottom:2rem}
.ss-search-form__input{display:flex}
.ss-search-form__input>input{padding:1rem;border-radius:15px;border:1px solid black;width:70%;margin-right:10px}
.ss-search-form__input>button{padding:1rem;background:black;color:white;border-radius:10px;width:30%;transition:.5s all}
.ss-search-form__input>button:hover{background:white;color:black;border:1px solid black;transition:.5s all}
#autocomplete-results{padding:1.6rem}
h4.ss-autocomplete-result__title{font-size:1rem}
.page-item.active .page-link{border-color:#000 !important;background-color:#000 !important}
ul.brand-menu-list{list-style:none;padding-left:0}
ul.brand-menu-list li{padding-bottom:.5rem;padding-top:.5rem}

ul.brand-menu-list li a{text-decoration:none}
.main-menu-title,
.griffe-catalogue-title{padding:1rem;background:#54b3d6;color:white;width:100%;display:block;cursor:pointer}
.griffes-menu{display:none}
.griffe-catalogue-title{margin-bottom:2rem}
li.brand-list-element{transition:.3s all}
li.brand-list-element:hover{transition:.3s all;background:#54b3d6;padding-left:1rem;color:white;border-radius:15px}
li.brand-list-element:hover a{color:white !important}
button#prev-button,
button#next-button{padding:1rem;background:#54b3d6;border-radius:15px;color:white}
div#pagination-buttons{display:flex;flex-direction:row;justify-content:space-around;margin-top:2rem;align-items:center}
.page-search .rounded{display:none}
.page-search .col-12 .flex .w-full{display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row-reverse;align-items:center}
.page-search .col-12 .flex .w-full h4{width:80%;padding:1.6rem}
.page-search .col-12 .flex .w-full p.text-sm.mb-4,
.page-search .col-12 .flex .w-full img{width:20%}
.page-search .col-12 .flex .w-full p.text-sm{width:100%;text-align:center;margin-top:2rem}
.page-search .col-12 .flex .w-full p.text-sm a{display:block;width:100%;padding:1.2rem;background:black;border-radius:15px;color:#fff !important;transition:.5s all;font-size:1rem}
.page-search .col-12 .flex .w-full p.text-sm a:hover{color:#000 !important;background:#fff;border:1px solid black;transition:.5s all}
@media (max-width:992px){.page-search .col-12 .flex .w-full h4{width:100%}.page-search .col-12 .flex .w-full p.text-sm.mb-4,.page-search .col-12 .flex .w-full img{width:100%}.page-search .col-12 .flex .w-full p.text-sm{width:100%;text-align:center}.page-search .col-12 .flex .w-full{flex-direction:row;align-items:center}}