/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 09-Sep-2019, 16:37:15
    Author     : User
*/
@media screen and (max-width: 800px) {
  .date-details .blk .dates .single {
    width: calc((100% / 2) - 20px);
    margin-bottom: 20px; } }
@media screen and (max-width: 700px) {
  .main-dates .date.active:after, .main-dates .date.active:before {
    display: none; } }
@media screen and (max-width: 600px) {
  .date-details .blk .dates .single {
    width: calc((100%) - 20px); }

  .date-details .sidebar {
    width: 100%; }

  .date-details .sidebar span {
    background: none;
    font-size: 30px;
    margin-bottom: 20px;
    color: #001b48; }

  .date-details .content {
    width: 100%;
    margin-bottom: 30px; } }
@media screen and (max-width: 400px) {
  .bottom-cont {
    float: right;
    width: 100%;
    margin: 20px 0; }

  .main-dates .date.active:before,
  .main-dates .date.active:after {
    display: none; }

  .date-details .blk .dates .single {
    width: calc((100%) - 20px);
    margin-bottom: 20px; } }
@media screen and (max-width: 410px) {
  .main-dates .date {
    font-size: 20px; } }
/*# sourceMappingURL=academic-calendar-responsive.css.map */

/*# sourceMappingURL=academic-calendar-responsive.css.map */