#manufacturers { padding-bottom: 30px; }
#manufacturers div.featured { padding-bottom: 30px; }
#manufacturers ul.manufacturers { border-left: 1px solid #DCDCDC; border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; }
#manufacturers .featured ul.manufacturers { border-top: 1px solid #DCDCDC; }
#manufacturers ul.manufacturers li { float: left; width: 233px; border-top: 1px dotted #B5B5B5; position: relative; }
#manufacturers ul.manufacturers li:nth-child(-n+6) { border-top: none; }
#manufacturers ul.manufacturers li a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; }
#manufacturers ul.manufacturers li p { transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transition: 0.25s; -webkit-transition: 0.25s; display: block; height: 108px; color: #FFFFFF; text-align: center; text-decoration: none; }
#manufacturers ul.manufacturers li s, #manufacturers ul.manufacturers li span { padding-top: 30px; height: 78px; }
#manufacturers ul.manufacturers li s { transform: translate3d(0, 0, 55px); -webkit-transform: translate3d(0, 0, 55px); display: block; }
#manufacturers ul.manufacturers li img { max-width: 70%; display: block; margin: 0 auto; }
#manufacturers ul.manufacturers li span { transform: rotateX(90deg) translate3d(0, 0, 140px); -webkit-transform: rotateX(90deg) translate3d(0, 0, 140px); display: block; background-color: #2962bf; font-weight: bold; }
#manufacturers ul.manufacturers li em { display: block; text-decoration: none; padding-top: 5px; font-weight: normal; }
#manufacturers ul.manufacturers li:hover p { transform: rotateX(-90deg); }
/*word*/
#manufacturers .word-list { background-color: #2962bf; height: 44px; line-height: 44px; text-align: center; }
#manufacturers .word-list a { display: inline-block; color: #FFFFFF; height: 100%; width: 48px; font-weight: bold; font-size: 14px; text-decoration: none; }
#manufacturers .word-list a:hover { background-color: #2962bf; }
#manufacturers fieldset.list { border: none; position: relative; border-top: 3px solid #2962bf; }
#manufacturers fieldset.list legend { width: 42px; height: 38px; background-color: #2962bf; text-align: center; line-height: 38px; color: #FFFFFF; font-size: 18px; position: absolute; top: 0; left: -46px; }
#manufacturers fieldset.list legend:before { content: ""; width: 0; height: 0; border-left: 46px solid transparent; border-right: 0 solid transparent; border-top: 12px solid #194a9d; left: 0; position: absolute; bottom: -12px; }
#manufacturers dl.description { border-bottom: 1px dotted #DDDDDD; padding-bottom: 20px; }
#manufacturers dl.description dt { float: left; width: 300px; height: 150px; border: 5px solid #E6E6E6; }
#manufacturers dl.description dt img { display: block; margin: 0 auto; max-width: 100%; }
#manufacturers dl.description dd { float: right; width: 1070px; line-height: 24px; font-size: 14px; padding-top: 5px; }
#manufacturers .category h2 { font-size: 18px; line-height: 50px; text-transform: uppercase; }
#manufacturers .category fieldset { margin-bottom: 10px; border: 1px solid #DDDDDD; padding: 10px; }
#manufacturers .category fieldset legend { font-size: 16px; padding: 0 10px; }
#manufacturers .category fieldset ul { column-count: 3; column-gap: 0; -webkit-column-count: 3; -webkit-column-gap: 0; -moz-column-count: 3; -moz-column-gap: 0; }
#manufacturers .category fieldset li { padding: 5px 0; line-height: 16px; }
#manufacturers .category fieldset li a { color: #343434; }
@media screen and (max-width: 767px) {
    #manufacturers ul.manufacturers { border: none; }
    #manufacturers .featured ul.manufacturers { border-top: none; }
    #manufacturers ul.manufacturers li { width: 50%; }
    #manufacturers ul.manufacturers li a { transition-style: inherit; -webkit-transform-style: inherit; }
    #manufacturers ul.manufacturers li s, #manufacturers ul.manufacturers li span { transition: none; -webkit-transform: none; }
    #manufacturers ul.manufacturers li img { max-width: 90%; }
    #manufacturers ul.manufacturers li span { display: none; }
    /*word*/
    #manufacturers .word-list { height: auto; }
    #manufacturers fieldset.list { border: 1px solid #DDDDDD; margin-bottom: 2rem; }
    #manufacturers fieldset.list legend { width: auto; position: static; background-color: transparent; color: #000000; font-size: 2rem; padding: 0 1rem; }
    #manufacturers fieldset.list legend:before { display: none; }
    #manufacturers dl.description dt { float: none; max-width: 100%; margin: 0 auto; height: auto; }
    #manufacturers dl.description dd { float: none; width: auto; padding: 0.5rem; }
    #manufacturers .category h2 { text-align: center; }
    #manufacturers .category fieldset legend { font-weight: bold; }
    #manufacturers .category fieldset ul { column-count: auto; -webkit-column-count: auto; -moz-column-count: auto; }
}