﻿@charset "utf-8";
/* CSS Document */

@-ms-viewport {
    width: device-width;
}

@-viewport {
    width: device-width;
}

@media only screen and (max-width:1200px) {
    img {
        max-width: 100%;
    }

    . {
        width: auto;
        padding-left: 20px;
        padding-right: 20px;
    }

        .nav {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            z-index: 999;
            float: none;
            padding: 0 0;
        }

            .nav ul li {
                margin: 0;
                float: none;
                width: 100%;
            }

                .nav ul li a {
                    background: rgba(51, 51, 153, 0.9);
                    padding-top: 12px;
                    padding-bottom: 12px;
                    color: #fff;
                }
}

@media only screen and (max-width:1024px) {
    .footer p {
        float: none;
        text-align: center;
    }
}

@media only screen and (max-width:960px) {
    .shows-status {
        padding: 10px 30px 10px 30px;
    }

    .content {
        float: none;
        width: auto;
    }

    .photo-gallery ul li {
        border: solid 5px #fff;
    }

    .footer {
        padding: 35px 20px;
    }

    .tournament-listing-field {
        padding-left: 20px;
    }

        .tournament-listing-field h3 {
            padding: 6px 0px 0px 0px;
        }

    .tournament-name, .tournament-date, .city, .state, .gender, .division {
        float: none;
        width: auto;
        margin-right: 30px;
    }

    .tournament-view-nav {
        width: auto;
        float: none;
    }
}

@media only screen and (max-width:768px) {
    .header-inner {
        padding: 0 10px;
    }

    .subnav ul li {
        width: 50%;
    }

    .shows-status h3 {
        margin: 0;
        float: none;
        text-align: center;
    }

    .select {
        float: none;
        width: auto;
    }

    .shows-status:after, .upcoming-events-text:before, .upcoming-events-text:after, .footer:before, .footer:after {
        display: none;
    }

    .upcoming-events, .dc-sports-apparel, .sports-tv, .upcoming-events-img, .upcoming-events-text, .news-and-events {
        float: none;
        width: auto;
    }

        .upcoming-events-text a {
            padding: 0 60px;
        }

            .upcoming-events-text a span {
                left: 20px;
            }

    .sports-news-and-events {
        display: block;
    }

    .news-and-events {
        margin-left: 0;
        margin-top: 20px;
    }

    .photo-gallery ul li {
        width: 50%;
    }

    .tournament-listing-top h3 {
        float: none;
        width: auto;
        margin-right: 0;
        text-align: center;
    }

    .tournament-listing-select {
        float: none;
        width: auto;
    }

    a.back {
        float: none;
        display: block;
    }

    .tournament-view-top {
        padding: 0 20px;
    }

    .tournament-view-nav ul li:before {
        display: none;
    }

    .tournament-view-nav ul li {
        float: none;
        margin-right: 0;
        text-align: center;
    }

        .tournament-view-nav ul li a {
            padding: 10px 0;
        }

    .tournament-view-img {
        float: none;
        width: auto;
        position: static;
        display: block;
        padding: 0 0;
    }

    .tournament-view-table {
        float: none;
        width: auto;
    }

    .section-top {
        padding: 30px 0 0 0;
    }

    .nav {
        margin-left: 0px;
    }

        .nav ul li a:before {
            top: 15%;
            left: 45%;
            width: 10%;
        }

        .nav ul li a:after {
            bottom: 10%;
            left: 45%;
            width: 10%;
        }

    .teams-and-cost aside input[type=number], .teams-and-cost aside input[type=text] {
        padding: 12px 5px;
    }
    /*.mobileMenu {display:block !important;visibility:visible}*/
    /*.subnav {display:none !important;} */

    .nav ul li a {
        border-bottom: solid 0px #fafcfc !important;
    }

    .select select, .tournament-listing-select select {
        padding: 18px 53px 18px 26px;
        word-wrap: break-word;
        width: 100%;
        overflow: hidden;
        white-space: pre;
        text-overflow: ellipsis;
        -webkit-appearance: none;
    }

    .social-feed ul li {
        float: none;
        width: auto;
        margin: 30px 0;
        float: none;
    }
}

@media only screen and (max-width:480px) {

    .tournament-listing-filter .form-group {
        width: 80%;
    }

    .tournament-listing-filter .buttons {
        text-align: center;
        margin-bottom: 10px;
    }

    .tournament-listing-filter input[type=text], .tournament-listing-filter input[type=email], .tournament-listing-filter input[type=number] {
        width: 100%;
    }

    .subnav ul li {
        float: none;
        width: auto;
    }

    .photo-gallery ul li {
        float: none;
        width: auto;
    }

    .tournament-view-table {
        overflow: auto;
    }

    .nav ul li a:before {
        top: 10%;
        left: 40%;
        width: 20%;
    }

    .nav ul li a:after {
        bottom: 8%;
        left: 40%;
        width: 22%;
    }
}

@media only screen and (max-width:320px) {
    /*.dc-sports-apparel {
        width: auto !important;
        height:300px!important;
    }*/
}

@media only screen and (min-width:300px) and (max-width:720px) {
    .text {
        width: auto !important;
        margin-top: 10px !important;
    }

    .schedule-img {
        margin-left: 125px !important;
    }
}

@media only screen and (max-width:1024px) {
    .popup-feed {
        top: 40%;
    }
}


@media only screen and (max-width:768px) {
    .popup-feed {
        top: 42%;
    }
}


@media only screen and (max-width:480px) {
    .popup-feed {
        top: 38%;
    }
}
