.navbar-toggler{
    background-color: #3B185F;
}
.navbar-toggler span{
    color: #FFFFFF;
}


/************************************
Top-Bar Responsive CSS
************************************/
@media (max-width: 427px) {
    .top .container .row ul li{
        margin-right: 10px;
    }
    .top .container .row ul li a {
        color: #3B185F;
        padding: 5px;
    }
}
/*********************************************
        Banner Section Category CSS
 ********************************************/

@media (max-width: 991px) {
    .banner .banner-category{
        display: none;
    }
}

.sideCategory{
    display: none;
    background: #3B185F;
    height: 100%;
    width: 250px;
    position: fixed;
    top: 0;
    z-index: 10000;
    overflow: scroll;
}
.sideCategory ul li{
    padding-top: 3px;
    padding-bottom: 3px;
}
.sideCategory ul li a{
    color: #FFF;
    font-size: 17px;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (max-width: 767px) {
    .order-md-1 {
        order: 2; /* Change order for smaller screens */
        margin-top: 20px;
    }

    .order-md-2 {
        order: 1; /* Change order for smaller screens */
    }
}