.proPopular button {
    margin-bottom: 5px;
}
@media (max-width: 991px) {
    .header_spacebar  {
        height: 110px !important;
    }
    .header_spacebar.haveAddress {
        height: 74px !important;
    }
    .Vendor_header_spacebar.header_spacebar {
        height: 87px !important;
    }

    .mainBanner {
        padding-top: 30px;
    }
    html body .noscrollItems  .item{
        min-width: 31% !important;
        width: 31% !important;
        margin: 0px 1%;
    }
    html body .itemCarousel .item .itemImg {
        height: 140px !important;
    }
    .Vendor_header_spacebar.header_spacebar  {
        height: 117px !important;
    }

}

@media (max-width: 767px) {
    .med500_w100 {
        width: 100% !important;
    }
    header {
            border-bottom: 1px solid #f4f4f4 !important;
    }
    header .navbar-brand {
        max-width: 100% !important;
        text-align: center;
        margin-bottom: 0px !important;
    }
    header .profile_img {
        margin-bottom: 0px !important;
    }
    .navbar-brand img {
        margin: auto;
    }
    app-footer
    .navbar-brand img {
        margin: 0 !important;
    }
    .header_spacebar  {
        height: 147.5px !important;
    }

    .header_spacebar.haveAddress{
        height: 131.5px !important;
    }
    .mainBanner {
        padding-top: 10px;
    }
    .h-font {
        font-size: 24px !important;
    }
    .padMY, .themePadding{
        padding: 40px 0px !important;
        padding: 30px 0px !important;
    }
    .h1My, section .sectionHeader h2, section h1 {
        font-size: 24px !important;
    }
    section .sectionHeader {
        padding-bottom: 10px !important;
    }
    .catBox {
        margin-top: 20px;
    }
    .catBox {
        width: 100%;
    }
    .categoryCarousel .catBox {
        margin-top: 15px;
    }
    .owl-item {
        /*margin: 0px 16px !important;*/
    }
    footer {
        padding-top: 60px !important;
    }
    .card {
        border-radius: 20px !important;
    }
    .specialBanner {
        padding-top: 0px !important;
    }
    html body .noscrollItems  .item{
        min-width: 48% !important;
        width: 48% !important;
        margin-bottom: 10px !important;
    }
    .pbmob0 {
        padding-bottom: 0px !important;
    }
    .ptmob30 {
        padding-top: 30px !important;
    }
    .backButton {
        margin-bottom: 10px !important;
    }
    html body .itemCarousel .item .itemImg {
        height: 180px !important;
    }
    .owl-carousel .owl-item {
    }
    section p {
        font-size: 14px !important;
    }
    .owl-carousel .owl-item {
        /*margin: inherit !important;
        margin-right: 16px !important;*/
    }
    .owl-stage-outer {
        padding-left: -16px !important;
    }
    .notinstock {
        padding: 5px 10px;
            bottom: 5px;
    }
    .proLikes {
        padding: 3px 9px;
    }
    .itemCarousel .itemMy {
        min-width: auto !important;
            margin-bottom: 1px !important;
            margin-left: 2px !important;
    } 
    .item1, .item1.px-4 {
        width: auto;
        padding: 10px !important;
    }
    .greySection {
        padding: 25px 15px;
        border-radius: 14px;
    }
    html body .CategoryHere .noscrollItems .itemMy.item, body .sectionContent .itemMy {
        margin-bottom: 10px !important;
    }
    .itemCarousel .item .itemText h2, .videos .item .itemText h2, .itemCarousel .item1 .itemText h2 {
        font-size: 16px !important;
    }
    html body  header .moreOptions ul, .myCart .CartOpenHere  {
        min-width: 280px !important;
        max-height: 525px;
        overflow: hidden;
        overflow-y: auto;
    }
    html body .w-75 {
        width: 100% !important;
    }
    .modal-dialog {
        padding: 10px;
    }
    .modal-header h5 {
        font-size: 20px !important;
    }
    ion-item {
        margin-top: 10px !important;
    }
    html body .modal-body, html body .modal-header, ngb-modal-window .modal-content .modal-footer {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .t-right {
        margin-bottom: 10px !important;
    }
    html body ngb-modal-window .modal-content .modal-footer button.btn {
        height: 44px;
    }
    .blackBtn, .borderBlackBtn, .redBtn {
        padding: 10px 15px !important;
    }
    .container, .container-sm {
        max-width: 100% !important;
    }
    .nav-pills .nav-link {
        min-width: 123px !important;
    }
    .col-sm-20 {
        width: 50% !important;
        margin-bottom: 17px;
    }
    .col-sm-20.col-12 {
        width: 100% !important;
        margin-bottom: 0px;
    }
    .buttonInghtBank {
        min-height: 66px;
    }
    .snplaceDeatil .imgPlace:before {
        display: none;
    }
    .logout-modal .modal-content{
        min-width: 290px !important;
    }
    .CartOpenHere {
        right: auto;
        left: -63px;
        min-width: 300px;
    }
    .scrollable-cart.CartOpenHereIn {
        max-height: 201px !important;
    }
    .backButton .borderBlackBtn  {
        height: 42px !important;
    }
    .product-thumbnails {
        width: 70px;
            margin-right: 10px;
    }
    .thumbnail-item {
        margin-bottom: 10px;
        width: 70px;
        height: 70px;
        border-radius: 10px;
    }
    .addProductbox .file-upload {
        min-height: 290px !important;
    }
    .INSights.borderRight {
        border-right: 0px !important;
        padding: 10px 0px;
        padding-bottom: 10px;
    }
    .mysightsTop .col-sm-20{
        margin-bottom: 0px !important;
    }
    html body .alert-wrapper {
        min-width: 300px !important;
    }
    .pbmob0 {
        margin-bottom: 0px !important;
    }
    .catdList.accountHereBottom {
        margin-bottom: 0px !important;
    }
    html body .mobile-center{
        justify-content: center !important;
    }
    .nav-pills {
        justify-content: center !important;
    }

    .owl-theme .owl-dots, .owl-theme .owl-nav , .owl-theme .owl-nav.disabled+.owl-dots{
        margin-top: 8px !important;
    }
    .mySwiperpb25{
        padding-bottom: 40px !important;
    }
}

@media (max-width: 480px) {
    html body .noscrollItems  .item, .noscrollItems.itemCarousel .item{
        min-width: 48% !important;
        width: 48% !important;
        margin-bottom: 10px !important;
    }
    html body .itemCarousel .item .itemImg, .itemCarousel .item.manageImg .itemImg {
        height: 130px !important;
    }
    .lAdress .flexwrapMob {
        display: block !important;
    }
    .lAdress .imgAdd {
        margin-bottom: 10px;
    }

}