#body.en .events-action-blk .icon-register.Raleway-bold {font-family:'Raleway',sans-serif!important;}
  .row-height    { display:table; table-layout:fixed; height:100%; width:100%;} 
  .col-sm-height { display:table-cell; float:none; height:100%; padding:10px;}
  .col-sm-height-events { display:table-cell; float:none; padding:0 5px;} 
  

  /* • Events List
  ------------------------------------------------------------------------- */


  .event-dropdown-blk { width:30%; float:right; background-color:#e7e7e7; margin-bottom:10px}
  .events-date-margin { margin-top:-30px}
  .events-blk  { margin-bottom:40px}
  .events-time { width:96%; padding:5px 2%; color:#fff; text-transform:uppercase;}
  .events-name { width:96%; padding:0px 2% 5px 2%; color:#fff;}
  .events-field   { width:16%; padding:5px 2%; background-color:#e7e7e7; border-bottom:1px solid #f3f3f3; text-transform:uppercase;}
  .events-detail  { width:76%; padding:5px 2%; background-color:#e7e7e7; border-bottom:1px solid #f3f3f3}
  .events-detail a { text-decoration:underline;}
  .events-detail a:hover { color:#018752;  transition: all 0.3s ease-out;}
  .events-action-blk  { padding:5px 15px; text-align:right}
  .events-action-blk span { padding:0 15px; cursor:pointer;}

  .events-action-blk span:last-child { border-right:none}
  .icon-calendar, .icon-register, .icon-detail {  border-right:1px solid #b3dc2b; }
  .icon-calendar a:hover, .icon-register a:hover, .icon-detail a:hover    { color:#018752;}

  .icon-register:before   { content:url('images/icon-register.svg'); position:relative; top:3px; }
  .icon-detail:before     { content:url('images/icon-detail.svg'); position:relative; top:3px;}

  .cat-events { margin-bottom:30px}
  .cat-events>div { padding:10px 20px;}
  .cat-events>div:first-child     { background-color:#2e3438!important; color:#fff}
  .cat-events>div:nth-child(odd)  { background-color:#dbdbdb;}
  .cat-events>div:nth-child(even)  { background-color:#e7e7e7;}

  .cat-events>div:hover { color:#018752; cursor:pointer}
  .cat-events>div:first-child:hover { color:#fff; cursor:default;}

    .events-blk .col-sm-height-events.events-time,  .events-blk .col-sm-height-events.events-name {display: block}

    html #body.en .events-field,
    html #body.tc .events-field   { padding:5px 2%; background-color:#e7e7e7; border-bottom:1px solid #f3f3f3; text-transform:uppercase;}

    html #body.en .events-detail,
    html #body.tc .events-detail  { padding:5px 2%; background-color:#e7e7e7; border-bottom:1px solid #f3f3f3}

    html #body.en .events-field   { width:16%;}
    html #body.en .events-detail  { width:76%;}
 
    html #body.tc .events-field   { width:calc(17% - 4%);}
    html #body.tc .events-detail  { width:calc(83% - 4%);}

    .greglnk { cursor:pointer; display:none; background:#d35e3d; color:#fff; }
    .greglnk .icon-register { border-right:none; }
    .greglnk .icon-register:before { content:url('images/icon-register-white.svg'); }
    #glogreglnk { position:fixed; bottom:50px; right:0; z-index:1000; padding:8px 25px;  }
/* ==========================================================================
  = Media Style
============================================================================= */

  @media only screen and (max-width: 1024px) {  
  /*.event-dropdown-blk { margin-top:-110px}*/
  }


  @media only screen and (max-width: 767px) {
  .row-height    { display:block; table-layout:inherit; height:auto; width:auto;} 
  .col-sm-height { display:block; float:none; height:auto; padding:2px 0px;}
  .col-sm-height-events { display:block; float:none; height:auto; padding:0 5px;}

  .event-dropdown-blk { width:100%; float:left; margin-top:auto; margin-bottom:20px}
  .events-time  { width:94%; padding:8px 3%; color:#fff; text-transform:uppercase; line-height:normal}
  .events-name  { width:94%; padding:0px 3% 8px 3%; color:#fff; line-height:normal}
  html #body.en .events-field, html #body.tc .events-field    { width:94%; padding:5px 3% 0 3%; border-bottom:none; color:#018752;}
  html #body.en .events-detail,  html #body.tc .events-detail { width:94%; padding:5px 3%;}

  #glogreglnk { /*position:relative; bottom:auto; right:auto; display:block; clear:both;*/ right:auto; left:20px; bottom:0; }
  }