@media only screen and (max-width: 767px) {
    /*Debt Filter*/
    .debt-filter-wrapper-desktop, .insurance-filter-wrapper-desktop, .global-filter-wrapper-desktop, .insuranceFixed, .debtFixed, .globalDesktopFilterFixed {
        display: none !important;
    }

    .debtMenuMobile, .insuranceMenuMobile, .globalFilterMenuMobile {
        position: sticky;
        background-color: transparent;
        margin: 0 !important;
        padding: 0 !important;
        height: 75px;
        transition: height .5s ease-in;
    }

    .debtMenuMobile, .debtDropdownMobile, .insuranceMenuMobile, .insuranceDropdownMobile, .globalFilterMenuMobile, .filterGlobalDropdownMobile {
        bottom: 0;
        left: 0;
        width: 100%;
        list-style-type: none;
        z-index: 20;
    }

    .debt-title-box-mobile, .insurance-title-box-mobile, .global-title-box-mobile {
        background-color: #000000;
        text-transform: uppercase;
        border-radius: 20px;
        width: 220px;
        height: 45px;
        font-size: 11pt;
        color: #FFFFFF;
        font-weight: 500;
        text-align: center;
        padding: 10px;
        position: relative;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        z-index: 25;
        transition: all .5s ease-out;
        -webkit-transition: all .5s ease-in-out;
    }
    .debt-title-box-mobile span, .insurance-title-box-mobile span, .global-title-box-mobile span {
        color: #FFFFFf !important;
    }

    .debt-title-box-mobile i, .insurance-title-box-mobile i, .global-title-box-mobile i {
        margin-right: 5px;
    }

    .debtDropdownMobile, .insuranceDropdownMobile, .filterGlobalDropdownMobile {
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0;
        background-color: #FFFFFF;
        overflow: hidden;
        position: sticky;
        left: 0;
        bottom: 0;
        z-index: 5;
        transition: all .5s ease-out;
        -webkit-transition: all .5s ease-in-out;
    }

    .debtDropdownMobile li, .debtDropdownMobile li a, .insuranceDropdownMobile li, .insuranceDropdownMobile li a, .filterGlobalDropdownMobile li, .filterGlobalDropdownMobile li a {
        display: inline-block;
        height: auto;
        width: 100%;
        text-align: center;
        color: #484848;
        text-decoration: none;
        position: relative;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
    }

    .debtDropdownMobile li:nth-child(1), .insuranceDropdownMobile li:nth-child(1), .filterGlobalDropdownMobile li:nth-child(1) {
        font-size: 14px;
        font-weight: 500
    }

    .debtDropdownMobile li a, .insuranceDropdownMobile li a, .filterGlobalDropdownMobile li a {
        font-size: 18px;
        font-weight: 600;
        padding: 3px 0;
    }

    .debtDropdownMobile li:hover, .debtDropdownMobile li a:hover, .insuranceDropdownMobile li:hover, .insuranceDropdownMobile li a:hover, .filterGlobalDropdownMobile li:hover, .filterGlobalDropdownMobile li a:hover {
        background-color: rgba(0, 0, 0, .1);
    }

    .debtMenuActive, .insuranceMenuActive, .globalFilterMenuActive {
        height: auto;
    }

    .debtDropdownOpen, .insuranceDropdownOpen, .filterGlobalDropdownOpen {
        width: 100%;
        height: auto;
    }

    .debtBtnActive, .insuranceBtnActive, .filterGlobalBtnActive {
        width: 100%;
        border-radius: 20px 20px 0 0;
        top: 0;
        left: 50%;
    }

    /*Debt Filter ends*/
    /*empty div for filter*/
    .filter-fill-box {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    /*Debt Amount Dropdown Menu*/
    .debtMenuMobile, .insuranceMenuMobile, .globalFilterMenuMobile {
        display: none !important;
    }

    .debt-filter-wrapper-desktop, .insurance-filter-wrapper-desktop, .global-filter-wrapper-desktop {
        background-color: #FFFFFF;
        margin-bottom: 1rem;
        padding: 25px !important;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content:center;
        box-shadow: 0 0 11px rgba(0,0,0,.2);
        position: sticky;
        top: 0;
        z-index: 2;
        transition: all .5s ease-in-out;
    }

    #debtFilterDesktop.debtFixed, #insuranceFilterDesktop.insuranceFixed, #globalFilterDesktop.globalDesktopFilterFixed {
        position: fixed;
        width: 100% !important;
        top: 0;
        left: 0;
        justify-content: center;
        box-shadow: 0 5px 11px rgba(0,0,0,.5);
    }

    .debt-filter-wrapper-desktop h3, .insurance-filter-wrapper-desktop h3, .global-filter-wrapper-desktop h3  {
        margin-bottom: 0 !important;
        margin-left: 5px;
        margin-right: 1.5rem;
    }

    .debt-title-box, .insurance-title-box, .global-filter-title-box {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
    }

    .debt-title-box img, .insurance-title-box img, .global-filter-title-box img {
        margin-right: 5px;
    }

    .debt-btn-desktop, .insurance-btn-desktop, .global-btn-desktop {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        color: #484848;
        padding: 10px;
    }

    #debtMenuDesktop, #insuranceMenuDesktop, #globalMenuDesktop {
        border: 1px solid #484848;
        border-radius: 5px;
        display: block;
        width: 250px;
        height: auto;
        position: relative;
        cursor: pointer;
        background: #FFFFFF;
        transition: all .2s ease-in-out;
    }

    .debt-btn-text p, #debtFilterTitle, .insurance-btn-text p, #insuranceFilterTitle, .global-btn-text p, #globalFilterTitle {
        margin-bottom: 0 !important;
        transition: all .2s ease-in-out;
    }

    #debtFilterTitle, #debtFilterTitle::placeholder, #insuranceFilterTitle, #insuranceFilterTitle::placeholder, #globalFilterTitle, #globalFilterTitle::placeholder {
        font-size: 12pt !important;
        font-weight: 500 !important;
        background-color: transparent;
        border: none;
        color: #000000;
        width: 200px;
    }

    #debtFilterTitle:focus, #insuranceFilterTitle:focus, #globalFilterTitle:focus {
        outline: none;
    }

    .debt-carrot, .insurance-carrot, .global-filter-carrot {
        transform: rotate(0deg);
        transition: all .2s ease-in-out;
    }

    #debtMenuDesktop.debtMenuOpen, #insuranceMenuDesktop.insuranceMenuOpen, #globalMenuDesktop.filterDesktopMenuOpen {
        background: #000000;
        border-radius: 5px 5px 0 0;
    }

    #debtMenuDesktop.debtMenuOpen p, #debtMenuDesktop.debtMenuOpen input, #debtMenuDesktop.debtMenuOpen input::placeholder, #insuranceMenuDesktop.insuranceMenuOpen p, #insuranceMenuDesktop.insuranceMenuOpen input, #insuranceMenuDesktop.insuranceMenuOpen input::placeholder, #globalMenuDesktop.filterDesktopMenuOpen p, #globalMenuDesktop.filterDesktopMenuOpen input, #globalMenuDesktop.filterDesktopMenuOpen input::placeholder {
        color: #FFFFFF ;
    }

    #debtMenuDesktop.debtMenuOpen input:focus, #insuranceMenuDesktop.insuranceMenuOpen input:focus, #globalMenuDesktop.filterDesktopMenuOpen input:focus {
        outline: none;
    }

    #debtMenuDesktop.debtMenuOpen .debt-carrot, #insuranceMenuDesktop.insuranceMenuOpen .insurance-carrot, #globalMenuDesktop.filterDesktopMenuOpen .global-filter-carrot {
        color: #FFFFFF;
        transform: rotate(180deg) !important;
    }

    #debtDropdownDesktop, #insuranceDropdownDesktop, #globalFilterDropdownDesktop {
        position: absolute;
        top: 100%;
        left: 0;
        width: 250px;
        height: auto;
        display: none;
        padding-left: 0 !important;
        background: #FFFFFF;
        border: 1px solid #484848;
        border-radius: 0 0 10px 10px;
        z-index: 99;
    }

    #debtDropdownDesktop li, #insuranceDropdownDesktop li, #globalFilterDropdownDesktop li {
        list-style: none;
    }

    #debtDropdownDesktop li:before, #insuranceDropdownDesktop li:before, #globalFilterDropdownDesktop li:before {
        content: none;
    }

    #debtDropdownDesktop li a, #insuranceDropdownDesktop li a, #globalFilterDropdownDesktop li a {
        font-size: 12pt;
        font-weight: 500;
        color: #484848;
        text-decoration: none;
        display: block;
        padding: 10px;
    }

    #debtDropdownDesktop li a:hover, #insuranceDropdownDesktop li a:hover, #globalFilterDropdownDesktop li a:hover {
        color: #000000;
        background: rgba(0,0,0,.1);
    }
    /*debt filter end*/

    .filter-fill-box {
        height: 0;
        transition: all 0s;
    }

    .filter-fill-box.insuranceFixed, .filter-fill-box.debtFixed, .filter-fill-box.globalDesktopFilterFixed {
        height: 90px;
    }

}