﻿
/* profile card styles */

@media (min-width: 1025px) {
    .prod-filter-section ul.prod-card-slider > li {
        width: 49%;
    }

        .prod-filter-section ul.prod-card-slider > li:nth-child(even) {
            margin-left: 20px;
        }

    .prod-card-slider .prod-card-item .profileImg {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .prod-card-slider .prod-card-item .profileImg img {
        width: 100% !important;
    }

    .prod-card-slider .prod-card-item {
        text-align: center;
    }
}

.nice-select {
    position: relative;
    cursor:auto;
}

.filter .label {
    padding: 10px 18px 0 18px
}
.dropdown-menu {
    position: absolute;
    /* top: 70%;
    left: 40%; */
    left: 0;
    top: 3em;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 16rem;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    max-height: 200px;
    overflow: auto;
    transform: none !important;
    will-change: auto !important;
    box-shadow: 1px 1px 10px rgba(0,0,0,.25) !important;
}

    .dropdown-menu a {
        display: block;
        padding: 0rem .5rem;
    }

        .dropdown-menu a:hover {
            background: rgba(193,201,214,.2);
            color: rgb(33,37,41);
        }

input:not([type=checkbox]) {
    width: 100%;
    border: none;
    border-bottom: 3px solid #c1c9d6;
    background: 0 0;
    outline: 0;
    transition: all .3s ease-in-out;
    border-radius: 0;
}

@media (max-width: 767px) {
    /* .dropdown-menu {
        left: 10% !important;
        top: 58% !important;
    } */
}
@media (max-width: 1023px) {
    /* .dropdown-menu {
        left: 10% !important;
        top: 79% !important;
    } */

    /*.filter.dark .nice-select {
        max-width: 150px;
    }*/

    .filter .select-filter {
        /*float: left;*/
        min-width: 53%;
    }
}
/*custom-styles*/

.prod-card-item .profileImg img {
    width: 60%;
    height: 14em;
}

.filter.dark {
    display: flex;
    flex-direction: column;
}
.dropdown-auto-wrapper {
    position: relative;
}
@media (min-width: 1024px) {
    .filter .label {
        padding: 0 0 0 2%;
    }
}