﻿.search-box {
    padding:0;
}
span.search-box-text {
    border: none;
    padding: 0;
    width: auto;
    display: inline-block;
}
.search-box-section {
    display: inline-block;
    float: left;
    height: 60px;
}
.search-box-section input[type="text"] {
    background-color: #fff !important;
}
#small-searchterms-list {
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    border: 1px solid #E5E5E5;
}
#small-searchterms-list li {
    font-size: 12px;
    padding: 10px 25px 10px 10px;
    line-height: 12px;
    border-bottom: 1px solid #E5E5E5;
    font-weight: 300;
}
#small-searchterms-list li:hover {
    background-color: #F6F6F6;
}
#small-searchterms-list li:hover a {
    font-weight: 700;
    color: #000000;
}
#small-searchterms-list li:last-child, #small-searchterms_option_selected {
    border-bottom: none;
}
.instant-search-item .img-block {
    display: none;
}
.instant-search-item .detail .price {
    display:none;
}
@media (min-width: 992px) {
    .search-box form select, .search-box .search-box-select {
        float: left;
        height: 60px !important;
        border: none;
        border-right: 1px solid #E5E5E5;
        font-family: 'Muli', sans-serif;
        color: #000;
        min-width: 145px;
        font-size: 12px !important;
        background: url(../Content/images/search-arrow.svg) no-repeat right 20px center;
        padding: 20px 0;
        background-size: 10px;
        border-radius: 0;
    }
    .search-box .dropdown-menu a {
        padding: 7px 15px;
        font-weight: 300;
        font-size: 12px;
        border-bottom: 1px solid #E5E5E5;
    }
        .search-box .dropdown-menu a:hover {
            background-color: #F6F6F6;
        }
    .search-box .dropdown-menu {
        border-radius: 0;
        -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
        -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
        box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
        margin: 0;
        border-color: #E5E5E5;
        width: 145px;
        min-width: inherit;
    }
    .search-box form .search-box-button {
        float: right;
    }
    .search-box input.search-box-text {
        height: 60px !important;
        border: none;
        padding-left: 20px !important;
        font-family: 'Muli', sans-serif;
        color: #000;
        font-size: 12px !important;
        width: 90px !important;
        float:left;
    }
    .search-box-section input[type="text"] {
        -webkit-transition: width 0.4s ease-in-out;
        -moz-transition: width 0.4s ease-in-out;
        transition: width 0.4s ease-in-out;
    }
    .search-box .search-box-button {
        height: 60px;
        font-size: 0 !important;
        background-image: url("../Content/images/search.svg");
        background-repeat: no-repeat;
        background-size: 18px 18px;
        background-position: 6px 21px;
        width: 18px;
        background-color: transparent;
    }
    .search-box .search-box-button:hover, .search-box .search-box-button:not(:disabled):not(.disabled):active {
        background-color: transparent;
        background-image: url("../Content/images/search.svg");
    }
    .instantSearch, #small-searchterms-list {
        width: 310px !important;
        margin-left: -2px !important;
    }
    .search-box-section.focused .search-box-text {
        width: 240px !important;
    }
    .categories-wrapper {
        vertical-align: top;
        float: left;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .search-box-section.focused .search-box-text{
        width: 150px !important;
    }
}
@media (min-width:1200px) and (max-width:1366px) {
    .search-box-section.focused .search-box-text {
        width: 170px !important;
    }
}
@media (min-width:1367px) and (max-width:1440px) {
    .search-box-section.focused .search-box-text {
        width: 215px !important;
    }
}