@media screen and (max-width:1399px) {
    .nav-link {
        font-size: 18px;
    }

}

@media screen and (max-width:1299px) {
    .time-date {
        font-size: 18px;
    }

    .games-day-box {
        padding: 10px;
    }

    .stadium {
        font-size: 14px;
    }

    .score-center h3 {
        color: var(--primary-color);
        font-size: 52px;
    }

    .games-day-left h4,
    .games-day-right h4 {
        font-size: 20px;
        font-family: var(--barlow-semibold);
        text-transform: uppercase;
    }

    .f-logo {
        max-width: 190px;
    }

}

@media screen and (max-width:1199px) {
    .recent-news-box-img img {
        min-width: 230px;
    }

    .facility-text h5 {
        font-size: 22px;
    }

    .facility-text p {
        margin-top: 8px;
    }

    .facility-text a {
        max-width: 35px;
        height: 35px;
    }

    .facility-text a img {
        max-width: 20px;
    }

    .recent-post-box {
        padding: 15px;
    }

    .contact-c-box h5 {
        font-size: 18px;
    }
}

@media screen and (max-width:1099px) {
    .nav-link {
        font-size: 16px;
    }
}

@media screen and (max-width: 992px) {
    .searc-bar {
        margin-right: 10px;
    }

    #offcanvasNavbarLabel img {
        max-width: 200px;
    }

    .offcanvas.offcanvas-end.show {
        background-color: var(--black);
    }

    .s-box-first {
        border-radius: 0 15px 0 0;
    }

    .s-box-third {
        border-radius: 0 0 0 15px;
    }

    .banner-title {
        font-size: 48px;
    }

    .title-top span {
        font-size: 22px;
    }

    .title-top img {
        width: 23px !important;
        height: 23px;
    }

    .banner-caption {
        font-size: 18px;
    }



    .section-title-top span {
        font-size: 22px;
    }

    .section-title-top img {
        width: 21px !important;
        height: 21px;
    }

    .games-day-box {
        margin-bottom: 30px;
    }

    .facility-text h5 {
        font-size: 20px;
    }

    .facility-text p {
        margin-top: 8px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .sub-banner-main .banner-title {
        font-size: 34px;
    }

    .breadcrumb-item a,
    .breadcrumb-item {
        font-size: 14px;
    }

    .sub-banner-main {
        min-height: 350px;
    }

    .blog-detail-main {
        padding: 30px 0 50px 0;
    }

    .contact-map {
        margin-bottom: 20px;
    }

    .contact-map img {
        width: 100%;
    }

}

@media screen and (max-width:991px) {
    .nav-link {
        font-size: 20px;
        text-transform: uppercase;
    }

    .shop-box {
        background-size: 100% !important;
    }

    .pitch-slider .recent-news-box-img img {
        min-height: 250px;
        min-width: 200px;
        object-fit: cover;
        object-position: center;
    }

    .recent-news-box-text h5 {
        font-size: 20px;
    }

    .primery-button {
        max-width: 180px;
        height: 50px;
    }

    .recent-news,
    .shop-main,
    .try-out-slider,
    .our-coach,
    .games-day,
    .facilities,
    .video-section,
    .call-out,
    .instagram-gallery,
    .contact-us {
        padding: 30px 0;
    }

    .our-coach.faq.bg-white {
        padding-top: 0;
    }

    footer {
        padding: 30px 0 0 0;
    }

    .section-title {
        font-size: 32px;
    }

    .our-coach .section-title-top span {
        font-size: 20px;
    }

    footer .login-footer {
        padding-bottom: 10px;
        margin-top: 30px;
    }

    .footer-links a {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .footer-links h5 {
        font-size: 22px;
        color: var(--white);
        margin-bottom: 15px;
    }

    footer p {
        font-size: 14px;
    }

    footer .login-footer a {
        font-size: 14px;
    }

    .navbar-brand img {
        max-width: 200px;
    }

    .time-date {
        font-size: 20px;
    }

    .games-day-box {
        padding: 30px;
    }

    .stadium {
        font-size: 16px;
    }

    .score-center h3 {
        font-size: 60px;
    }

    .games-day-left h4,
    .games-day-right h4 {
        font-size: 22px;
        font-family: var(--barlow-semibold);
        text-transform: uppercase;
    }

    .our-coach .section-title-top {
        margin-bottom: 10px;
        margin-top: 15px;
    }

    .pitch-slider .owl-dots {
        bottom: -20px;
    }

    .have-quetion {
        background-size: 100%;
    }

    .recent-post-box .section-title {
        font-size: 20px;
    }

    .leave-reply-form.bg-grey {
        margin-bottom: 20px;
    }

    .contact-c-box h5 {
        font-size: 22px;
    }

    .blue-btn {
        padding: 10px 15px;
    }
}

@media screen and (max-width:767px) {
    .facility-box {
        margin-bottom: 20px;
    }

    .facility-img img {
        width: 100%;
    }

    .facility-text {
        width: 100%;
    }

    .facility-text h5 {
        font-size: 24px;
    }

    .facility-img img {
        width: 100%;
        max-height: 260px;
        object-fit: cover;
    }

    .banner-title {
        font-size: 42px;
    }

    .banner-main .owl-nav {
        display: none;
    }

    .title-top span {
        font-size: 20px;
    }

    .title-top img {
        width: 20px !important;
        height: 20px;
    }

    .shop-box h4 {
        font-size: 26px;
    }

    .shop-box p {
        font-size: 16px;
        margin: 15px 0 15px 0;
    }

    .try-o-slider .owl-dots {
        bottom: 0;
    }

    .play-btn img {
        width: 60px;
    }

    .call-out .text-content-inner {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

    .call-out .section-title {
        text-align: center;
    }

    .section-title {
        font-size: 28px;
    }

    .call-out-img {
        display: none;
    }

    .call-out-inner {
        padding: 30px;
    }

    .try-out-slider {
        background-size: 5000px;
    }
}

@media screen and (max-width:576px) {
    header {
        top: 0;
    }

    .btn.search-btn {
        width: 30px;
        height: 30px;
        padding: 0;
    }

    .navbar-toggler-icon {
        width: 1em;
        height: 1em;
    }

    .navbar-brand img {
        max-width: 160px;
    }

    .navbar-toggler {
        padding: 0px 5px;
    }

    .banner-title {
        font-size: 30px;
    }

    .title-top span {
        font-size: 18px;
    }

    .title-top img {
        width: 18px !important;
        height: 18px;
    }

    .banner-caption {
        font-size: 16px;
    }

    .banner-slider-inner {
        gap: 10px;
    }

    .banner-inner {
        min-height: 550px;
    }

    .shop-box h4 {
        font-size: 22px;
    }

    .primery-button {
        max-width: 160px;
        height: 40px;
        font-size: 16px;
    }

    .recent-news-box {
        flex-direction: column;
    }

    .recent-news-box-img {
        width: 100%;
    }

    .recent-news-box-img img {
        width: 100%;
        height: 100%;
        max-height: 370px;
        min-width: 300px;
        object-fit: cover;
    }

    .pitch-slider .recent-news-box-img img {
        width: 100%;
        height: 100%;
        max-height: 370px;
        min-width: 300px;
        object-fit: cover;
        object-position: center;
    }

    .owl-carousel.pitch-slider .owl-item .recent-news-box-img img {
        width: 100%;
    }

    .section-title {
        font-size: 24px;
    }

    .our-coach .section-title-top span {
        font-size: 18px;
    }

    .our-coach .section-title-top img {
        width: 18px !important;
        height: 18px;
    }

    .section-caption {
        font-size: 16px;
        color: var(--black);
        margin: 15px 0;
        display: block;
    }

    .footer-links h5 {
        font-size: 20px;
    }

    .d-block.text-center.text-lg-start.mb-4.mb-lg-0 {
        text-align: left !important;
    }

    .blue-btn {
        padding: 8px 15px;
    }

    .games-day-box {
        padding: 10px;
    }

    .games-day-left h4,
    .games-day-right h4 {
        font-size: 18px;
    }

    .games-day-left img,
    .games-day-right img {
        width: 100px;
        height: 100px;
        object-fit: contain;
    }

    .score-center h3 {
        font-size: 40px;
    }

    .time-date {
        font-size: 16px;
    }

    .stadium img {
        width: 14px;
    }

    .stadium {
        font-size: 12px;
    }

    .f-logo {
        max-width: 160px;
    }

    .footer-links a img {
        width: 8px;
    }

    .f-social-media a img {
        width: 18px;
    }

    .f-social-media a {
        height: 30px;
        width: 30px;
    }

    .try-o-slider .owl-nav img {
        width: 15px !important;
    }

    .sub-banner-main .banner-title {
        font-size: 28px;
    }

    .breadcrumb-item a,
    .breadcrumb-item {
        font-size: 16px;
    }

    .try-out-slider {
        background-size: 2000px auto;
    }

    .page-link {
        font-size: 14px;
    }

    p {
        font-size: 14px;
    }

    .share-post {
        padding: 10px 0;
    }

    .leave-reply-form.bg-grey {
        padding: 10px;
        border-radius: 0 30px 0 30px;
        margin-top: 18px;
    }

    .leave-reply-form .form-control {
        height: 40px;
    }

    .list-two li {
        font-size: 14px;
    }

    .list-one li {
        font-size: 14px;
    }

    .leave-reply-form .primery-button {
        margin-top: 25px;
    }

    .contact-c-box h5 {
        font-size: 20px;
    }
}