.faq_default { display: flex; justify-content: space-between; align-items: stretch; margin-bottom: 20px; } .faq_default .faqcontainer { width: 75%; box-sizing: border-box; padding-left: 20px; } .faq_default .faq { width: 25%; } .faq_default .faq ul { list-style: none; margin: 0; padding: 0; box-sizing: border-box; } .faq_default .faq li { display: block; padding: 0; margin: 0; } .faq_default .faq li a { color: #9b9b9b; display: block; padding: 10px 20px 10px 0; text-decoration: none; border-right: 1px solid #d7d7d7; line-height: 1.8; } .faq_default .faq li a:hover { border-right-color: #e77373; color: #aa1010; } .faq_default .faq li a.faqselected { border-right: 4px solid #aa1010; color: #464646; } .faq_default .faqareaclosed { display: none; } @media (max-width: 1023px) { .faq_default { display: block; } .faq_default .faqcontainer { width: 100%; padding-left: 0; } .faq_default .faq { width: 100%; } } .faq_default .sqrpanoramicbackground { margin-left: -20px; padding-left: 20px; padding-right: 20px; }