/*--Big tablets to 1200px (widths smaller than 1200px)--*/

@media only screen and (max-width: 1200px){
    
    
}

/*--Small tablets to big tablets: from 768px to 1023px--*/

@media only screen and (max-width:1023px){
    
    
    
}

/*--Small Phones to small tablets: from 481px to 767px--*/

@media only screen and (max-width:767px){
    .search-componet-container{
        flex-direction: column;
        align-items: center;
    }
    .vertical-seperator{
        display: none;
    }
    .compare-container{
        flex-direction: column;
        justify-content: center;
    }


}


/*--Small Phones: from 0px to 480px--*/

@media only screen and (max-width:480px){
    
    
    

}