﻿/*// Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {

    .imgBrandingLogo {
        width: 45px;
    }

    #imgCompLogo {
        height: 40px;
    }

    .ticketRelayTitle {
        position: fixed;
        top: 20px;
        left: 150px;
    }

    .ticketRelayCard {
        padding-bottom: 65px;
    }

    .specialTable {
        font-size: 12px;
    }

        .specialTable tr th:nth-child(3) {
            display: none;
        }

        .specialTable tr td:nth-child(3) {
            display: none;
        }

        .specialTable tr th:nth-child(5) {
            display: none;
        }

        .specialTable tr td:nth-child(5) {
            display: none;
        }

        .specialTable tr th:nth-child(7) {
            display: none;
        }

        .specialTable tr td:nth-child(7) {
            display: none;
        }

        .specialTable tr th:nth-child(10) {
            display: none;
        }

        .specialTable tr td:nth-child(10) {
            display: none;
        }

    body {
        font-size: 12px;
    }

    .btn {
        font-size: 12px;
        height: initial !important;
    }

    hr {
        margin: 0px;
    }

    .form-control {
        min-width: 80px;
    }
}

/*// Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {

    .imgBrandingLogo {
        width: 45px;
    }

    #imgCompLogo {
        height: 40px;
    }

    .ticketRelayTitle {
        position: fixed;
        top: 20px;
        left: 150px;
    }

    .ticketRelayCard {
        padding-bottom: 65px;
    }

    .specialTable tr th:nth-child(3) {
        display: none;
    }

    .specialTable tr td:nth-child(3) {
        display: none;
    }

    .specialTable tr th:nth-child(5) {
        display: none;
    }

    .specialTable tr td:nth-child(5) {
        display: none;
    }

    .specialTable tr th:nth-child(7) {
        display: none;
    }

    .specialTable tr td:nth-child(7) {
        display: none;
    }

    .specialTable tr th:nth-child(10) {
        display: none;
    }

    .specialTable tr td:nth-child(10) {
        display: none;
    }

    body {
        font-size: 12px;
    }

    .btn {
        font-size: 12px;
        height: initial !important;
    }

    hr {
        margin: 0px;
    }

    .form-control {
        min-width: 80px;
    }
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}
