/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media(max-width:992px){

    .match-layout{

        grid-template-columns:1fr;

    }

    .match-sidebar{

        position:static;

    }

}

@media(max-width:768px){

    .match-single-header{

        flex-direction:column;

        gap:12px;

    }

    .match-single-body{

        display:grid;

        align-items:center;

         grid-template-columns:1fr auto 1fr;

        gap:14px;

        padding:28px 16px;

    }

    .match-single-kickoff{

        font-size:30px;

    }

    .match-single-team img{

        order:1;

        width:60px;

        height:70px;

    }

    .match-single-team h2{

        order:2;

        font-size:14px;

    }

    .match-single-team{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    gap:8px;

}

.match-single-home,
.match-single-away{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

}

    .match-single-tabs{

        overflow-x:auto;

        justify-content:flex-start;

        gap:20px;

    }


}

@media(max-width:768px){

    .match-sidebar {
        margin-top: -22px;
        gap: 0;
    }

    .match-sidebar > * + * {
        margin-top: 20px;
    }

}