.col-xs-3 {
    width: 25%;
}
.col-xs-4 {
    width: 33%;
}
.col-xs-6 {
    width: 50%;
}
.col-xs-3, .col-xs-4, .col-xs-6 {
    float: left;
    position: relative;
    min-height: 1px;
}
.calendar .month-container {
    height: 200px;
    margin-bottom: 15px;
}
/*
.calendar table td, .calendar table th {
    width: 20px;
    height: 20px;
    padding: 4px 5px !important;
    font-size: 12px !important;
}
*/
.calendar table td, .calendar table th {
    width: 22px;
    height: 22px;
    padding: 0 !important;
    font-size: 11px !important;
}
th, td {
    line-height: 16px !important;
}
.month { border:5px solid #544540; }
.month thead tr { background-color: #ff6e00; }
.calendar .year-title{ font-size: 20px !important; line-height: 24px !important;}
.calendar .year-neighbor, .calendar .year-neighbor2 { font-size: small !important; }
.datepicker td, .datepicker th { font-size: 12px; }
div.post-18 table tr > td, div.post-374 table tr > td { background-color: transparent; }

@media only screen and (max-width: 667px) {
    .col-xs-3, .col-xs-4 { width: 50%; }
}

@media only screen and (max-width: 384px) {
    .col-xs-3, .col-xs-4, .col-xs-6 { width: 100%; }
}