@media(max-width:320px){
    .banner_snek .ban_card {
        background-color: var(--secondary-color);
        text-align: center;
        border-top: 2px solid var(--primary-color);
        border-bottom: 5px solid var(--primary-color);
        border-right: 1px solid var(--primary-color);
        border-left: 1px solid var(--primary-color);
        border-radius: 25px;
        padding: 25px;
        margin: 10px;
    }

     /* COUNDOWN STARTS HERE */
    #deals .flash_sale .timer ul li {
        display: inline-block;
        padding: 9px 8px;
        position: relative;
    }

    #deals .flash_sale .timer ul li {
        display: inline-block;
        padding: 9px 8px;
        position: relative;
        font-size: 15px;
    }
    #deals .deals_header h3 {
        font-family: 'Josefin Sans';
        font-style: normal;
        font-weight: 700;
        font-size: 21px;
        line-height: 46px;
        text-align: center;
        margin-top: 80px;
        margin-bottom: 75px;
    }
      /* COUNDOWN ENDS HERE */


      .sidebar_cnt {
        background-color: var(--primary-color);
        padding: 16px;
        transform: translatex(-100%);
        margin: auto;
        border-radius: 15px;
        height: 510px;
    }
    .banner_snek .ban_card {
        background-color: var(--secondary-color);
        text-align: center;
        border-top: 2px solid var(--primary-color);
        border-bottom: 5px solid var(--primary-color);
        border-right: 1px solid var(--primary-color);
        border-left: 1px solid var(--primary-color);
        border-radius: 25px;
        padding: 17px;
        margin: 25px;
    }

    .banner_snek h4 {
        color: var(--primary-color);
        font-size: 36px;
        text-align: center;
        padding-top: 20px;
    }

    .about_sab p {
        color: var(--primary-color);
        font-size: 13px;
        font-weight: 300;
        font-family: Arial, Helvetica, sans-serif;
        padding: 10px 0;
    }

    .about_box h4 {
        text-align: center;
        font-size: 19px;
        color: var(--primary-color);
        padding: 14px 0;
    }

    .fire_section h6 {
        font-size: 32px;
        padding: 30px 0;
        color: var(--primary-color);
    }

    .fire_section .container a {
        font-size: 19px;
        background-color: #18f2b2;
        padding: 15px 70px;
        border-top: 2px solid var(--primary-color);
        border-bottom: 7px solid var(--primary-color);
        border-right: 2px solid var(--primary-color);
        border-left: 2px solid var(--primary-color);
        border-radius: 50px;
        color: var(--primary-color);
        margin-top: 20px;
        transition: 0.2s;
    }

    .Tokenomics_part h3 {
        font-size: 39px;
        margin-top: 50px;
        color: var(--primary-color);
    }

    footer {
        background-color: #151515;
        padding: 11px;
        margin-top: 50px;
    }

    .icon_g {
        text-align: left;
    }
    .i_box p {
        color:#ffffff;
        text-align: left;
        margin: 4px 0 !important;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
}

@media(max-width:576px){
    .banner_snek .ban_card h3 {
        font-size: 34px;
        color: var(--primary-color);
    }

    .icon_g {
        text-align: left;
    }
    .i_box p {
        color: #fff;
        text-align: left;
        margin: 4px 0 !important;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }

    footer {
        background-color: #151515;
        padding: 16px;
        margin-top: 50px;
    }
}

@media(max-width:768px){
    .icon_g {
        text-align: left;
    }
    .i_box p {
        color: #ffff;
        text-align: left;
        margin: 4px 0 !important;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
}

@media(max-width:992px){
    .button_wrap a {
        background-color: #18f2b2;
        padding: 12px 21px;
        border-top: 2px solid var(--primary-color);
        border-bottom: 7px solid var(--primary-color);
        border-right: 3px solid var(--primary-color);
        border-left: 3px solid var(--primary-color);
        border-radius: 50px;
        color: black;
        overflow: hidden;
        transition: 0.3s;
        font-size: 15px;
        margin: 0 3px;
    }

    .navbar-nav .nav-item {
        padding: 0 0px;
        font-family: "Titan One", sans-serif;
        font-size: 14px;
        color: var(--primary-color) !important;
    }
}

@media(max-width:1200px){
    .navbar-nav .nav-item {
        padding: 0 11px;
        font-family: "Titan One", sans-serif;
        font-size: 14px;
        color: var(--primary-color) !important;
    }
}