.dm-search-result-item {
    padding: 8px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.dm-search-result-item:hover {
    background-color: #f8f8f8;
}
#dm_search_product{

}

.dm-search-results-box{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    z-index:1000;
    background:white;
    border:1px solid #ccc;
    max-height:300px;
    overflow-y:auto;
}
.dm-compare-product-img{
    width:85px;
    height:85px;
    float: left;
    margin-right:10px;
    border: solid 1px #ccc;
}

.dm_quick_search_box{
    position:relative;
}
.dm-quick-search{
    position:relative !important;
    z-index:9999 !important;
    background-color:#fff !important;
    border:solid 1px #c0c0c0 !important;
    margin: 0px !important;
    width:100% !important;
}
.dm-quick-search-results-box{
    display:none;
    position:absolute;
    z-index: 9999;
    max-height:300px;
    overflow-y:auto;
}

@media only screen and (max-width: 500px){
    .dm_quick_search_box{
        left:0px !important;
        width:100% !important;
        text-align:center;
        top:0px !important;
    }
    .dm-quick-search{
        margin-left:-10px !important;
        width: 85% !important;
    }
    .dm-quick-search-results-box{
        width:400px;
        margin-top:58px;
        left:20%;
    }
}
@media only screen and (min-width: 501px) and (max-width: 575px){
    .dm_quick_search_box{
        width:540px !important;
        left:50% !important;
        margin-left: -270px;
        text-align:center;
        top:0px !important;
    }
    .dm-quick-search{
        margin-left:-10px !important;
        width: 85% !important;
    }
    .dm-quick-search-results-box{
        width:84% !important;
        left:50% !important;
        margin-top:58px;
        margin-left: -42%;
    }
}
@media only screen and (min-width: 576px) and (max-width: 767px){
    .dm_quick_search_box{
        width:540px !important;
        left:50% !important;
        margin-left: -270px;
        text-align:center;
        top:0px !important;
    }
    .dm-quick-search{
        margin-left:-10px !important;
        width: 85% !important;
    }
    .dm-quick-search-results-box{
        width:84% !important;
        left:50% !important;
        margin-top:58px;
        margin-left: -42%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 979px){
    .dm_quick_search_box{
        width:540px !important;
        left:50% !important;
        margin-left: -270px;
        top:-100px !important;
    }
    .dm-quick-search{
        margin-left:100px !important;
        width: 60% !important;
    }
    .dm-quick-search-results-box{
        width:84% !important;
        left:50% !important;
        margin-top:-20px;
        margin-left: -42%;
    }
}
@media only screen and (min-width: 980px) and (max-width: 993px){
    .dm_quick_search_box{
        width:95% !important;
        left:50% !important;
        margin-left: -49%;
        top:-100px !important;
    }
    .dm-quick-search{
        margin-left:200px !important;
        width: 50% !important;
    }
    .dm-quick-search-results-box{
        width:96% !important;
        left:50% !important;
        margin-top:-20px;
        margin-left: -49%;
    }
    .dm-quick-search-result-item {
        margin-left:200px !important;
        width: 50% !important;
    }
}
@media only screen and (min-width: 994px) and (max-width: 1199px){
    .dm_quick_search_box{
        width:95% !important;
        left:50% !important;
        margin-left: -49%;
        top:-5px !important;
    }
    .dm-quick-search{
        margin-left:200px !important;
        width: 13% !important;
    }
    .dm-quick-search-results-box{
        width:95% !important;
        left:50% !important;
        margin-left: -49%;
        margin-top:65px;
    }
    .dm-quick-search-result-item {
        margin-left:200px !important;
        width: 40% !important;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px){
    .dm_quick_search_box{
        width:1140px !important;
        left:50% !important;
        margin-left: -570px;
        top:-5px !important;
    }
    .dm-quick-search{
        margin-left:200px !important;
        width: 25% !important;
    }
    .dm-quick-search-results-box{
        width:1140px !important;
        left:50% !important;
        margin-left: -570px;
        margin-top:65px;
    }
    .dm-quick-search-result-item {
        margin-left:200px !important;
        width: 40% !important;
    }
}
@media only screen and (min-width: 1400px){
    .dm_quick_search_box{
        width:1320px !important;
        left:50% !important;
        margin-left: -660px;
        top:-5px !important;
    }
    .dm-quick-search{
        margin-left:200px !important;
        width: 30% !important;
    }
    .dm-quick-search-results-box{
        width:1320px !important;
        left:50% !important;
        margin-left: -660px;
        margin-top:65px;
    }
    .dm-quick-search-result-item {
        margin-left:200px !important;
        width: 40% !important;
    }
}
@media only screen and (min-width: 1090px){
    .dm_quick_search_box{
        top:25px !important;
    }
}

.dm-quick-search-result-item {
    padding: 8px;
    border: 1px solid #eee;
    cursor: pointer;
    display: flex;
    align-items: center;
    background:white;
    border-top:0;
    margin-bottom:0 !important;
}
.dm-quick-search-text {
    display: flex;
    flex-direction: column;
}
.dm-quick-search-result-item:hover {
    background-color: #f8f8f8;
}
#dm_quick-search_product{

}



@media only screen and (max-width: 575px){
    .dm-quick-search-results-box{
        width:360px;
        top:90px;
        left:0;
    }
}

.dm-quick-search-product-img{
    height:40px;
    margin-right:10px;
    border:solid 1px #c0c0c0;
}