@media (max-width:1024px){
    .home .imageslide{
        background-position: 65%;
        min-height:550px;
    }
    .home .home-banner-text {
        top:30%;
        left:25%;
    }
    .home .home-banner-text h1{
        font-size: 3.5rem;
    }
    .home .home-banner-text h2{
        font-size: 1.7rem;
    }
    .home .btn-danger{
        font-size: .8rem;
        padding: 0.6rem 1.2rem;
    }
    /*---offer css---*/
    .offers .offer-box .offer-info .heading-bigger{
        font-size: 2.5rem !important;
    }
    /*special css*/
    .special .countdown-container .countdown-counter li{
        padding:1.5rem 1rem;
        width:20%;
    }


}
@media(max-width:991px){

    .home .home-banner-text{
        top:30%;
        left:25%;
    }
    .home .home-banner-text h1{
        font-size: 3.0rem;
    }
    .home .home-banner-text h2{
        font-size:1.5rem;
    }
    .home .btn-danger{
        padding:0.5rem 1.5rem;
        font-size:.8rem;
    }
    /*----offer css----*/
    .offers .offer-box .offer-info .heading-bigger{
        font-size:2.5rem !important;
    }
    /*-special css-*/
    .special .countdown-container .countdown-counter li{
        padding:1rem 1rem;
        width:20%;
    }
    .special .countdown-container{
        padding-top:0rem;
        padding-bottom: 5rem;
    }
}        
@media (max-width:767px){
    .home .imageslide{
        background-position: 50%;
        min-height:450px;
    }
    .home .home-banner-text{
        top:30%;
        left:25%;
    }
    .home .home-banner-text h1{
        font-size:3.0rem;
    }
    .home .home-banner-text h2{
        font-size:1.5rem;
    }
    .home .btn-danger{
        padding:0.5rem 1.5rem;
        font-size:.8rem;
    }
    /*--------offer box--------*/
    .offers .offer-box .offer-info .heading-bigger{
        font-size:2.5rem !important;
    }
    /*-----upto off---------*/
    .products  .up_to_off h2{
        font-size: 1rem !important;
    }    
    /*--special-css--*/
    .special .countdown-container{
        padding-top:0rem;
        padding-bottom: 3rem;
    }
    
    
}    

@media (max-width:567px){
    
    .special .countdown-container .countdown-counter li{
        padding:0.8rem 0.8rem ;
        width:22%;
    
    }
    .special .countdown-container{
        padding-top:0rem;
        padding-bottom: 3rem;
    }
     /*-----upto off---------*/
    .products  .up_to_off h2{
        font-size: 1rem; !important;
    }           
    
}