/** -- Begin of reviews2 ------------------------------------------------------------------------------------------- **/
#reviews2 {
    width: 100%;
}
/** -- End of reviews2 --------------------------------------------------------------------------------------------- **/

/** -- Begin of listWithImages ------------------------------------------------------------------------------------- **/

/** -- Begin of listWithImages specific --------------------------------------------------------------------------- **/
/** -- End of listWithImages --------------------------------------------------------------------------------------- **/

/** -- Begin of products2 ------------------------------------------------------------------------------------------ **/
#products2 li {
    min-width: calc(33.33% - 14px);
    max-width: calc(33.33% - 14px);
}

/** -- Begin of products2 specific -------------------------------------------------------------------------------- **/
/** -- End of products2 -------------------------------------------------------------------------------------------- **/

/** -- Begin of bootstrap ------------------------------------------------------------------------------------------ **/
.container {
    width: 100%;
    padding: 15px 0;
}

.row {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
/** -- End of bootstrap -------------------------------------------------------------------------------------------- **/

/** -- Begin of sliderAuto ----------------------------------------------------------------------------------------- **/
#sliderAuto {
    max-height: 680px;
}

#sliderAuto .row {
    width: 100%;
}

#sliderAuto h2 {
    top: 62%;
    transform: translateY(0);
    padding: 15px calc(50% - 400px) 0;
    height: 58px;
}

#sliderAuto p {
    top: 62%;
    transform: translateY(58px);
    padding: 15px calc(50% - 400px) 0;
}
/** -- End of sliderAuto ------------------------------------------------------------------------------------------- **/

header .row > #logo {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 128px;
    min-width: 128px;
    height: auto;
}

#toggleHamburger {
    display: none;
}

header nav {
    display: block;
    max-height: revert;
    width: 100%;
    position: relative;
    top: revert;
    right: revert;
    background-color: transparent;
    left: -128px;
}

header ul {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

header li,
header li:last-child {
    background-color: transparent;
    border: none;
}

header li a {
    padding: 10px 0;
    color: var(--text-color);
    text-align: center;
    width: fit-content;
    display: block;
    margin: 0 auto;
    position: relative;
}

header li a:hover {
    color: var(--text-color);
    background-color: transparent;
}

header li a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #cd9b33;
    transform: scale3d(0, 1, 1);
    transform-origin: 100% 50%;
    transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
}

header li a:hover:before {
    transform: scale3d(1, 1, 1);
    transform-origin: 0% 50%;
}

/* menu with 1 or 2 items */
header ul:has(:nth-child(1)) li,
header ul:has(:nth-child(2)) li {
    width: calc(50% - 68px);
}

/* menu with 3 items */
header ul:has(:nth-child(3)) li {
    width: calc(calc(50% - 68px) / 2);
}
header ul:has(:nth-child(3)) li:nth-child(2) {
    margin-right: 136px;
}
header ul:has(:nth-child(3)) li:nth-child(n+3) {
    width: calc(50% - 68px);
}

/* menu with 4 items */
header ul:has(:nth-child(4)) li:nth-child(n+1) {
    width: calc(calc(50% - 68px) / 2);
}
header ul:has(:nth-child(4)) li:nth-child(n+3) {
    width: calc(calc(50% - 68px) / 2);
}

/* menu with 5 items */
header ul:has(:nth-child(5)) li:nth-child(n+1) {
    width: calc(calc(50% - 68px) / 3);
}
header ul:has(:nth-child(5)) li:nth-child(2) {
    margin-right: 0;
}
header ul:has(:nth-child(5)) li:nth-child(3) {
    margin-right: 136px;
}
header ul:has(:nth-child(5)) li:nth-child(n+4) {
    width: calc(calc(50% - 68px) / 2);
}

/* menu with 6 items */
header ul:has(:nth-child(6)) li:nth-child(n+1) {
    width: calc(calc(50% - 68px) / 3);
}
header ul:has(:nth-child(6)) li:nth-child(n+4) {
    width: calc(calc(50% - 68px) / 3);
}

/* menu with 7 items */
header ul:has(:nth-child(7)) li:nth-child(n+1) {
    width: calc(calc(50% - 68px) / 4);
}
header ul:has(:nth-child(7)) li:nth-child(3) {
    margin-right: 0;
}
header ul:has(:nth-child(7)) li:nth-child(4) {
    margin-right: 136px;
}
header ul:has(:nth-child(7)) li:nth-child(n+5) {
    width: calc(calc(50% - 68px) / 3);
}

/* menu with 8 items */
header ul:has(:nth-child(8)) li:nth-child(n+1) {
    width: calc(calc(50% - 68px) / 4);
}
header ul:has(:nth-child(8)) li:nth-child(n+5) {
    width: calc(calc(50% - 68px) / 4);
}

/* menu with 9 items */
header ul:has(:nth-child(9)) li:nth-child(n+1) {
    width: calc(calc(50% - 68px) / 5);
}
header ul:has(:nth-child(9)) li:nth-child(4) {
    margin-right: 0;
}
header ul:has(:nth-child(9)) li:nth-child(5) {
    margin-right: 136px;
}
header ul:has(:nth-child(9)) li:nth-child(n+6) {
    width: calc(calc(50% - 68px) / 4);
}

/* menu with 10 items */
header ul:has(:nth-child(10)) li:nth-child(n+1) {
    width: calc(calc(50% - 68px) / 5);
}
header ul:has(:nth-child(10)) li:nth-child(n+6) {
    width: calc(calc(50% - 68px) / 5);
}

/* menu with 11 items */
header ul li:nth-child(n+11) {
    display: none;
}
