#calendarcon .event-view, #calendarcon .scroll-up {
  display: none;
}

@media screen and (max-width: 768px) {
  .yui-panel-container {
    max-width: 90%;
    overflow: hidden;
  }

  .smallCal #calendar_buttons,
  .smallCal #calendar_icons,
  .smallCal #minical_img1,
  .smallCal div.yui-calcontainer {
    display: none;
  }
  .smallCal #calendarcon {
    width: 290px;
    margin: 0 auto;
  }
  .smallCal #calendarcon .dblock, .smallCal #calendarcon .dblock_half {
    float: left;
    width: 48px;
    height: 48px;
    overflow: hidden;
    cursor: pointer;
  }
  .smallCal #calendarcon .dblock_half {
    height: 24px;
    font-size: 0.8em;
  }
  .smallCal #calendarcon .daycap, .smallCal #calendarcon .daycap_off {
    height: 100%;
  }
  .smallCal #calendarcon .daycap span, .smallCal #calendarcon .daycap_off span {
    display: block;
    height: 100%;
  }
  .smallCal #calendarcon .caldata {
    height: 100% !important;
    margin-bottom: 0;
  }
  .smallCal #calendarcon .caldata.block_off {
    display: block;
  }
  .smallCal #calendarcon .caldata.selected {
    background-color: #d5d5d5;
  }
  .smallCal #calendarcon .eventobj {
    display: none;
  }
  .smallCal #calendarcon .event-view {
    display: block;
    margin-top: 1em;
  }
  .smallCal #calendarcon .event-view .eventobj {
    display: block;
  }
  .smallCal #calendarcon .scroll-up {
    display: block;
    background: #9e9d9e;
    color: #efefef;
    font-size: 22px;
    height: 1.2em;
    text-align: center;
    cursor: pointer;
  }
  .smallCal #calendarcon .scroll-up:before {
    content: '\f077';
    font-family: FontAwesome;
  }
}