span.tp-text {
    display: flow-root;
    font-size: 11px;
    color: #fff;
    height: 26px;
    line-height: 1;
}
.installment-wr .vehicles .icon:hover span.tp-text {
    color: #7d0d8c;
}
.installment-wr {
    width: 660px;
}
.installment-wr .icon svg {
    height: 32.88px;
}
#myUL {
    list-style-type: none;
    padding: 0;
}

#myUL li a,
#myUL li div label {
    margin-top: 1px;
    padding: 12px;
    text-decoration: none;
    color: black;
    display: block;
    font-size: 0.75rem;
    font-family: "Roboto", sans-serif;
}
#myUL li a.active,
#myUL li div label.active {
    background-color: #eee;
    font-weight: bold;
}
#myUL li a:hover:not(.header),
#myUL li div label:hover:not(.header) {
    background-color: #eee;
    color: #6d6d6d;
}
.sidebar .sidebar_heading {
    padding: 12px;
    border-bottom: 1px solid #c2c2c2;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1;
}
.sidebar .sidebar_items {
    margin-bottom: 1rem;
}
.sidebar .sidebar_items.level_1,
.sidebar .sidebar_items.level_2,
.sidebar .sidebar_items.level_3 {
    margin-bottom: 0rem;
}
.custom-checkbox .custom-control-label::before {
    width: 100%;
    border-radius: 0.2rem;
    top: 0px;
    left: -13px;
    background: #ffffff00;
    height: 100%;
    border: #8f429900 1px solid;
    outline: none !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #8f4299;
    background-color: #ffffff00;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 682 682.66669' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='m216.210938 0c-122.664063 0-222.460938 99.796875-222.460938 222.460938 0 154.175781 222.679688 417.539062 222.679688 417.539062s222.242187-270.945312 222.242187-417.539062c0-122.664063-99.792969-222.460938-222.460937-222.460938zm67.121093 287.597656c-18.507812 18.503906-42.8125 27.757813-67.121093 27.757813-24.304688 0-48.617188-9.253907-67.117188-27.757813-37.011719-37.007812-37.011719-97.226562 0-134.238281 17.921875-17.929687 41.761719-27.804687 67.117188-27.804687 25.355468 0 49.191406 9.878906 67.121093 27.804687 37.011719 37.011719 37.011719 97.230469 0 134.238281zm0 0' fill='%238f4299' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    position: absolute;
    left: -5px;
    top: 9px;
}

.custom-checkbox label,
.custom-radio label {
    padding: 7px 0;
    color: black;
    font-size: 0.75rem;
    text-transform: initial;
    cursor: pointer;
}
.custom-checkbox,
.custom-radio {
    padding-left: 30px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.right_main_items .card {
    height: 100%;
    -webkit-box-shadow: -1px 2px 7px 0px rgb(0 0 0 / 24%);
    -moz-box-shadow: -1px 2px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 2px 7px 0px rgb(0 0 0 / 24%);
}
.main {
}
.counter {
    border-radius: 0px !important;
    text-align: center;
    border: none;
    border-top: solid 1px #8f4299;
    border-bottom: solid 1px #8f4299;
}
.up_count {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.down_count {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pro_items {
    margin-bottom: 25px;
}

.pro_items .card-body {
    padding: 0.75rem;
}
.pro_items .card-title {
    margin-bottom: 0.15rem;
}
.pro_items .card-title span {
    font-size: 13px;
    font-weight: bold;
}
.pro_items .card-title span.span-hedding {
    background-color: #ddd;
    padding: 3px 10px;
    border-radius: 23px;
    color: #000;
    font-size: 12px;
    font-weight: 700;
}
#category_model .model_slide_panel li a.preload_show {
    padding-left: 15px;
}
#location_model .model_slide_panel li a.preload_show {
    padding-left: 12px;
}
.pro_items h4.card-price {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 1rem;
}
.pro_items p.member {
    font-size: 12px;
    color: #8f4299;
}
.pro_items p.member span {
    background-color: #8f4299;
    color: #fff;
    font-size: 9px;
    padding: 2px 3px;
    border-radius: 30px;
    margin-right: 4px;
}
.pro_items .main .btn i {
    margin-left: 0;
}

.pro_items .main .btn {
    padding: 0.1rem 1rem;
    border-color: #8f4299;
    /*color: #fff;*/
}
.pro_items .main .btn-info {
    background-color: #8f4299;
}
.pro_items .add_cart {
    font-size: 13px;
    margin-top: 6px;
}
.pro_items .add_cart svg {
    vertical-align: text-top;
}
.pro_items .add_cart svg .a {
    fill: #8f4299;
}
.pro_items .add_cart:hover {
    color: #fff;
    background-color: #8f4299;
    border-color: #8f4299;
}
.pro_items .add_cart:hover .a {
    fill: #ffffff;
    vertical-align: top;
}
.pro_items .cheout {
    border-color: #8f4299;
    background: #8f4299;
    margin-top: 6px;
    font-size: 13px;
    color: #fff;
}
.pro_items .cheout:hover {
    background: #fff;
    border-color: #8f4299;
    color: #8f4299;
}
.top_bacrem p.barcrem {
    margin-bottom: 0;
}
.top_bacrem h3 {
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 20px;
}
section.main_block {
    margin-top: 60px;
}
.right_t_top select {
    -webkit-box-shadow: -0px 0px 7px 0px rgb(0 0 0 / 12%);
    -moz-box-shadow: -1px 2px 7px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 3px 0px rgb(45 43 42 / 12%);
    border: 1px solid rgb(143 66 153 / 4%);
}
#essential_pagination .page-link {
    border-radius: 38px;
    box-shadow: 0px 0px 6px #00000029;
    padding: 6px 14px;
    font-size: 20px;
    color: #000000;
}
#essential_pagination li.page-item {
    padding: 0 3px;
}
#essential_pagination li.page-item .page-link.active {
    background-color: #8f4299;
    color: #fff;
}
#essential_pagination li.page-item:last-child .page-link {
    color: #8f4299;
}
#essential_pagination li.page-item:first-child .page-link {
    color: #8f4299;
}
nav#essential_pagination {
    margin-top: 20px;
}
.sidebar .sidebar_items li.more {
    margin-top: 15px;
    position: relative;
    cursor: pointer;
    margin-left: 20px;
}
.sidebar .sidebar_items li.more.less {
    margin-top: 15px;
    position: relative;
    cursor: pointer;
}
.sidebar .sidebar_items li.more:before {
    margin-top: 0;
    width: 5px;
    height: 5px;
    transform: matrix(1, -1, 1, 1, 0, 0);
    border: 1px solid #6a6a6a;
    opacity: 1;
    border-top: 0;
    border-right: 0;
    content: "";
    display: inline-block;
    position: absolute;
    left: 40%;
    top: 3px;
    cursor: pointer;
}
.sidebar .sidebar_items li.more.less:before {
    margin-top: 0;
    width: 5px;
    height: 5px;
    transform: matrix(1, -1, 1, 1, 0, 0);
    border: 1px solid #6a6a6a;
    opacity: 1;
    border-top: 1px solid #6a6a6a;
    border-right: 1px solid #6a6a6a;
    border-bottom: 0;
    border-left: 0;
    content: "";
    display: inline-block;
    position: absolute;
    left: 40%;
    top: 6px;
    cursor: pointer;
}


.aditionl {
    margin-bottom: 12px;
    margin-top: 12px;
}
.basket_table {
    border-collapse: collapse;
    border-collapse: separate;
    border-spacing: 0 15px;
}

.basket_table thead tr td {
    border-bottom: solid 1px #000;
}
.basket_table thead tr td {
    border-bottom: solid 1px #000;
    font-size: 15px;
    padding: 4px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 12px;
}
.basket_table thead tr td:first-child {
    padding-left: 0;
    text-align: left;
}
.basket_table tbody tr {
    box-shadow: 0px 0px 6px #00000029;
}
.basket_plz input.basketcounter {
    width: 1px;
    padding: 0 2px;
    text-align: center;
    border: none;
}
.basket_plz .backetbtn i {
    margin-left: 0;
    font-size: 11px;
}
.basket_table .down_count {
    border-radius: 12px;
}
.basket_plz .backetbtn {
    padding: 0;
    border-radius: 12px;
    background-color: #8f4299;
    color: #fff;
    height: 20px;
    line-height: 0.9;
}
.basket_table tbody tr td {
    padding: 0 2px;
    text-align: center;
}
.basket_table tbody tr td:first-child {
    padding: 0px;
}
.basket_imges {
    margin-right: 12px;
}
.deletebtn {
    background-color: #8f4299;
    padding: 1px 20px;
    font-size: 13px;
    color: #fff;
}
.deletebtn svg {
    vertical-align: sub;
}
.deletebtn span {
    margin-right: 2px;
}
.basket_table tbody tr td {
    padding: 0 2px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.deletebtn:hover {
    color: #ffffff;
    text-decoration: none;
}
.basket_total_wrap {
    box-shadow: 0px 0px 6px #00000029;
    padding: 12px 0;
    margin-top: 64px;
}
.basket_total_wrap ul li {
    padding: 12px 12px;
    border-bottom: solid 1px #e8e4e4;
    font-size: 13px;
    color: #6a6a6a;
    font-weight: bold;
}
.basket_total_wrap ul li:last-child {
    border-bottom: none;
}
.basket_total_wrap ul li span {
    float: right;
    color: #000;
}
.total_bc {
    box-shadow: 0px 0px 6px #00000029;
    padding: 12px;
    margin-top: 12px;
    color: #6a6a6a;
    font-weight: bold;
}
.total_bc span {
    float: right;
    color: #000;
}
.sendicury {
    width: 100%;
    font-size: 15px;
    margin-top: 2rem;
    border-radius: 6px;
}
.sendicury:hover {
    background-color: #8f4299;
    border-color: #8f4299;
}
.basketmait {
    font-size: 1rem;
    font-weight: bold;
}
.modal_logo {
    background-color: #8f4299;
    width: 84px;
    height: 84px;
    border-radius: 70px;
    text-align: center;
}
.qu_check {
    text-align: center;
}
.qu_check button.close {
    position: absolute;
    top: 7px;
    right: 12px;
}
.qu_check .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 25px;
    color: #8f4299;
    margin-top: 15px;
}
.qu_check .modal_tm {
    margin-top: 15px;
}
.qu_check .modal-content {
    background-color: #f9f9f9;
}
.qu_check .modal-body {
    padding: 2rem;
    padding-top: 1rem;
}
.qu_check .form-group .form-control {
    border: solid 1px #dde3e8;
    padding: 10px 12px;
    height: 54px;
}
.qu_check label.col-form-label {
    font-size: 15px;
    color: #000;
    text-align: left;
    display: block;
}
.qu_check .form-group {
    margin-bottom: 12px;
}
.qu_check span.validation_lable {
    font-size: 14px;
    color: #727272;
    font-style: italic;
    width: 100%;
    text-align: right;
    display: block;
    margin-top: 9px;
}
.qu_check .modal-dialog {
    max-width: 620px;
}
.qu_check .modal-footer .btn-primary {
    font-size: 18px;
    color: #fff;
    background: #8f4299;
    border-radius: 9px;
    padding: 0.5rem 2rem;
    border-color: #8f4299;
}
.qu_check .modal-footer {
    border: none;
    padding-top: 0;
}
.qu_check h4.modal-secon {
    display: inline-block;
    font-size: 20px;
    color: #8f4299;
    margin-top: 14px;
}
.qu_check h4.modal-secon span {
    margin-right: 9px;
}
.qu_check p.result_p {
    font-size: 15px;
    color: #000000;
    line-height: 1.2;
}
.qu_check .result_close {
    color: #fff;
    font-size: 20px;
    padding: 0.2rem 1.8rem;
    border-radius: 8px;
    background: #8f4299;
    margin-top: 1rem;
}
#sent_inquery h4.modal-secon {
    margin-top: 40px;
}
.icon_cart {
    width: 87px;
    height: 87px;
    background-color: #8f4299;
    text-align: center;
    border-radius: 63px;
    color: #fff;
    padding: 15px;
    position: fixed;
    right: 85px;
    bottom: 22px;
    z-index: 1000;
}
.icon_cart svg {
    width: 27px;
    height: auto;
}
.icon_cart h4 {
    color: #fff;
    font-size: 12px;
    margin-top: 6px;
    margin-bottom: 2px;
}
.icon_cart p {
    font-size: 12px;
    margin-bottom: 0;
}
#advertisement-form-essential {
}
#essential_form {
    width: 0;
    max-width: 0;
    margin: 0;
    padding: 0;
}
#exampleModal.modal {
    position: relative;
    top: 0;
    left: 0;
    z-index: auto;
    display: inline-block;
    height: auto;
    overflow: auto;
    overflow: auto;
    outline: 0;
}
#exampleModal .modal-dialog {
    max-width: 500px;
    margin: 0;
}
#exampleModal .modal-content {
    border: none;
    border-radius: 0;
}


#exampleModal2.modal {
    position: relative;
    top: 0;
    left: 0;
    z-index: auto;
    display: inline-block;
    height: auto;
    overflow: inherit;
    outline: 0;
}
#exampleModal2 .modal-dialog {
    max-width: 500px;
    margin: 0;
}
#exampleModal2 .modal-content {
    border: none;
    border-radius: 0;
}
.form_asential {
    width: 100%;
}
.sidebar .sidebar_items.level_3 {
    margin-bottom: 1rem;
}
#myUL li a.preload_show {
    padding-left: 20px;
}
.log_out {
    position: absolute;
    right: 10px;
    padding: 4px 16px;
    font-size: 13px;
    font-weight: bold;
    top: 10px;
    border-color: #d9dadb;
    background-color: #efeeee;
    color: #a9a9a9;
}
@media only screen and (max-width: 1200px) {
    .post-ad-btn {
        padding: 8px 2px;
        font-size: 14px;
    }
    .nav-item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
    }
}
@media only screen and (max-width: 600px) {
    #exampleModal.modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0;
    }
    #exampleModal .modal-dialog {
        margin: 20px;
    }
    #exampleModal .modal-content {
        padding: 12px;
    }

    #exampleModal2.modal {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1050;
        display: none;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: 0;
    }
    #exampleModal2 .modal-dialog {
        margin: 20px;
    }
    #exampleModal2 .modal-content {
        padding: 12px;
    }
    .installment-wr {
        width: auto;
    }
    .top_bacrem {
        margin-bottom: 0.4rem;
        margin-top: 1rem;
    }
    section.main_block {
        margin-top: 0px;
    }
    .sidebar.msubcaterycol {
        margin-top: 1rem;
    }

.msubcatery{
    background: #F6F6F6 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 5px;
    border: none;
    text-align: left;
    font-size: 12px;
    color: #6E6E6E;
    font-family: "Roboto",sans-serif;
    padding: 12px;
}
.right_t_top select{
    background: #F6F6F6 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 5px;
    border: none;
    text-align: left;
    font-size: 12px;
    color: #6E6E6E;
    font-family: "Roboto",sans-serif;
    padding: 12px;
    height: auto;
    margin-bottom: .5rem !important;
}
.top_bacrem h3 {
    font-size: 15px;
    font-weight: bold;
}
.top_bacrem p.barcrem {
    margin-bottom: 0;
    font-size: 12px;
}
.sidebar .sidebar_heading {
    padding: 7px 12px;
    font-size: 15px;
}
#myUL li a , #myUL li div label{
    padding: 10px 12px;
    font-size: 12px;
}
.custom-checkbox label, .custom-radio label {
    padding: 6px 0;
    font-size: 12px;
}
.custom-control-label::before {
    top: .25rem;
    left: -1.1rem;
    width: 0.7rem;
    height: 0.7rem;
}
.custom-control-label::after {
    top: .26rem;
    left: -1.1rem;
    width: 0.7rem;
    height: 0.7rem;
}
.custom-checkbox, .custom-radio {
    padding-top: 3px;
    padding-bottom: 3px;
}
.sidebar .sidebar_items li.more {
    margin-top: 10px;
    font-size: 12px;
    padding-left: 8px;
}
.sidebar .sidebar_items li.more:before {
    width: 6px;
    height: 6px;
    left: 25%;
}
.sidebar .sidebar_items.level_2 {
    margin-bottom: 0.5rem;
}
.pro_items {
    padding: 10px;
}
.right_main_items {
    padding: 5px;
}
.pro_items .card-body {
    padding: .5rem;
}
.pro_items .main .btn {
    padding: .1rem 0rem;
}
.pro_items .add_cart {
    font-size: 10px;
    margin-top: 6px;
}
.pro_items .add_cart span svg .a{
    fill: #8f4f92;
}
.pro_items .cheout {
    font-size: 10px;
}
.pro_items .card-title span.span-hedding {
    padding: 1px 5px;
    color: #000;
    font-size: 9px;
}
#essential_pagination .page-link {
    padding: 4px 9px;
    font-size: 13px;
}
.icon_cart {
    width: 65px;
    height: 65px;
    padding: 7px;
    right: 12px;
    bottom: 68px;
}
.icon_cart svg {
    width: 22px;
    height: auto;
}
.icon_cart h4 {
    color: #fff;
    font-size: 11px;
    margin-top: 3px;
    margin-bottom: 0px;
}
.pro_items h4.card-price {
    font-size: 15px;
    margin-bottom: 0.5rem;
}
.pro_items p.member {
    font-size: 12px;
    margin-bottom: 0.7rem;
}
.pro_items .add_cart {
    font-size: 10px;
    padding: 6px;
}
.pro_items .cheout {
    padding: 7px;
}
.installment-wr .vehicles .icon {
    border-radius: 8px;
}
.info-inner .pro_items{
    padding: 0;
}
.item-preview .item-info .info-inner .info-block.item-price {
    margin-bottom: 0.5rem;
}
.basket_imges {
    margin-right: 0;
    display: none;
}
span.remove_aspn {
    display: none;
}
.deletebtn {
    padding: 1px 4px;
}
.basket_plz input.basketcounter {
    width: 20px;
    padding: 0 2px;
}
.basket_plz .backetbtn {
    height: 20px;
    width: 20px;
}
.basket_table tbody tr td {
    font-size: 10px;
    text-align: left;
    padding: 0 5px;
    line-height: 1.4;
    padding: 12px 6px;
}
.basket_table thead tr td {
    font-size: 10px;
    padding: 2px;
    padding-bottom: 8px;
}
.basket_plz{
    width: 60px;
}
.basket_table tbody tr td:first-child {
    padding-left: 8px;
}
.basketmait {
    font-size: 0.8rem;
    font-weight: bold;
    margin-bottom: 0 !important;
}
.basket_total_wrap {
    box-shadow: 0px 0px 6px #00000029;
    padding: 0px 0;
    margin-top: 5px;
}
.vehicles.row.d-flex.flex-nowrap.mobile_ws {
    overflow-x: scroll;
}
#essential_form {
    width: 0;
    max-width: 0;
    margin: 0;
    padding: 0;
}
#carouselExampleIndicators{
    width: 100%;
}
.installment-wr .vehicles .icon {
    border-radius: 8px;
    padding: 6px;
}
.main-lis {
    margin-bottom: 15px;
}
.m-wrap{
    flex-wrap: nowrap !important;
    display: flex !important;
    overflow-x: scroll;
}
.m-wrap .dd-button{
    border-radius: 44px;
}
#select_category{
    border-radius: 44px;
}
#select_location{
    border-radius: 44px;
}
#sortmodal .dd-menu {
    position: relative;
    top: auto;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    box-shadow: none;
    background-color: #ffffff;
    list-style-type: none;
}
#sortmodal .dd-menu li {
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
    border: solid 1px #f3efef;
    border-radius: 5px;
    margin-top: 5px;
}
#sortmodal .modal-body {
    padding: 0.5rem;
    padding-top: 32px;
}
#sortmodal .close{
    position: absolute;
    top: 4px;
    right: 11px;
}
 
}


/*  Custom CSS Overides */
.model-body {
    padding-right: 30px;
}
.model_center {
    height: calc(100vh - 1.75rem - 1.75rem);
    overflow: hidden;
}
.model_center .modal-content {
    height: 100% !important;
}
.model_center .modal-content {
    height: calc(100vh - 1.75rem - 1.75rem);
}

.model_slide_panel {
    height: calc(100vh - 3.5rem - 75px);
    overflow: auto !important;
}
.model_slide_panel {
    scrollbar-width: thin;
    scrollbar-color: #8f4299 #f3f3f3;
}
.model_slide_panel::-webkit-scrollbar {
    width: 12px;
}
.model_slide_panel::-webkit-scrollbar-track {
    background: #f3f3f3;
}
.model_slide_panel::-webkit-scrollbar-thumb {
    background-color: #8f4299;
    border-radius: 20px;
    border: 3px solid #f3f3f3;
}

.model_link:active {
    background-color: #8f4299;
    color: #fff !important;
}
.model_link:active a {
    color: #fff !important;
}

.model_arrow {
    font-size: 14px;
    float: right;
    color: #a2a0a0;
}

.model_close_button {
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #6b6b6b;
    cursor: pointer;
    z-index: 99999999;
}
.model_close_button:hover {
    color: #8f4299;
}

/* Product View */
.member_badge {
    float: right;
    margin-top: -35px;
    display: none;
}
.quantity_counter {
    /* display: none; */
    /* margin-bottom: 15px !important; */
}
.quantity_counter {
    position: relative;
}
.listing_add_card {
    position: absolute;
    z-index: 10;
    background: white;
    top: -6px;
    height: 30px;
}

.add_cart_hide {
    display: none;
}
.pro_items .main .btn i {
    margin-left: 0;
    color: #fff;
}
/* .pro_items .add_cart {
    font-size: 13px;
    position: absolute;
    background: #fff;
    z-index: 20;
}
.pro_items .cheout {
    border-color: #8f4299;
    background: #8f4299;
    font-size: 13px;
} */
@keyframes zoominoutsinglefeatured {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}
.icon_cart {
    display: none;
    animation: zoominoutsinglefeatured 5s forwards;
}
.cart_show {
    display: block;
}
.basket_size {
    margin-top: -2px !important;
}

.filter_selection {
    width: auto;
    padding-left: 33px;
}

.main-lis {
    height: auto;
    width: auto;
    position: relative;
    float: right;
    margin-left: 10px;
    display: inline-block;
}

.horizontal_menu_sort {
    overflow: auto;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.horizontal_menu_sort,
.horizontal_menu_sort::before,
.horizontal_menu_sort::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
.main-lis i {
    position: absolute;
    left: 10px;
    top: 11px;
    font-size: 19px;
    color: #8f4299;
    
}
.main-lis input {
    text-align: left;
    padding-right: 10px;
}

/* Dropdown */

.dropdown {
    display: inline-block;
    position: relative;
}

.dd-button {
    display: inline-block;
    background-color: #ffffff;
    cursor: pointer;
    white-space: nowrap;
    padding: 7.5px;
    padding-right: 24px;
    padding-left: 30px;
    background-color: #f8f9fa;
}
.dd-button:hover {
    color: #212529;
    background-color: #e2e6ea;
    border-color: #dae0e5;
}

.dd-button:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #8f4299;
}

.dd-button:hover {
    background-color: #eeeeee;
}

.dd-input {
    display: none;
}

.dd-menu {
    position: absolute;
    top: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0;
    margin: 2px 0 0 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    list-style-type: none;
}

.dd-input + .dd-menu {
    display: none !important;
}

.dd-input:checked + .dd-menu {
    display: block !important;
}

.dd-menu li {
    padding: 10px 20px;
    cursor: pointer;
    white-space: nowrap;
}

.dd-menu li:hover {
    background-color: #f6f6f6;
}

.dd-menu li a {
    display: block;
    margin: -10px -20px;
    padding: 10px 20px;
    font-size: 0.75rem;
    color: #393e41;
}

.dd-menu li.divider {
    padding: 0;
    border-bottom: 1px solid #cccccc;
}

.category_icon_set1 {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    float: left;
    margin-top: 0;
    margin-right: 0;
    position: absolute;
    left: 7px;
    top: 8px;
}
li.sub_cat {
    margin-left: 25px;
    position: relative;
}
.sub_cat a.preload_show {
    padding-left: 38px !important;
}
#myUL li {
    position: relative;
}
.page-item.active .page-link {
    background-color: #8f4299;
    border-color: #8f4299;
}
.page-link {
    color: #8f4299;
}
@media only screen and (max-width: 352px) {
    .sub-header ul.nav.d-flex.flex-nowrap {
        overflow: scroll;
    }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
span.n_blink {
    color: #ffffff;
    font-weight: 100;
    font-style: italic;
    margin-right: 22px;
    -webkit-animation: blink-1 2s infinite both;
    animation: blink-1 2s infinite both;
    background-color: #8f4299;
    padding: 2px 12px;
    border-radius: 5px;
}

@-webkit-keyframes blink-1 {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes blink-1 {
    0%,
    50%,
    100% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

/* Icon set */
.marketplace_icon_menu {
    background-image: url(../images/essential/marketplace2.svg);
    width: 100%;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
    float: left;
}

.marketplace_icon_menu_desktop {
    background-image: url(../images/essential/marketplace2.svg);
    width: 13px;
    height: 13px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
    float: left;
    margin-right: 9px;
}

.marketplace_icon_ad_post {
    background-image: url(../images/essential/marketplace3.svg);
    width: 28px;
    /* background-color: aquamarine; */
    height: 27px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
    float: left;
    margin-right: 16px;
}
.marketplace_icon_menu_burg {
    background-image: url(../images/essential/marketplace3-light.svg);

    width: 14px;
    /* background-color: aquamarine; */
    height: 14px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
    float: left;
    margin-right: 10px;
}

.lesure_icon_menu {
    background-image: url(../images/essential/lesure-white.svg);
    width: 100%;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
    float: left;
}

.lesure_icon_menu_desktop {
    background-image: url(../images/essential/lesure-white.svg);
    width: 19px;
    height: 16px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
    float: left;
    margin-right: 9px;
}

.lesure_icon_ad_post {
    background-image: url(../images/essential/lesure-gray.svg);
    width: 28px;
    /* background-color: aquamarine; */
    height: 27px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
    float: left;
    margin-right: 16px;
}

.lesure_icon_menu_burg {
    background-image: url(../images/essential/lesure-light-gray.svg);

    width: 14px;
    /* background-color: aquamarine; */
    height: 14px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    /* background-size: cover; */
    background-position: center;
    float: left;
    margin-right: 10px;
}

.mobile-number-wrap {
    float: left;
}

@media only screen and (max-width: 600px) {
    .dd-input:checked + .dd-menu {
        display: none !important;
    }
    .mobile-number-wrap {
        float: right;
    }
}
.one_height a {
    display: inline-block;
    width: 100%;
    height: 100%;
    border: solid 1px #ddd;
    border-radius: 6px;
}

@media only screen and (max-width: 575px) {
    #app {
        margin-top: 7.1rem !important;
    }
    .breadcrumb-wrapper {
        margin-top: 1rem;
        margin-bottom: 0px;
        min-height: 41px;
        height: auto;
        background: #f9f9f9;
    }
}

.msubcaterycol {
    margin-top: 0rem !important;
}

@media only screen and (max-width: 600px) {
    .top_bacrem {
        display: none;
    }
}


.top-button-wrap-new-ui .icon_cart,
.icon_cart.cart-mobile {
    width: auto;
    height: auto;
    background-color: transparent;
    text-align: center;
    border-radius: 0;
    color: #fff;
    padding: 0;
    position: relative;
    right: unset;
    bottom: unset;
    z-index: 1000;
    padding-right: 1rem !important;
}

.top-button-wrap-new-ui .icon_cart button,
.icon_cart.cart-mobile button {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: baseline;
}

.top-button-wrap-new-ui .icon_cart svg,
.icon_cart.cart-mobile svg {
    width: 1.1rem;
    height: auto;
    margin-left: 0.25rem;
}

.icon_cart.cart-mobile {
    /* position: absolute !important;
    top: -1px;
    right: 2.75rem; */
    position: relative !important;
    top: -2px;
    padding-right: 0 !important;
}

.mobile-header {
    display: flex;
    justify-content: space-between;
}

.mobile-header .spacer {
    flex: 1;
}

.icon_cart.cart-mobile .basket_size {
    background: #60086b;
    padding: 0.125rem;
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.25rem;
}

.icon_cart.cart-mobile svg {
    width: 1rem;
}

@media (min-width: 768px) {
    .icon_cart.cart-mobile {
        padding-right: 0.75rem !important;
    }
}

@media (min-width: 992px) {
    .icon_cart.cart-mobile {
        display: none !important;
    }
}



@media (max-width: 767px) {
    .vehicle-wr {
/*        margin: -0.5rem auto 0 auto !important;*/
margin: -0.3rem auto 0 auto !important;
    }

    iframe#banner-iframe {
        margin-bottom: 0 !important;
    }

    .vehicle-wr + section.row > .alert.p-0.rounded-0.w-100.text-center {
        margin-bottom: 0 !important;
    }

    .mobile-header
        .user-login-wr
        .mobile-profile-dropdown-menu
        .add-hover:hover
        > .dropdown-menu {
        left: unset;
        right: -1px;
        /* margin-top: -1px; */
    }

    .user-login-wr .user-login-mobile .nav-link:nth-child(1),
    .user-login-wr .user-login-mobile .nav-link:nth-child(2) {
        background: #00aced;
        border-color: #00aced;
        font-weight: bold;
    }

    /*.user-login-wr .user-login-mobile .nav-link:last-child {
        display: none;
    }*/
}

@media (max-width: 767px) {
    .header-wr.fixed-top {
        transition: all 0.3s ease-in-out;
        transform: translateY(0);
    }
    .header-wr.fixed-top.top-nav-hidden {
        transform: translateY(-101%);
    }
    .user-login-wr .user-login-mobile .add-hover:hover>.dropdown-menu {
        left: unset;
        right: -1px;
    }
}
