.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    float: right;
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    float: right;
}

.card.product-item {
    border: none !important;
    padding: 0 !important;
}

.card.product-item img.img-fluid.w-100 {
    border-radius: 4px;
}
.card.product-item {
    border: none !important;
    padding: 0 !important;
}

.card.product-item img.img-fluid.w-100 {
    border-radius: 4px;
}
.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    float: right;
}

.card.product-item {
    border: none !important;
    padding: 0 !important;
}

.card.product-item img.img-fluid.w-100 {
    border-radius: 4px;
}

.vendor-items {
    padding: 6px;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

#viewall {
    background: #613EEA;
    color: white;
    padding: 4px;
    border-radius: 6px;
}

#pid {
    font-size: 12px;
    padding-left: 5px;
    margin: 0;
    padding-top: 4px;
}

.vendor-item {
    padding: 6px;
    border: 1px solid;
}

/* mobile menu */
body.modal-open {
    height: 100vh;
    overflow-y: hidden;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0;
    /* background-color: #111; */
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 7px 7px 7px 20px;
    text-decoration: none;
    font-size: 15px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.activebtn {
    background: #613EEA;
    color: white !important;
    font-size: 14px;
    margin-right: 20px;
    text-align: left;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0%;
    font-size: 36px;
    /*margin-left: 50px;*/
    color: #fff;
}

#posit {
    position: fixed;
    right: 0;
    z-index: 1111;
    top: 50%;
    background: #e00060;
    height: 50px;
    width: 64px;
    text-align: end;
    border-radius: 8px 0px 0px 8px;
}

.text-cart {
    color: #28a745 !important;
    text-align: center;
}

#checkIconCart {
    font-size: 18px !important;
    height: 50px;
    width: 50px;
    line-height: 48px;
    border: 2px solid #28a745;
    border-radius: 50px;
    margin-bottom: 5px;
    text-align: center;
}

.dc-image {
    display: inline-block;
    float: left;
    width: 70px;
}

.dc-content {
    display: inline-block;
    float: right;
    width: calc(100% - 70px);
    padding-left: 1.5rem;
}

#cartIconCloss {
    border: none;
    font-size: 30px;
    width: 6px !important;
    border-radius: 50%;
    background: none;
    color: red;
    margin-right: 15px;
}

.dc-item {
    padding: 15px 15px;
}

.subtotal-amount {
    display: inline-block;
    float: right;
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
}

.subtotal-text {
    display: inline-block;
    float: left;
    color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
}

#closebtn {
    position: absolute;
    top: 0;
    right: 8px;
    background: none;
    border: none;
    font-size: 34px;
}

#notification {
    padding-right: 0px !important;
    padding-top: 42px;
}

#notification .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #ffffff;
    background-color: rgba(55, 0, 146, 0.67);
    padding: 4px 18px;
    border-radius: 35px;
    font-weight: bold;
    font-size: 16px;
}

#notification .nav-tabs .nav-link {
    color: #000;
    background-color: rgba(220, 199, 255, 0.29);
    padding: 4px 18px;
    border-radius: 35px;
    font-weight: bold;
    font-size: 16px;
}

#notificationmodal {
    margin: none;
}

.owl-item {
    margin-top: 2px;
    margin-bottom: 2px;
}

#proimg {
    height: 180px;
    border-radius: 8px;
}

#smallmenu {
    margin-bottom: 10px;
    width: 80%;
    border-radius: 4px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#dispos {
    position: absolute;
    top: 2px;
    right: 3px;
    font-size: 12px;
    background: #ffcbcb;
    color: red;
    padding: 0px 6px;
    border-radius: 30px;
}

@media screen and (max-width: 600px) {
    #notificationmodal {
        margin: -1px;
    }

    #smallmenu {
        margin-bottom: 6px;
        width: 100%;
        border-radius: 4px;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }

    #proimg {
        height: 160px;
        border-radius: 8px;
    }
}

@media screen and (max-width: 450px) {
    .sidenav {
        padding-top: 10px;
    }

    #notification {
        padding-right: 0px !important;
        padding-top: 18px;
    }

    .sidenav a {
        font-size: 16px;
    }

    #myPronav.sidenav a {
        margin: 0px 0px;
        text-decoration: none;
        font-size: 25px;
        display: block;
        transition: 0.3s;
        padding: 6px;
        border-radius: 4px;
    }

}

#ncard {
    border-radius: 4px;
    background: rgba(222, 226, 230, 0.52);
    margin-bottom: 6px;
}

#nimg {
    width: 40px;
    float: left;
    margin-top: 5px;
}

#ncard .info {
    width: 84%;
    float: right;
}

    #navbarCollapse:hover {
     overflow: auto !important;
 }

 .dropbtn {
     color: white;
     padding: 16px;
     font-size: 16px;
     border: none;
 }

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

 .dropdown-content {
     height: 100%;
     border-radius: 6px;
     display: none;
     position: absolute;
     background-color: #f1f1f1;
     min-width: 200px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
     top: 0;
     right: -80%;
     margin-left: 245px;
 }

 .dropdown-content a {
     color: black;
     padding: 6px 4px;
     font-size: 13px;
     border-bottom: 1px solid #EDF1FF;
     text-decoration: none;
 }

 .dropdown-content a:hover {
     color: #e00060;
     background: rgb(235 245 239);
 }

 .dropdown:hover .dropdown-content {
     display: block;
 }

 .minidropdown {
     display: inline-block;
 }

 .minidropdown-item {
     height: 100%;
     border-radius: 6px;
     display: none;
     position: absolute;
     background-color: #f1f1f1;
     min-width: 200px;
     box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
     z-index: 1;
     top: 0;
     right: -80%;
 }

 .minidropdown-item a {
     color: black;
     padding: 6px 4px;
     font-size: 13px;
     border-bottom: 1px solid #EDF1FF;
     text-decoration: none;
     display: block;
 }

 .minidropdown-item a:hover {
     color: #e00060;
     background: rgb(235 245 239);
 }

 .dropdown-content a:hover .minidropdown-item {
     display: block !important;
 }

 #orderConfirm {
     font-size: 18px !important;
     padding: 10px;
     border-radius: 5px;
 }

 #closebtn {
     font-size: 18px;
     padding: 10px;
     float: right;
     border-radius: 5px;
 }

 #poductview {
     padding-left: 4px;
     padding-right: 20px !important;
 }

 #ordernowmodal {
     padding-left: 4px;
     padding-right: 20px !important;
 }

 #sync1 {
     .item {
         background: #0c83e7;
         padding: 80px 0px;
         margin: 5px;
         color: #FFF;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         border-radius: 3px;
         text-align: center;
     }
 }

 #sync2 {
     .item {
         background: #C9C9C9;
         padding: 10px 0px;
         margin: 5px;
         color: #FFF;
         -webkit-border-radius: 3px;
         -moz-border-radius: 3px;
         border-radius: 3px;
         text-align: center;
         cursor: pointer;

         h1 {
             font-size: 18px;
         }
     }

     .current .item {
         background: #0c83e7;
     }
 }



 .owl-theme {
     .owl-nav {

         /*default owl-theme theme reset .disabled:hover links */
         [class*='owl-'] {
             transition: all .3s ease;

             &.disabled:hover {
                 background-color: #D6D6D6;
             }
         }

     }
 }



 @media only screen and (max-width: 768px) {
     #orderConfirm {
         font-size: 18px !important;
         padding: 10px;
     }
 }