.event-detail-sider {
  top: 243px;
  display: block;
  width: 660px;
  margin-left: 50px;
  float: left;
  color: #fff;
  line-height: 1.5;
  /* =============================================================== RESPONSIVE =================================================================*/ }
  .event-detail-sider ul li {
    list-style: disc !important; }
  .event-detail-sider .event-detail-sider-date {
    font-size: 24px;
    font-weight: 700;
    color: #fff; }
    .event-detail-sider .event-detail-sider-date:after {
      content: url(/media/image/833c36b5a1e7f15ef8c11f203897297eae2fe235.svg);
      position: relative;
      right: -10px; }
  .event-detail-sider .event-detail-sider-title {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2; }
  .event-detail-sider .event-detail-sider-socials {
    margin: 42px 0; }
    .event-detail-sider .event-detail-sider-socials a {
      padding: 10px 50px 10px 30px;
      background-color: rgba(255, 255, 255, .3);
      background-repeat: no-repeat;
      background-position: 90% center;
      background-size: 20px;
      border-radius: 30px;
      color: #fff;
      text-decoration: none;
      transition: all 0.2s;
      margin-right: 20px; }
      .event-detail-sider .event-detail-sider-socials a:hover {
        opacity: 0.7;
        background-size: 22px; }
  .event-detail-sider .event-detail-sider-text {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1.5; }
  .event-detail-sider .event-detail-sider-organiser .event-detail-sider-organiser-title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase; }
    .event-detail-sider .event-detail-sider-organiser .event-detail-sider-panel {
      position: relative;
      display: flex;
      flex-direction: row;
      border-radius: 30px;
      background-color: rgba(255, 255, 255, .3);
      padding: 30px 30px 0 30px;
      margin-bottom: 50px; }
      .event-detail-sider .event-detail-sider-organiser .event-detail-sider-panel .left {
        width: 55%; }
        .event-detail-sider .event-detail-sider-organiser .event-detail-sider-panel .left h4, .event-detail-sider .event-detail-sider-organiser .event-detail-sider-panel .left p {
          font-size: 16px;
          font-weight: 400;
          color: #fff;
          margin-top: 0; }
        .event-detail-sider .event-detail-sider-organiser .event-detail-sider-panel .left a {
          position: absolute;
          color: #fff;
          text-decoration: none;
          transition: all 0.2s;
          margin-right: 20px;
          bottom: 17px; }
          .event-detail-sider .event-detail-sider-organiser .event-detail-sider-panel .left a:hover {
            opacity: 0.3; }
      .event-detail-sider .event-detail-sider-organiser .event-detail-sider-panel .right {
        width: 35%;
        float: left; }
        .event-detail-sider .event-detail-sider-organiser .event-detail-sider-panel .right .logo {
          display: block;
          width: 80%;
          height: 130px;
          margin: 0 auto;
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain;
          margin-bottom: 30px; }
        .event-detail-sider .event-detail-sider-organiser .event-detail-sider-panel .right .cta-container .outer-box-cta {
          margin: 20px 0 60px; }

@media (max-width: 1500px) {
  body .main .main-wrapper .outer-block-general .event-detail-sider {
    margin-left: 20px;
    width: 460px; } }

@media (max-width: 840px) {
  body .main .main-wrapper {
    display: flex;
    flex-direction: column; }
    body .main .main-wrapper .outer-block-general.event-detail {
      margin-left: 20px !important; }
      body .main .main-wrapper .outer-block-general.event-detail .event-detail-sider {
        width: calc(100vw - 40px);
        margin-left: 0; } }

@media (max-width: 840px) {
  body .main .main-wrapper .event-detail-sider .event-detail-sider-organiser .event-detail-sider-panel {
    flex-direction: column; }
    body .main .main-wrapper .event-detail-sider .event-detail-sider-organiser .event-detail-sider-panel .left, body .main .main-wrapper .event-detail-sider .event-detail-sider-organiser .event-detail-sider-panel .right {
      width: 100%; } }