@media(max-width: 992px){
    .winner-card {
        width: 310px;
        height: 460px;
    }

    .stats-card img {
        width: 50px;
        height: 50px;
    }

    .stats-img {
        margin-right: 10px;
    }

    .feature-winner-wrapper h3{
        font-size: 23px;
        line-height: 28px;
    }

    .feature-winner-wrapper p{
        font-size: 13px;
        line-height: 28px;
    }
    
    .stats-card{
        justify-content: center !important;
    }
    
    .home-banner-wrapper.competition-banner-wrapper::after{
        width: 100%;
    }
}

@media(min-width: 768px) and (max-width: 1024px){
    .home-banner-wrapper.competition-banner-wrapper::after {
        height: 64%;
    }
}

@media(max-width: 768px){
    .radio-input-style label img{
        margin-top: 0px;
    }

    .dream-car-details .dream-car-title h2{
        font-size: 30px;
    }

    .blog-post-img-wrapper img{
        object-fit: cover;
    }

    .featured-post-card img {
        height: 180px;
        object-fit: cover;
    }

    .dream-cars-slider .thumbnails .thumbnail{
        height: 100px !important;
    }

    .main-slider {
        height: 260px !important;
    }

    .slider-container {
        padding-bottom: 120px !important;
    }

    .winner-card {
        width: 100%;
        height: 480px;
        border-radius: 280px;
    }

    .home-banner-wrapper::after{
        bottom: 100px;
    }

    .section-title h2{
        line-height: 40px;
        font-size: 30px;
    }

    .home-banner-wrapper{
        height: 50vh;
    }

    .banner-title-wrapper h1{
        font-size: 30px;
    }

    .banner-title-wrapper p {
        font-size: 13px;
        line-height: 28px;
        margin-right: 150px;
    }
    
    .how-to-play-container p {
        font-size: 18px !important;
        line-height: 28px !important;
    }    

    .how-to-play-container li {
        font-size: 13px !important;
        line-height: 22px !important;
    }

    .faq-wrapper .accordion .accordion-button .q-num {
        font-size: 24px !important;
    }
    .faq-wrapper .accordion .accordion-button .q-desc p {
        font-size: 14px !important;
    }

    .testimonial-img {
        width: 190px !important;
        height: 215px !important;
    }

    .testimonials-wrapper .swiper-slide{
        padding-left: 15px;
        padding-right: 15px;
    }

    
    .blogs-listing-wrapper .featured-post h2 {
        font-size: 38px;
    }

    .blog-banner-content h2 {
        font-size: 38px;
    }

    .blogs-details-wrapper .content-2 h2 {
        font-size: 38px;
    }

    .win-section .title{
        font-size: 32px !important;
    }

    .win-section .subtitle {
        font-size: 26px;
    }

    .competition-tabs{
        padding-right: 0;
    }

    .shape-icon-img,
    .shape-icon{
        display: none;
    }

    .filter-toggler{
        margin-bottom: 20px;
    }
}

@media(max-width: 767px){
    .feature-winner-wrapper{
        height: unset;
        bottom: 124px;
    }

    .competition-banner-wrapper .feature-winner-wrapper{
        height: 130px;
        bottom: 75px;
    }

    .competition-wrapper {
        margin-top: 150px !important;
    }

    .banner-title-wrapper{
        padding-top: 40px;
        align-items: flex-start !important;
    }

    .feature-winner-wrapper .nav-tabs .nav-link span{
        font-size: 13px;
    }

    .feature-winner-wrapper .nav-tabs .nav-link img{
        width: 16px;
    }
}

@media(max-width: 767px) and (min-width: 540px){
    .home-banner-wrapper::after {
        bottom: 344px;
        height: 50%;
    }
}

@media(max-width: 540px){

    .item-img{
        width: 100px;
        height: 100px;
        border-radius: 8px;
        flex: 0 0 100px;
    }

    .item-controllers{
        height: 100px;
    }

    .item-controllers span{
        padding-right: 5px;
        font-size: 16px;
    }

    .item-controllers p{
        font-size: 18px;
    }

    .about-desc p {
        font-size: 14px;
        line-height: 26px;
    }

    .about-video{
        height: 300px;
    }

    .about-video video,
    .about-video .about-video-img{
        height: 300px;
    }

    .home-banner-wrapper::after {
        bottom: 18%;;
        height: 55%;
    }

    .home-banner-wrapper.competition-banner-wrapper{
        height: 70vh;
    }

    .home-banner-wrapper.competition-banner-wrapper::after{
        height: 45%;
    }
}

@media(max-width: 540px) and (min-width: 512px){
    .home-banner-wrapper.competition-banner-wrapper::after {
        bottom: 21%;
    }

    .home-banner-wrapper::after {
        bottom: 320px;
        height: 50%;
    }
}

@media(max-width: 512px){
    .home-banner-wrapper.competition-banner-wrapper::after{
        bottom: 18%;
    }

    .home-banner-wrapper {
        height: 60vh;
    }
}

@media(max-width: 430px){
    .winner-card {
        height: 530px;
    }

    .nav-tabs .nav-link{
        padding: 8px 10px !important;
    }

    .order-summary .promo-code-input-wrapper input{
        padding: 10px 5px 10px 30px;
    }

    .cupon-icon{
        width: 15px;
        height: 15px;
        top: 14px !important;
    }

    .order-summary .green-button {
        padding: 6px 10px;
        font-size: 14px !important;
    }

}

