@media only screen and (max-width: 1400px) {
    
}

@media only screen and (max-width: 1300px) {

    .pro-de-sec-np {
        .Deal-btn-np button {
            width: 254px;
        }
        .Join-btn-np button {
            width: 254px;
        }
        .img-display {
            display: flex;
            justify-content: center;
        }
    }

    
}

@media only screen and (max-width: 1200px) {
    
    
}

@media only screen and (max-width: 1100px) {
    
}

@media only screen and (max-width:992px) {
   

}

@media only screen and (max-width:768px) {
    
}

@media only screen and (max-width:576px) {
    
    .pro-de-sec-np {
        .tw-btn-deal-join {
            display: block;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: center;
            margin: 20px 0px;
        }
        .Deal-btn-np button {
            width:100%;
            margin-bottom: 15px;
        }
        .Join-btn-np button {
            width:100%;
        }
        .img-display {
            display: flex;
            justify-content: center;
        }
    }
    .timer-section {
        background: linear-gradient(101deg, rgba(0, 51, 94, 1) 0%, rgba(238, 33, 16, 1) 100%);
        border-radius: 10px;
        color: white;
        padding: 15px 25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        flex-wrap: wrap;
        align-items: center;
        gap: 30px;
        margin: 30px 0px;
    }
    .timer-value {
        font-size: 20px;
    }
    .timer {
        gap: 16px;
    }
    .rate{
        width:100%;
    }
    .rate p br{
        display: none;
    }

    .img-item{
        margin: 5px 0px !important;

    }

}

@media only screen and (max-width:412px) {
    .rate p {
        font-size: 21px;
    }

    .img-item{
        margin:5px 0px !important;

    }

    .img-item img {
        width: 60px !important;
    }

    .img-select img {
        width: 60px !important;
        height: 60px !important;
        margin: 0px 6px;
        border-radius: 5px;
    }
}
