﻿@media(max-width: 1312px)
{
    .product-search-cont .search-criteria-cont .main .filters-search select
    {
        width: 280px;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search input[type=text]
    {
        width: 280px;
    }    
}

@media(max-width: 1252px)
{
    .product-search-cont .search-criteria-cont .main .filters-search select
    {
        width: 270px;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search input[type=text]
    {
        width: 270px;
    }    
}

@media(max-width: 1223px)
{
    .product-search-cont .search-criteria-cont .main .filters-search select
    {
        width: 250px;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search input[type=text]
    {
        width: 250px;
    }    
}

@media(max-width: 1163px)
{
    .product-search-cont .search-criteria-cont .main .filters-search select
    {
        width: 230px;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search input[type=text]
    {
        width: 230px;
    }    
}

@media(max-width: 1103px)
{
    .product-search-cont .search-criteria-cont .main .filters-search select
    {
        width: 220px;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search input[type=text]
    {
        width: 220px;
    }    
}

@media(max-width: 1073px)
{
    .product-search-cont .search-criteria-cont .main .filters-search select
    {
        width: 200px;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search input[type=text]
    {
        width: 200px;
    }    
}

@media(max-width: 1013px)
{
    .product-search-cont .search-criteria-cont .main .filters-search select
    {
        width: 180px;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search input[type=text]
    {
        width: 180px;
    }    
}

@media(max-width: 953px)
{
    .product-search-cont .search-criteria-cont .main .filters-search select
    {
        width: 160px;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search input[type=text]
    {
        width: 160px;
    }    
}

@media(max-width: 893px)
{
    .product-search-cont .search-criteria-cont .main .filters-search select
    {
        width: 140px;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search input[type=text]
    {
        width: 140px;
    }    
}

@media(max-width: 768px)
{   
    .product-search-cont .search-criteria-cont
    {
        width: 100%;
    }
    
    .product-search-cont .search-criteria-cont .main
    {
        height: auto;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search
    {
        float: none;
        width: auto;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search span
    {
        display: block;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search select
    {
        width: 100%;
        display: block;
        margin-bottom: 4px;
    }
    
    .product-search-cont .search-criteria-cont .main .filters-search input[type=text]
    {
        width: 100%;
        height: 100%;
        display: block;
        
        border-width: 0;
        padding: 0;
    }    
    
    .product-search-cont .search-criteria-cont .main .filters-search input[type=text]:focus
    {
        outline: 0;
    } 
    
    .filterSearchContainer
    {
        border: 1px solid gray;
        padding: 5px;
        background: white;
    }
    
    .filterSplitter
    {
        display: block;
        height: 7px;
    } 
    
    .tile
    {
        width: 95% !important;
    }
}

@media(max-width: 650px)
{  
    .tile
    {
        padding: 10px !important;
    }
}

@media(max-width: 535px)
{  
    .product-search-cont .search-criteria-cont .main .basket-overview
    {
        padding: 0;
    }
}

@media(max-width: 488px)
{  
    .product-search-cont .search-results-cont .legend
    {
        float: none;
    }
    
    .product-search-cont .search-results-cont .legend label
    {
        display: block;
        width: 32%;
    }
}