@media screen and (max-width:1000px){
    .inner{
width: 100%;
}



    .nav{
        flex-direction: column;
    }

    .slider{
        height: 80vh;
    }

    .logo{
        justify-content: center;
        margin: 12px 0;
    }

    .nav ul{
        justify-content: center;
    }

    .search{
        justify-content: center;
    }

    .search input{
        margin: 12px 16px;
    }

    .nav ul {
        height: 34px;
    }
    
   
}


@media only screen and (min-width: 568px) and (max-width :992px){
    .inner{
width: 100%;
}
.top1{
    font-size: 250%;
    
}


.col{
    width: 48%;
    margin: 1%;
 }
}

/* media query for mobile responsive */

@media only screen and (min-width: 200px) and (max-width :567px){
    .inner{
width: 100%;
}


/* original in style.css */    
.card-item{
    width: 100%;
}

.top1{
    font-size: 110%;
   
}    
    
    
    
}