.main_navbar {
    background-color: rgb(226 252 244);
}

.main_banner {
    min-height: 610px;
    /* background-image: url(../img/banner.jpg); */
    background-image: url(https://eservify-s3-test.s3.ap-south-1.amazonaws.com/public/banner.webp);
    background-size: cover;
    background-position: center;
    position: relative;
    top: 0
}

.main-nav-link {
    color: #fff
}

.main_side_links {
    color: #fff
}

.main_banner_div {
    position: relative;
    top: 21rem
}

.main_banner_text {
    color: #fff;
    font-weight: 800;
    font-size: 45px;
    margin-bottom: 2rem
}

.main_search_bar {
    background-color: #000000;
    width: 18rem;
    display: block;
    margin: 0 auto;
    height: 44px;
    border-radius: 9px;
    margin-left: 26rem
}

.main_search_bar i {
    color: #fff
}

.main_search_bar::-webkit-input-placeholder {
    color: #fff
}

.main_search_bar:-moz-placeholder {
    color: #fff
}

.main_search_bar::-moz-placeholder {
    color: #fff
}

.main_search_bar:-ms-input-placeholder {
    color: #fff
}

.main_search_box {
    width: 84%;
    font-size: 17px;
    font-weight: 600;
    outline: 0;
    padding: .5rem;
    height: 44px;
    border: none;
    background-color: #000000;
    cursor: pointer;
    text-decoration: underline
}

.main_search_box::-webkit-input-placeholder {
    color: #fff
}

.main_search_bar:-moz-placeholder {
    color: #fff
}

.main_search_bar::-moz-placeholder {
    color: #fff
}

.main_search_bar:-ms-input-placeholder {
    color: #fff
}

.main_service_div {
    position: relative;
    margin-top: 0;
    margin-bottom: 3rem
}

.main_service_outer {
    background-color: #fff;
    padding: 1rem;
    border-radius: 8px;
    box-shadow: 0 8px 26px 0 rgba(0, 0, 0, .08)
}

.main_service_box {
    padding: 1rem .5rem
}

.main_service_box:hover {
    background-color: none;
    filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.main_service_box img {
    width: 65px
}

.navbar-light .navbar-toggler {
    color: #000
}

.main_service_box h6 {
    font-size: 16px;
    font-weight: 600;
    margin-top: .5rem;
    text-align: center
}

.mainpage_div_heading {
    font-size: 16px;
    font-weight: 700
}

.dashboard-mb-1 {
    margin-bottom: 1rem
}

.dashboard-mb-2 {
    margin-bottom: 2rem
}

.your_dashboard_link {
    color: #505050
}

.your_dashboard_link:hover {
    color: #000
}

.your_dashboard_box img {
    width: 30%;
    margin-bottom: .5rem
}

.your_dashboard_box h4 {
    font-size: 20px;
    font-weight: 800;
    margin-top: .5rem;
    margin-bottom: .5rem
}

.your_dashboard_box p {
    font-size: 12px;
    font-weight: 700;
    color: #505050
}

.main_new_brand {
    width: 90px;
    height: 90px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px
}

.main_new_brand img {
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    height: 90px;
    object-fit: contain;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09)
}

.main_view_more_link {
    font-size: 15px;
    font-weight: 700;
    text-decoration: underline
}

.main_new_accessory {
    width: 80px;
    height: 90px;
    margin-right: 10px;
    margin-left: 10px;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px
}

.main_new_accessory img {
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    height: 75px;
    object-fit: contain
}

.main_new_accessory h6 {
    font-size: 12px;
    font-weight: 700;
    color: #505050
}

.main_refer_code {
    text-align: left;
    padding-left: .5rem;
    letter-spacing: .45rem;
    color: #41aa82;
    font-weight: 800
}

.main-social-icon {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    margin-left: 2px;
    float: left;
    padding: 3px
}

.facebook-bg {
    background-color: #3b5998
}

.instagram-bg {
    background-color: #e1306c
}

.linkedin-bg {
    background-color: #0e76a8
}

.twitter-bg {
    background-color: #00acee
}

.share-bg {
    background-color: #000
}

.copy-bg {
    background-color: gray
}

.main-social-icon img {
    width: 45%
}

.we_remind_banner {
    background-image: url(../img/we_remind.png);
    width: 100%;
    height: 300px;
    background-size: 100%;
    background-position: 100%
}

.we_remind_banner_text {
    padding: 4.5rem 3rem
}

.we_remind_banner_text p {
    color: #fff;
    text-align: left;
    font-size: 17px;
    line-height: 22px;
    font-weight: 600
}

.we_remind_banner_text h2 {
    font-size: 30px;
    text-align: left;
    color: #fff;
    font-weight: 700;
    margin-top: 2rem
}

.no-gutter>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.why_buy_green {
    background-image: url(../img/Green_background.png);
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom
}

.why_buy_green div {
    padding: 4rem 2rem
}

.why_buy_green div h1 {
    text-align: left;
    font-size: 17px;
    font-weight: 500;
    color: #fff
}

.why_buy_green div p {
    text-align: left;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    margin-top: 1rem
}

.why_buy_green div h6 {
    text-align: left;
    color: #fff;
    font-size: 12px;
    margin-bottom: 1rem
}

.why_buy_green div h6::before {
    display: inline-block;
    content: "";
    border-top: 2px solid #ffab03;
    width: 1rem;
    margin: 0 .5rem;
    transform: translateY(0)
}

.why_green {
    background-color: #41aa82
}

.why_warranty_feature {
    padding: 3.5rem 2rem 0 2rem;
    min-height: 300px
}

.why_warranty_feature img {
    width: 22%;
    display: block;
    margin-bottom: 1rem
}

.why_warranty_feature h2 {
    text-align: left;
    font-weight: 700;
    font-size: 22px
}

.why_warranty_feature p {
    text-align: left;
    margin-top: .5rem;
    color: #878787
}

.complete_room_link {
    color: #505050
}

.complete_room_link:hover {
    color: #000
}

.complete_room_box img {
    width: 55%;
    margin-bottom: .5rem;
    filter: grayscale(100%);
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.complete_room_box:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

.complete_room_box:hover p {
    color: #ffab03
}

.complete_room_box p {
    font-size: 15px;
    font-weight: 700;
    color: #959494;
    text-transform: uppercase
}

.complete_room_box h6 {
    display: none
}

.complete_room_box:hover h6 {
    display: block;
    color: #41aa82
}

.brand_slider {
    padding: 3rem !important;
    background-image: url(../img/color_bg.png);
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: top right
}

.product-card-slider {
    box-shadow: 0 1px 9px 0 rgba(0, 0, 0, .09);
    background-color: #fff
}

.product-body-slider h4,
.product-body-slider_heading {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    color: #000;
    margin-bottom: 3rem
}

.product-body-slider {
    padding: 1rem;
    min-height: 45%
}

.product-body-slider h2,
.product-body-slider_price {
    text-align: left;
    font-size: 14px;
    font-weight: 800;
    margin-top: 1rem;
    position: fixed;
    bottom: 1rem
}

#product-slider .owl-height {
    height: auto !important
}

#product-slider .owl-stage-outer {
    padding-bottom: 1rem
}

#product-slider .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none !important
}

#testimonial .testimonial-card .testimonial-img img {
    height: 6rem;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    border: 2px solid #40a880;
    width: 6rem !important
}

#testimonial .testimonial-card .testimonial-body h4 {
    text-align: center;
    font-weight: 700;
    margin-bottom: .5rem;
    margin-top: .75rem;
    font-size: 16px
}

#testimonial .testimonial-card .testimonial-body p {
    text-align: center;
    font-weight: 500;
    margin-bottom: .75rem;
    font-size: 14px;
    line-height: 1.45rem
}

#testimonial .owl-dots {
    display: block !important;
    text-align: center;
    line-height: 1
}

#testimonial .owl-dots button.owl-dot.active {
    background-color: #ffab03 !important
}

#testimonial .owl-dots button.owl-dot {
    height: .75rem;
    width: .75rem;
    background-color: #000 !important;
    margin-right: 5px;
    border-radius: 50%
}

.purchase_shipping {
    box-shadow: 0 0 9px 4px rgba(0, 0, 0, .09)
}

.customer_service_app {
    width: 25%;
    margin-right: .5rem;
    float: left
}

.customer_service_social {
    width: 35px;
    height: 35px;
    padding: 5px;
    margin-left: 8px;
    margin-right: 0;
    float: left;
    display: inline-block;
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 50%
}

.customer_service_social i {
    color: #000
}

.payment_option {
    width: 108px;
    height: 75px;
    object-fit: contain
}

#twitter-testimonial .owl-nav button.owl-prev {
    right: 80%;
    left: 80%;
    right: auto;
    top: -1.5rem
}

#twitter-testimonial .owl-nav button.owl-next {
    right: 10%;
    left: 10%;
    left: auto;
    top: -1.5rem
}

#twitter-testimonial .owl-nav button.owl-next span,
#twitter-testimonial .owl-nav button.owl-prev span {
    font-size: 40px
}

#twitter-testimonial .owl-nav button {
    position: absolute;
    height: 4rem;
    margin: 0;
    transition-property: all;
    transition-delay: 75ms;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

#twitter-testimonial .owl-stage-outer {
    height: auto !important
}

.twitter-testimonial-top {
    text-align: left;
    padding-left: .8rem;
    font-size: 13px;
    font-weight: 700
}

.twitter-testimonial-item {
    padding: 6rem 0 2rem 0
}

.twitter-testimonial-item i {
    color: #39ccf6;
    font-size: 32px;
    margin-bottom: 1rem
}

.twitter-testimonial-item p {
    font-size: 14px;
    font-weight: 500;
    line-height: 25px;
    padding: 0 3rem
}

.twitter-testimonial-item h2 {
    font-size: 13px;
    font-weight: 800;
    margin: 1rem
}

.testimonial-follow {
    background-color: #39ccf6;
    border-radius: 60px;
    padding: .3rem 2.5rem;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-top: 3rem
}

.testimonial-follow:hover {
    color: #fff
}

#twitter-testimonial .owl-nav.disabled {
    display: block !important
}

.follow_insta {
    font-size: 18px;
    line-height: 32px;
    font-weight: 700;
    margin-left: 4px
}

.instagram_follow_image {
    width: 100%;
    height: 110px;
    object-fit: cover;
    margin-bottom: 1rem
}

.instagram-follow-col {
    padding-left: 15px;
    padding-right: 0
}

.instagram-follow-col:nth-child(3n) {
    padding-left: 15px;
    padding-right: 15px
}

.youtube_banner_image {
    width: 100%;
    height: 100px;
    object-fit: cover
}

.p-unset {
    padding: 0
}

.youtube_profile_icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 5px
}

.youtube_name {
    font-size: 15px;
    text-align: left;
    font-weight: 800;
    margin-top: 3px
}

.youtube_subscriber {
    font-size: 11px;
    text-align: left;
    font-weight: 600;
    margin-top: 3px
}

.you-tube-frame iframe {
    width: 100%;
    height: 100px
}

#blog_carousel .owl-dots {
    display: block !important;
    position: absolute;
    left: 2rem;
    bottom: 2rem
}

#blog_carousel .owl-dots button {
    width: 10px;
    height: 10px;
    background-color: #d4d4d4;
    border-radius: 50%;
    margin-right: 10px
}

#blog_carousel .owl-dots button.active {
    border: 1px solid #fbaa03;
    background-color: #fff;
    width: 13px;
    height: 13px
}

#blog_carousel .owl-nav.disabled {
    display: none !important
}

#blog_carousel .owl-stage-outer {
    height: auto !important
}

.blog-carousel-banner {
    width: 100%;
    height: 450px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    background-size: cover;
    background-position: 100%;
    background-repeat: no-repeat;
    padding: 2rem
}

.blog-carousel-banner h6 {
    text-align: left;
    color: #fff;
    font-size: 13px
}

.blog-carousel-banner h1 {
    margin-top: 6rem;
    text-align: left;
    text-transform: uppercase;
    font-size: 35px;
    color: #efefef;
    font-weight: 700
}

.blog-carousel-banner p {
    text-align: left;
    font-size: 15px;
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding-right: 20rem;
    line-height: 24px
}

.blog-carousel-banner a {
    float: left;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: .4rem 2rem;
    font-size: 15px;
    font-weight: 700
}

.blog-carousel-banner a:hover {
    background-color: #fff
}

.single-blog-image {
    height: 210px;
    object-fit: cover;
    object-position: center;
    border-top-right-radius: 8px
}

.single-blog h6 {
    text-align: left;
    font-size: 12px;
    font-weight: 700;
    color: gray;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.blog-heading {
    background-color: #41aa82;
    padding: 2rem
}

.blog-heading h1 {
    color: #fff;
    font-weight: 700;
    font-size: 30px
}

.single-blog h1 {
    text-align: left;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    color: #554f4f
}

.single-blog {
    padding-left: .5rem
}

.single-blog p {
    text-align: left;
    font-size: 15px;
    line-height: 24px;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.single-blog a {
    float: left;
    border: 1px solid gray;
    border-radius: 50px;
    padding: .4rem 1.5rem;
    font-size: 14px;
    font-weight: 700
}

.vertical-brand-box {
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .09);
    margin-left: .5rem;
    margin-right: .5rem;
    border-radius: .5rem;
    margin-top: .85rem;
    width: 90px;
    height: 90px;
    float: left
}

.vertical-brand-box img {
    width: 60px !important;
    object-fit: contain;
    height: 90px;
    margin: 0 auto
}

#vertical-brand .owl-dots {
    display: block !important;
    position: absolute;
    right: 0;
    top: 26%
}

#vertical-brand .owl-dots button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #000;
    display: block;
    margin: 0 auto;
    margin-bottom: 5px
}

#vertical-brand .owl-dots button.active {
    background-color: #ffab03;
    width: 12px;
    height: 12px
}

#vertical-brand .owl-stage-outer {
    height: auto !important;
    padding-bottom: .5rem
}

.vertical-brand-heading h3 {
    text-align: left;
    font-size: 25px;
    margin-left: .5rem
}

.vertical-brand-heading h4 {
    text-align: left;
    font-size: 17px;
    margin-left: .5rem;
    margin-bottom: .5rem
}

.vertical-brand-heading h4 span,
.vertical-brand-heading h2 span {
    font-weight: 600
}

.vertical-brand-heading h2 {
    text-align: left;
    font-size: 17px;
    margin-left: .5rem;
    margin-bottom: .5rem;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: rgb(236 161 33) !important
}

.blog-page .bordered {
    border: 1px solid #e7ecf1;
    background-color: #fff;
    position: relative
}

[class^=ribbon-] {
    position: relative;
    margin-bottom: 80px
}

[class^=ribbon-]:after,
[class^=ribbon-]:before {
    content: "";
    position: absolute
}

.ribbon-left {
    background: #41aa82;
    position: absolute;
    left: -8px;
    padding: 10px;
    z-index: 5;
    color: #fff;
    top: 25px
}

.ribbon-left:before {
    height: 0;
    width: 0;
    border-bottom: 8px solid #006f45;
    border-left: 8px solid transparent;
    top: -8px;
    left: 0
}

.ribbon-left:after {
    height: 0;
    width: 0;
    border-top: 22px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 21px solid #41aa82;
    right: -20px;
    top: 0
}

.blog-post-sm>.blog-img-thumb {
    height: 200px
}

.blog-img-thumb {
    overflow: hidden;
    position: relative
}

.blog-img-thumb img {
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto
}

.blog-post-content {
    padding: 20px;
    background-color: #fff;
    min-height: 45%
}

.blog-post-content>.blog-post-foot>.blog-post-meta {
    display: inline-block;
    margin-right: 10px
}

.blog-post-content>.blog-post-foot>.blog-post-meta i {
    color: #eda120 !important;
    margin-right: 2px
}

.blog-post-content>.blog-post-foot>.blog-post-meta>a {
    color: #9aa5b2;
    font-size: 13px;
    font-weight: 700
}

.blog-page .blog-title {
    text-align: left;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 2rem
}

.blog-page .blog-title>a {
    color: #4e5a64;
    font-weight: 600;
    font-size: 17px
}

.blog-post-foot {
    margin-top: .5rem;
    position: absolute;
    bottom: .5rem;
    width: 85%
}

.dropdown--right {
    margin-right: 14px;
    padding-top: 8px
}

.logged_user {
    font-size: .875rem;
    font-weight: 700;
    color: #6d6d6d
}

.logged_user_dropdown li a:hover {
    color: #eda120 !important
}

.logged_user:hover {
    color: rgb(236 161 33) !important
}

.navbar-light .navbar-nav .nav-link:hover {
    color: rgb(236 161 33)
}

.logged_user_dropdown {
    min-width: 10rem;
    position: absolute;
    left: -100px;
    padding: 0;
    border-radius: 0;
    top: 3rem;
    background-color: #fff
}

#feature-slide .owl-dots.disabled {
    display: block !important
}

#feature-slide .owl-dots .owl-dot {
    width: 10px;
    background-color: #000;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    position: relative;
    bottom: -25px
}

#feature-slide .owl-dots .owl-dot:focus {
    outline: 0
}

#feature-slide .owl-dots .owl-dot.active {
    background-color: #ffab03
}


.search_link h5:hover {
    color: #eb9f21 !important
}

.main_service_outer .raise_req_heading {
    font-size: 25px;
    color: #212529;
    line-height: 65px;
    text-align: center
}

.main_service_outer .raise_req_heading span {
    text-transform: uppercase;
    font-weight: 600
}

.buy_more {
    text-align: right;
    float: right;
    color: #eda120;
    font-weight: 700;
    font-size: 17px
}

.buy_more:hover {
    color: #eda120
}

.logged_user_dropdown li a {
    color: #6d6d6d
}

.painting_decor_bg {
    background-image: url(../img/decor_bg.jpg);
    min-height: 200px;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 1.5rem !important
}

.painting_item_box img {
    border-radius: 13px
}

.home_paint_title {
    font-size: 25px;
    color: #212529;
    line-height: 65px;
    text-align: center;
    font-weight: 600
}



/*------------------------ Start new CSS for home page ----------------*/
.new_banner_side .carousel-control-prev
    {
        left: 0rem;
    display: block;
    top: 35%;
    background-color: rgba(255,255,255,0.4);
    width: 3rem;
    height: 8rem;
    line-height: 8rem;
    opacity: 1;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    }
    .new_banner_side .carousel-control-next
    {
        right: 0rem;
    display: block;
    top: 35%;
    background-color: rgba(255,255,255,0.4);
    width: 3rem;
    height: 8rem;
    line-height: 8rem;
    opacity: 1;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    }
    .new_banner_side .carousel-control-next img, .new_banner_side .carousel-control-prev img
    {
            width: 1.5rem;
    height: 1.5rem;

    }
.nav.navlist li>a {
    padding: 0px;
     color: #757575;
     font-size: 12px;
     font-weight: 600;
 }
 .banner_side_listing
 {
     background-color:#fff;
 }
 .side_listing_image_div, .side_listing_image
 {
     height: 443px;
 }
 .nav.navlist {
        min-height: 443px;
     box-shadow: 0 3px 7px 0 #e9e9e9;
     display: block;
     max-height: 443px;
     overflow-y: scroll;
     direction: rtl;
     padding-right: 0;
     scrollbar-width: thin;
scrollbar-color: #d2d2d2 #b1b1b1;
 }
 /*.submenu ul {
    min-height: 481px;
     min-width: 205px;
     max-width: 205px;
     background-color: #fbeacd;
     list-style-type: none;
     padding-inline-start: 22px;
     padding: 12px 14px;
 }*/
 .submenu ul
 {
     min-height: 443px;
    max-height: 443px;
    width: 555px;
     background-color: #fbeacd;
     list-style-type: none;
     padding-inline-start: 22px;
     padding: 12px 14px;
         max-width: 555px;
     overflow-y: scroll;
     padding-right: 0px;
     scrollbar-width: thin;
scrollbar-color: #d2d2d2 #b1b1b1;
 }
 .submenu ul::-webkit-scrollbar {
   width: 7px;
 }
 .submenu ul::-webkit-scrollbar-track {
   background: #d2d2d2;
 }
 .submenu ul::-webkit-scrollbar-thumb {
   background: #b1b1b1;
 }
 .submenu ul::-webkit-scrollbar-thumb:hover {
   background: #b1b1b1;
 }
 .nav.navlist::-webkit-scrollbar {
   width: 4px;
 }
 .nav.navlist::-webkit-scrollbar-track {
   background: #d2d2d2;
 }
 .nav.navlist::-webkit-scrollbar-thumb {
   background: #b1b1b1;
 }
 .nav.navlist::-webkit-scrollbar-thumb:hover {
   background: #b1b1b1;
 }
 .nav.navlist li {
     position: static;
         position: static;
     direction: ltr;
 }
 .nav.navlist li:hover
{
    background-color: #fbeacd;
}

 .brand_list_search
 {
        width: 60%;
     border: none;
     float: right;
     right: 1rem;
 }
 .nav>li>a {
     position: relative;
     display: block;
     padding: 10px 15px;
 }
 .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
     display: table;
     content: " ";
 }

 .nav.submenu {
     display: none;
     margin-right: -237px;
     width: 240px;
     height: 443px;
     background-color: #f1f5fa;

 }
 .nav.submenu {
     width: 760px;
     margin-right: -760px;
     background-color: transparent;
     right: 0;
     top: 0;
     z-index:9;
 }
 .nav.navlist li:hover > .nav.submenu, .nav.navlist li.active>.nav.submenu {
     display: block;
 }

 .submenu-z-index {
     z-index: 1;
 }
 .side_listing_icon_image
 {
     width: 25px;
     height: 26px;
     object-fit: contain;
     margin-right: 6px;
     filter: grayscale(1);
     margin-left:5px;
 }
 .banner_side_listing .nav-main-tabs
 {
     color: #1e272e !important;
     font-weight: 700 !important;
     padding: 4px 5px !important;
 }
 .banner_side_listing li > a i.fa-chevron-right {
         position: absolute;
     top: 14px;
     right: 8px;
     font-size: 9px;
 }
 .title_head
 {
     font-size: 14px !important;
     font-weight: 800 !important;
     color: #41ab82 !important;
 }
 .second_title_head
 {
         font-size: 14px;
     font-weight: 700;
     color: #000;
     padding-left: 0px;
     margin-top: 14px;
       margin-bottom: 20px;
 }

 .new_banner_side
 {
     min-height: 443px;
 }
 .new_banner_side .carousel
 {
     min-height: 443px;
 }
 .new_banner_side .carousel .carousel-inner, .new_banner_side .carousel .carousel-item
 {
     min-height: 443px;
 }
 .new_banner_side .carousel .carousel-item img
 {
    width: 100%;
    min-height: 443px;
    height: 443px;
 }
 .new_top_navbar
 {
     padding: 0.3rem !important;
     background-color: #fff !important;
     border-top: 1px solid #eaeaea;
 }
 .new_top_navbar .navbar-nav
 {
         padding-left: 4px;
 }
 .new_top_navbar .nav-link
 {
     color: #000 !important;
     font-size: 12px !important;
     font-weight: 800;
     padding: 0px 14px;
     padding-top: 3px;
 }
 .add_device_searchbar
 {
     font-size: 12px;
 }
 .list_brand_search i{
     font-size: 12px;
 }
 .new_top_navbar .nav-link:hover
 {
     color: #41aa82 !important;
 }

 .topbar_shop
 {
         width: 100%;
     background-color: #fff;
     text-align: center;
     padding: 0.22rem;
     border-right: 1px solid #9a9a9a;
     border-top: 1px solid #eaeaea;
 }
 .topbar_shop a
 {
         padding: 0.3rem;
     font-size: 12px;
     font-weight: 800;
     color: #000;
 }
 .logged_user
 {
     padding: 1px !important;
 }
 .navbar-nav .user_cart
 {
     padding-right: 0.8rem;
 }
 .separate_category
 {
     background-color: #fff;
     border-bottom: 1px solid #d6d6d6;
     position: sticky;
     top: 0;
     width: 100%;
     padding: 0.6rem 0.2rem;
     font-size: 14px;
     font-weight: 700;
     text-align: center;
     z-index: 99;
     margin-bottom: 5px;
 }

.list_brand_search
{
        background-color: #fff;
    width: 97%;
    border-radius: 6px;
    margin-bottom: 1rem;
    padding-left: 0.5rem;
}

 /*----------Home.min.css-----------*/
 .image_list_item
 {
     display: inline-block;
     float: left;
     background-color: #fff;
     margin-right: 10px;
     margin-bottom: 10px;

     border: 1px solid #dedede;
     border-radius: 8px;
 }
 .image_list_item img
 {
    width: 4.75rem;
    height: 4.75rem;
    object-fit: contain;
    padding: 9px;
 }

 @media(max-width: 600px)
 {
     .topbar_location_div
     {
         display: none;
     }
     .m-top-nav-view
     {
         display: none;
     }
     .m-top-list-view
     {
         display: none;
     }
     .navbar-brand
     {
         width: auto !important;
     }
     .logo {
     width: 35% !important;
     display: block;
     margin: 0;
 }
 .m-top-search
 {
     display: none;
 }
 }

/*------------------------End new CSS for home page ----------------*/