@media (max-width:1250px) {
    .slick-prev, .slick-next {
        color: #000 !important;
    }
    .slick-prev {
        left: -7px !important;
    }
    .slick-next {
        right: -7px !important;
    }
}

@media screen and (max-width: 1150px) {
    #form-search {
        padding: 0 30px;
    }
}

@media (max-width:1000px) {
    .details-banner-box > div {
        width: 100%;
    }
    .details-banner-box > div:not(:first-child) {
        min-height: 720px;

    }
    #details > div.details-left {
        width: 100%;
        border-right: none;
    }
    .past-day {
        display: none !important;
    }
    .event-cal.mob-fixed {
        padding-top: 52px;
    }
    .mob-fixed #form-search {
        position: fixed;
        top: 148px;
        left: 0;
        width: 100%;
        padding-top: 10px;
        padding-right: 15px;
        padding-left: 80px;
        background-color: #fff;
        z-index: 9;
    }
    .mob-fixed #form-search .flexbox {
        margin-bottom: 5px;
    }

    #select2-filter-container {
        font-size: 16px;
    }
    div.cal-nav {
        position:relative;
        height:auto !important;
        display:block;
        box-sizing:border-box;
        padding:0 0 10px
    }
    .cal-nav .cell {
        display:inline-block !important;
        width:auto
    }
    .cal-nav .table.select-click,.cal-nav>.cell
    {
        width:100%
    }
    .cal-nav .table {
        display:inline-block;
        width:auto
    }
    .cal-nav .table.select-click {
        text-align:center
    }
    .cal-nav .table.select-click>.cell {
        width:7.5%
    }
    .cal-nav div.select-click .selection {
        padding:0
    }
    .cal-nav div.select-click .selection>a .table {
        width:100%;
        padding-top:8px
    }
    .toggle-view {
        display:none
    }
    .cal-nav div.month {
        bottom:23px;
        height:auto !important;
        left:0;
        margin:0 auto;
        position:absolute;
        width:50%
    }
    .cal-nav div.month:last-child {
        left:auto;
        right:0
    }
    .calendar.list+.cal-nav {
        height:55px !important
    }
    div.select-click {
        height:55px !important
    }
    ul.selector {
        display:none
    }
    .select-day {
        display:block !important;
        width:100%;
        text-align:center
    }
    .select-day+.cell {
        display:none
    }
    .calendar.list+.cal-nav {
        height:69px !important
    }
    .calendar.list figure figcaption {
        width:90%
    }
    #filter-options .cell {
        display:block;
        text-align:center;
        width:100%
    }
    #filter-options .title {
        padding:10px 0
    }
    .filter-options>.table.page {
        width:auto;
        max-width:none
    }
    body div.select-click .selection span {
        width:75%;
        background-size:contain;
        background-position:center top
    }
    .bottom-selector div.select-click .selection span {
        background-position:center bottom;
        background-size:contain
    }
    .options {
        text-align:left;
        font-size:0
    }
    .today-is p
    {
        display:block;
        padding:18px 0 !important;
        font-size: 16px;
    }
    div.options label {
        font-size: 16px;
    }
    .filter-event {
        height:46px;
        display:inline-block;
        vertical-align:middle;
        max-width:256px;
        min-width:256px;
        width:28% !important
    }
    .search-event {
        display:inline-block;
        vertical-align:middle;
        width:28% !important
    }
    .drop-down.hide {
        display:inline-block !important;
        width:35%;
        height:46px;
        vertical-align:middle;
        border-right:1px solid #dfdbd5
    }
    div.options {
        overflow:visible !important
    }
    #days-of-week {
        display: none;
    }

}

@media screen and (max-width: 970px) {
    .view-selector {
        display: none !important;
    }
    .event-list-view .event-box {
        width: 50%;
    }
    #form-filter .filter-group + .filter-group {
        margin-left: 0;
        margin-top: 12px;
    }
    #form-filter label {
        text-align: center;
    }
    #form-filter .filter-group,
    #form-filter .filter-group > * {
        width: 100% !important;
    }
    #search-format {
        flex-wrap: wrap;
    }
    #form-filter {
        display: block;
        width: 100%;
    }
    #search-format > div {
        display: none;
    }
    #form-search {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 14px;
    }
}

@media (max-width:860px) {
    .options > .cell:not(.toggle-view) {
        display: block;
        border-top:none;
        text-align: center !important;
    }
    .options > .cell:nth-child(2) {
        padding: 18px 0;
        border-bottom:1px solid #FFF;
    }

    .toggle-view + .cell {
        width: 100%;
    }
}

@media screen and (max-width: 770px) {
    #details > div {
        width: 100% !important;
    }
    #details > div.details-left {
        padding-right: 0;
        padding-bottom: 30px;
    }
    .event-details-page figure img {
        display: block;
        margin: 0 auto;
    }
}

@media screen and (max-width: 670px) {
    .toggle-search {
        display: block;
    }
    #calendar-box {
        margin-top: 40px;
    }
    .event-list-view .event-box {
        width: 100%;
    }
    .cal-header {
        min-height: 0;
    }
    #form-filter #date {
        width: 100%;
    }
    .cal-photo,
    .event-desc-short {
        display: block !important;
        width: 100%;
    }
    .cal-photo {
        padding-bottom: 20px;
    }    
}

@media screen and (max-width: 540px) {
    #form-search .flexbox > div {
        margin-bottom: 5px;
    }
    #form-search .flexbox > div input {
        width: auto;
        min-width: 0;
    }
    #filter ~ .btn {
        width: 160px;
        margin-top: 12px;
        margin-left: 0;
    }
}

@media (max-width:500px) {
    #event-display {
        min-height:425px
    }
    .select-day {
        display: block;
        display: -webkit-flex !important;
        display: flex !important;
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        padding: 0 !important;
    }

    .select-day label {
        text-align:center;
        padding-bottom:11px;
        width: 100%;
    }
    #cal-find {
        display:block;
        width:100%;
        margin:0 0 12px 0;
        width: 77%;
    }
    #submit-date {
        display:inline-block;
        width: 21%;
        height: 36px;
        padding: 11px 0;
        text-align: center;
    }
    #page-content #inner-page-content {
        padding:0
    }
    #filter-cal p {
        margin:5px 25px
    }
}

@media (max-width:480px) {
    #form-search .btn {
        transition: none;
    }
    .mob-fixed #form-search .btn {
        height: 34px;
        padding-top: 7px;
        padding-bottom: 5px;
    }
    .mob-fixed #form-search .flexbox .flexgrow input {
        max-height: 40px;
        padding-top: 7px;
        padding-bottom: 5px;
    }
}

@media screen and (max-width: 460px) {
    .cal-header p {
        font-size: 15px;
        margin-bottom: 6px;
    }
    .cal-header .bottom-row {
        padding: 0 !important;
    }
    .photo-tiles {
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }
    .photo-tiles a {
        -webkit-flex-basis: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
        -webkit-flex-grow: 0;
        flex-grow: 0;
        margin-left: 0 !important;
    }
    .photo-tiles a:nth-child(n+3) {
        margin-top: 15px;
    }
    .photo-tiles a:nth-child(2n) {
        margin-left: 20px !important;
    }
}

@media (max-width:450px) {
    .mob-fixed #form-search {
        padding-left: 10px;
    }
    .cal-nav .sbHolder {
        font-size:24px
    }
}

@media screen and (max-width: 380px) {
    #form-search .flexbox {
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .event-list-view .event-box figure {
        height: 160px;
    }    
}

@media screen and (max-width: 340px) {
    .cal-header p {
        font-size: 12px;
    }
}

@-webkit-keyframes rotate {
    from
    {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to
    {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }

}

@keyframes rotate {
    from
    {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to
    {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}