/******************************************************************
  Template Name: Ogani
  Description:  Ogani eCommerce  HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Featured Section
8.  Latest Product Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/
/* ----------------------------------------colors------------------------------- */
:root {
    --primary-color: rgb(54, 54, 54);
    --secondary-color: #009a40;
    --accent-color:rgb(140, 255, 140);
    --text-color: #333333;
	--background-color: linear-gradient(120deg, #aed84d 0%, #36c94a 100%);
    --shadow-color: rgba(0, 0, 0, 0.1);
}
html,
body {
	height: 100%;
    margin: 0;
	padding: 0;
	font-family: "Cairo", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Cairo", sans-serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 16px;
	font-family: "Cairo", sans-serif;
	color: #6f6f6f;
	font-weight: 400;
	line-height: 14px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: #ffffff;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/
.row{
	margin-left: 0;
	margin-right: 0;
}
.section-title {
	margin-bottom: 50px;
	text-align: center;
}

.section-title h2 {
	color: #1c1c1c;
	font-weight: 700;
	position: relative;
}

.section-title h2:after {
	position: absolute;
	left: 0;
	bottom: -15px;
	right: 0;
	height: 4px;
	width: 80px;
	background: #7fad39;
	/* content: ""; */
	margin: 0 auto;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	padding: 10px 28px 10px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: 700;
	background: #7fad39;
	letter-spacing: 2px;
}

.site-btn {
	font-size: 14px;
	color: #ffffff;
	font-weight: 800;
	text-transform: uppercase;
	display: inline-block;
	padding: 13px 30px 12px;
	background: #7fad39;
	border: none;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}
	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

/*---------------------
  Header
-----------------------*/


.header__logo {
	padding: 15px 0;
}

.header__logo a {
	display: inline-block;
}

.header__logo h5 {
    margin-bottom: 5px; /* Adjust the space between the heading and the icon */
}

.header__logo p {
    margin: 0; /* Remove any unnecessary space */
}
.header .container{
	display: none;
}
/* ---------------------------------------nav bar--------------------------------- */
.navbar-light .navbar-nav .nav-link {
    font-family: 'Jost', sans-serif;
    margin-left: 30px;
    padding: 30px 0;
    font-size: 20px;
    font-weight: 500;
    color: var(--dark);
    transition: .5s;
}

.navbar {
    display: flex;
    align-items: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.navbar-nav {
    display: flex;
	float: right;
    flex-direction: row; /* Horizontal alignment of nav links */
	margin-right:0;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
    color: var(--success);
}

.logo {
    height: 50px;
    width: 150px;
}
.header .container img{
	height: 40px;
	width: 100%;
	padding-right: 10px;
}
nav .img-header-logo img{
	height: 50px;
	width:50%;
	align-self: center;
	place-self: center;
	margin-left: 200px;
}
/* Responsive adjustments */
@media (max-width: 991.98px) {
   .header nav{
	display: none;
   }
	.header .container{
		display: block;
	}
}
/* -----------------------------------------nav bar------------------------------- */
 /*Carousel Content*/
.carousel .carousel-inner .item img{
    border-radius: 20px;

    height: 500px;
    width: 100%;
 }

 @media(max-width:998px){
	.carousel .carousel-inner .item img{
		border-radius: 20px;
		height: 200px;
		width: 100%;
	 }	
 }
 .subscription-button {
    width: 250px;
    display: flex;
    justify-content: space-between;
    align-items: center;/* Center the button */
    margin: 0 auto;
	font-weight: bold; 
	font-size: 20px;
}
@media(max-width:998px){
	.subscription-button {
		width:100%;
		
	}
 }
 .container-fluid h4{
	text-align: center;
	font-weight: bold;
 }
 .subscribe-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Make cards responsive */
    gap: 20px; /* Adjusted the gap for better spacing */
    width: 85%; /* Increased container width for a better look */
    margin: 20px auto; /* Center the grid */
    box-sizing: border-box;
	
}

.subscribe-cards .card {
    background-color: white;
    padding: 10px; /* Added more padding for better aesthetics */
    text-align: center;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Enhanced shadow for better visual depth */
    border-radius: 10px; /* Reduced border-radius for a sleeker look */
    width: 100%; /* Make card take up full space within the grid column */
    height: auto;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.subscribe-cards .card a{
	color: gray;
}

.subscribe-cards .card img {
    align-self: center;
    height: 120px; /* Reduced image size for better alignment */
    width: 100%; /* Adjusted image width */
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 10px; /* Added space between the image and text */
}

.subscribe-cards *::before,
.subscribe-cards *::after {
    content: none !important; /* Remove content from all pseudo-elements inside */
}
*::before,
*::after {
    content: none !important; /* Remove all pseudo-elements for testing */
}

@media(max-width:998px){
	.subscribe-cards {
		display: grid;
		grid-template-columns: repeat(2, 1fr); /* 4 equal columns */
		gap: 20px; /* Space between cards */
		width: 100%; /* Full container width */
		margin: 20px auto; /* Center the grid */
		box-sizing: border-box;
	
	}
	.container-fluid h4{
		text-align: left;
		font-weight: bold;
	 }
 }
 /* ---------------------------------footer------------------------------ */
 .user-dashboard {
	height: 450px;
	border-radius: 10px;
	width: 300px;
	padding: 10px;
	background: #559f2fe3;
	overflow-y: scroll;
  }
  .user-dashboard::-webkit-scrollbar {
	display: none;
	
  }
  .user-name {
	display: flex;
	flex-direction: row;
	padding: 20px;
	justify-content: space-around;
	border-bottom: 2px solid #fff;
  }
  .user-name span{
	color: #fff;
  }
  .settings li {
	list-style: none;
	cursor: pointer;
	font-size: 25px;
	font-weight: 500;
	font-family: "Times New Roman", Times, serif;
	margin: 6px;
	color: #fff;
	transition: transform 0.3s ease;
	margin-bottom: 15px;
  }
  .settings li i {
	color: #4e634d;
  }
  .settings li:hover {
	transform: translateX(15px);
  }
  .user-settings {
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
	  rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  }
 
  .shipping-address, .order-history, .sub-order-history {
	
	overflow-y: scroll;
	height: 450px;
  }
  .order-history::-webkit-scrollbar {
	display: none;
	
  }
  .sub-order-history::-webkit-scrollbar {
	display: none;
	
  }
  .shipping-address::-webkit-scrollbar{
	overflow-y: hidden;
  }
  .calendar-container {
    text-align: center;
    margin: 0 auto;
}
/* Highlight vacation dates in green */
.datepicker table tr td.highlight-vacation {
    background-image: linear-gradient(to bottom, #207c18, #208735c7) !important;
    color: white !important;
}

/* Highlight canceled dates in red */
.datepicker table tr td.highlight-canceled {
	background-image: linear-gradient(to bottom, #dc3939, #b13131c7) !important;
    color: white !important;
}



/* Adjust the size of the datepicker */
.datepicker-inline {
    width: 500px;
}

.highlight-vacation {
    background-color: green !important;
    color: white !important;
}

.highlight-canceled {
    background-color: red !important;
    color: white !important;
}

#vacation-calendar {
    width: 100%;
    max-width: 520px; /* Adjust as needed */
    margin: 0 auto;
}

.d-none {
    display: none;
}

  .profile-settings {
	/* overflow-y: auto; */
   /* display: flex; */
   gap: 20px;
  }
  .profile-settings form input{
	color: #000;
  }
  .profile-settings form label{
	color: #000;
	font-weight: bold;
  }
  
  .order-history {
	
	height: 380px;
  }
  .product-icons{
	display: flex;
	justify-content: space-around;
	gap: 10px;
  }
  #product-image img{
	height: 350px;
	width: 100%;
  
  }
  
.footer-text {
    color: black;
}
.footer-text:hover {
    color: red;
}
.footer #Main-logo {
    cursor: pointer;
    height: 40px;
    width: 150px;
}
.footer nav {
    background-color: var(--background-color);
    display: flex;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 20px;
}
.footer nav ul {
    padding-top: 10px;
    margin-left: 200px;
}
.footer nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.footer .footer-content {
    margin: 0 15px;
    font-weight: bold;
}
.footer .footer-content i {
    margin-right: 18px; /* Space between icon and link */
}
.footer {
    bottom: 0;
    width: 100%;
    height: auto; /* Adjust based on your footer's height */
    background: var(--background-color); /* Your desired footer background color */
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--primary-color);
}
.footer-content a {
    color: var(--primary-color);
    text-decoration: none;
}
.footer-content a:hover {
    color: red;
}
.footer-copy{
	background: var(--secondary-color);
	width: 100%;
}
@media(max-width:998px){
	.footer-copy{
		display: none;
	}
}
/* Footer page */
.footer #subscribe-page-container {
    padding: 20px;
    top: 50%;
    left: 50%;
    background-color: var(--background-color);
    width: max-content;
    text-align: center;
    position: fixed;
    transition: all 2s;
    display: none;
    opacity: 0;
}

#subscribe-page-container.active {
    transform: translate(-50%, -50%);
    top: 50%;
    display: block;
    opacity: 1;
}
#subscribe-page-container p, #subscribe-page-container h2 {
    font-size: larger;
    font-weight: bold;
}

#subscribe-page-container .fa-times {
    top: 10px;
    right: 10px;
    position: absolute;
}
#subscribe-page-container .fa-times:hover {
    color: white;
}
#links {
    text-decoration: none;
    color: black;
}
/* #links:hover {
    text-decoration: none;
    color: red;
} */
.footer {
    background-color: var(--background-color);
}
.footer img{
	height: 50%;
	width: 100%;
}
#address {
    color: black;
}
#follow {
    color: black;
}
#news {
    color: black;
}

/* Footer-1 (Mobile View Footer) */
.footer-1 {
    display: none; /* Hidden by default */
    background-color: var(--background-color);
}
.footer .row .col p{
	color: black;
}
.custom-gap .col {
    margin-right: 100px; /* Adjust this value to increase or decrease the gap */
}

/* Ensure the last column does not have extra margin */
.custom-gap .col:last-child {
    margin-right: 0;
}
#address p {
    margin: 0;
	line-height: 30px;
    padding: 0;
    display: inline; /* Display the p tags inline so they appear in the same line */
}

@media (max-width: 998px) {
    /* Show footer-1 in mobile view */
    .footer.footer-1 {
        display: block;
        position: fixed;
        width: 100%;
        bottom: 0;
    }

    /* Hide the main footer on mobile */
    .footer {
        display: none;
    }
}
/* ----------------------------------------footer end------------------------------ */
 /* ---------------------------------------product page------------------------------------ */
 
  .container-fluid ul {
    display: flex; /* Aligns the list items in a row */
    list-style-type: none; /* Removes bullets */
    overflow-x: auto; /* Allows horizontal scrolling */
    white-space: nowrap; /* Prevents items from wrapping to the next line */
    padding: 30px 0;
    margin: 5px 0;
    scrollbar-width: none; /* Hides scrollbar for Firefox */
}
/* .container-fluid h4:nth-child(2){
	text-align: left;
	font-weight: bold;
	font-size: 28px;
	font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
} */
.container-fluid ul::-webkit-scrollbar {
    display: none; /* Hides scrollbar for Chrome, Safari, and Edge */
}

.container-fluid ul li {
    padding: 10px 20px; /* Adds some spacing around each item */
    background-color: #f5f5f5; /* Default background color */
    margin-right: 10px; /* Adds spacing between items */
    cursor: pointer; /* Makes the items look clickable */
    border-radius: 5px; /* Rounds the corners of each item */
    transition: background-color 0.3s ease; /* Smooth transition on background change */
	border-bottom:2px solid var(--background-color);
}

.container-fluid ul li.active {
    background:var(--background-color); /* Background color when clicked */
    color: white; /* Optional: Change text color when active */
	border-bottom:2px solid #000;
}

.container-fluid ul li:hover {
    background-color: #ddd; /* Optional: Changes background on hover */
}
.container-fluid .product-cards{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 20px; /* Space between cards */
	width: 80%; /* Full container width */
	margin: 20px auto; /* Center the grid */
	box-sizing: border-box;
}
 .container-fluid .product-cards .card{
	border-top-right-radius: 70px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	height: auto;
 }
 .container-fluid .product-cards .card img{
	height: 100px;
	width: 100px;
	position: relative;
	top: 0;
	left: 5px;
 }
 .product-cards .card-body .row1{
    display: flex; /* Flexbox for row alignment */
    justify-content: space-between; /* Creates space between the items */
    align-items: center; /* Vertical alignment */
    gap: 18px; /* Add gap between the elements */
    flex-wrap: nowrap; /* Allow elements to wrap if the screen is too small */
}

.product-cards .card-body .row1 p {
    margin: 0; /* Remove default margin for better alignment */
	font-size: 12px;
}
.product-cards .card-body .row1 p:nth-child(1){
	text-align: left;
}
.product-cards .card-body .row1 p:nth-child(2){
	text-align: right;
	font-weight: bold;
	font-size: 16px;
}
.product-cards .card-body p{
	text-align: left;
	padding: 5px;
}
.product-cards .card .card-body .btn {
	position: absolute;
	bottom: 0;
	left: 0;
	background: var(--background-color);
	/* border-top-right-radius: 5px;
	border-top-left-radius: 5px; */
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
 @media(max-width:998px){
	.container-fluid .product-cards{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 20px; /* Space between cards */
		width: 100%; /* Full container width */
		margin: 20px auto; /* Center the grid */
		box-sizing: border-box;
		
	}
	.container-fluid .product-cards .card{
		border-top-right-radius: 50px;
		border-bottom-left-radius: 20px;
		border-bottom-right-radius: 20px;
		height: auto;
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	 }
 }


 /* ----------------------product page end--------------------------------- */

/* ---------------------------product-detail-page---------------------------- */
/* body{
	background-color: #000
} */
.card{
	border:none;
	box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* .product{
	background-color: #eee;
} */
.brand{
	font-size: 13px
}
.act-price{
	color:red;font-weight: 700
}
.dis-price{
	text-decoration: line-through
}
.about
{
	font-size: 14px
}
.color{
	margin-bottom:10px
}
label.radio{
	cursor: pointer
}
label.radio input{
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	pointer-events: none
}
label.radio span{
	padding: 2px 9px;
	border: 2px solid #ff0000;
	display: inline-block;
	color: #ff0000;
	border-radius: 3px;
	text-transform: uppercase
}
label.radio input:checked+span{
	border-color: #ff0000;
	background-color: #ff0000;
	color: #fff
}
/* .btn-danger{
	background-color: #ff0000 !important;
	border-color: #ff0000 !important
}
.btn-danger:hover{
	background-color: #da0606 !important;
	border-color: #da0606 !important
}
.btn-danger:focus{
	box-shadow: none
} */
.cart i{
	margin-right: 10px
}
.cart-container {
    display: flex;
    align-items: center;
	justify-content: center;
    gap: 20px; /* Adjust the gap between the two cart divs */
}
.product-detail-page{
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
.cart-page .row .buttons{
	display: flex;
    align-items: center;
    /* justify-content: space-between; Adjusts the space between elements */
}
.cart-page .row .buttons .btn{
	padding: 5px;
}
.cart-page .row .buttons .btn,
.cart-page .row .buttons .border {
	padding: 5px 8px;
	max-width: 25px;
	font-size: 14px;
	/* display: inline-flex; */
	align-items: center;
	justify-content: center;
}
.cart-page .row .col{
	justify-content: center;
	align-items: center;
}
.cart-page .row .buttons .btn, .border {
    /* padding: 20px; */
    margin: 0 5px; /* Adjusts spacing between elements */
    text-align: center;
}
.cart-page .row .buttons .border{
	padding: 20px;
}
.row .item-name{
	padding: 0;
	font-size: 18px;
}
.cart-page .row .col-2 img{
	height: 100px;
	width: 100px;
}
@media (max-width: 768px) {
    .cart-page .row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 0;
        flex-wrap: nowrap;
        overflow-x: auto; /* Allow horizontal scrolling if necessary */
    }

    .cart-page .row.main {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
    }

    .cart-page .row.main .col-2,
    .cart-page .row.main .col {
        flex: 1;
        text-align: left;
        margin-right: 5px;
    }

    .cart-page .row.main img {
        max-width: 50px;
        height: auto;
    }

    .cart-page .row .buttons {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        margin: 0; /* Reset margin */
    }

    .cart-page .row .buttons .btn,
    .cart-page .row .buttons .border {
        padding: 5px 8px;
        max-width: 25px;
        font-size: 14px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .cart-page .row .d-flex {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex: 1; /* Ensure it takes up remaining space */
        margin-left: 10px;
    }

    .cart-page .row .d-flex .cost {
        margin-right: 10px;
        font-size: 14px;
        white-space: nowrap;
    }

    .cart-page .row .d-flex .btn,
    .cart-page .row .d-flex .border {
        padding: 5px 8px;
        font-size: 14px;
    }

    .cart-page .row .d-flex .btn {
        margin-right: 5px; /* Adjust spacing between buttons */
    }

    .cart-page .row .d-flex .cost,
    .cart-page .row .d-flex .btn {
        /* display: inline-flex; */
        align-items: center;
    }

    .cart-page .row .price {
        flex: 1;
        text-align: right;
        font-size: 14px;
        white-space: nowrap;
    }

    .cart-page .row .price div {
        white-space: nowrap;
    }

    .cart button {
        width: auto;
        padding: 5px 10px;
        font-size: 12px;
        margin-left: 5px;
    }

    .cart-page {
        max-width: 100%;
        overflow-x: auto;
    }

    .back-to-shop {
        text-align: center;
        margin-top: 20px;
    }
}

/* ------------------------subscription page starts-------------------------------- */
 .table-container {
    width: 100%;
}

table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed; /* Ensures columns are aligned with the header */
}

thead th {
    position: sticky;
    top: 0;
    background-color: #f2f2f2;
    border: 1px solid #000;
    padding: 8px;
}

tbody td {
    border: 1px solid #000;
    padding: 8px;
}

tbody {
    display: table-row-group; /* Reset from block to allow normal table flow */
    overflow: visible; /* Remove overflow to prevent scrollbars */
}

tbody tr {
    display: table-row;
    width: 100%;
}

thead, tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

 /* Media query for mobile view */
 @media (max-width: 768px) {
	.table-container {
		overflow-x: auto; /* Allow horizontal scrolling on mobile */
	}

	table {
		width: 600px; /* Example width to force horizontal scroll */
	}

	tbody {
		overflow-x: auto;  /* Allow horizontal scrolling in the body */
	}
}

 /* ------------------------subscription page Ends-------------------------------- */
 /* ------------------------Menu page starts-------------------------------- */
	.container-fluid .menu-page{
		height: auto;
		width: 50%;
		border-radius: 10px;
		background: var(--background-color);
		padding: 10px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 0;
	}
	.container-fluid  .terms-cond  .menu-page{
		height: auto;
		width: 50%;
		border-radius: 10px;
		padding: 10px;
		background-color: #eeeeee !important;
		margin-top:0;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add box shadow */
	}
	.container-fluid .terms-cond  .menu-page{
		background: #eeeeee !important;
		padding: 10px;
	}
	.container-fluid .terms-cond{
		background-color: white;
		width: 90%;
		height: auto;
		align-items: center;
		justify-content: center;
		place-content: center;
		padding: 10px;
		border-radius: 20px;
		border-bottom: o.5px solid black;
		box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
	}

	
.terms-cond .terms{
	padding: 10px;
	align-items: center;
	text-align: center;
	width: 100%;
	background-color: white;
	border-radius: 20px;
	border-bottom: 1px solid gray;
	color: rgb(65, 65, 65);
	font-weight: bold;
 }
 .terms-cond .terms a{
	color: rgb(65, 65, 65);
	text-decoration: none;
 }
 .terms-cond .terms a:hover{
  
	color: #c13a00;
	text-decoration: none;
 }
 .terms-cond .terms:hover{
	background-color: rgb(173, 173, 173);
 }
 #terms-container p{
	text-align: left;
	font-size: medium;
	font-weight: normal;
	margin-top: 50px;
 }
	hr {
		border: none;
		height: 0.5px;
		background-color: rgb(168, 168, 168); /* Example color, adjust as needed */
		margin: 10px 0;
	}
	.terms-cond .row .menu-page .row2  p:nth-child(1){
		color: var(--background-color);
		font-size: 18px;
		text-align: left;
	}
	.terms-cond .row .menu-page .row2  p{
		text-align: left;
	}
	.menu-page {
		display: flex;
		justify-content: space-between; /* Pushes the row2 to the left and the icon to the right */
		align-items: center; /* Vertically centers the content */
		padding: 10px 0; /* Adds padding */
	}
	
	.menu-page .row2 {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column; /* Ensures Name and Mobile Number are stacked vertically */
	}
	
	.menu-page i {
		font-size: 20px; /* Adjust icon size */
		color: white; /* Set icon color */
	}
	
	.parent-container {
		text-align: center; /* Center contents horizontally */
	}

	.btn {
		display: inline-block; /* Make sure it's not taking full width */
		padding: 10px 20px;
		background-color: var(--background-color); /* Bootstrap success color */
		color: white;
		text-align: center;
		border-radius: 5px;
		cursor: pointer;
		margin-top: 5rem; /* Margin-top for spacing */
	}

	.btn:hover {
		background-color: var(--background-color); /* Darker shade on hover */
	}


	@media(max-width:998px){
		.container-fluid .menu-page{
			width: 100%;
		}
		.container-fluid .menu-details{
			width: 100%;
		}
	}
 /* ------------------------Menu page ends-------------------------------- */

/* ----------------------------------login page------------------------------- */
/* body{
    background-image: url("https://mdbootstrap.com/img/Photos/Horizontal/Nature/6-col/img%20(122).jpg");
    background-size: cover;
} */

#container{
    margin: 100px auto;
    height: auto;
    width: 100%;
	
    max-width: 540px;
    padding: 40px auto 20px;
    background:white;
    border: 0.5px solid black;
	border-radius: 20px;
	box-shadow:inset 0 4px 8px rgba(0, 0, 0, 0.1)/* Inset shadow */; 
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

}
.headings{
    text-align: center;
    display: grid;
    grid-template-columns: auto auto;
    padding-top: 30px;
    font-size: large;
    font-weight: bold;
}
.login , .register{
    background-color: white;
    width: 120px;
    height: 50px;
    margin-left: 70px;
    align-content: center;
    border-radius: 50px;
	cursor: pointer;
}

.login:hover,.register:hover{
    background:var(--background-color);
    
}
/* When the active class is applied, change background */
.login.active, .register.active {
    background: var(--background-color); /* Use your CSS variable for background */
}

.loginform{
    padding-left: 30px;
    
}
.registerform{
    padding-left: 30px;
    display: none;
    
}
input{
    background-color: transparent;
    height: 50px;
    width: 100%;
    border: none;
    color: white;
    border-bottom: 1px solid black;

}
.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
	font-size: large;
    font-weight: 600;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover{
	background: #009a40;
}
.cart-total {
    width: 100%;
    display: block;
    border: 2px solid rgb(46 89 17);
    padding: 20px;
}
.cart-total p.total-price span {
    text-transform: uppercase;
}
.cart-total p span {
    display: block;
    width: 50%;
}
.cart-total h3 {
    font-size: 20px;
	font-weight: 700;
    text-transform: uppercase;
}
.cart-total p.total-price span:last-child {
    color: #6f6f6f;
	font-weight: 700;
}
.cart-total p.total-price span {
    text-transform: uppercase;
	font-weight: 700;
}
.cart-total p span {
    display: block;
    width: 50%;
}
.cart-total p {
    width: 100%;
    display: block;
}
.button-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

.btn {
   
	background: var(--background-color);
}
label{
    color: white;
}
/* Adjustments for smaller screen sizes */
@media (max-width: 768px) {
    #container {
        margin: 20px auto;
        padding: 20px;
        width: 90%;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); /* Reduce shadow intensity */
    }

    .headings {
        grid-template-columns: auto auto;
        font-size: medium; /* Smaller text for mobile */
        padding-top: 20px;
    }

    .login, .register {
        width: 100px; /* Reduce width of login/register buttons */
        height: 40px;
        margin-left: 40px;
        font-size: 0.9em; /* Smaller font */
    }

    input {
        height: 40px; /* Reduce input height */
        border-bottom: 1px solid black;
    }

    .loginform, .registerform {
        padding-left: 15px; /* Reduce padding for mobile */
    }

    .button-wrapper {
        width: 100%;
        margin-top: 20px;
    }

    .btn {
        width: 120px; /* Slightly smaller button width */
        padding: 10px;
        font-size: 0.9em;
    }

    label {
        font-size: 0.9em; /* Adjust font size for labels */
    }
}

/* -----------------------------login page ends----------------------------- */
/* -------------------------------cart page--------------------------------- */
/* General title styling */
.title {
    margin-bottom: 5vh;
}

/* Button styling */
.buy, .del {
    width: 80px; /* Adjust width as needed */
    padding: 5px 10px; /* Reduced padding */
    font-size: 12px; /* Smaller font size */
    margin-left: 5px; /* Small margin for spacing between buttons */
}

/* Ensure buttons align correctly and stay responsive */
.main .col .btn {
    width: 80px;
}

/* Delete button specific styling */
.main .col .del {
    background-color: red;
    color: white;
}

/* Ensure the last column aligns content (price + buttons) correctly */
.main .col:nth-child(4) {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Space between Rs 31 and buttons */
    gap: 10px; /* Adjust spacing between buttons */
}

/* Ensure image remains responsive */
.col-2 img {
    max-width: 100%;
}

/* Mobile view adjustments */
@media (max-width: 767px) {
    .card {
        margin: 3vh auto;
        box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .cart {
        padding: 4vh;
        border-bottom-left-radius: unset;
        border-top-right-radius: 1rem;
    }

    /* Stack columns in mobile view */
    .main .col:nth-child(4) {
        flex-direction: column;
        align-items: flex-start; /* Align content at the start in mobile view */
    }

    /* Make buttons full width in mobile view */
    .buy, .del {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px; /* Add some space between buttons */
    }
}

/* ------------------------check out ------------ */
.images img{
	height: 100%;
	width: 100%;
}
.checkout-detail-page .images img{
	height: 50%;
	width: 50%;
}
.checkout-detail-page .details-section {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center horizontally */
    justify-content: center; /* Center vertically */
    height: 100%; /* Ensure it takes full height of the parent column */
}
.checkout-detail-page .details-section .product{
	background: white;
	align-items: center;
	justify-content: center;

}
.checkout-detail-page h4{
	text-align: center;
	padding-top: 20px;
}
.checkout-detail-page .container-fluid #scrollable-list{
	align-items: center;
	justify-content: center;
}
.checkout-detail-page .container {
    display: flex;
    align-items: center;
    justify-content: center;
}
.checkout-detail-page .row .col-md-10 .card .row .col-md-6{
	padding-left: 0;
	padding-right: 0;
	
}
/* .product-detail-page .details-section{
	background: var(--background-color);
} */
.checkout-detail-page .images{
	background: var(--background-color);
	border-bottom-right-radius: 70px;
}
@media(max-width:998px){
	.product-detail-page h4{
		text-align: left;
		padding-top: 20px;
	}
}

/* ------------------------check out ------------ */



  @-webkit-keyframes spinAround {
	from {
	  -webkit-transform: rotate(0);
	  transform: rotate(0);
	}
	to {
	  -webkit-transform: rotate(359deg);
	  transform: rotate(359deg);
	}
  }
  
  @keyframes spinAround {
	from {
	  -webkit-transform: rotate(0);
	  transform: rotate(0);
	}
	to {
	  -webkit-transform: rotate(359deg);
	  transform: rotate(359deg);
	}
  }

@media(max-width:767px){
    .summary{
    border-top-right-radius: unset;
    border-bottom-left-radius: 1rem;
    }
}
.summary .col-2{
    padding: 0;
}
.summary .col-10
{
    padding: 0;
}.row{
    margin: 0;
}
.title b{
    font-size: 1.5rem;
}
.main{
    margin: 0;
    padding: 2vh 0;
    width: 100%;
}
.col-2, .col{
    padding: 0 1vh;
}
a{
    padding: 0 1vh;
}
.close{
    margin-left: auto;
    font-size: 0.7rem;
}
img{
    width: 3.5rem;
}
.back-to-shop{
    margin-top: 4.5rem;
}
h5{
    margin-top: 4vh;
}
hr{
    margin-top: 1.25rem;
}
form{
    padding: 2vh 0;
}
select{
    border: 1px solid rgba(0, 0, 0, 0.137);
    padding: 1.5vh 1vh;
    margin-bottom: 4vh;
    outline: none;
    width: 100%;
    background-color: rgb(247, 247, 247);
}
input{
    border: 1px solid rgba(0, 0, 0, 0.137);
    padding: 1vh;
    margin-bottom: 4vh;
    outline: none;
    width: 100%;
    background-color: rgb(247, 247, 247);
}
input:focus::-webkit-input-placeholder
{
      color:transparent;
}
/* .btn{
    background-color: #000;
    border-color: #000;
    color: white;
    width: 100%;
    font-size: 0.7rem;
    margin-top: 4vh;
    padding: 1vh;
    border-radius: 0;
}
.btn:focus{
    box-shadow: none;
    outline: none;
    box-shadow: none;
    color: white;
    -webkit-box-shadow: none;
    -webkit-user-select: none;
    transition: none; 
}
.btn:hover{
    color: white;
} */
a{
    color: black; 
}
a:hover{
    color: black;
    text-decoration: none;
}
 #code{
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.253) , rgba(255, 255, 255, 0.185)), url("https://img.icons8.com/small/16/000000/long-arrow-right.png");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: center;
}
/* --------------------------------cart page ------------------------------- */
/* -------------------------------about----------------------------------- */
.section-header {
    text-align: center;
}
.section-header h2 {
    font-size: 32px;
    font-weight: 700;
    position: relative;
    color: #2e3135;
}
.section-header h2:before {
    margin: 0 15px 10px 0;
}
.section-header h2:before, .section-header h2:after {
    content: "";
    width: 50px;
    height: 2px;
    background: var(--color-primary);
    display: inline-block;
}

*, ::after, ::before {
    box-sizing: border-box;
}
.section-header h2:after {
    margin: 0 0 10px 15px;
}
.position-relative img{
    height: 100%;
} 
.aboutus-content h4{
	font-weight: normal;
}
.aboutus-content p{
	line-height: 18px;
}
@media(max-width:998px){
	.about-page{
		display: none;
	}
	.blog-page{
		display: none;
	}
	.testimonals-page{
		display: none;
	}
}
/* ---------------------------------about ends-------------------------------- */

/* ------------------------------------blogs starts--------------------------- */
.testimonial-carousel .owl-dots {
    height: 45px;
    margin-top: 5px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 5px;
    height: 25px;
    background: #DDDDDD;
    transition: .5s;
}
.bg-none{
	background: none;
}
.list-style-none{
	list-style: none;
}
.text-align-start{
	text-align: start;
}
.testimonial-carousel .owl-dot.active {
    height: 45px;
    background: var(--primary);
}

.testimonial-carousel .owl-item .testimonial-text,
.testimonial-carousel .owl-item .testimonial-text * {
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-text {
    background: var(--primary) !important;
}

.testimonial-carousel .owl-item.center .testimonial-text * {
    color: #FFFFFF !important;
}
.owl-carousel .item {
    padding: 15px;
}

.owl-nav {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

.owl-nav button {
    background-color: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
}

.owl-nav button.owl-prev {
    margin-left: -30px;
}

.owl-nav button.owl-next {
    margin-right: -30px;
}



/* -----------------------------------------blog ends---------------------------- */
  /* .footer .footer-content{
	display: none;
 } */
/*---------------------
  Hero
-----------------------*/

.hero {
	padding-bottom: 50px;
}

.hero.hero-normal {
	padding-bottom: 30px;
}

.hero.hero-normal .hero__categories {
	position: relative;
}

.hero.hero-normal .hero__categories ul {
	display: none;
	position: absolute;
	left: 0;
	top: 46px;
	width: 100%;
	z-index: 9;
	background: #ffffff;
}

.hero.hero-normal .hero__search {
	margin-bottom: 0;
}

.hero__categories__all {
	background: #7fad39;
	position: relative;
	padding: 10px 25px 10px 40px;
	cursor: pointer;
}

.hero__categories__all i {
	font-size: 16px;
	color: #ffffff;
	margin-right: 10px;
}

.hero__categories__all span {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
}

.hero__categories__all:after {
	position: absolute;
	right: 18px;
	top: 9px;
	content: "3";
	font-family: "ElegantIcons";
	font-size: 18px;
	color: #ffffff;
}

.hero__categories ul {
	border: 1px solid #ebebeb;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 12px;
}

.hero__categories ul li {
	list-style: none;
}

.hero__categories ul li a {
	font-size: 16px;
	color: #1c1c1c;
	line-height: 39px;
	display: block;
}

.hero__search {
	overflow: hidden;
	margin-bottom: 30px;
}

.hero__search__form {
	width: 610px;
	height: 50px;
	border: 1px solid #ebebeb;
	position: relative;
	float: left;
}

.hero__search__form form .hero__search__categories {
	width: 30%;
	float: left;
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	padding-left: 18px;
	padding-top: 11px;
	position: relative;
}

.hero__search__form form .hero__search__categories:after {
	position: absolute;
	right: 0;
	top: 14px;
	height: 20px;
	width: 1px;
	background: #000000;
	opacity: 0.1;
	/* content: ""; */
}

.hero__search__form form .hero__search__categories span {
	position: absolute;
	right: 14px;
	top: 14px;
}

.hero__search__form form input {
	width: 70%;
	border: none;
	height: 48px;
	font-size: 16px;
	color: #b2b2b2;
	padding-left: 20px;
}

.hero__search__form form input::placeholder {
	color: #b2b2b2;
}

.hero__search__form form button {
	position: absolute;
	right: 0;
	top: -1px;
	height: 50px;
}

.hero__search__phone {
	float: right;
}

.hero__search__phone__icon {
	font-size: 18px;
	color: #7fad39;
	height: 50px;
	width: 50px;
	background: #f5f5f5;
	line-height: 50px;
	text-align: center;
	border-radius: 50%;
	float: left;
	margin-right: 20px;
}

.hero__search__phone__text {
	overflow: hidden;
}

.hero__search__phone__text h5 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 5px;
}

.hero__search__phone__text span {
	font-size: 14px;
	color: #6f6f6f;
}

.hero__item {
	height: 431px;
	display: flex;
	align-items: center;
	padding-left: 75px;
}

.hero__text span {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 4px;
	color: #7fad39;
}

.hero__text h2 {
	font-size: 46px;
	color: #252525;
	line-height: 52px;
	font-weight: 700;
	margin: 10px 0;
}

.hero__text p {
	margin-bottom: 35px;
}

/*---------------------
  Categories
-----------------------*/

.categories__item {
	height: 270px;
	position: relative;
}

.categories__item h5 {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 20px;
	bottom: 20px;
	text-align: center;
}

.categories__item h5 a {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 12px 0 10px;
	background: #ffffff;
	display: block;
}

.categories__slider .col-lg-3 {
	max-width: 100%;
}

.categories__slider.owl-carousel .owl-nav button {
	font-size: 18px;
	color: #1c1c1c;
	height: 70px;
	width: 30px;
	line-height: 70px;
	text-align: center;
	border: 1px solid #ebebeb;
	position: absolute;
	left: -35px;
	top: 50%;
	-webkit-transform: translateY(-35px);
	background: #ffffff;
}

.categories__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: -35px;
}

/*---------------------
  Featured
-----------------------*/

.featured {
	padding-top: 80px;
	padding-bottom: 40px;
}

.featured__controls {
	text-align: center;
	margin-bottom: 50px;
}

.featured__controls ul li {
	list-style: none;
	font-size: 18px;
	color: #1c1c1c;
	display: inline-block;
	margin-right: 25px;
	position: relative;
	cursor: pointer;
}

.featured__controls ul li.active:after {
	opacity: 1;
}

.featured__controls ul li:after {
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background: #7fad39;
	/* content: ""; */
	opacity: 0;
}

.featured__controls ul li:last-child {
	margin-right: 0;
}

.featured__item {
	margin-bottom: 50px;
}

.featured__item:hover .featured__item__pic .featured__item__pic__hover {
	bottom: 20px;
}

.featured__item__pic {
	height: 270px;
	position: relative;
	overflow: hidden;
	background-position: center center;
}

.featured__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.featured__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.featured__item__pic__hover li:last-child {
	margin-right: 0;
}

.featured__item__pic__hover li:hover a {
	background: #7fad39;
	border-color: #7fad39;
}

.featured__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.featured__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.featured__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.featured__item__text {
	text-align: center;
	padding-top: 15px;
}

.featured__item__text h6 {
	margin-bottom: 10px;
}

.featured__item__text h6 a {
	color: #252525;
}

.featured__item__text h5 {
	color: #252525;
	font-weight: 700;
}

/*---------------------
  Latest Product
-----------------------*/

.latest-product {
	padding-top: 80px;
	padding-bottom: 0;
}

.latest-product__text h4 {
	font-weight: 700;
	color: #1c1c1c;
	margin-bottom: 45px;
}

.latest-product__slider.owl-carousel .owl-nav {
	position: absolute;
	right: 20px;
	top: -75px;
}

.latest-product__slider.owl-carousel .owl-nav button {
	height: 30px;
	width: 30px;
	background: #F3F6FA;
	border: 1px solid #e6e6e6;
	font-size: 14px;
	color: #636363;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
}

.latest-product__slider.owl-carousel .owl-nav button span {
	font-weight: 700;
}

.latest-product__slider.owl-carousel .owl-nav button:last-child {
	margin-right: 0;
}

.latest-product__item {
	margin-bottom: 20px;
	overflow: hidden;
	display: block;
}

.latest-product__item__pic {
	float: left;
	margin-right: 26px;
}

.latest-product__item__pic img {
	height: 110px;
	width: 110px;
}

.latest-product__item__text {
	overflow: hidden;
	padding-top: 10px;
}

.latest-product__item__text h6 {
	color: #252525;
	margin-bottom: 8px;
}

.latest-product__item__text span {
	font-size: 18px;
	display: block;
	color: #252525;
	font-weight: 700;
}

/*---------------------
  Form BLog
-----------------------*/

.from-blog {
	padding-top: 50px;
	padding-bottom: 50px;
}

.from-blog .blog__item {
	margin-bottom: 30px;
}

.from-blog__title {
	margin-bottom: 70px;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-section {
	display: flex;
	align-items: center;
	padding: 45px 0 40px;
}

.breadcrumb__text h2 {
	font-size: 46px;
	color: #ffffff;
	font-weight: 700;
}

.breadcrumb__option a {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	margin-right: 20px;
	position: relative;
}

.breadcrumb__option a:after {
	position: absolute;
	right: -12px;
	top: 13px;
	height: 1px;
	width: 10px;
	background: #ffffff;
	/* content: ""; */
}

.breadcrumb__option span {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
}

/*---------------------
  Sidebar
-----------------------*/

.sidebar__item {
	margin-bottom: 35px;
}

.sidebar__item.sidebar__item__color--option {
	overflow: hidden;
}

.sidebar__item h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

.sidebar__item ul li {
	list-style: none;
}

.sidebar__item ul li a {
	font-size: 16px;
	color: #1c1c1c;
	line-height: 39px;
	display: block;
}

.sidebar__item .latest-product__text {
	position: relative;
}

.sidebar__item .latest-product__text h4 {
	margin-bottom: 45px;
}

.sidebar__item .latest-product__text .owl-carousel .owl-nav {
	right: 0;
}

.price-range-wrap .range-slider {
	margin-top: 20px;
}

.price-range-wrap .range-slider .price-input {
	position: relative;
}

.price-range-wrap .range-slider .price-input:after {
	position: absolute;
	left: 38px;
	top: 13px;
	height: 1px;
	width: 5px;
	background: #dd2222;
	/* content: ""; */
}

.price-range-wrap .range-slider .price-input input {
	font-size: 16px;
	color: #dd2222;
	font-weight: 700;
	max-width: 20%;
	border: none;
	display: inline-block;
}

.price-range-wrap .price-range {
	border-radius: 0;
}

.price-range-wrap .price-range.ui-widget-content {
	border: none;
	background: #ebebeb;
	height: 5px;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
	height: 13px;
	width: 13px;
	border-radius: 50%;
	background: #ffffff;
	border: none;
	-webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
	outline: none;
	cursor: pointer;
}

.price-range-wrap .price-range .ui-slider-range {
	background: #dd2222;
	border-radius: 0;
}

.price-range-wrap .price-range .ui-slider-range.ui-corner-all.ui-widget-header:last-child {
	background: #dd2222;
}

.sidebar__item__color {
	float: left;
	width: 40%;
}

.sidebar__item__color.sidebar__item__color--white label:after {
	border: 2px solid #333333;
	background: transparent;
}

.sidebar__item__color.sidebar__item__color--gray label:after {
	background: #E9A625;
}

.sidebar__item__color.sidebar__item__color--red label:after {
	background: #D62D2D;
}

.sidebar__item__color.sidebar__item__color--black label:after {
	background: #252525;
}

.sidebar__item__color.sidebar__item__color--blue label:after {
	background: #249BC8;
}

.sidebar__item__color.sidebar__item__color--green label:after {
	background: #3CC032;
}

.sidebar__item__color label {
	font-size: 16px;
	color: #333333;
	position: relative;
	padding-left: 32px;
	cursor: pointer;
}

.sidebar__item__color label input {
	position: absolute;
	visibility: hidden;
}

.sidebar__item__color label:after {
	position: absolute;
	left: 0;
	top: 5px;
	height: 14px;
	width: 14px;
	background: #222;
	/* content: ""; */
	border-radius: 50%;
}

.sidebar__item__size {
	display: inline-block;
	margin-right: 16px;
	margin-bottom: 10px;
}

.sidebar__item__size label {
	font-size: 12px;
	color: #6f6f6f;
	display: inline-block;
	padding: 8px 25px 6px;
	background: #f5f5f5;
	cursor: pointer;
	margin-bottom: 0;
}

.sidebar__item__size label input {
	position: absolute;
	visibility: hidden;
}

/*---------------------
  Shop Grid
-----------------------*/

.product {
	padding-top: 80px;
	padding-bottom: 80px;
}

.product__discount {
	padding-bottom: 50px;
}

.product__discount__title {
	text-align: left;
	margin-bottom: 65px;
}

.product__discount__title h2 {
	display: inline-block;
}

.product__discount__title h2:after {
	margin: 0;
	width: 100%;
}

.product__discount__item:hover .product__discount__item__pic .product__item__pic__hover {
	bottom: 20px;
}

.product__discount__item__pic {
	height: 270px;
	position: relative;
	overflow: hidden;
}

.product__discount__item__pic .product__discount__percent {
	height: 45px;
	width: 45px;
	background: #dd2222;
	border-radius: 50%;
	font-size: 14px;
	color: #ffffff;
	line-height: 45px;
	text-align: center;
	position: absolute;
	left: 15px;
	top: 15px;
}

.product__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.product__item__pic__hover li:last-child {
	margin-right: 0;
}

.product__item__pic__hover li:hover a {
	background: #7fad39;
	border-color: #7fad39;
}

.product__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.product__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__discount__item__text {
	text-align: center;
	padding-top: 20px;
}

.product__discount__item__text span {
	font-size: 14px;
	color: #b2b2b2;
	display: block;
	margin-bottom: 4px;
}

.product__discount__item__text h5 {
	margin-bottom: 6px;
}

.product__discount__item__text h5 a {
	color: #1c1c1c;
}

.product__discount__item__text .product__item__price {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
}

.product__discount__item__text .product__item__price span {
	display: inline-block;
	font-weight: 400;
	text-decoration: line-through;
	margin-left: 10px;
}

.product__discount__slider .col-lg-4 {
	max-width: 100%;
}

.product__discount__slider.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 30px;
}

.product__discount__slider.owl-carousel .owl-dots button {
	height: 12px;
	width: 12px;
	border: 1px solid #b2b2b2;
	border-radius: 50%;
	margin-right: 12px;
}

.product__discount__slider.owl-carousel .owl-dots button.active {
	background: #707070;
	border-color: #6f6f6f;
}

.product__discount__slider.owl-carousel .owl-dots button:last-child {
	margin-right: 0;
}

.filter__item {
	padding-top: 45px;
	border-top: 1px solid #ebebeb;
	padding-bottom: 20px;
}

.filter__sort {
	margin-bottom: 15px;
}

.filter__sort span {
	font-size: 16px;
	color: #6f6f6f;
	display: inline-block;
}

.filter__sort .nice-select {
	background-color: #fff;
	border-radius: 0;
	border: none;
	display: inline-block;
	float: none;
	height: 0;
	line-height: 0;
	padding-left: 18px;
	padding-right: 30px;
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	cursor: pointer;
}

.filter__sort .nice-select span {
	color: #1c1c1c;
}

.filter__sort .nice-select:after {
	border-bottom: 1.5px solid #1c1c1c;
	border-right: 1.5px solid #1c1c1c;
	height: 8px;
	margin-top: 0;
	right: 16px;
	width: 8px;
	top: -5px;
}

.filter__sort .nice-select.open .list {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale(1) translateY(0);
	-ms-transform: scale(1) translateY(0);
	transform: scale(1) translateY(0);
}

.filter__sort .nice-select .list {
	border-radius: 0;
	margin-top: 0;
	top: 15px;
}

.filter__sort .nice-select .option {
	line-height: 30px;
	min-height: 30px;
}

.filter__found {
	text-align: center;
	margin-bottom: 15px;
}

.filter__found h6 {
	font-size: 16px;
	color: #b2b2b2;
}

.filter__found h6 span {
	color: #1c1c1c;
	font-weight: 700;
	margin-right: 5px;
}

.filter__option {
	text-align: right;
	margin-bottom: 15px;
}

.filter__option span {
	font-size: 24px;
	color: #b2b2b2;
	margin-right: 10px;
	cursor: pointer;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.filter__option span:last-child {
	margin: 0;
}

.filter__option span:hover {
	color: #7fad39;
}

.product__item {
	margin-bottom: 50px;
}

.product__item:hover .product__item__pic .product__item__pic__hover {
	bottom: 20px;
}

.product__item__pic {
	height: 270px;
	position: relative;
	overflow: hidden;
}

.product__item__pic__hover {
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	text-align: center;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li {
	list-style: none;
	display: inline-block;
	margin-right: 6px;
}

.product__item__pic__hover li:last-child {
	margin-right: 0;
}

.product__item__pic__hover li:hover a {
	background: #7fad39;
	border-color: #7fad39;
}

.product__item__pic__hover li:hover a i {
	color: #ffffff;
	transform: rotate(360deg);
}

.product__item__pic__hover li a {
	font-size: 16px;
	color: #1c1c1c;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #ebebeb;
	background: #ffffff;
	display: block;
	border-radius: 50%;
	-webkit-transition: all, 0.5s;
	-moz-transition: all, 0.5s;
	-ms-transition: all, 0.5s;
	-o-transition: all, 0.5s;
	transition: all, 0.5s;
}

.product__item__pic__hover li a i {
	position: relative;
	transform: rotate(0);
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__item__text {
	text-align: center;
	padding-top: 15px;
}

.product__item__text h6 {
	margin-bottom: 10px;
}

.product__item__text h6 a {
	color: #252525;
}

.product__item__text h5 {
	color: #252525;
	font-weight: 700;
}

.product__pagination,
.blog__pagination {
	padding-top: 10px;
}

.product__pagination a,
.blog__pagination a {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #b2b2b2;
	font-size: 14px;
	color: #b2b2b2;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	margin-right: 16px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.product__pagination a:hover,
.blog__pagination a:hover {
	background: #7fad39;
	border-color: #7fad39;
	color: #ffffff;
}

.product__pagination a:last-child,
.blog__pagination a:last-child {
	margin-right: 0;
}

/*---------------------
  Shop Details
-----------------------*/

.product-details {
	padding-top: 80px;
}

.product__details__pic__item {
	margin-bottom: 20px;
}

.product__details__pic__item img {
	min-width: 100%;
}

.product__details__pic__slider img {
	cursor: pointer;
}

.product__details__pic__slider.owl-carousel .owl-item img {
	width: auto;
}

.product__details__text h3 {
	color: #252525;
	font-weight: 700;
	margin-bottom: 16px;
}

.product__details__text .product__details__rating {
	font-size: 14px;
	margin-bottom: 12px;
}

.product__details__text .product__details__rating i {
	margin-right: -2px;
	color: #EDBB0E;
}

.product__details__text .product__details__rating span {
	color: #dd2222;
	margin-left: 4px;
}

.product__details__text .product__details__price {
	font-size: 30px;
	color: #dd2222;
	font-weight: 600;
	margin-bottom: 15px;
}

.product__details__text p {
	margin-bottom: 45px;
}

.product__details__text .primary-btn {
	padding: 16px 28px 14px;
	margin-right: 6px;
	margin-bottom: 5px;
}

.product__details__text .heart-icon {
	display: inline-block;
	font-size: 16px;
	color: #6f6f6f;
	padding: 13px 16px 13px;
	background: #f5f5f5;
}

.product__details__text ul {
	border-top: 1px solid #ebebeb;
	padding-top: 40px;
	margin-top: 50px;
}

.product__details__text ul li {
	font-size: 16px;
	color: #1c1c1c;
	list-style: none;
	line-height: 36px;
}

.product__details__text ul li b {
	font-weight: 700;
	width: 170px;
	display: inline-block;
}

.product__details__text ul li span samp {
	color: #dd2222;
}

.product__details__text ul li .share {
	display: inline-block;
}

.product__details__text ul li .share a {
	display: inline-block;
	font-size: 15px;
	color: #1c1c1c;
	margin-right: 25px;
}

.product__details__text ul li .share a:last-child {
	margin-right: 0;
}

.product__details__quantity {
	display: inline-block;
	margin-right: 6px;
}

.pro-qty {
	width: 140px;
	height: 50px;
	display: inline-block;
	position: relative;
	text-align: center;
	background: #f5f5f5;
	margin-bottom: 5px;
}

.pro-qty input {
	height: 100%;
	width: 100%;
	font-size: 16px;
	color: #6f6f6f;
	width: 50px;
	border: none;
	background: #f5f5f5;
	text-align: center;
}

.pro-qty .qtybtn {
	width: 35px;
	font-size: 16px;
	color: #6f6f6f;
	cursor: pointer;
	display: inline-block;
}

.product__details__tab {
	padding-top: 85px;
}

.product__details__tab .nav-tabs {
	border-bottom: none;
	justify-content: center;
	position: relative;
}

.product__details__tab .nav-tabs:before {
	position: absolute;
	left: 0;
	top: 12px;
	height: 1px;
	width: 370px;
	background: #ebebeb;

}

.product__details__tab .nav-tabs:after {
	position: absolute;
	right: 0;
	top: 12px;
	height: 1px;
	width: 370px;
	background: #ebebeb;
	/* content: ""; */
}

.product__details__tab .nav-tabs li {
	margin-bottom: 0;
	margin-right: 65px;
}

.product__details__tab .nav-tabs li:last-child {
	margin-right: 0;
}

.product__details__tab .nav-tabs li a {
	font-size: 16px;
	color: #999999;
	font-weight: 700;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
}

.product__details__tab .product__details__tab__desc {
	padding-top: 44px;
}

.product__details__tab .product__details__tab__desc h6 {
	font-weight: 700;
	color: #333333;
	margin-bottom: 26px;
}

.product__details__tab .product__details__tab__desc p {
	color: #666666;
}

/*---------------------
  Shop Details
-----------------------*/

.related-product {
	padding-bottom: 30px;
}

.related__product__title {
	margin-bottom: 70px;
}

/*---------------------
  Shop Cart
-----------------------*/

.shoping-cart {
	padding-top: 80px;
	padding-bottom: 80px;
}

.shoping__cart__table {
	margin-bottom: 30px;
}

.shoping__cart__table table {
	width: 100%;
	text-align: center;
}

.shoping__cart__table table thead tr {
	border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table thead th {
	font-size: 20px;
	font-weight: 700;
	color: #1c1c1c;
	padding-bottom: 20px;
}

.shoping__cart__table table thead th.shoping__product {
	text-align: left;
}

.shoping__cart__table table tbody tr td {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table tbody tr td.shoping__cart__item {
	width: 630px;
	text-align: left;
}

.shoping__cart__table table tbody tr td.shoping__cart__item img {
	display: inline-block;
	margin-right: 25px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item h5 {
	color: #1c1c1c;
	display: inline-block;
}

.shoping__cart__table table tbody tr td.shoping__cart__price {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	width: 100px;
}

.shoping__cart__table table tbody tr td.shoping__cart__total {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	width: 110px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close {
	text-align: right;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close span {
	font-size: 24px;
	color: #b2b2b2;
	cursor: pointer;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity {
	width: 225px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty {
	width: 120px;
	height: 40px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input {
	color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input::placeholder {
	color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty .qtybtn {
	width: 15px;
}

.primary-btn.cart-btn {
	color: #6f6f6f;
	padding: 14px 30px 12px;
	background: #f5f5f5;
}

.primary-btn.cart-btn span {
	font-size: 14px;
}

.primary-btn.cart-btn.cart-btn-right {
	float: right;
}

.shoping__discount {
	margin-top: 45px;
}

.shoping__discount h5 {
	font-size: 20px;
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

.shoping__discount form input {
	width: 255px;
	height: 46px;
	border: 1px solid #cccccc;
	font-size: 16px;
	color: #b2b2b2;
	text-align: center;
	display: inline-block;
	margin-right: 15px;
}

.shoping__discount form input::placeholder {
	color: #b2b2b2;
}

.shoping__discount form button {
	padding: 15px 30px 11px;
	font-size: 12px;
	letter-spacing: 4px;
	background: #6f6f6f;
}

.shoping__checkout {
	background: #f5f5f5;
	padding: 30px;
	padding-top: 20px;
	margin-top: 50px;
}

.shoping__checkout h5 {
	color: #1c1c1c;
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 28px;
}

.shoping__checkout ul {
	margin-bottom: 28px;
}

.shoping__checkout ul li {
	font-size: 16px;
	color: #1c1c1c;
	font-weight: 700;
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 13px;
	margin-bottom: 18px;
}

.shoping__checkout ul li:last-child {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
}

.shoping__checkout ul li span {
	font-size: 18px;
	color: #dd2222;
	float: right;
}

.shoping__checkout .primary-btn {
	display: block;
	text-align: center;
}

/*---------------------
  Checkout
-----------------------*/

.checkout {
	padding-top: 80px;
	padding-bottom: 60px;

}
.check-out-page{
	/* align-items: center; */
	justify-content: center;

}
.checkout h6 {
	color: #999999;
	text-align: center;
	background: #f5f5f5;
	border-top: 1px solid #6AB963;
	padding: 12px 0 12px;
	margin-bottom: 75px;
}

.checkout h6 span {
	font-size: 16px;
	color: #6AB963;
	margin-right: 5px;
}

.checkout h6 a {
	text-decoration: underline;
	color: #999999;
}

.checkout__form h4 {
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 25px;
}

.checkout__form p {
	column-rule: #b2b2b2;
}

.checkout__input {
	margin-bottom: 24px;
}

.checkout__input p {
	color: #1c1c1c;
	margin-bottom: 20px;
}

.checkout__input p span {
	color: #dd2222;
}

.checkout__input input {
	width: 100%;
	height: 46px;
	border: 1px solid #ebebeb;
	padding-left: 20px;
	font-size: 16px;
	color: #b2b2b2;
	border-radius: 4px;
}

.checkout__input input.checkout__input__add {
	margin-bottom: 20px;
}

.checkout__input input::placeholder {
	color: #b2b2b2;
}

.checkout__input__checkbox {
	margin-bottom: 10px;
}

.checkout__input__checkbox label {
	position: relative;
	font-size: 16px;
	color: #1c1c1c;
	padding-left: 40px;
	cursor: pointer;
}

.checkout__input__checkbox label input {
	position: absolute;
	visibility: hidden;
}

.checkout__input__checkbox label input:checked~.checkmark {
	background: #7fad39;
	border-color: #7fad39;
}

.checkout__input__checkbox label input:checked~.checkmark:after {
	opacity: 1;
}

.checkout__input__checkbox label .checkmark {
	position: absolute;
	left: 0;
	top: 4px;
	height: 16px;
	width: 14px;
	border: 1px solid #a6a6a6;
	/* content: ""; */
	border-radius: 4px;
}

.checkout__input__checkbox label .checkmark:after {
	position: absolute;
	left: 1px;
	top: 1px;
	width: 10px;
	height: 8px;
	border: solid white;
	border-width: 3px 3px 0px 0px;
	-webkit-transform: rotate(127deg);
	-ms-transform: rotate(127deg);
	transform: rotate(127deg);
	/* content: ""; */
	opacity: 0;
}

.checkout__order {
	background: #f5f5f5;
	padding: 40px;
	padding-top: 30px;
}

.checkout__order h4 {
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.checkout__order .checkout__order__products {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 10px;
}

.checkout__order .checkout__order__products span {
	float: right;
}

.checkout__order ul {
	margin-bottom: 12px;
}

.checkout__order ul li {
	font-size: 16px;
	color: #6f6f6f;
	line-height: 40px;
	list-style: none;
}

.checkout__order ul li span {
	font-weight: 700;
	float: right;
}

.checkout__order .checkout__order__subtotal {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	padding-bottom: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
}

.checkout__order .checkout__order__subtotal span {
	float: right;
}

.checkout__order .checkout__input__checkbox label {
	padding-left: 20px;
}

.checkout__order .checkout__order__total {
	font-size: 18px;
	color: #1c1c1c;
	font-weight: 700;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 15px;
	margin-bottom: 25px;
}

.checkout__order .checkout__order__total span {
	float: right;
	color: #dd2222;
}

.checkout__order button {
	font-size: 18px;
	letter-spacing: 2px;
	width: 100%;
	margin-top: 10px;
}

/*---------------------
  Blog
-----------------------*/

.blog__item {
	margin-bottom: 60px;
}

.blog__item__pic img {
	min-width: 100%;
}

.blog__item__text {
	padding-top: 25px;
}

.blog__item__text ul {
	margin-bottom: 15px;
}

.blog__item__text ul li {
	font-size: 16px;
	color: #b2b2b2;
	list-style: none;
	display: inline-block;
	margin-right: 15px;
}

.blog__item__text ul li:last-child {
	margin-right: 0;
}

.blog__item__text h5 {
	margin-bottom: 12px;
}

.blog__item__text h5 a {
	font-size: 20px;
	color: #1c1c1c;
	font-weight: 700;
}

.blog__item__text p {
	margin-bottom: 25px;
}

.blog__item__text .blog__btn {
	display: inline-block;
	font-size: 14px;
	color: #1c1c1c;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #b2b2b2;
	padding: 14px 20px 12px;
	border-radius: 25px;
}

.blog__item__text .blog__btn span {
	position: relative;
	top: 1px;
	margin-left: 5px;
}

.blog__pagination {
	padding-top: 5px;
	position: relative;
}

.blog__pagination:before {
	position: absolute;
	left: 0;
	top: -29px;
	height: 1px;
	width: 100%;
	background: #000000;
	opacity: 0.1;
	
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
	padding-top: 50px;
}

.blog__sidebar__item {
	margin-bottom: 50px;
}

.blog__sidebar__item h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 25px;
}

.blog__sidebar__item ul li {
	list-style: none;
}

.blog__sidebar__item ul li a {
	font-size: 16px;
	color: #666666;
	line-height: 48px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
	color: #7fad39;
}

.blog__sidebar__search {
	margin-bottom: 50px;
}

.blog__sidebar__search form {
	position: relative;
}

.blog__sidebar__search form input {
	width: 100%;
	height: 46px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 15px;
	border: 1px solid #e1e1e1;
	border-radius: 20px;
}

.blog__sidebar__search form input::placeholder {
	color: #6f6f6f;
}

.blog__sidebar__search form button {
	font-size: 16px;
	color: #6f6f6f;
	background: transparent;
	border: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	padding: 0px 18px;
}

.blog__sidebar__recent .blog__sidebar__recent__item {
	display: block;
}

.blog__sidebar__recent .blog__sidebar__recent__item:last-child {
	margin-bottom: 0;
}

.blog__sidebar__recent__item {
	overflow: hidden;
	margin-bottom: 20px;
}

.blog__sidebar__recent__item__pic {
	float: left;
	margin-right: 20px;
}

.blog__sidebar__recent__item__text {
	overflow: hidden;
}

.blog__sidebar__recent__item__text h6 {
	font-weight: 700;
	color: #333333;
	line-height: 20px;
	margin-bottom: 5px;
}

.blog__sidebar__recent__item__text span {
	font-size: 12px;
	color: #999999;
	text-transform: uppercase;
}

.blog__sidebar__item__tags a {
	font-size: 16px;
	color: #6f6f6f;
	background: #f5f5f5;
	display: inline-block;
	padding: 7px 26px 5px;
	margin-right: 6px;
	margin-bottom: 10px;
}

/*---------------------
  Blog Details Hero
-----------------------*/

.blog-details-hero {
	height: 350px;
	display: flex;
	align-items: center;
}

.blog__details__hero__text {
	text-align: center;
}

.blog__details__hero__text h2 {
	font-size: 46px;
	color: #ffffff;
	font-weight: 700;
	margin-bottom: 10px;
}

.blog__details__hero__text ul li {
	font-size: 16px;
	color: #ffffff;
	list-style: none;
	display: inline-block;
	margin-right: 45px;
	position: relative;
}

.blog__details__hero__text ul li:after {
	position: absolute;
	right: -26px;
	top: 0;
	/* content: "|"; */
}

.blog__details__hero__text ul li:last-child {
	margin-right: 0;
}

.blog__details__hero__text ul li:last-child:after {
	display: none;
}

/*---------------------
  Blog Details
-----------------------*/

.related-blog {
	padding-top: 70px;
	padding-bottom: 10px;
}

.related-blog-title {
	margin-bottom: 70px;
}

.blog-details {
	padding-bottom: 75px;
	border-bottom: 1px solid #e1e1e1;
}

.blog__details__text {
	margin-bottom: 45px;
}

.blog__details__text img {
	margin-bottom: 30px;
}

.blog__details__text p {
	font-size: 18px;
	line-height: 30px;
}

.blog__details__text h3 {
	color: #333333;
	font-weight: 700;
	line-height: 30px;
	margin-bottom: 30px;
}

.blog__details__author__pic {
	float: left;
	margin-right: 15px;
}

.blog__details__author__pic img {
	height: 92px;
	width: 92px;
	border-radius: 50%;
}

.blog__details__author__text {
	overflow: hidden;
	padding-top: 30px;
}

.blog__details__author__text h6 {
	color: #1c1c1c;
	font-weight: 700;
}

.blog__details__author__text span {
	font-size: 16px;
	color: #6f6f6f;
}

.blog__details__widget ul {
	margin-bottom: 5px;
}

.blog__details__widget ul li {
	font-size: 16px;
	color: #6f6f6f;
	list-style: none;
	line-height: 30px;
}

.blog__details__widget ul li span {
	color: #1c1c1c;
	font-weight: 700;
}

.blog__details__widget .blog__details__social a {
	display: inline-block;
	font-size: 20px;
	color: #6f6f6f;
	margin-right: 24px;
	-webkit-transition: all, 0.3s;
	-moz-transition: all, 0.3s;
	-ms-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.blog__details__widget .blog__details__social a:hover {
	color: #7fad39;
}

.blog__details__widget .blog__details__social a:last-child {
	margin-right: 0;
}

/*---------------------
  Footer
-----------------------*/


/*---------------------
  Contact
-----------------------*/

.contact {
	padding-top: 80px;
	padding-bottom: 50px;
}

.contact__widget {
	margin-bottom: 30px;
}

.contact__widget span {
	font-size: 36px;
	color: #7fad39;
}

.contact__widget h4 {
	color: #1c1c1c;
	font-weight: 700;
	margin-bottom: 6px;
	margin-top: 18px;
}

.contact__widget p {
	color: #666666;
	margin-bottom: 0;
}

/*---------------------
  Map
-----------------------*/

.map {
	height: 500px;
	position: relative;
}

.map iframe {
	width: 100%;
}

.map .map-inside {
	position: absolute;
	left: 50%;
	top: 160px;
	-webkit-transform: translateX(-175px);
	-ms-transform: translateX(-175px);
	transform: translateX(-175px);
}

.map .map-inside i {
	font-size: 48px;
	color: #7fad39;
	position: absolute;
	bottom: -75px;
	left: 50%;
	-webkit-transform: translateX(-18px);
	-ms-transform: translateX(-18px);
	transform: translateX(-18px);
}

.map .map-inside .inside-widget {
	width: 350px;
	background: #ffffff;
	text-align: center;
	padding: 23px 0;
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
	box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
}

.map .map-inside .inside-widget:after {
	position: absolute;
	left: 50%;
	bottom: -30px;
	-webkit-transform: translateX(-6px);
	-ms-transform: translateX(-6px);
	transform: translateX(-6px);
	border: 12px solid transparent;
	border-top: 30px solid #ffffff;
	/* content: ""; */
	z-index: -1;
}

.map .map-inside .inside-widget h4 {
	font-size: 22px;
	font-weight: 700;
	color: #1c1c1c;
	margin-bottom: 4px;
}

.map .map-inside .inside-widget ul li {
	list-style: none;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
}

/*---------------------
  Contact Form
-----------------------*/

.contact__form__title {
	margin-bottom: 50px;
	text-align: center;
}

.contact__form__title h2 {
	color: #1c1c1c;
	font-weight: 700;
}

.contact-form {
	padding-top: 80px;
	padding-bottom: 80px;
}

.contact-form form input {
	width: 100%;
	height: 50px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 20px;
	margin-bottom: 30px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
}

.contact-form form input::placeholder {
	color: #6f6f6f;
}

.contact-form form textarea {
	width: 100%;
	height: 150px;
	font-size: 16px;
	color: #6f6f6f;
	padding-left: 20px;
	margin-bottom: 24px;
	border: 1px solid #ebebeb;
	border-radius: 4px;
	padding-top: 12px;
	resize: none;
}

.contact-form form textarea::placeholder {
	color: #6f6f6f;
}

.contact-form form button {
	font-size: 18px;
	letter-spacing: 2px;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__menu ul li {
		margin-right: 45px;
	}
	.hero__search__form {
		width: 490px;
	}
	.hero__categories__all {
		padding: 10px 25px 10px 20px;
	}
	.hero__categories ul {
		padding-left: 20px;
	}
	.latest-product__slider.owl-carousel .owl-nav {
		right: 0;
	}
	.product__details__tab .nav-tabs:before {
		width: 265px;
	}
	.product__details__tab .nav-tabs:after {
		width: 265px;
	}
	.shoping__discount form input {
		width: 240px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero__categories {
		margin-bottom: 30px;
	}
	.hero__search__form {
		width: 485px;
	}
	.categories__slider.owl-carousel .owl-nav button {
		left: -20px;
	}
	.categories__slider.owl-carousel .owl-nav button.owl-next {
		right: -20px;
	}
	.filter__sort .nice-select {
		padding-left: 5px;
		padding-right: 28px;
	}
	.product__details__quantity {
		margin-bottom: 10px;
	}
	.product__details__text .primary-btn {
		margin-bottom: 10px;
	}
	.product__details__tab .nav-tabs:before {
		width: 150px;
	}
	.product__details__tab .nav-tabs:after {
		width: 150px;
	}
	.blog__details__author {
		overflow: hidden;
		margin-bottom: 25px;
	}
	.humberger__open {
		display: block;
		font-size: 22px;
		color: #1c1c1c;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #1c1c1c;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.humberger__menu__wrapper {
		width: 300px;
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__wrapper.show__humberger__menu__wrapper {
		opacity: 1;
		left: 0;
	}
	.humberger__menu__logo {
		margin-bottom: 30px;
	}
	.humberger__menu__logo a {
		display: inline-block;
	}
	.humberger__menu__contact {
		padding: 10px 0 13px;
	}
	.humberger__menu__contact ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.humberger__menu__contact ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.humberger__menu__cart ul {
		display: inline-block;
		margin-right: 25px;
	}
	.humberger__menu__cart ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.humberger__menu__cart ul li:last-child {
		margin-right: 0;
	}
	.humberger__menu__cart ul li a {
		position: relative;
	}
	.humberger__menu__cart ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.humberger__menu__cart ul li a span {
		height: 13px;
		width: 13px;
		background: #7fad39;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.humberger__menu__cart .header__cart__price {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.humberger__menu__cart .header__cart__price span {
		color: #252525;
		font-weight: 700;
	}
	.humberger__menu__cart {
		margin-bottom: 25px;
	}
	.humberger__menu__widget {
		margin-bottom: 20px;
	}
	.humberger__menu__widget .header__top__right__language {
		margin-right: 20px;
	}
	.humberger__menu__nav {
		display: none;
	}
	.humberger__menu__wrapper .header__top__right__social {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.humberger__menu__wrapper .slicknav_btn {
		display: none;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.humberger__menu__wrapper .slicknav_nav {
		display: block !important;
	}
	.humberger__menu__wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.humberger__menu__wrapper .slicknav_nav ul {
		margin: 0;
	}
	.humberger__menu__wrapper .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.humberger__menu__wrapper .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #7fad39;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_row,
	.humberger__menu__wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.humberger__menu__overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		/* content: ""; */
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__overlay.active {
		visibility: visible;
	}
	.header__top {
		display: none;
	}
	.header__menu {
		display: none;
	}
	.header__cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.hero__categories {
		margin-bottom: 30px;
	}
	.hero__search {
		margin-bottom: 30px;
	}
	.hero__search__form {
		width: 100%;
	}
	.hero__search__form form input {
		width: 100%;
	}
	.hero__search__form form .hero__search__categories {
		display: none;
	}
	.hero__search__phone {
		float: left;
		margin-top: 30px;
	}
	.categories__slider.owl-carousel .owl-nav {
		text-align: center;
		margin-top: 40px;
	}
	.categories__slider.owl-carousel .owl-nav button {
		position: relative;
		left: 0;
		top: 0;
		-webkit-transform: translateY(0);
	}
	.categories__slider.owl-carousel .owl-nav button.owl-next {
		right: -10px;
	}
	/* .footer__copyright {
		text-align: center;
	}
	.footer__copyright__text {
		float: none;
		margin-bottom: 25px;
	}
	.footer__copyright__payment {
		float: none;
	} */
	.filter__item {
		text-align: center;
	}
	.filter__option {
		text-align: center;
	}
	.product__details__pic {
		margin-bottom: 40px;
	}
	.product__details__tab .nav-tabs:before {
		display: none;
	}
	.product__details__tab .nav-tabs:after {
		display: none;
	}
	.shoping__cart__table {
		overflow-y: auto;
	}
	.shoping__discount form input {
		margin-bottom: 15px;
	}
	.blog__details__author {
		overflow: hidden;
		margin-bottom: 25px;
	}
	.humberger__open {
		display: block;
		font-size: 22px;
		color: #1c1c1c;
		height: 35px;
		width: 35px;
		line-height: 33px;
		text-align: center;
		border: 1px solid #1c1c1c;
		cursor: pointer;
		position: absolute;
		right: 15px;
		top: 22px;
	}
	.header .container {
		position: relative;
	}
	.humberger__menu__wrapper {
		width: 300px;
		background: #ffffff;
		position: fixed;
		left: -300px;
		top: 0;
		height: 100%;
		overflow-y: auto;
		z-index: 99;
		padding: 30px;
		padding-top: 50px;
		opacity: 0;
		display: block;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__wrapper.show__humberger__menu__wrapper {
		opacity: 1;
		left: 0;
	}
	.humberger__menu__logo {
		margin-bottom: 30px;
	}
	.humberger__menu__logo a {
		display: inline-block;
	}
	.humberger__menu__contact {
		padding: 10px 0 13px;
	}
	.humberger__menu__contact ul li {
		font-size: 14px;
		color: #1c1c1c;
		position: relative;
		line-height: 30px;
		list-style: none;
	}
	.humberger__menu__contact ul li i {
		color: #252525;
		margin-right: 5px;
	}
	.humberger__menu__cart ul {
		display: inline-block;
		margin-right: 25px;
	}
	.humberger__menu__cart ul li {
		list-style: none;
		display: inline-block;
		margin-right: 15px;
	}
	.humberger__menu__cart ul li:last-child {
		margin-right: 0;
	}
	.humberger__menu__cart ul li a {
		position: relative;
	}
	.humberger__menu__cart ul li a i {
		font-size: 18px;
		color: #1c1c1c;
	}
	.humberger__menu__cart ul li a span {
		height: 13px;
		width: 13px;
		background: #7fad39;
		font-size: 10px;
		color: #ffffff;
		line-height: 13px;
		text-align: center;
		font-weight: 700;
		display: inline-block;
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: -12px;
	}
	.humberger__menu__cart .header__cart__price {
		font-size: 14px;
		color: #6f6f6f;
		display: inline-block;
	}
	.humberger__menu__cart .header__cart__price span {
		color: #252525;
		font-weight: 700;
	}
	.humberger__menu__cart {
		margin-bottom: 25px;
	}
	.humberger__menu__widget {
		margin-bottom: 20px;
	}
	.humberger__menu__widget .header__top__right__language {
		margin-right: 20px;
	}
	.humberger__menu__nav {
		display: none;
	}
	.humberger__menu__wrapper .header__top__right__social {
		display: block;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.humberger__menu__wrapper .slicknav_btn {
		display: none;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_item a {
		border-bottom: none !important;
	}
	.humberger__menu__wrapper .slicknav_nav {
		display: block !important;
	}
	.humberger__menu__wrapper .slicknav_menu {
		background: transparent;
		padding: 0;
		margin-bottom: 30px;
	}
	.humberger__menu__wrapper .slicknav_nav ul {
		margin: 0;
	}
	.humberger__menu__wrapper .slicknav_nav a {
		color: #1c1c1c;
		font-size: 16px;
		font-weight: 600;
		margin: 0;
		border-bottom: 1px solid #e1e1e1;
	}
	.humberger__menu__wrapper .slicknav_nav a:hover {
		-webkit-border-radius: 0;
		border-radius: 0;
		background: transparent;
		color: #7fad39;
	}
	.humberger__menu__wrapper .slicknav_nav .slicknav_row,
	.humberger__menu__wrapper .slicknav_nav a {
		padding: 8px 0;
	}
	.humberger__menu__overlay {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.5);
		/* content: ""; */
		z-index: 98;
		visibility: hidden;
		-webkit-transition: all, 0.6s;
		-moz-transition: all, 0.6s;
		-ms-transition: all, 0.6s;
		-o-transition: all, 0.6s;
		transition: all, 0.6s;
	}
	.humberger__menu__overlay.active {
		visibility: visible;
	}
	.header__top {
		display: none;
	}
	.header__menu {
		display: none;
	}
	.header__cart {
		text-align: center;
		padding: 10px 0 24px;
	}
	.over_hid {
		overflow: hidden;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.hero__search__form form .hero__search__categories {
		display: none;
	}
	.featured__controls ul li {
		margin-bottom: 10px;
	}
	.product__details__text ul li b {
		width: 100px;
	}
	.product__details__tab .nav-tabs li {
		margin-right: 20px;
	}
	.shoping__cart__btns {
		text-align: center;
	}
	.primary-btn.cart-btn.cart-btn-right {
		float: none;
		margin-top: 10px;
	}
	.shoping__checkout .primary-btn {
		display: block;
		text-align: center;
		padding: 10px 15px 10px;
	}
	.map .map-inside {
		-webkit-transform: translateX(-125px);
		-ms-transform: translateX(-125px);
		transform: translateX(-125px);
	}
	.map .map-inside .inside-widget {
		width: 250px;
	}
	.product__details__tab .nav-tabs li {
		margin-right: 15px;
	}
	.shoping__discount form input {
		width: 100%;
	}
	.checkout__order {
		padding: 20px;
	}
	.blog__details__hero__text h2 {
		font-size: 24px;
	}
}
@media(max-width:998px){
	.empty-space{
		height: 100px;
	}
}
@media (max-width: 768px) {
	.mobile-reverse {
		flex-direction: column-reverse;
	}
}