.search1{
    color: #fff !important;

}
.search {
    margin-top: 22px !important;
}
html{
    scroll-behavior:smooth;
    transition-delay: 2s;

}
select {
    padding: 10px 10px 10px 10px !important;
    border-radius: 8px !important;
    outline: none !important;
    width: 150px;
}

label,h6{
    color: #000 !important;
}
@media screen and (min-width:280px) and (max-width:650px) {
    .col input{
        margin-left: -10vw;
    }
    .search{
        margin-left:14vw !important;
    }
}
@media screen and (width:768px) {
    .search{
        width: 300px !important;
        margin-left: 18vw !important;
    }
}
@media screen and (width:1180px) {
    .search{
        width: 300px !important;
        margin-left: 18vw !important;
    }
}
@media screen and (max-width:768px) {
    .filter {
        margin-left: 0px !important;
        width: 100% !important;
        padding-bottom: 40px !important;
    }
    .filter div{
        margin-top:30px;
        margin-left: 80px ;
    }
    .filter select{
        width: 70% !important;
    }
  

    .search {
        margin-top: 30px !important;

    }
    
}
@media screen and (max-width:650px) {
    .filter {
        margin-left: 0px !important;
        width: 100% !important;
        padding-bottom: 40px !important;
    }


.search{
    width: 120px;
}

}
@media screen and (max-width:750px) and (min-width:651px){
    .filter {
        margin-left: 20vw !important;
        width: 70% !important;
        padding-bottom: 40px !important;
    }
    .col{
        margin-top: 30px;
    }
    .search{
        margin-left: 13vw !important;
    }
    select {
        
        padding: 10px 10px 10px 10px !important;
        border-radius: 8px !important;
        outline: none !important;
        width: 500px !important;
    }
}
@media screen and (width:820px){
    .filter {
        padding-left: 20vw !important;
        width: 70% !important;
        padding-bottom: 40px !important;
    }
  
    .col{
        margin-top: 30px;
    }

    select {
        padding: 10px 10px 10px 10px !important;
        border-radius: 8px !important;
        outline: none !important;
        width: 500px !important;
    }
}
@media screen and (max-width:899px) and (min-width:751px){
    .filter {
        margin-left: 20vw !important;
        width: 70% !important;
        padding-bottom: 40px !important;
    }
    .col{
        margin-top: 30px;
    }
    select {
        
        padding: 10px 10px 10px 10px !important;
        border-radius: 8px !important;
        outline: none !important;
        width: 500px !important;
    }
}
@media screen and (min-width:900px) and (max-width:1000px){
    .filter {
        margin-left: 0px !important;
        width: 100% !important;
        padding-bottom: 40px !important;
    }


    .search {
        margin-top: 30px !important;
        width: 140px !important;
    }
  
}

@media screen and (width:820px) {
    .filter {
        margin-left: 0px !important;
        width: 100% !important;
        padding-bottom: 40px !important;
    }


    .search {
        margin-top: 30px !important;
        width: 140px !important;
    }
    
}
@media screen and (width:768px) {
    .filter {
        margin-left: 0px !important;
        width: 100% !important;
        padding-bottom: 40px !important;
    }


}

@media screen and (min-width:900px) {
    .filter{
        display: flex !important;
        margin-left: 20vw !important;
    }
  
}