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

    body {

        background-color: #000;

    }

    nav {

        width: 100%;

        height: 40px;

            background: linear-gradient(135deg, rgb(54, 0, 101) 0%, rgb(105, 1, 210) 50%, rgb(0, 19, 22) 00%);

        background-size: 100%;

        padding-top: 0px;

    }

    nav .nav-links {

        position: relative;

        width: 100%;

        z-index: 999;

    }

    .checkbtn{

        position: relative;

        display: block;

        color: #fff;

        line-height: 20px;

        margin-right: 20px;

        margin-top: 5px;

        z-index: 999;

    }

    nav .nav-links ul{

        position: absolute;

        width: 70%;

        height: 100vh;

        top: 0;

        left: -80%;

        text-align: left;

        background-image: linear-gradient(#57008a, #00171d);

        transition: 0.5s;

        z-index: 998;

        display: block;

    }

    nav .nav-links ul li {

        display: block;

        line-height: 30px;

        border-bottom: 1px solid #00171d;

    }

    nav .nav-links ul li:hover {

        background-color: rgb(32, 32, 32);

    }

    nav .nav-links ul li a{
        font-size: 12px;
        color: #fff;
    }

    nav .nav-links ul li img {
        position: relative;
        height: 30px;
    }

    nav .nav-links ul li a:hover{
        color: #000;
        margin-left: 5px;
    }
    #check:checked ~ .nav-links ul{
        left: 0%;
    }

    .fa-bars {
        position: relative;
        color: #fff;
        z-index: 999;
    }

    .agentwrapper .container {

        max-width: 1280px;

        height: auto;

        margin: 0 auto;

        display: grid;

        grid-template-columns: repeat(2,1fr);

        box-sizing: border-box;

        gap: 0.8em;

        padding: 10px;

    }

    .agentwrapper h2{

        font-family: 'Battambang', cursive;

        font-size: 14px;

        padding: 5px;

    }

    .h-main .container .row .cock_02{

        display: none;

    }

    .h-main .container .row .cock_01 {

        display: none;

    }

    .h-main .container .row .welcome h2 {

        display: none;

    }

    .h-main .container .row .welcome p {

        display: none;

    }

    .logo-re {

        display: block;

        width: 100%;

        position: absolute;

    }

    .h-main .container .row .welcome img {
        display: inline;
        height: 200px;
        margin-left: auto;
        margin-right: auto;
        animation: logo linear 5s infinite;
        margin-top: -50px;
        margin-left: -80px;
    }

    .btn_3 {

        position: relative;

        width: 100%;

        height: auto;

        display: block;

        z-index: 888;

    }

    .btn_3 .container {

        max-width: 1280px;

        height: auto;

        margin: 0 auto;

        display: grid;

        grid-template-columns: repeat(3,1fr);

        box-sizing: border-box;

        gap: 0.5em;

        padding: 10px;

    }

    .btn_3 .container a {

        text-decoration: none;

    }

    .btn_3 .container i {

        font-size: 22px;

        animation: pubothit 0.5s linear infinite;

    }

    @keyframes pubothit {

        0% {

            transform: translateY(-10%);

        }

        20% {

            transform: translateY(0%);

        }

        40% {

            transform: translateY(0%);

        }

        60% {

            transform: translateY(0%);

        }

        100% {

            transform: translateY(-10%);

        }

    }

    .btn_3 .container .row {
        text-align: center;
        color: #fff;
        border-radius: 10px;
        font-size: 14px;
        font-family: 'Battambang', cursive;
        cursor: pointer;
        box-shadow: 0px 0 5px #6900a6;
        background: linear-gradient(135deg, rgb(55, 2, 162) 0%, rgb(150, 30, 255) 50%, rgb(44, 4, 84));
        box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgba(113, 0, 252, 0.4), inset 0 -1px 2px 1px #4c00b7, inset 0 -1px 1px 2px #5800b7;
        border: 1px solid #ad4bf9;
        padding: 7px;
    }

    .demo .container h2 {

        font-size: 18px;

    }

    .demo .container p {

        font-size: 12px;

        padding: 10px;

    }

    .bank .container {

        padding: 10px;

    }

    .bank .container p {

        font-size: 14px;

    }

    .bank {

        padding: 0px;

    }

    .bank .container .row img {

        width: 100%;

        height: auto;

        border-radius: 0px;

    }

    .type .container {

        grid-template-columns: repeat(2,1fr);

        gap: 0.7em;

        padding: 10px;

    }

    .sport1 .container {

        grid-template-columns: repeat(1,1fr);

        box-sizing: border-box;

        gap: 0.3em;

    }

    .videoshow .container {

        max-width: 1280px;

        height: auto;

        margin: 0 auto;

        display: grid;

        grid-template-columns: repeat(1,1fr);

        box-sizing: border-box;

        gap: 0.5em;

        padding: 10px;

    }

    .livescore {

        display: none;

    }

    .section5 .container {

        max-width: 1280px;

        height: auto;

        margin: 0 auto;

        display: grid;

        grid-template-columns: repeat(4,1fr);

        box-sizing: border-box;

        gap: 0.5em;

    }

}