@media (min-width: 2000px) {
    :root {
        --padding-y: 100px;
        --heading: 65px;
        --h3: 30px;
        --subtitle: 25px;
        --paragraph: 26px;
        --smaller-text: 24px;
        --font36: 36px;
        --font24: 24px;
        --font20: 20px;
        --font18: 18px;
        --box-spacing-small: 2.5rem;
        --box-spacing-large: 3rem;
    }
    .container {
        max-width: 1600px;
    }
}

@media (min-width: 992px) {
    .container {
        --bs-gutter-x: 6rem;
    }
    .navbar>.container, .navbar>.container-fluid {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        align-items: center;
        width: 100%;
    }
    .site-header {
        .language-dropdown {
            margin-left: auto;
        }
    }
    .banner_for_mobile {
        display: none;
    }
}

@media (min-width: 1700px) and (max-width: 1999px) {
    .container {
        max-width: 1600px;
    }
    :root {
        --padding-y: 90px;
        --heading: 58px;
        --h3: 28px;
        --subtitle: 25px;
        --paragraph: 26px;
        --smaller-text: 24px;
        --font36: 32px;
        --font20: 20px;
        --font18: 18px;
        --box-spacing-small: 2.5rem;
        --box-spacing-large: 3rem;
    }
    .function-row {
        .col-inner {
            img {
                width: 70px;
                height: 70px;
                margin-bottom: 1.5rem;
            }
        }
    }
}

@media (min-width: 1700px) {
    .py-5 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .mb-xxxl-5 {
        margin-bottom: 2.5rem !important;
    }
    .mt-xxxl-5 {
        margin-top: 2.5rem !important;
    }
    .site-btn, .form-button {
        padding: 1rem;
    }
    form {
        .form-group {
            margin-bottom: 1.5rem;
        }
        .form-control {
            height: 60px;
        }
    }
    .site-header {
        .navbar-brand {
            img {
                max-height: 120px;
            }
        }
    }
    .language-dropdown {
        width: 100px;
        .language-toggle {
            width: 100px;
            height: 52px;
        }
    }
    .banner-sec {
        padding-top: 190px;
        .banner-features {
            img {
                width: 60px;
                height: 60px;
                margin-bottom: 1rem;
            }
            .flex-col:not(:first-child) {
                padding-left: 2rem;
            }
        }
    }
    .banner-form {
        form {
            .fci-item {
                margin: 10px 0;
            }
        }
    }
    .map-sec {
        .link_list {
            img {
                width: 50px;
            }
        }
    }
    .football-list {
        li {
            margin: 18px 0;
            &:before {
                width: 25px;
                height: 25px;
                margin-right: 15px;
            }
        }
    }
    .talent-carousel {
        .item {
            .image-box {
                height: 250px;
            }
            .talent_info {
                padding: 1.5rem;
            }
        }
        .owl-nav {
            button {
                width: 50px;
                height: 50px;
            }
        }
    }
    .fur-talent-row {
        img {
            width: 70px;
            height: 70px;
            margin-bottom: 1.25rem;
        }
    }
    .accordion {
        .accordion-item {
            margin-top: 2rem;
        }
        .accordion-button {
            padding: 15px 20px;
            &::after {
                width: 42px !important;
                height: 42px !important;
            }
        }
        .accordion-body {
            padding: 0 20px 15px;
        }
    }
    .site-footer {
        .ftr_logo {
            max-height: 120px;
        }
        .ftr_subtext {
            margin: 2rem 0;
        }
        .ftr_social {
            a {
                width: 55px;
                height: 55px;
            }
        }
        .ftr_link_col {
            a {
                margin-top: 15px;
            }
        }
    }
}

@media (min-width: 992px) and (max-width: 1699.98px) {
    .container {
        max-width: 1500px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    :root {
        --padding-y: 40px;
        --heading: 40px;
        --h3: 24px;
        --subtitle: 20px;
        --paragraph: 20px;
        --smaller-text: 18px;
        --font36: 27px;
        --font20: 17px;
        --font18: 16px;
        --radius: 20px;
        --box-spacing-small: 1.5rem;
        --box-spacing-large: 1.5rem;
    }
    h2, h3 {
        line-height: 1;
    }
    body {
        line-height: 1.35;
    }
    .site-header {
        .navbar-brand {
            img {
                max-height: 80px;
            }
        }
        .navbar-nav {
            .nav-link {
                padding: 0 1rem;
            }
        }
    }
    .talent-carousel {
        .item {
            .image-box {
                height: 180px;
            }
        }
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 1024px) {
    form {
        .form-control {
            font-size: 16px;
        }
    }
}

@media (max-width: 991.98px) {
    :root {
        --padding-y: 40px;
        --heading: 40px;
        --h3: 24px;
        --subtitle: 20px;
        --paragraph: 20px;
        --smaller-text: 18px;
        --font36: 27px;
        --font20: 17px;
        --font18: 16px;
        --radius: 20px;
        --box-spacing-small: 1.5rem;
        --box-spacing-large: 1.5rem;
    }
    [id] {
        scroll-margin-top: 120px;
    }
    h2, h3 {
        line-height: 1.10;
    }
    body {
        line-height: 1.35;
    }
    .container {
        max-width: 100%;
        --bs-gutter-x: 3rem;
    }
    .sec-heading {
        max-width: 100%;
        margin: 0 auto 1.5rem;
    }
    body.body_overflow {
        overflow: hidden;
    }
    .site-header {
        .navbar-brand, .language-dropdown {
            position: relative;
            z-index: 10001;
        }
        .navbar-toggler {
            position: relative;
            z-index: 10001;
            width: 35px;
            height: 35px;
            background: transparent;
            display: flex !important;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-width: auto;
            border: 0 !important;
            padding: 0;
            margin-left: 0.65rem;
            outline: none !important;
            box-shadow: none !important;
        }
        .navbar-toggler .icon-bar {
            display: block;
            width: 30px;
            height: 2px;
            border-radius: 1px;
            position: relative;
            background-color: var(--white);
            transition: all 500ms ease-in-out;
        }
        .navbar-toggler .icon-bar+.icon-bar {
            margin-top: 6px;
        }
        .navbar-toggler .icon-bar:nth-of-type(2) {
            top: 1px;
        }
        .navbar-toggler .icon-bar:nth-of-type(3) {
            top: 2px;
        }
        .navbar-toggler.active .icon-bar:nth-of-type(1) {
            margin-top: 0;
            top: 6px;
            transform: rotate(45deg);
        }
        .navbar-toggler.active .icon-bar:nth-of-type(2) {
            background: transparent !important;
        }
        .navbar-toggler.active .icon-bar:nth-of-type(3) {
            margin-top: 2px;
            top: -5px;
            transform: rotate(-45deg);
        }
        #mainNavbar {
            &.collapse {
                position: fixed;
                z-index: 1000;
                transition: all .5s ease;
                top: 0;
                bottom: 0;
                right: -100%; /* -width of sidebar */
                width: 0;
                height: 100% !important;
                display: block;
                background: var(--dark-blue);
            }
            &.collapsing {
                transition: all .18s ease-in;
                position: fixed;
                top: 0;
                bottom: 0;
                right: -100%;  /* -width of sidebar */
                width: 100%;  /* width of sidebar */
                height: 100% !important;
                display: block;
            }
            &.collapse.show {
                right: 0;
                width: 100%;
                padding: 0;
            }
            .menu_container {
                position: relative;
                height: 100%;
                padding: 100px 1.5rem;
            }
            .navbar-nav {
                height: calc(100vh - 200px);
                flex-direction: column;
                overflow: auto;
                li.nav-item {
                    margin-left: 0;
                    margin-top: .5rem;
                    .nav-link {
                        display: inline-block;
                        font-size: 28px;
                        font-weight: 500;
                        padding: 10px 0;
                    }
                }
            }
            .sidebar__btmtxt {
                position: absolute;
                bottom: 10px;
                width: 100%;
                left: 0;
                display: block;
                font-size: 85%;
                padding: 0 1.5rem;
            }
        }
    }
    .banner-sec {
        h1 br {
            display: none;
        }
        .banner-content {
            position: relative;
            padding-top: 160px;
            padding-bottom: 2rem;
            .banner_for_mobile {
                width: calc(100% + 1.5rem);
                height: 100%;
                position: absolute;
                left: calc(var(--bs-gutter-x) * -.5);
                top: 0;
                object-fit: cover;
                z-index: -1;
            }
        }
        .form-wrapper {
            background: rgb(7 41 68 / 5%);
        }
    }
    .banner-form {
        form {
            .fci-item {
                &:before {
                    width: 17px;
                    height: 17px;
                    top: 1px;
                }
            }
        }
    }
    .banner-sec.desktop_banner {
        background: none !important;
        padding-top: 0;
    }
    .talent-carousel {
        .owl-nav {
            button {
                width: 35px;
                height: 35px;
                left: -10px;
            }
            button.owl-next {
                left: auto;
                right: -10px;
            }
        }
    }
    .football-list {
        li {
            &:before {
                width: 15px;
                height: 15px;
                top: 4px;
            }
        }
    }
}

@media (max-width: 767.98px) {
    :root {
        --padding-y: 30px;
        --heading: 34px;
        --h3: 21px;
        --subtitle: 16px;
        --paragraph: 18px;
        --smaller-text: 17px;
        --font36: 24px;
        --font20: 16px;
        --font18: 16px;
        --radius: 20px;
        --box-spacing-small: 1.25rem;
        --box-spacing-large: 1.5rem;
    }
    .site-header {
        .navbar-brand {
            img {
                max-height: 70px;
            }
        }
    }
    .banner-sec {
        padding-top: 130px;
    }
    .talent-carousel {
        .owl-nav {
            button {
                width: 35px;
                height: 35px;
                left: -10px;
            }
            button.owl-next {
                left: auto;
                right: -10px;
            }
        }
    }
    .accordion {
        .accordion-button {
            padding: 10px 15px;
        }
    }
    .fur-talent-row {
        img {
            width: 48px;
            height: 48px;
        }
    }
    .site-footer {
        .ftr_logo {
            max-height: 70px;
        }
        .ftr_social {
            a {
                width: 40px;
                height: 40px;
            }
            a:not(:first-child) {
                margin-left: 1rem;
                &:before {
                    left: -.65rem;
                }
            }
        }
    }
    .football-list {
        li {
            &:before {
                top: 4px;
            }
        }
    }
}


@media (max-width: 575.98px) {
    .banner-sec {
        .banner-content {
            padding-top: 120px;
        }
        .banner-features {
            flex-direction: column;
            .flex-col:not(:first-child) {
                position: relative;
                padding-top: 1.25rem;
                padding-left: 0;
                &:before {
                    width: 100%;
                    height: 2px;
                    background: linear-gradient(to right, transparent, var(--white), transparent);
                }
            }
        }
    }
    .fur-talent-row {
        gap: 0;
        flex-wrap: wrap;
        .row-col-item {
            margin-top: 1rem;
            flex-basis: 50%;
            width: 50%;
            padding: 0 1rem !important;
        }
        .row-col-item:nth-child(3) {
            border-left: 0;
        }
    }
}

@media (max-width: 480px) {
    :root {
        --h3: 18px;
        --box-spacing-large: 1rem;
    }
    .site-btn, .form-button {
        font-size: 16px;
        padding: .75rem;
    }
    .language-dropdown {
        .language-toggle {
            width: 72px;
            height: 40px;
            padding: 0 8px;
            i {
                font-size: 14px;
            }
        }
    }
    .talent-carousel {
        padding: 0;
        .owl-nav {
            button {
                width: 40px;
                height: 40px;
                left: -20px;
            }
            button.owl-next {
                left: auto;
                right: -20px;
            }
        }
    }
    .map-sec {
        .link_list {
            a {
                flex-basis: calc(100% - .75rem);
            }
        }
    }
    
    .football-list {
        li {
            &:before {
                top: 2px;
            }
        }
    }
}