*{
    margin: 0;
    padding: 0;
}
:root{
    --default:0;
    --text-light:#878787;
    --theme-bg-light:#ecf5ff;
    --search-icon-color:#9e9e9e;
    --primary:rgb(6, 26, 122);
    --bg-primary-light:rgb(234, 250, 238);

    --fz-11:11px;
    --fz-12:12px;
    --fz-13:13px;
    --fz-14:14px;
    --fz-24:24px;
    --fw-500:500;
    --fw-600:600;
    --fw-100:100;

--three:3px;    
--five:5px;
--ten:10px;
--negative5:-5px;
--mobile:768px;
--mt-24:24px;
--mb-24:24px;
}
@media(max-width:767px){
 .navbar .location{
   order:4;
   background: #fff;
   border-top-left-radius: var(--default);
   margin-top: var(--three);
   border-top-right-radius: var(--ten);
   border-bottom-right-radius: var(--default);
 }
 [role='search']{
    order:3;
 }
 .navbar-nav{
    order: 2;
    flex-direction: row;
 }
 .order-four{
    order:4
 }
 .order-five{
    order:5
 }
 .modal .btn-close{
    right: 15px !important; 
    top: 15px !important;
    position: absolute;
    filter: none !important;
    font-size: 14px;
 }
 .bg-primary-light{
    background: var(--bg-primary-light);
}
.full-col{
    flex:1 0 0;
}
.section{
    padding:5px !important
}
.p-30{
    padding:10px !important
}
.multi-products img{
    margin-bottom: 10px !important;
}
.logo{
width:100px !important
}
.carousel-2{
    flex-wrap: nowrap;
    overflow: auto;
}

}

/*media queries end */

body{
    font-family: "Poppins", sans-serif !important;
    font-style: normal;
    font-size: 14px !important;
}
.navbar.navbar-expand-lg{
    padding:0 30px !important
}
.logo{
    width:120px
}
.location{
    padding: 10px 20px;
    background: rgba(125, 164, 251, 0.1);
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    cursor: pointer;
    font-weight:600 ;
    font-size: 14px;
}
.text-light{
    color: var(--text-light) !important
}
.modal .btn-close{
    right: -35px;
    top:35px;
    position: absolute;
    filter: invert(1);
}
.theme-bg-light{
    background: var(--theme-bg-light);
    justify-content: center;
    padding: 1.5rem 1rem 0.8rem;
}
.theme-bg-light .modal-title{
    text-align: center;
    margin-bottom: 15px;
}
.bg-elevation{
    padding:5px;
    border: 1px solid #25a541;
}
.bg-elevation input:focus{
    box-shadow: none;
}
.bg-elevation i{
    color: var(--search-icon-color);
    width: 25px;
    text-align: center;
    line-height: 25px;
    height: 25px;
}
.modal-body .small{
    font-size: var(--fz-12);
    font-weight: var(--fw-600);
    letter-spacing: .35px;
}
.icon-light{
    color:var(--text-light);
    font-size: var(--fz-24);
    margin-right: 10px;
}
.location-trace{
    cursor: pointer;
}
.fz-12{
    font-size: var(--fz-12)
}
.fz-13{
    font-size:var(--fz-13);
}
.fz-14{
    font-size: var(--fz-14);
}
.fz-16{
    font-size: var(--fz-16);
}
.fz-24{
    font-size: var(--fz-24);
}
.fw-500{
    font-weight: var(--fw-500);
}
.fw-600{
    font-weight: var(--fw-600);
}
.mt-24{
    margin-top: var(--mt-24);
}
.mb-24{
    margin-bottom: var(--mb-24);
}
.search{
    line-height: 2;
}
.flip{
    transform: rotateY(180deg);
    color: var(--primary);
}
.text-success,.primary{
    color: var(--primary) !important;
}

.btn-success{
    background: #e5194a;
    border-color: #e5194a;
}
.badge{
    left: var(--negative5);
    top: var(--five) !important;
    z-index: 2;
    padding: var(--five);
}
.offcanvas-title:after{
    content: '';
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    background: #e2e2e2;
}

.offcanvas-header{
    border-bottom: 1px solid #e2e2e2;
}
.offcanvas .btn-close{
    left: -35px;
    position: absolute;
    filter: invert(1);
}
.offcanvas-heading3{
    margin-top: 24px;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px;
}
.section{
    background: #f0f2f6;
    padding: 20px;
}
.product{
    width:100%;
}
.owl-carousel{
    position: relative;
}
.owl-prev{
    left:0;
    right:inherit !important;
}
.owl-prev,
.owl-next{
    position: absolute;
    right: 0;
    top: 15%;
    font-size: 40px !important;
}
.carousel{
    padding: 0 30px;
}

.p-30{
    padding: 30px
}
.multi-products img:hover{
    transform: scale(1.05);
    transition: all .3s ease-in-out !important;
    touch-action: manipulation;
}
.carousel-2 .card{
    width:265px;
    /* margin: 0 10px; */
    padding: 0;
}
.carousel-2 img:not(.type img),
.products .card img:not(.type img){
    width: 130px;
    margin: 0 auto;
    display: block;
}
.products .card 
{
    margin-bottom: 20px;
}
.type img{
    position: absolute;
    right: 15px;
}
.h5{
    min-height: 30px;
}
.text{
    font-size: 12px;
    color: #878787;
}
.price-badge{
    background-color: rgba(35, 165, 65, .1);
    border-radius: 2px;
    color: #25a541;
    padding: 4px 8px;
}
.products-container{
    background-color: rgb(221, 227, 225);
}
.text-secondary{
    color:#000 !important
}
.footer{
    padding:45px;
    background: linear-gradient(45deg, #e5194a, #fdc800);
}
.footer a{
    display: block;
    text-decoration: none;
    color:#373737;
    font-weight: 500;
    margin-bottom: 10px;
}
.line-through{
    text-decoration: line-through;
}
.categories{
    border-right: 1px solid #e2e2e2;
    width: 210px;
}
.navbar{
    border-bottom: 1px solid #e2e2e2;
}
.mega-menu{
    display: none;
}
.mega-menu.show{
    height:calc(100vh - 115px);
    overflow: auto;
    position: fixed;
    top:115px;
    left:0;
    right:0;
    bottom:0;
    background: #fff;
    padding:20px;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    /* display: grid;
    grid-template-columns: repeat(5, 1fr); */
}
.mega-menu a{
    text-decoration: none;
    color:#333;
}
.mega-menu h3{
    color:#333;
    font-size: 18px;
}
.mega-menu ul{
    list-style: none;
    padding:0;
}
.category{
   width:20%
}
.header{
    position: sticky;
    top: 0;
    z-index: 3;
}
.mobile-footer{
    display: none;
}
.side-menu{
    height:100vh
}
.side-menu a{
    display: block;
    padding: 15px 10px;
    text-decoration: none;
    color:#333;
    border-bottom: 1px solid #d3d3d3;
}
.side-menu a:hover{
    color: #25a541
}
.h3{
    padding:10px;
    font-size: 18px;
    margin: 0;
}
.h4{
    font-weight: 600;
    color:#333;
    font-size: 18px;
    margin: 10px
}
.header .categories{
    padding:10px 0;
}

.product-link{
    color: #939393;
    margin: 0 10px;
    text-decoration: none;
}

.product-list a{
    text-decoration: none;
    color: #333;
    background: #ffc8b3;
    padding: 10px 5px;
    box-shadow: 2px 2px 15px #e82f41;
    margin-right: 10px;
    border-radius: 5px;
    border: 1px solid #fbbc05;
}
.product-list{
    overflow: auto;
    padding:25px 0;
    white-space: nowrap;
}
.product-list a:hover{
    background: #f5fef7;
    color:#25a541
}
.sort-btn{white-space: nowrap;}
.products .dropdown{margin-left:15px}
.owl-carousel .owl-item .type img {
    width: auto !important;
}
.color-black{
    color: rgba(0,0,0,0.6);
}
.h3-description{
    font-size: 18px;
    margin: 8px 0;
}
.w-33{
    width:33%
}
.strike-through{
    text-decoration: line-through;
}
.bbpopular{
    color:rgba(144,144,144,0.6)
}
.color-green{
    color:#25a541
}
.height-60{
    height:60px;
    line-height: 60px;
    padding:0;
    width:50%
}
.silver{
    background:rgba(247,247,247,0.6) !important
}
.hr{
    border: 1.5px dashed #e2e2e2;
    /* height: 1px; */
    background: #909090;
}
.box-small{
    width:165px;
    margin-right: 10px;
}
.title{
    font-size: 20px;
    margin-bottom: 20px;
}
.cart-list{
    display: flex;
    font-size: 16px;
    margin: 15px 0;
    align-items: center;

}
.border-left{
    border-top: 1px solid #e2e2e2;
    width: 85%;
    margin-left: 15px;
}
.text-bg-success{
    background: #25a541 !important;
}
.table-responsive .text-danger{
    display: block;
    text-align: right;
    margin: 10px 0;
}
.ps{
    font-size: 1rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
}
.thumb{
    width:80px;
    height:80px;
    border: 1px solid #e2e2e2;
    padding:10px
}
.thumb img{
    width:100%
}
.thumb.active{
    border:1px solid #25a541
}
.up-arrow,.down-arrow{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 24px;
}
.down-arrow{
    top: inherit;
    bottom: 0;
}
.thumb-space{
    padding:35px 0;
}
.carousel-product.owl-carousel{
    display: block;
    width: inherit;
}
.baket-btns .btn-outline-secondary{
    background: #25a541;
    color: #fff;
}
.product-list::-webkit-scrollbar{
    display: none;
    }
    .addcomments i,.rating-fill i{
        margin-right: 3px;
    }
    .rating-fill, .bi.bi-star:hover{
        color:#ffc107
    }
   strong{
        font-weight:500
    }
    .p{
        font-size: 14px;
    color: #807e7e;
    margin-top: 5px;
 margin-bottom: 5px;
    }
    .card-overflow{
        max-height:425px;
        overflow: auto;
    }
    .copyright{
        text-align: center;
    margin-top: 10px;
    border-top: 3px solid #ffffff;
    padding-top: 20px;
    font-weight: 500;
    }
@media(max-width:767px){
    .navbar:nth-child(2){
        display: none;
    }
    .carousel-2 img:not(.type img){
        width:60px;
        margin:0
    }
    .product-responsive{
        display: flex;
        align-items: self-start;
        /* min-height: 150px; */
        max-height: 110px;
        padding-bottom: 0;
    }
    .product-responsive img{
        object-fit: contain;
    }
    .flex-grow{
        flex-grow: 1;
    }
    .carousel-2 .card{
        width:100%;
        margin: 0;
    }
    .mobile-footer{
        display: flex;
        position: fixed;
        bottom: -1px;
        right: 0;
        left: 0;
        text-align: center;
        justify-content: space-between;
        background: #dfeeeb;
        padding: 5px;
        z-index: 5;
    
    }
    .mobile-footer a{
        width:20%;
        color:#333;
        text-decoration: none;
    }
    .mobile-footer i{
        font-size: 20px;
    }
    .mobile-footer span{
        font-size: 12px;
    }
    .products,.product-list{
         width: 100%;
    }
    .carousel-2 img:not(.type img), .products .card img:not(.type img){
        width:75px
    }
    .overflow-x{overflow-x: auto;}
    .products .dropdown {
        margin-left: 0;
        margin-top: 15px;
    }
    
    .owl-dots,footer,[aria-label="breadcrumb"]{
        display: none;
    }
    main{
        margin-bottom: 30px;
    }
    .full-col, .inner-page [role="search"] {
        display: none !important;
    }
    .carousel{
        margin-top:15px
    }
    .navbar.navbar-expand-lg {
        padding: 0 15px !important;
    }
    .carousel {
        padding: 0 15px;
    }
    .navbar.navbar-expand-lg .container-fluid{
        padding:0
    }
    .thumb-space{
        display: none !important;
    }
    .carousel-product.owl-carousel .owl-item img{
        width: 65%;
        margin: 0 auto;
    }
    .carousel-product.owl-carousel .owl-prev, 
    .carousel-product.owl-carousel .owl-next{
        top:35%;
        width: 35px;
        background: #fff !important;
    }
    .category-page .mobile-footer{
        display: none
    }
    .baket-btns{
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 6;
        background: #fff;
        padding: 15px;
        margin: 0 !important;
    }
 
   .categoryone .product-responsive{
    flex-wrap: wrap;
    flex-direction: column;
    max-height: inherit;
   }
   .categoryone .text{
    margin-left: auto;
    margin-right: 10px;
   
   }
   .categoryone .owl3 .col-md-3{
    width:50%
   }
   .categoryone .text-start{
    font-size: 10px;
   }
   .categoryone .price-badge br{
    display: none;
   }
   .categoryone .h5+.d-flex{
    flex-direction: column;
   }
   .categoryone .product-responsive .flex-grow{
    width:100%
   }
}