#Myfltdiv{
    scrollbar-color: #3c3d80 #e6e6f7;
}
    @media (min-width: 991.98px){
        .imgconttxt{
            position: absolute;
            top: 60%;
            left: 5%;
            text-align: left;
            font-style: italic;
            font-size: 1em;
            text-shadow: 2px 2px 4px #3c3d80;
            background: none;
            color: #cacae6;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec .align-self-center {
            text-align: left;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec .align-self-center a{
            float: left;
            display: inline-block;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec .d-block{
            font-size: 11px !important;
            float: left;
            background: none;
        }
        .projects-banner{
            height: 10em !important;
        }
        .projects-banner img{
            height: 10em !important;
            width: 150% !important;
        }
        .find-designer .filter-all-profile .each-filter img{
            height:70% !important;
            border-radius: 0 !important;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec img{
            width:28% !important;
            border-radius: 50% !important;
            border: 5px solid #e6e6f7;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec .d-block{
            font-size: 11px !important;
            display: inline-block;
            background: none;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec p{
            height: 2.3em !important;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec a{
            font-size: 1.1em !important;
            white-space: nowrap !important;
        }
        .descls{
            background: rgba(255,255,255,0.1) !important;
            border-radius: 1em;
            width: 100% !important;
            overflow: hidden;
        }
        #Myfltdiv{
            max-height: none !important;
            overflow-y: auto !important;
        }
        #Myflttgl{
            display: none !important;
        }
        #Myfltimg{
            display: none !important;
        }
        #Myfltrwst{
            margin-top: 0.5em !important;
        }
        #Myfltdiv{
            position: relative !important;
            z-index: 0 !important;
            margin-top: 0 !important;
            box-shadow: none !important;
            background: none !important;
        }
    }
    
    @media (max-width: 991.98px){
        .find-designer .filter-all-profile .each-filter .dp-sec{
            background: none;
            max-height: 3.5em !important;
            padding-bottom: 1.2em !important;
        }
        .imgcont{
            margin-top: 0.5em;
        }
        .imgconttxt{
            position: absolute;
            top: 70%;
            left: 5%;
            text-align: left;
            font-style: italic;
            font-size: 1em;
            text-shadow: 2px 2px 4px #3c3d80;
            background: none;
            color: #cacae6;
        }
        .find-designer .filter-all-profile .each-filter img{
            width:100% !important;
            border-radius: 0 !important;
            margin-top: 1.5em;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec img{
            width:15% !important;
            border-radius: 50% !important;
            border: 5px solid #e6e6f7;
        }
        .find-designer .filter-all-profile .each-filter .designer-add-banner .imgcont::after {
            width:100% !important;
            height:88% !important;
            margin-top: 1.5em;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec .align-self-center {
            text-align: left;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec .align-self-center a{
            float: left;
            display: inline-block;
            padding-top: 0.8em;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec .d-block{
            font-size: 11px !important;
            float: left;
            background: none;
        }
        .fa-star{
            max-width: 0.8em !important;
        }
        .fa-star-half-alt{
            max-width: 0.8em !important;
        }
        .fa-caret-left{
            font-size: 1.5em !important;
        }
        .fa-caret-right{
            font-size: 1.5em !important;
        }
        .find-filter{
            min-width: 100% !important;
            border-radius: 1em !important;
            background: none !important;
        }
        .form-group p{
            color: #cacae6 !important;
        }

        #Myflttgl{
            display: block !important;
            margin-left: 95% !important;
            margin-top: 2.5% !important;
        }
        #Myfltimg{
            display: block !important;
        }
        #Unfiltered{
            margin-left: auto;
            margin-right: auto;
        }
        #Filtered{
            margin-left: auto;
            margin-right: auto;
        }
        #Myfltrwst{
            margin-top: 2em !important;
        }
        #Myfltdiv{
            min-width: 75% !important;
            margin-left: auto !important;
            margin-right: auto !important;
            display: none !important;
            position: absolute !important;
            z-index: 10 !important;
            margin-top: -5em !important;
            box-shadow: 0 0 0 2000px rgba(0, 0, 0, 0.5) !important;
            background: rgba(60, 61, 128, 0.8) !important;
            border-radius: 1em !important;
            padding: none !important;
        }
    }
    
    @media (max-width: 767.98px){
        .imgcont{
            margin-top: 0.9em;
        }
        .imgconttxt{
            position: absolute;
            top: 65%;
            left: 5%;
            text-align: left;
            font-style: italic;
            font-size: 0.8em;
            text-shadow: 1px 1px 3px #3c3d80;
            background: none;
            color: #cacae6;
        }
        .find-designer .filter-all-profile .each-filter img{
            width:100% !important;
            margin-top: 1.5em;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec img{
            width:25% !important;
            border-radius: 50% !important;
        }
        .find-designer .filter-all-profile .each-filter .designer-add-banner .imgcont::after {
            width:100% !important;
            height:84% !important;
            margin-top: 1.5em;
        }
    }
    
    @media (max-width: 575.98px){
        .imgcont{
            margin-top: 1.2em;
        }
        .imgconttxt{
            position: absolute;
            top: 70%;
            left: 5%;
            text-align: left;
            font-style: italic;
            font-size: 0.8em;
            text-shadow: 1px 1px 3px #3c3d80;
            background: none;
            color: #cacae6;
        }
        .find-designer .filter-all-profile .each-filter{
            max-width: 80%;
            margin-left: auto;
            margin-right: auto;
        }
        .find-designer .filter-all-profile .each-filter img{
            width:100% !important;
        }
        .find-designer .filter-all-profile .each-filter .dp-sec img{
            width:18% !important;
            border-radius: 50% !important;
        }
        .find-designer .filter-all-profile .each-filter .designer-add-banner .imgcont::after {
            width:100% !important;
            height:85.5% !important;
            margin-top: 1.5em;
        }
        #Myflttgl{
            display: block !important;
            margin-left: 95% !important;
            margin-top: 2.5% !important;
        }
    }