@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
    body {
        background-image: url(../img/body-m.png);
    }

    .header-top {
        left: 0;
    }

    .header-bottom {
        top: 70px;
    }

    .logo a img {
        width: 180px;
    }

    .nav-menu {
        display: none;
    }

    .content {
        position: relative;
        top: 55px;
        padding: 25px;
    }

    .slider-container img {
        width: 100%;
        padding: 10px;
    }

    .d-slide {
        display: none;
    }

    .m-slide {
        display: block;
    }

    .carousel-header .col-6 {
        justify-content: center;
    }

    .carousel-header .col-6:nth-child(2) {
        justify-content: center;
        margin: 12px 0px;
    }

    .count-wrapper {
        padding: 0px 15px;
    }

    .carousel-title {
        font-size: 1.5rem;
    }

    .club-wrapper {
        margin-top: 35px;
    }

    .club-wrapper .col-6 {
        max-width: 50%;
    }

    .match-grid .col-7 {
        max-width: 58.333333%;
    }

    .match-grid .col-5 {
        max-width: 41.666667%;
    }

    .match-grid {
        padding: 25px;
    }

    .form-register-wrapper {
        padding: 7px 15px;
    }

    #btnForm {
        width: 100%;
    }

    .about-txt {
        text-align: center;
        margin-bottom: 25px;
    }

    .about-txt h2 {
        display: none;
    }

    .guidelines {
        background-color: transparent;
    }

    .guidelines img {
        width: 100%;
        padding: 0;
    }

    .accordion-head a h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 15px;
    }

    .faq-content {
        padding: 0px 20px;
    }

    .faq-content p {
        text-align: center;
        padding: 0 0px 0px 20px;
    }

    .footer {
        margin-top: 5rem;
    }

    .copyright {
        letter-spacing: 1px;
        font-size: 12px;
    }

}


/* iPad and Tablests Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {


}

/* 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) {


}