flow:hidden;background: #fff } .category-inner div.category-titre{position: relative;} .category-inner div.category-titre h1{ font-family:"Raleway"; color:#C49F51; font-weight:700; line-height:1.15; margin:0; text-align:center;text-transform: inherit; } .category-inner div.category-titre h2{ font-family:"Raleway"; color:#4a4a4a; font-weight:400; line-height:1.15; margin:10px 0 0; text-align:center; } .category-inner .category-list{display: block;width: 100%;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;padding: 0} .category-inner .category-list ul{display: flex;width: 100%;list-style: none;align-items: center;margin: 0;padding: 0} .category-inner .category-list ul li{list-style: none;text-align: center;position: relative;} .category-inner .category-list ul li:not(:last-child)::after{content: "|";color: #e6e6e6;position: absolute;right: -2px;top: 50%;transform: translateY(-50%);font-size: 14px} .category-inner .category-list ul li a{font-family:"Raleway"; color:#C49F51; font-weight:600; line-height:1.15; margin:0; text-align:center;text-transform: uppercase;letter-spacing: 2px;display: flex;align-items: center;justify-content: center;height: 64px} .category-inner .category-list ul li a:active, .category-inner .category-list ul li a:focus{outline: 0} @media (max-width:959px){ .category-inner img{display: none} .category-inner .category-list ul.scroll {flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;} .category-inner .category-list ul.scroll::-webkit-scrollbar {display: none;} .category-inner .category-list ul.scroll li {flex: 0 0 auto;padding: 12px 15px;} .category-inner .category-list ul.scroll li a {font-size: 20px;height: 40px;} .category-inner .padding-container {padding: 30px 0;} .category-inner div.category-titre h1 {font-size: 36px !important;} .category-inner div.category-titre h2 {font-size: 16px;} } @media (max-width: 639px) { .category-inner div.category-titre h1 {font-size: 30px !important;} .category-inner div.category-titre h2 {font-size: 14px;} .category-inner .category-list ul.scroll li a {font-size: 14px;} } @media (max-width: 479px) { .category-inner div.category-titre h1 {font-size: 24px !important;} .category-inner div.category-titre h2 {font-size: 12px;margin: 5px 0 0;} } @media screen and (min-width:960px){ .category-inner .padding-container{ position:relative; height:0; padding-bottom:11.21553884711779%;overflow: hidden;background: #e4e7ea } .category-inner .height-container{position: absolute;top:0;left:0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .category-inner .height-container picture > img{position: absolute;top:0;left:0;width: 100% !important;height: 100% !important} .category-inner div.category-titre h1{ font-size:25px; } .category-inner div.category-titre h2{ font-size:12px; } .category-inner .category-list ul li a{font-size:11px;} .category-inner .category-list ul {justify-content: center;} .category-inner .category-list ul li {width: calc(100% / 6);} .category-inner .category-list ul li:hover{background: #C49F51;transition: background ease-out 0.4s;} .category-inner .category-list ul li:hover a{color: #FFF} } @media screen and (min-width:1200px){ .category-inner div.category-titre h1{ font-size:32px; } .category-inner div.category-titre h2{ font-size:13px; } .category-inner .category-list ul li a{font-size:12px;} } @media screen and (min-width:1440px){ .category-inner div.category-titre h1{ font-size:36px; } .category-inner div.category-titre h2{ font-size:14px; } .category-inner .category-list ul li a{font-size:13px;} }