section[data-cattype="3"].wrapper_middle { } [data-cattype="3"] .accordion-header { margin: 0 !important; } [data-cattype="3"] .accordion-button:not(.collapsed), [data-cattype="3"] .accordion-button:hover{ color: #fff; background-color: #f7941e; border-color: #f7941e; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); } [data-cattype="3"] .accordion-body { text-align: left; } [data-cattype="3"] .accordion-button:focus { z-index: 3; border-color: transparent; outline: 0; box-shadow: transparent; } [data-cattype="3"] .accordion-button::after { background-image: none; font-family: FontAwesome; display: inline-block; padding-right: 3px !important; content: '\f068'; transform: none; color: #f7941e; } [data-cattype="3"] .collapsed::after { background-image: none; font-family: FontAwesome; display: inline-block; padding-right: 3px !important; content: '\f067'; transform: none; } [data-cattype="3"] .accordion-button:hover::after, [data-cattype="3"] .accordion-button:not(.collapsed)::after { color: #fff; } [data-cattype="3"] .accordion-button { background-color: #fff; padding: 0px 20px 20px 15px; min-height: 66px; transition: 0.3s; } [data-cattype="3"] .accordion-button:not(.collapsed){ padding: 0px 20px 0px 15px; min-height: 50px; transition: 0.3s; } [data-cattype="3"] .accordion-item { background-color: #fff; border: 1px solid #ddd; margin-bottom: 10px; } [data-cattype="3"] .accordion-button:focus { z-index: 3; border-color: #86b7fe; outline: 0; box-shadow: none !important; } @media (min-width: 1200px) and (max-width: 1440px) { } @media (min-width: 768px) and (max-width: 980px) { } @media (max-width: 767px) { } @media (max-width: 480px) { section[data-cattype="3"].wrapper_middle { padding: 20px; } }