/* --- Responsive CSS --- */

/* Large Devices */
@media only screen and (max-width : 1200px) {
    .header-search-wrap {
        text-align: center;
        margin-bottom: 30px;
    }
    .topbar-links-wrap {
        text-align: left;
        margin-top: 10px;
    }
    .masonry-grid {
        display: block;
    }
    .masonry-grid-col {
        width: 100%;
        display: inline-block;
        margin-bottom: 10px;
    }
    .masonry-grid-col .masonry-grid-item {
        margin-bottom: 10px;
    }
    
    .sp_event .sp-template-event-logos-block .team-logo img {
        display: none;
    }
    .sp-section-content .sp-template-gallery dl.gallery-item {
        width: 33.33%;
    }
}

/* Medium Devices */
@media only screen and (max-width : 992px) {
    .featured-event-item .featured-event-team-logo {
        display: none;
    }
    .featured-event-item .featured-event-team.team-odd,
    .featured-event-item .featured-event-team.team-even {
        text-align: center;
    }
    
    .featured-event-item .featured-event-team.team-odd .featured-event-team-name,
    .featured-event-item .featured-event-team.team-even .featured-event-team-name {
        margin-top: 15px;
    }
    
    .sp-section-content .sp-template-gallery dl.gallery-item {
        width: 50%;
    }
    
    .sp_event .sp-template-event-logos-inline .sp-team-logo img {
        display: none !important;
    }
    
    .sp_event .sp-template-event-logos-inline .sp-event-logos .sp-team-logo .sp-team-result,
    .sp_event .sp-template-event-logos-inline .sp-team-logo {
        display: block;
    }
    
    .sp_event .sp-template-event-logos-inline .sp-event-logos .sp-team-logo .sp-team-result {
        margin: 10px 0;
    }
    .sp-section-content.sp-section-content-photo {
        text-align: center;
        margin-bottom: 0;
    }
    .sp-section-content.sp-section-content-photo .sp-template-photo {
        display: inline-block;
        float: none;
        margin-right: 0;
    }
    .sp-section-content.sp-section-content-photo .sp-template-photo img {
        width: 100%;
        height: auto;
    }
}

/* Small Devices */
@media only screen and (max-width : 768px) {
    .featured-event-section,
    .media-section,
    .shop-section,
    .sponsors-section,
    .team-section,
    .widgets-section {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .topbar-info-wrap,
    .topbar-links-wrap {
        text-align: center;
    }
    .topbar-info-wrap a,
    .topbar-links-wrap a {
        margin: 5px;
    }
    .logo-wrap {
        text-align: center;
    }
    .logo-wrap a {
        height: 150px;
        position: relative;
        top: 0;
        margin: 25px 0 15px 0;
    }
    header.sticky-header {
        top: 0 !important;
        position: relative;
    }
    .site-wrap-fixed {
        margin-top: 0 !important;
    }
    
    .featured-event-item .featured-event-team.team-odd .featured-event-team-name,
    .featured-event-item .featured-event-team.team-even .featured-event-team-name {
        margin: 10px 0;
    }
    
    .footer-widget-area-column .widget-container {
        margin-bottom: 60px;
    }
    .footer-widgets-area {
        padding-bottom: 0;
    }
    
    .single-post-content .woocommerce-checkout #customer_details h3 {
        margin-top: 30px;
    }
    
    .sp_event .sp-template-event-logos-block .team-logo {
        float: none;
    }
    .sp_event .sp-template-event-logos-block .team-logo .sp-team-name {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 0;
        margin-right: 0;
        text-align: center;
    }
    .sp-section-content .sp-template-gallery dl.gallery-item {
        width: 100%;
    }
    .single-sp_calendar .sp-event-blocks .event-blocks-logo,
    .single-sp_team .sp-fixtures-results .event-blocks-logo {
        display: none;
    }
    .single-sp_calendar .sp-event-blocks .event-blocks-team-name,
    .single-sp_team .sp-fixtures-results .event-blocks-team-name {
        display: inline-block;
        width: 100%;
        text-align: center;
        padding: 10px 0;
    }
    .sp-section-content dl dt {
        width: 40%;
    }
    .sp-section-content dl dd {
        width: 60%;
    }
}