@media screen and (max-width: 992px) {
	.hamburger {
    display: flex !important;
    width: 40px;
    height: 40px;
    background: var(--thm-color-one);
    align-items: center;
    justify-content: center;
}
.banner-bg.section-padding {
    height: auto !important;
}
.banner-img {
    padding-top: 50px;
}
h1.banner-title {
    font-size: 18px !important;
}
.banner-text p {
    font-size: 12px;
}
.logo img {
    margin-bottom: 0 !important;
    width: 150px !important;
}
.search-name {
    width: 100% !important;
    margin-top: 20px;
}
.header-main {
    margin-bottom: 85px;
    flex-wrap: wrap;
}
.element {
    top: 0 !important;
}
.z-0 {
    z-index: 0 !important;
}
.labels {
    gap: 12px !important;
    width: 277px !important;
}
.spin-main {
    width: 340px !important;
    /* height: 350px; */
    margin: auto;
}
.window-border {
    height: 185px !important;
}
.window {
    gap: 3px !important;
    height: 106px !important;
}
.outer-col {
    height: 560px !important;
}
.icon {
    width: 45px !important;
    height: 30px !important;
    margin-bottom: 0px !important;
    font-size: 13px !important;
}
.icon.highlight {
    width: 60px !important;
}
.col {
    gap: 5px !important;
    /* height: 210px; */
    margin-top: 32px !important;
}
.spin-main h2 {
    font-size: 18px;
    margin-bottom: 10px;
}
.winner-search input {
    width: 100% !important;
}
.winner-card {
    width: 300px !important;
}
.winner-lucky.secound {
    margin-top: 0 !important;
}
.winner-lucky {
    margin: auto ;
    margin-bottom: 20px !important;
}
.banner-bg {
    background-position: left !important;
}
.winner-wrapper {
    overflow: auto;
    height: 450px;
}
.element-vector {
    bottom: -75px !important;
    height: 78px !important;
}
.winner-items p {
    font-size: 13px !important;
}
.search-box {
    width: 100% !important;
}
.logo {
    margin-bottom: 25px;
}
.winner-lucky.third .winner-image-lucky {
    right: -71px !important;
    top: -31px !important;
}

}

@media screen and (max-width: 767px) {
    
    .winner-card h5 {
    width: 90px !important;
    height: 90px !important;
    font-size: 25px !important;
}
.winner {
    transform: scale(1.2) !important;
}
.number {
    padding: 9px !important;
    font-size: 1.1rem;
    width: 52px !important;
    height: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
#message {
    font-size: 20px !important;
}
.clock-container .box {
    font-size: 30px  !important;
    width: 20px  !important;
    height: 40px  !important;
}
.popup-content {
    padding: 20px !important;
}
.candidateInfo-title {
    font-size: 18px !important;
}
.element img {
    width: 100%;
    height: 100%;
}
.element {
    height: 100%;
}

}

@media screen and (max-width: 576px) {
    .winner-number-card {
    left: -7px;
}
.winner-list-main {
    grid-template-columns: repeat(2, 1fr) !important;
}
 .winner-items {
    padding: 20px 0px !important;
}
.winner-gift-content p {
    width: 100% !important;
}
.winner-gift {
    padding: 10px 0 !important;
}
.current-time-main {
    justify-content: space-between !important;
    width: 100% !important;
}

.time-title .labels span {
   margin-right: 82px !important;
}
.winner-lucky {
    width: 300px  !important;
    height: 300px  !important;
}
.winner-image-lucky {
    right: -50px !important;
    top: -18px;
}
.winner-lucky.third .winner-image-lucky {
    right: -55px !important;
    top: -37px !important;
}

}

@media screen and (min-width: 390px) and (max-width: 576px) {
.winner-items {
    padding: 24px 0px !important;
}
    
}

@media screen and (min-width: 576px) and (max-width: 767px) {
.winner-list-main {
    grid-template-columns: repeat(3, 1fr) !important;
}
 .winner-items {
    padding: 20px 0px !important;
}
    
}

@media screen and (min-width: 767px) and (max-width: 992px) {
.winner-list-main {
    grid-template-columns: repeat(4, 1fr) !important;
}
    .winner-items {
    padding: 25px 0px !important;
}
.current-time-main {
    justify-content: space-between !important;
    width: 100% !important;
}
}


@media screen and (min-width: 992px) and (max-width: 1200px) {
    .window-border {
    height: 338px !important;
}
.spin-main {
    width: 538px !important;
}
.icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 22px !important;
}
.window {
    height: 224px !important;
    gap: 28px !important;
}
.col {
    gap: 10px !important;
    margin-top: -26px !important;
}
.outer-col {
    height: 363px !important;
}
.winner-lucky {
    gap: 0 !important;
    width: 270px !important;
    height: 270px !important;
}
.winner-lucky h2 {
    font-size: 22px;
}
.winner-image-lucky {
    width: 130px !important;
    right: -22px !important;
    top: 0px !important;
}
.winner-lucky.third .winner-image-lucky {
    right: -44px !important;
    top: -18px;
}
.winner-lucky p {
    font-weight: 500 !important;
    margin-bottom: 7px !important;
    font-size: 13px !important;
}
.winner-card img {
    width: 85px !important;
    height: 85px !important;
}
.winner-card {
    width: 250px !important;
}
.winner-card h4 {
    font-size: 22px !important;
}
.winner-items {
    padding: 6px !important;
}
.winner-items h4 {
    font-size: 13px !important;
}
.winner-items p {
    font-size: 13px !important;
}
.winner-list-main {
    grid-template-columns: repeat(6, 1fr) !important;
}
.winner-items {
    padding: 20px 10px !important;
    width: 100%;
}
.banner-bg.section-padding {
    height: auto !important;
}
.current-time-main {
    justify-content: space-between !important;
    width: 91% !important;
}
h1.banner-title {
    font-size: 22px !important;
}

}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
   .winner-card img {
    width: 120px !important;
    height: 115px !important;
}
.winner-items p {
    font-size: 13px !important;
}
.winner-items {
    padding: 16px 0px !important;
}
}

@media screen and (min-width: 1400px) and (max-width: 1500px) {
.lucky-banner {
    height: 100% !important;
}
}