@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
    .header .col-9 {
        max-width: 100%;
        flex: 0 0 100%;
      }

    .header .col-3 {
        max-width: 100%;
        flex: 0 0 100%;
      }

    .bottom-content .col-6 {
        max-width: 100%;
        flex: 0 0 100%;
      }

      .logo {
        text-align: center;
        width: 100%;
        margin-top: 1rem;
    }

    .winning-result-box {
        background-color: transparent;
    }

    .all-results {
        padding: 1.5rem;
    }

    .all-results-wrapper {
        padding: 1.5rem;
    }

    #allResults_filter {
        width: 100%;
        text-align: center;
    }

    .warning-inner {
        padding: 1.5rem;
    }

    .warning-txt h2 {
        font-size: 1.7rem;
    }

    .warning-txt .caption p {
        font-size: 12px;
    }

    .warning-banner {
        min-height: 120px;
    }

    .warning-banner img {
        display: none;
    }

    .bottom-content {
        padding: 1.5rem;
    }

    .txt-title h3 {
        text-align: center;
    }

    .txt-title p {
        text-align: center;
    }

    .txt-about p {
        text-align: center;
    }

    .txt-about {
        margin-bottom: 2rem;
    }

    .bottom-right {
        padding-left: 0;
    }

    .footer {
        margin-top: 2rem;
        padding: 1.5rem;
    }

    .copyright-txt .caption p {
        font-size: 13px;
    }

    .results-th.col-number {
        display: none;
    }

    .results-td.col-number {
        display: none;
    }

    .bottom-content {
        margin-top: 0;
    }

    .all-results {
        margin-bottom: 0;
    }
}


/* iPad and Tablests Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}

/* Laptops */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {


}


@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {



}


@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {


}