@media screen and (max-width:1600px) {
    .football_banner_right {
        height: 600px;
    }
}


@media screen and (max-width:1200px) {
    .navbar-menu {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100%;
        padding: 50px;
        background-color: var(--secondary-color);
        transform: translateX(-100%);
        transition: all 0.3s linear;
        z-index: 100;
        color: #fff;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
    }

    .menuToggle .navbar-menu {
        transform: translateX(0);
        justify-content: flex-start;
    }

    .navbar-menu ul {
        flex-direction: column;

    }

    .menu-toggle-btn {
        display: block;
    }

    .menu-close-btn {
        position: absolute;
        top: 20px;
        right: 20px;
        display: block;
        text-align: end;
        z-index: 55;
        font-size: 21px;
        height: 20px;
        width: 20px;
    }

    .signup-btn,
    .login-btn {
        margin-left: 10px !important;
    }
   

    .btn {
        max-width: 150px;
        margin: 0 auto;
        width: 100%;
        margin-bottom: 15px;
    }

    .football_banner_right {
        height: 500px;
    }

    .banner-btn {
        padding: 10px 15px;
        font-size: 17px;
    }

    .home_info_first h2 {
        font-size: 45px;
    }

    .our-pormises_wrap p {
        font-size: 18px;
    }

    .logo-container a,
    .logo-bottom a {
        width: 280px;
    }

    .custom-blog-card-image {
        height: 270px;
    }

    .custom-blog-card-content h3 {
        font-size: 22px;
    }

    #login-signup button[type="submit"] {
        font-size: 19px;
    }
}


@media screen and (max-width:992px) {

    .image_side,
    .text_side {
        width: 100%;
    }

    .both_into {
        gap: 20px;
        flex-wrap: wrap;
    }

    .footer-blocks h3 {
        font-size: 28px;
    }

    .football_banner_right {
        height: 450px;
    }

    .football_banner_left h3 {
        font-size: 20px;
    }

    .home_info_first h2 {
        font-size: 40px;
    }

    .home_second_inf_cards_left {
        height: 100px;
        width: 100px;
    }

    .our-pormises_wrap p {
        font-size: 17px;
    }

    .section-heading {
        font-size: 45px;
    }

    .logo-container a,
    .logo-bottom a {
        width: 220px;
    }

    #login-signup button {
        font-size: 18px;
    }

    p.jump-text {
        font-size: 15px;
    }
}

@media screen and (max-width:768px) {
    .reason-item {
        width:unset;
    }
    .football_banner {
        height: 400px;
    }

    h3 {
        font-size: 20px !important;
    }

    h2 {
        font-size: 26px !important;
    }

    section.our_leagues {
        padding: 20px 0;
    }

    section.discalimer {
        padding: 20px 0;
    }

    .footer-disclaimer p {
        font-size: 14px;
    }

    .ssl-container {
        margin-top: 15px;
    }

    .footer-copyright-ssl-wrap {
        justify-content: center;
    }

    .football_banner_store .row {
        flex-direction: column-reverse;
    }

    .football_banner_right {
        height: 450px;
        margin-bottom: 30px;
    }

    .banner-btn {
        padding: 10px 15px;
        font-size: 17px;
    }

    .home_info_second {
        margin-top: 35px;
        display: flex;
        flex-wrap: wrap;
    }

    .home_second_inf_cards {
        width: 45%;
        margin-bottom: 30px;
    }

    .home_second_inf_cards:last-child {
        margin-bottom: 0;
    }

    .our_leagues_cards {
        margin-bottom: 50px;
    }

    .our-pormises_wrap p {
        font-size: 16px;
    }

    .footer-socials {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer-menus,
    .footer-disclaimer {
        width: 50%;
    }

    .section-heading {
        font-size: 40px;
    }

    .custom-blog-card-image {
        height: 260px;
    }

    .py-10 {
        padding: 50px 0;
    }

    .top-pages-cards p {
        font-size: 15px;
    }

    .top-pages-cards-image {
        height: 270px;
    }

    #contact input,
    #contact textarea,
    #contact select {
        padding: 8px;
    }

    .contact-card1-image {
        height: 260px;
    }

    #login-signup input,
    #login-signup textarea {
        font-size: 15px;
    }

    #login-signup button {
        font-size: 17px;
    }

    #login-signup {
        margin: 50px 0 0 0;
    }
/* 
    .login_signup_form {
        padding: 150px 0 80px 0;
    } */

    p.jump-text {
        font-size: 14px;
    }

    .info_priterm-content-grp h3 {
        font-size: 20px;
    }

    .text {
        width: 100%;
        padding: 0;
    }

    .how_play_image {
        width: 100%;
        height: 270px;
    }

    .playing_guide_content_section .container .step:nth-child(even) .step-content {
        flex-direction: column-reverse;
    }

    .playing_guide_content_section .container .step:nth-child(even) .step-content .how_play_image {
        margin-bottom: 30px;
    }

    .profile-side,
    .col-sec {
        width: 100%;
    }

    .user-content-box {
        max-width: 450px;
        margin: 0 auto;
    }

    .user-content-update {
        padding: 0 30px;
    }

    .content {
        gap: 0;
    }

    .about_head {
        margin-bottom: 0;
    }

    section.our_about {
        padding: 40px 0;
    }
    .leagues .fanatiqs_leagues-inner {
        overflow-x: scroll;
    }
     .leagues-list {
        padding: 1.5rem;
    
    }
    .leagues .leagues-list {
        min-width: 700px;
    }
    .matches .basket_leagues-inner-content {
        overflow-x: scroll;
    }
    .matches .matches-list {
        min-width: 700px;
    }
    .matches .team-logo {
        padding: 10px 30px;
    }
    .matches-details .fanatiqs_leagues-inner {
        overflow-x: scroll;
    }
    .overflow{
        overflow-x: scroll;
    }
    .matches-details .leagues-list {
        min-width: 700px;
    }
    .matches-details .team-logo {
        margin-top: -40px;
    }
    .matches-details .fanatiqs_leagues-inner h2{
        min-width: 700px;
    }
    .team-view-page .fanatiqs_leagues-inner {
        overflow-x: scroll;
    }
    .team-view-page .leagues-list {
        min-width: 700px;
    }
    .fanatiqs_leagues-inner h2{
        min-width: 700px;
    }
    .team-btns {
        min-width: 700px;
    }
    .my-matches .brooklyn-main {
        overflow-x: scroll;
    }
    .brooklyn-main .matches-list {
        min-width: 700px;
    }
    .leagues-list {
        padding: 0.5rem;
    }
    .match-details .leagues-list {
        min-width: 700px;
    }
  
}





@media screen and (max-width:575px) {
    .img_pic {
        height: 350px;
    }

    .social-icons {
        height: 40px;
        width: 40px;
    }

    .social-ikons {
        width: 16px;
        height: 16px;
    }


    .menu-toggle-btn {
        width: 21px;
        height: 21px;
    }

    .football_banner_right {
        height: 350px;
    }

    .football_banner_left {
        max-width: 400px;
    }

    .banner-btn {
        padding: 9px 15px;
        font-size: 17px;
    }

    .home_info_first h2 {
        font-size: 30px;
    }

    .home_second_inf_cards {
        width: 100%;
    }

    .home_second_inf_cards_right p {
        font-size: 15px;
    }

    .our_leagues_cards {
        max-width: 100%;
    }

    .our_leagues_cards_icon {
        height: 80px;
        width: 70px;
    }

    .our-pormises_wrap p {
        font-size: 15px;
    }

    .section-heading {
        font-size: 35px;
    }

    .sub-banner-content h1 {
        font-size: 35px;
    }

    .sub-banner {
        height: 350px;
    }

    .how_play_content_image {
        height: 240px;
    }

    .how_play_content_info p {
        font-size: 15px;
    }

    .how_to_play_wrap h2 {
        font-size: 21px;
        max-width: 450px;
    }

    .custom-blog-card-image {
        height: 240px;
    }

    .custom-blog-card-content p {
        font-size: 15px;
    }
    .toggle-target a{
        width: 50%;
    }
    .toggle-target a {
        font-size: 14px;
    }

    .toggle-button {
        font-size: 15px;
    }

    .true_banner-text p {
        font-size: 15px;
    }

    .top-pages-cards p {
        font-size: 14px;
    }

    .top-pages-cards-image {
        height: 250px;
    }

    .header-pages-cards p {
        font-size: 15px;
    }

    #contact input,
    #contact textarea,
    #contact select {
        font-size: 15px;
        padding: 8px;
    }

    #contact button[type="submit"] {
        padding: 8px 19px;
        font-size: 16px;
    }

    .contact-card1-image {
        height: 240px;
    }

    #login-signup input #login-signup textarea {
        font-size: 14px;
    }

    #login-signup button {
        font-size: 16px;
    }

    p.jump-text {
        font-size: 13px;
    }

    .info_priterm-content-grp h3 {
        font-size: 18px;
    }

    .banner_box h1 {
        font-size: 40px;
    }

    .gaime_text {
        grid-template-columns: 1fr;
    }

    .content {
        flex-direction: column;
    }

    .column:first-child {
        border-right: 0;
    }

    .how_play_image {
        height: 240px;
    }

    .step p {
        font-size: 15px;
    }
    .top_notch {
        flex-direction: column;
    }
    .login {
        margin: 10px auto;
    }
    .avatar-content {
        justify-content: center;
        margin-top: 15px;
    }
    .match-details.team-logo {
        padding: 10px 20px;
    }
}


@media screen and (max-width:480px) {

    .logo-container a,
    .logo-bottom a {
        width: 180px;
        height: 75px;
    }

    footer.footer.py-5 {
        padding-top: 0;
    }
    .toggle-target a {
        font-size: 12px;
    }

    .footer-blocks {
        width: 100%;
        padding: 20px 0 0;
    }

    .footer-blocks h3 {
        font-size: 22px;
    }

    .footer-disclaimer p {
        font-size: 13px;
    }

    .footer-copyright-ssl-wrap {
        padding: 30px 0px 0 0px;
    }

    .copyright-wrap p {
        font-size: 12px;
        text-align: center;
    }

    .football_banner_right {
        height: 300px;
    }

    .football_banner_left h3 {
        font-size: 16px;
    }

    .banner-btn {
        padding: 8px 15px;
        font-size: 16px;
    }

    .home_info_first h2 {
        font-size: 20px;
    }

    .section-heading {
        font-size: 30px;
    }

    .home_second_inf_cards_right p {
        font-size: 14px;
    }

    .our_leagues_cards_icon {
        height: 80px;
        width: 100px;
    }

    .our-pormises_wrap p {
        font-size: 14px;
    }

    .sub-banner-content h1 {
        font-size: 30px;
    }

    .sub-banner {
        height: 300px;
    }

    .how_to_play_wrap h2 {
        font-size: 20px;
        line-height: 1.3;
    }

    .how_to_play_cards {
        padding: 20px 15px;
    }

    .how_play_content_image {
        height: 220px;
    }

    .how_play_content_info h3 {
        font-size: 20px;
    }

    .how-play_number_inner {
        height: 40px;
        width: 40px;
    }

    .how-play_number_inner h3 {
        font-size: 21px;
    }

    .how_play_content_info p {
        font-size: 14px;
    }

    .custom-blog-card-image {
        height: 220px;
    }

    .custom-blog-card-content h3 {
        font-size: 18px;
    }

    .custom-blog-card-content p {
        font-size: 14px;
    }

    .toggle-button {
        font-size: 14px;
    }

    .true_banner-text p {
        font-size: 14px;
    }

    .top-pages-cards h3 {
        font-size: 20px;
    }

    .top-pages-cards p {
        font-size: 13px;
    }

    .top-pages-cards-image {
        height: 220px;
    }

    .header-pages-cards h3 {
        font-size: 20px;
    }

    .header-pages-cards p {
        font-size: 14px;
    }

    #contact input,
    #contact textarea,
    #contact select {
        font-size: 14px;
    }

    #contact button[type="submit"] {
        padding: 8px 19px;
        font-size: 15px;
    }

    .contact-card1-image {
        height: 220px;
    }

    #login-signup h3 {
        font-size: 22px;
    }

    #login-signup input[type="text"],
    #login-signup input[type="email"],
    #login-signup input[type="tel"],
    #login-signup input[type="url"],
    #login-signup textarea {
        font-size: 13px;
    }

    #login-signup button[type="submit"] {
        font-size: 15px;
    }

    p.jump-text {
        font-size: 12px;
    }

    .info_priterm-wrap {
        padding: 30px 20px;
    }

    .info_priterm-content-grp h3 {
        font-size: 16px;
    }

    .how_play_image {
        height: 200px;
    }
    .banner_box h1 {
        font-size: 30px;
    }
}