.mobile { display: none; }

#googleMap { padding: 0; }

.top-box { height: 260px; background-color: #F5F5F5; overflow: hidden; }
    .top-box .img-box { height: 100%; }
    .top-box .centered { margin-top: 40px; width: 130px; margin-left: auto; margin-right: auto; }
    .top-box .social-title { font: bold 1.1em "Gotham A", "Gotham B", sans-serif; text-align: center; }
    .top-box .social-btns { margin-top: 20px; }
        .top-box .social-btns .s-btn { float: left; width: 46%; text-align: center; border-radius: 5px; color: white; padding: 10px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
            .top-box .social-btns .s-btn:hover { opacity: 0.8; }
            .top-box .social-btns .s-btn:nth-child(1) { background-color: #062B31; margin-right: 4%; }
            .top-box .social-btns .s-btn:nth-child(2) { background-color: #4EC6DF; margin-left: 4%; }
            .top-box .social-btns .s-btn i { font-size: 17px; }
            .top-box .social-btns .s-btn .btn-text { font-size: 11px; margin-top: -1px; }
    .top-box .link-box { float: left; margin-top: 20px; position: relative; }
        .top-box .link-box input { width: 100%; outline: none; border-radius: 5px; padding: 7px 5px; padding-right: 28px; border: 1px solid rgb(180, 180, 180); font-size: 12px; }
        .top-box .link-box .icon-box { position: absolute; top: 0; right: 0; height: 32px; background-color: rgb(180, 180, 180); width: 25px; text-align: center; padding-top: 8px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
            .top-box .link-box .icon-box i { color: white; font-size: 13px; }

.info-box .col-md-4 { text-align: center; padding-top: 10px; padding-bottom: 10px; }
    .info-box .col-md-4:nth-child(1) { background-color: #F05622; }
    .info-box .col-md-4:nth-child(2) { background-color: #4EC6DF; }
    .info-box .col-md-4:nth-child(3) { background-color: #062B31; }
.info-box .info-title { color: rgba(255, 255, 255, 0.85); font-weight: bold; }
.info-box .info-content { font-size: 24px; font-weight: bold; color: white; }

.pagination-box { color: rgb(190, 190, 190); font-size: 12px; font-weight: bold; margin-top: 20px; margin-bottom: -5px; }
    .pagination-box .seperator { margin: 0 7px; }

.main-content { color: rgb(120, 120, 120); }
    .main-content .col-md-8 { padding: 0; }
        .main-content .col-md-8 h2 { line-height: 0.9em; }
        .main-content .col-md-8 h4 { color: #4EC6DF; font-weight: bold; font-size: 20px; }
        .main-content .col-md-8 .content-img { display: block; width: 100%; margin: 30px 0; }
    .main-content .btn, .large-btn { display: block; width: 100%; margin-bottom: 10px; text-align: center; padding: 10px 0; color: white; font-weight: bold; }
        .main-content .btn:nth-child(1) { background-color: #062B31; }
        .main-content .btn:nth-child(2) { background-color: #F05622; }
        .main-content .btn:nth-child(3) { background-color: #4EC6DF; }
        .main-content .btn:nth-child(4) { background-color: rgb(180, 180, 180); }
    .main-content .events { border: 2px solid rgb(230, 230, 230); }
        .main-content .events h6 { padding: 0 10px; font-size: 16px; color: #11393F; font-weight: bold; }
        .main-content .events .event-box { margin-bottom: 25px; }
            .main-content .events .event-box .img-box { height: 75px; }
            .main-content .events .event-box .event-info { padding: 10px; }
                .main-content .events .event-box .event-info .event-title { color: #11393F; font-weight: bold; }
                .main-content .events .event-box .event-info p { font-size: 12px; }
                .main-content .events .event-box .event-info .event-date { color: rgb(190, 190, 190); font-size: 12px; }
    .main-content .btn-events { margin-bottom: 0; border-radius: 0; background-color: #4EC6DF !important; font-size: 14px; border: none; }
.orange-italic { color: #F05622; font-size: 90%; font-style: italic; }

@media(max-width:767px) {
    #main-content { border-top: solid 1px #e5e5e5; }
    #mob-content .top-img { width: 100%; }
    #mob-content .btn-g { width: 100%; margin-top: 20px; }
    #mob-content .address { font-size: 2em; margin: 20px 0; font-weight: 500; line-height: 1em; }
    #mob-content > .container-fluid, #mob-content > .two-boxes, #dc-stats, #mobGoogleMap { margin-left: -25px; margin-right: -25px; }
    #mobGoogleMap { height: 250px; margin-top: 20px; }
    #mob-content .description { margin-top: 20px; }
    #mob-content .shutoff-msg { margin-top: 20px; }
    #dc-stats { margin-top: 20px; }
    #mob-content p { margin-top: 20px; }
}

@media(min-width:768px) {
    #main-content { margin-bottom: 50px; }
    .pagination-box { margin-left: -15px; }
}