/* http://www.searchdiscovery.com/blog/tutorial-creating-a-responsive-calendar/ */

.calendar{width:100%;}
.calendar ul.month-browser li{
width:10%;
padding:3px;
border:0;
text-align:center;
font-weight: bold;
min-height: 35px;
margin: 0 0 10px 0;
}
.calendar_nav_bot,  {
height: 42px;
padding-top: 5px;
}
.calendar_nav_bot img, .calendar_nav img{
padding: 5px 0;
}
ul#parent5 li {
margin-bottom:0!important;
}
#current-month {
margin- 2px 0 0 5px;
}
.calendar ul{list-style:none;padding:0;margin:0;clear:both;width:100%;}
.calendar ul.weekdays{height:40px;}
.calendar ul.weekdays li{text-align:center;
font-weight: bold;
line-height:20px;padding:10px 6px;color:#666;font-size:13px;}
.calendar li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;
padding:5px;display:block;float:left;margin-right:-1px;margin-bottom:-1px;overflow:visible!important;}
.calendar .days:last-child li{margin-bottom:0px!important;}
.calendar li .day,.calendar li .month{display:none;}
.calendar .date{text-align:right;margin-bottom:5px;}
.calendar-week {width: 5%!important; background-color: #F7F3F7!important;
text-align: center;}
.show-info{
display:block;font-size:12px;border-radius:4px;padding:3px;margin-bottom:3px;color:#666;line-height:14px;
border:1px solid #b5dbdc;
text-decoration:none;}
.show-info:hover .venue{display:block;}
.show-info .show-name{text-decoration:underline;}
.show-info .show-time,.venue{color:#666;margin-top:2px;text-decoration:none;}
.calendar .no-shows{display:none;}
.calendar .venue{display:none;}
.calendar li.out_of_range{background-color:#F9F9F9;color:#666;}

.grouping{display:block;overflow:hidden;}
.grouping li, .grouping div{float:left; display:inline; overflow:hidden;}
.nav_bot, .nav_top {margin-top: 10px;}
@media only screen and (max-width:768px){

.calendar ul.month-browser li{font-size:12px;} 
.calendar ul{width:100%;box-sizing:border-box;} 
.calendar .weekdays, .calendar .calendar-week{display:none;} 
.calendar li{display:block;height:auto!important;border:1px solid #ededed;width:100%;box-sizing:border-box;padding:10px;margin-bottom:-1px;} 
.calendar li .day,.calendar li .month{display:inline;} 
.calendar .no-shows{display:block;color:#ccc;text-align:center;} 
.calendar .date{text-align:center;} 
.show-info .show-name{font-size:16px;margin-bottom:5px;} 
.show-info .venue,.show-info .show-time,.show-info:hover .venue,.show-info:hover .show-time{display:inline;} 
.calendar li.out_of_range{display:none;}
.day_cell {margin-right: 5px;}
input {margin-top: 5px;}

}

@media only screen and (max-width:768px) and (device-height:1024px) and (orientation:landscape){
.show-info .venue,.show-info .show-time,.show-info:hover .venue,.show-info:hover .show-time{display:inline;}
input {margin-top: 5px;}
.nav_bot {height: 76px;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.nav_bot {height: 76px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.nav_bot {height: 126px;}
}
@media only screen and (max-width: 480px) {
.nav_bot {height: 150px;}
}
@media only screen and (max-width: 317px) {
.nav_bot {height: 180px;}
}