/*
Author       : Dreamguys
Template Name: Litz - Bootstrap Admin Template
Version      : 1.0
*/

/*============================
 [Table of CSS]

1. General
2. Table
3. Bootstrap Classes
4. Header
5. Home
6. Product
7. Show Now
8. Categories
9. Deals
10 .Onsale Product
11. Footer
12. Breadcrumb
13. Category
14. Cart
15. Product Details
16. Checkout
17. My Account
18. Login
19. Responsive
20. Extra

========================================*/

/*-----------------
	1. General
-----------------------*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800&display=swap');


@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'),
	local('MaterialIcons-Regular'),
	url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
	url(../fonts/MaterialIcons-Regular.woff) format('woff'),
	url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
html {
	height: 100%;
}
body {
	background-color: #fff;
	color: #000;
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
	height: 100%;
	line-height: 1.5;
	overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Rubik', sans-serif;
	margin-top: 0;
}
h1 {
	font-size: 48px;
}
h2 {
	font-size: 34px;
}
h3 {
	font-size: 30px;
}
h4 {
	font-size: 25px;
}
h5 {
	font-size: 23px;
}
h6 {
	font-size: 18px;
}
a {
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}
a:hover,
a:active,
a:focus {
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
	outline: none;
	text-decoration: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}
.form-control {
    border: 1px solid #cccccc;
    box-shadow: none;
    color: #000;
    font-size: 15px;
    height: 40px;
    border-radius: 0;
    background-color: #fff;
}
.form-control:focus {
	border-color: #cccccc;
	box-shadow: none;
	outline: 0 none;
}
.form-control.form-control-sm {
	height: calc(1.5em + .5rem + 2px);
}
.form-group label {
	margin-bottom: 5px;
}
.form-group .required {
	color: #ff0238;
}
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px;
	border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 40px;
}
.form-control.form-control-lg {
	height: calc(1.5em + 1rem + 2px);
}
a {
	color: #009ce7;
}
input,
button,
a {
	transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
input, input:focus,
button, button:focus {
	outline: none;
}
input[type="file"] {
    height: auto;
    min-height: calc(1.5em + .75rem + 2px);
}
input[type=text],
input[type=password] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
textarea.form-control {
	resize: vertical;
}
.navbar-nav > li {
	float: left;
	margin-right: 20px;
}
.form-group {
	margin-bottom: 1.25rem;
}
.input-group .form-control {
	height: 40px;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
	background-color: rgba(0, 0, 0, 0.1);
	border-color: rgba(0, 0, 0, 0.1);
}
.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: 'liga';
}
.font-weight-600 {
	font-weight: 600;
}
.container {
	max-width: 1618px;
}
b, strong {
	font-weight: 600;
}

/*-----------------
	2. Table
-----------------------*/

.table {
	color: #333;
	max-width: 100%;
	margin-bottom: 0;
	width: 100%;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #f8f9fa;
}
.table.no-border > tbody > tr > td,
.table > tbody > tr > th,
.table.no-border > tfoot > tr > td,
.table.no-border > tfoot > tr > th,
.table.no-border > thead > tr > td,
.table.no-border > thead > tr > th {
	border-top: 0;
	padding: 10px 8px;
	font-weight: 500;
}
.table-nowrap td,
.table-nowrap th {
	white-space: nowrap
}
.table.dataTable {
	border-collapse: collapse !important;
}
table.table td h2 {
	display: inline-block;
	font-size: inherit;
	font-weight: 400;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
table.table td h2.table-avatar {
    align-items: center;
    display: inline-flex;
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    padding: 0;
    vertical-align: middle;
	white-space: nowrap;
}
table.table td h2 a {
	color: #333;
}
table.table td h2 a:hover {
	color: #7bb13c;
}
table.table td h2 span {
	color: #888;
	display: block;
	font-size: 12px;
	margin-top: 3px;
}
.table thead {
	background-color: transparent;
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.table thead tr th {
	font-weight: 500;
	border: 0;
}
.table tbody tr {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.table tbody tr:last-child {
	border-color: transparent;
}
.table.table-center td,
.table.table-center th {
	vertical-align: middle;
}
.table-hover tbody tr:hover {
	background-color: #f7f7f7;
}
.table-hover tbody tr:hover td {
	color: #474648;
}
.table-striped thead tr {
	border-color: transparent;
}
.table-striped tbody tr {
	border-color: transparent;
}
.table-striped tbody tr:nth-of-type(even) {
	background-color: rgba(255, 255, 255, 0.3);
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(235, 235, 235, 0.4);
}
.table-bordered {
	border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.table-bordered th,
.table-bordered td {
	border-color: rgba(0, 0, 0, 0.05);
}
.card-table .card-body {
    padding: 0;
}
.card-table .card-body .table > thead > tr > th {
    border-top: 0;
}
.card-table .card-body .table tr td:first-child,
.card-table .card-body .table tr th:first-child {
    padding-left: 1.5rem;
}
.card-table .card-body .table tr td:last-child,
.card-table .card-body .table tr th:last-child {
    padding-right: 1.5rem;
}
.card-table .table td, .card-table .table th {
    border-top: 1px solid #e2e5e8;
    padding: 0.75rem;
    white-space: nowrap;
}

/*-----------------
	3. Bootstrap Classes
-----------------------*/

.btn.focus, .btn:focus {
    box-shadow: unset;
}
.btn-white {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333;
}
.btn.btn-rounded {
	border-radius: 50px;
}
.bg-primary,
.badge-primary {
	background-color: #7bb13c !important;
	color: #fff;
}
.bg-secondary {
	background-color: #008aff !important;
	color: #fff;
}
a.bg-primary:focus, 
a.bg-primary:hover, 
button.bg-primary:focus, 
button.bg-primary:hover {
    background-color: #1d150b !important;
    color: #fff;
}
.bg-success,
.badge-success {
	 background-color: #C13C19!important;
	color: #fff;
}
a.bg-success:focus, 
a.bg-success:hover, 
button.bg-success:focus, 
button.bg-success:hover {
    background-color: #699834 !important;
    color: #fff;
}
.bg-info,
.badge-info {
	background-color: #009efb !important;
}
a.bg-info:focus, 
a.bg-info:hover, 
button.bg-info:focus, 
button.bg-info:hover {
    background-color: #028ee1 !important;
}
.bg-warning,
.badge-warning {
	background-color: #ffbc34 !important;
}
a.bg-warning:focus, 
a.bg-warning:hover, 
button.bg-warning:focus, 
button.bg-warning:hover {
    background-color: #e9ab2e !important;
}
.bg-danger,
.badge-danger {
	background-color: #ed1d24 !important;
	color: #fff;
}
a.bg-danger:focus, 
a.bg-danger:hover, 
button.bg-danger:focus, 
button.bg-danger:hover {
    background-color: #e63333 !important;
    color: #fff;
}
.badge {
	font-weight: 500;
}
.bg-white {
	background-color: #fff;
}
.bg-purple,
.badge-purple {
    background-color: #9368e9 !important;
}
.text-primary,
.dropdown-menu > li > a.text-primary {
	color: #7bb13c !important;
}
.text-success,
.dropdown-menu > li > a.text-success {
	color: #ff0000 !important;
}
.text-danger,
.dropdown-menu > li > a.text-danger {
	color: #ed1d24 !important;
}
.text-info,
.dropdown-menu > li > a.text-info {
	color: #0672cc !important;
}
.text-warning,
.dropdown-menu > li > a.text-warning {
	color: #ffbc34 !important;
}
.text-purple,
.dropdown-menu > li > a.text-purple {
	color: #7460ee !important;
}
.text-muted {
    color: #757575 !important;
}
.btn-primary {
	background-color: #7bb13c;
	border: 1px solid #7bb13c;
}
.btn-small {
	border-radius: 10px;
	min-width: 100px;
	padding: 3px 5px;
	height: 30px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
	background-color: #262321;
	border: 1px solid #262321;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
	background-color: #262321;
	border: 1px solid #262321;
}
.btn-secondary {
	background-color: #008aff;
	color: #fff;
	border-color: #008aff;
}
.btn-primary.active:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled),
.show > .btn-primary.dropdown-toggle {
	background-color: #262321;
	border-color: #262321;
	color: #fff;
}
.btn-primary.active:focus:not(:disabled):not(.disabled), 
.btn-primary:active:focus:not(:disabled):not(.disabled), 
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #7bb13c;
    border-color: #7bb13c;
    color: #fff;
}
.btn-secondary.active:focus:not(:disabled):not(.disabled), 
.btn-secondary:active:focus:not(:disabled):not(.disabled), 
.show > .btn-secondary.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-success {
	background-color: #296e01;
	border: 1px solid #296e01
}
.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
	background-color: #699834;
	border: 1px solid #699834;
	color: #fff;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
	background-color: #699834;
	border: 1px solid #699834
}
.btn-success.active:not(:disabled):not(.disabled),
.btn-success:active:not(:disabled):not(.disabled),
.show > .btn-success.dropdown-toggle {
	background-color: #699834;
	border-color: #699834;
	color: #fff;
}
.btn-success.active:focus:not(:disabled):not(.disabled), 
.btn-success:active:focus:not(:disabled):not(.disabled), 
.show > .btn-success.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-success.disabled, .btn-success:disabled {
    background-color: #7bb13c;
    border-color: #7bb13c;
    color: #fff;
}
.btn-info {
	background-color: #009efb;
	border: 1px solid #009efb
}
.btn-info:hover,
.btn-info:focus,
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
	background-color: #028ee1;
	border: 1px solid #028ee1
}
.btn-info.active:not(:disabled):not(.disabled),
.btn-info:active:not(:disabled):not(.disabled),
.show > .btn-info.dropdown-toggle {
	background-color: #028ee1;
	border-color: #028ee1;
	color: #fff;
}
.btn-info.active:focus:not(:disabled):not(.disabled), 
.btn-info:active:focus:not(:disabled):not(.disabled), 
.show > .btn-info.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-info.disabled, .btn-info:disabled {
    background-color: #009efb;
    border-color: #009efb;
    color: #fff;
}
.btn-warning {
	background-color: #ffbc34;
	border: 1px solid #ffbc34
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning.focus:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
	background-color: #e9ab2e;
	border: 1px solid #e9ab2e
}
.btn-warning.active:not(:disabled):not(.disabled),
.btn-warning:active:not(:disabled):not(.disabled),
.show > .btn-danger.dropdown-toggle {
	background-color: #e9ab2e;
	border-color: #e9ab2e;
	color: #fff;
}
.btn-warning.active:focus:not(:disabled):not(.disabled), 
.btn-warning:active:focus:not(:disabled):not(.disabled), 
.show > .btn-warning.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-warning.disabled, .btn-warning:disabled {
    background-color: #ffbc34;
    border-color: #ffbc34;
    color: #fff;
}
.btn-danger {
	background-color: #ed1d24;
	border: 1px solid #ed1d24;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
	background-color: #e63333;
	border: 1px solid #e63333;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger.focus:active,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
	background-color: #e63333;
	border: 1px solid #e63333;
}
.btn-danger.active:not(:disabled):not(.disabled),
.btn-danger:active:not(:disabled):not(.disabled),
.show > .btn-danger.dropdown-toggle {
	background-color: #e63333;
	border-color: #e63333;
	color: #fff;
}
.btn-danger.active:focus:not(:disabled):not(.disabled), 
.btn-danger:active:focus:not(:disabled):not(.disabled), 
.show > .btn-danger.dropdown-toggle:focus {
	box-shadow: unset;
}
.btn-danger.disabled, .btn-danger:disabled {
    background-color: #ed1d24;
    border-color: #ed1d24;
    color: #fff;
}
.btn-light.active:focus:not(:disabled):not(.disabled), 
.btn-light:active:focus:not(:disabled):not(.disabled), 
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn-dark.active:focus:not(:disabled):not(.disabled), 
.btn-dark:active:focus:not(:disabled):not(.disabled), 
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn-outline-primary {
	color: #7bb13c;
	border-color: #7bb13c;
}
.btn-outline-primary:hover {
	background-color: #7bb13c;
	border-color: #7bb13c;
}
.btn-outline-primary:focus, 
.btn-outline-primary.focus {
	box-shadow: none;
}
.btn-outline-primary.disabled, 
.btn-outline-primary:disabled {
	color: #7bb13c;
	background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
	background-color: #7bb13c;
	border-color: #7bb13c;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, 
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-outline-success {
	color: #7bb13c;
	border-color: #7bb13c;
}
.btn-outline-success:hover {
	background-color: #7bb13c;
	border-color: #7bb13c;
}
.btn-outline-success:focus, .btn-outline-success.focus {
	box-shadow: none;
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
	color: #7bb13c;
	background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, 
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
	background-color: #7bb13c;
	border-color: #7bb13c;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, 
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-outline-info {
	color: #009efb;
	border-color: #009efb;
}
.btn-outline-info:hover {
	color: #fff;
	background-color: #009efb;
	border-color: #009efb;
}
.btn-outline-info:focus, .btn-outline-info.focus {
	box-shadow: none;
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
	background-color: transparent;
	color: #009efb;
}
.btn-outline-info:not(:disabled):not(.disabled):active, 
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
	background-color: #009efb;
	border-color: #009efb;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, 
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-outline-warning {
	color: #ffbc34;
	border-color: #ffbc34;
}
.btn-outline-warning:hover {
	color: #212529;
	background-color: #ffbc34;
	border-color: #ffbc34;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
	box-shadow: none;
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
	background-color: transparent;
	color: #ffbc34;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, 
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
	color: #212529;
	background-color: #ffbc34;
	border-color: #ffbc34;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, 
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-outline-danger {
	color: #e84646 !important;
	border-color: #e84646;
}
.btn-outline-danger:hover {
	background-color: #e84646;
	border-color: #e84646;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
	box-shadow: none;
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
	background-color: transparent;
	color: #e84646;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, 
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
	background-color: #e84646;
	border-color: #e84646;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, 
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-outline-light {
    color: #ababab;
    border-color: #e6e6e6;
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #ababab;
}
.pagination {
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
}
.pagination > .active > a, 
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background-color: #7bb13c;
	border-color: #7bb13c;
}
.pagination > li > a, 
.pagination > li > span {
	color: #000;
}
.page-link:hover {
	color: #000;
}
.page-link:focus {
	box-shadow: unset;
}
.page-item.active .page-link {
	background-color: #7bb13c;
	border-color: #7bb13c;
}
.dropdown-menu {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	transform-origin: left top 0;
	box-shadow: inherit;
	background-color: #fff;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #7bb13c;
}
.navbar-nav .open .dropdown-menu {
	border: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: #fff;
}
.dropdown-menu {
	font-size: 14px;
}
.card {
    border: 0;
    border-radius: 0;
    margin-bottom: 1.875rem;
    box-shadow: 1px 1px 7px 0 rgba(14,14,14,0.10);
}
.card.no-shadow {
	box-shadow: none;
}
.card.transparent {
	background-color: transparent;
}
.card-body {
	padding: 1.5rem;
}
.bg-light-gray {
	background-color: #fbfbfb;
}
.card-header {
	border-bottom: 1px solid #e6e6e6;
	padding: 1rem 1.5rem;
}
.card-footer {
	background-color: #fff;
	border-top: 1px solid #e6e6e6;
	padding: 1rem 1.5rem;
}
.card .card-header {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
}
.card .card-header .card-title {
    margin-bottom: 0;
    font-size: 20px;
    text-transform: uppercase;
}
.modal-footer.text-left {
	text-align: left;
}
.modal-footer.text-center {
	text-align: center;
}
.btn-light {
	border-color: #e6e6e6;
	color: #a6a6a6;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
	background-color: #7bb13c;
	text-shadow: unset;
}
.bootstrap-datetimepicker-widget table td.today:before{
	border-bottom-color:#7bb13c;
}
.bg-info-light{
	background-color:rgba(2, 182, 179,0.12) !important;
	color:#1db9aa !important;
}
.bg-primary-light{
	background-color:rgba(17, 148, 247,0.12) !important;
	color:#2196f3 !important;
}
.bg-danger-light{
	background-color:rgba(242, 17, 54,0.12) !important;
	color:#e63c3c !important;
}
.bg-warning-light{
	background-color:rgba(255, 152, 0,0.12) !important;
	color:#f39c12 !important;
}
.bg-success-light{
	background-color:rgba(15, 183, 107,0.12) !important;
	color:#26af48 !important;
}
.bg-purple-light{
	background-color:rgba(197, 128, 255,0.12) !important;
	color:#c580ff !important;
}
.bg-default-light{
	background-color:rgba(40, 52, 71,0.12) !important;
	color:#283447 !important;
}
.fs-20 {
	font-size: 20px;
}
.advance-search-btn {
	display: inline-block;
	color: #fff;
	background-color: #0672cc;
	font-size: 15px;
	padding:5px 15px;
	border-radius: 10px;
}
.advance-search-btn i {
	font-size: 11px;
	margin-right: 5px;
}
.advance-search-btn:hover {
	background-color: #545b62;
	color: #fff;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #555;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #555;
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #555;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #555;
  opacity: 1;
}

/*-----------------
	4. Header
-----------------------*/

header .container {
	max-width: 100%;
}
.top-header {
	background-color: #7bb13c;
	padding: 6px 0;
}
.top-header ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.top-header ul li {
	color: #fff;
    font-weight: 400;
    float: left;
    font-size: 14px;	
}
.top-header ul li:after {
	content: "|";
	margin: 0 10px;
}
.top-header ul li:last-child:after {
	display: none;
}
.top-header ul li a {
	color: #fff;
}
.top-search-col {
	position: relative;
}
.top-search-col form {
	margin-bottom: 0;
}
.top-search-col input[type="search"] {
	background-color: #fff;
	border:1px solid transparent;
	font-size: 14px;
	border-radius: 15px;
	padding: 8px 50px 8px 20px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.top-search-col input[type="search"]:focus {
	border-color: #000;
}
.top-search-col input[type="submit"] {
	font-size: 0;
	border: 0;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background-image: url(../img/search-icon.png);
	background-repeat: no-repeat;
	background-size: cover;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-color: transparent;
	padding: 0;
}
.header-col {
	padding: 10px 0;
	position: relative;
}
.navbar {
	margin-left: 0;
}
.navbar .nav-item .nav-link {
	font-weight: 500;
	color: #040404;
}
.navbar .nav-item .nav-link:hover {
	color: #7bb13c;
}
.right-menu ul li {
	float: left;
	margin-right: 20px;
	position: relative;
}
.right-menu ul li:last-child {
	margin-right: 0;
}
.notification-badge {
	position: absolute;
	right: -8px;
	top: -3px;
	background-color: #7bb13c;
	width: 15px;
	height: 15px;
	border-radius: 50px;
	color: #fff;
	font-size: 9px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
}
.header-bottom {
	background-color: #7bb13c;
	width: 100%;
	position: relative;
	z-index: 1;
	float: left;
	height: 48.5px;
}
.header-bottom:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	width: 55px;
	height: 100%;
	background-color: #7bb13c;
	z-index: 99;
}
.header-bottom .container {
	padding-left: 0;
	padding-right: 0;
}
.header-bottom ul {
	margin: 0;
	padding: 0;
	display: flex;
	display: -webkit-flex;
	white-space: nowrap;
	width: 100%;
}
.header-bottom ul li {
	margin-right: 10px;
	width: -webkit-fill-available;
    text-align: center;
}
.header-bottom ul li:last-child {
	margin-right: 0;
}
.header-bottom ul li.first-menu {
	background-color: #262321;
}
.header-bottom ul li.first-menu a {
	height: 48.5px;
}
.header-bottom ul li a.active {
	background-color: #000;
}
.header-bottom ul li.first-menu img {
	margin-right: 10px;
	max-width: 33px;
	vertical-align: -1px;
}
.header-bottom ul li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 500;
	padding: 13px 10px;
	display: inline-block;
}
.logo img {
	max-width: 140px;
}
.mobile-menu {
	display: none;
}
.header-bottom-inner {

}
.header-bottom .bottom-left-menu {
	float: left;
	width: 155px;
	position: relative;
	z-index: 99;
	margin-right: 50px;
}
.header-bottom .bottom-left-menu:after {
	content: "";
	position: absolute;
	top: 0;
	right: -50px;
	background-color: #7bb13c;
	width: 50px;
	height: 100%;
}
.bottom-slider-menu {
	position: relative;
}
.header-bottom .bottom-slider-menu {
	float: left;
	width: calc(100% - 205px);
}
.header-bottom .bottom-slider-menu .swiper-container {
	margin: 0;
	overflow: inherit;
}
.header-bottom .bottom-slider-menu .swiper-slide {
	width: auto;
	height: 49px;
}
.header-bottom .bottom-slider-menu .swiper-slide a {
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    padding: 13px 10px;
    display: inline-block;
}
.header-bottom .bottom-slider-menu .swiper-slide:hover > a {
	color: #262321;
}
.header-bottom .bottom-slider-menu .swiper-slide a.active {
	background-color: transparent;
	color: #000;
	height: 49px;
}
.header-bottom .bottom-slider-menu .swiper-button-prev {
	left: -30px;
	top: 23px;
	color: #fff;
	z-index: 9999;
}
.header-bottom .bottom-slider-menu .swiper-button-next {
	right: 20px;
	top: 23px;
	color: #fff;
	z-index: 9999;
}
.header-bottom .bottom-slider-menu .swiper-button-prev:after,
.header-bottom .bottom-slider-menu .swiper-button-next:after {
	font-size: 20px;
}
.header-bottom .bottom-slider-menu .swiper-slide.category-submenu ul {
	position: absolute;
	left: 10px;
	top:20px;
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #f7f7f7;
	width: 200px;
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: ease 0.5s all;
	-webkit-transition: ease 0.5s all;
	-ms-transition: ease 0.5s all;
	box-shadow: 0px 1px 8px rgba(0,0,0,0.2);
	white-space: inherit;
}
.header-bottom .bottom-slider-menu .swiper-slide.category-submenu ul:before {
	content: "";
	position: absolute;
	left: 0;
	top: -10px;
    width: 0;
  	height: 0;
  	border-left: 10px solid transparent;
  	border-right: 10px solid transparent;
  	border-bottom: 10px solid #f7f7f7;
}
.header-bottom .bottom-slider-menu .swiper-slide.category-submenu:hover ul {
	opacity: 1;
	visibility: visible;
	top: 48px;
	transition: ease 0.5s all;
	-webkit-transition: ease 0.5s all;
	-ms-transition: ease 0.5s all;
}
.header-bottom .bottom-slider-menu .swiper-slide.category-submenu ul li {
	width: 100%;
	display: block;
	margin-right: 0;
}
.header-bottom .bottom-slider-menu .swiper-slide.category-submenu ul li a {
	color: #000;
	width: 100%;
	padding: 10px 10px;
	text-align: left;
}
.header-bottom .bottom-slider-menu .swiper-slide.category-submenu ul li a:hover {
	background-color: #eaeded;
}
.header-bottom .bottom-slider-menu .swiper-slide.category-submenu:last-child ul {
	left: inherit;
	right: 55px;
}
.header-bottom .bottom-slider-menu .swiper-slide.category-submenu:last-child ul:before {
	left: inherit;
	right: 0;
}
/*-----------------
	5. Home
-----------------------*/

.btn {
	display: inline-block;
	color: #fff;
	padding: 9px 20px;
	border-radius: 0;
}
.btn-border {
	border: 1px solid #fff;
}
.btn-border:hover {
	border-color: #7bb13c;
	color: #7bb13c !important;
}
.btn-black {
	background-color: #000;
}
.btn-white-new {
	background-color: #fff;
	color: #7bb13c;
}
.btn-white-new:hover {
	color: #7bb13c;
	opacity: 0.8; 
}
.btn-medium {
	border-radius: 10px !important;
	padding: 8px 15px;
	min-width: 130px;
}
.btn-black:hover {
	color: #fff;
	opacity: 0.8;
}
.btn-white {
	background-color: #fff;
	color: #2d2f2d;
}
.banner {
	background-color: #1e1e1e;
	padding: 60px 0 120px;
	display: inline-block;
	width: 100%;
}
.banner-text {
	color: #fff;
}
.banner-text h1 {
	margin-bottom: 15px;
	font-weight: 400;
}
.banner-text p {

}
.banner-text .btn {
	color: #fff;
	margin-top: 15px;
}
.top-products {
	background-color: #efefef;
}
.inner-top-products {
	background-color: #fff;
	padding: 50px 30px 20px 30px;
	top: -60px;
	position: relative;
}
.product-row > div {
	display: flex;
	display: -webkit-flex;
}
.section-title h2 {
	font-weight: 600;
	text-transform: uppercase;
}
.nav-tabs {
	border-bottom: 0;
}
.nav-tabs li {
	padding: 0;
}
.nav-tabs a {
	color: #000;
	font-weight: 500;
	position: relative;
	text-transform: uppercase;
}
.nav-tabs a:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -7px;
	width: 0;
	height: 3px;
	background-color: #7bb13c;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}
.nav-tabs a.active {
	color: #7bb13c;
}
.nav-tabs .nav-link {
	border-radius: 0;
}
.nav-tabs .nav-link.active {
	color: #fff;
	background-color: #7bb13c;
	border-color: #7bb13c;
}
.nav-tabs a.active:after {
	width: 100%;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}
.top-products .nav-tabs li {
	padding: 10px;
	margin-right: 20px;
}
.categories-menus {
	position: fixed;
	left: -280px;
	top: 0;
	width: 280px;
	background-color: #fff;
	padding: 20px;
	z-index: 999999;
	height: 100vh;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}
.categories-menus ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.categories-menus ul li {
	display: inline-block;
	width: 100%;
	padding: 10px 0;
}
.categories-menus ul li a  {
	color: #000;
}
.categories-menus.show-category {
	left: 0;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}
body.overly {
	overflow-y: hidden;
}
body.overly:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.8);
	z-index: 9999;
}

/*-----------------
	6. Product
-----------------------*/

.card {
	box-shadow: 0px 3px 14px rgba(99,99,99,0.10);
	position: relative;
	width: 100%;
}
.product-widget {
	background-color: #fff;
	color: #000;
	position: relative;
	height: 100%;
	padding-bottom: 70px;
}
.product-img-col {
	position: relative;
}
.product-img {
	text-align: center;
	position: relative;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	width: 100%;
	min-height: 336px;
	padding: 15px;
}
.product-img-col.no-hover-img .product-img {
	min-height: 150px;
	max-width: 275px;
	margin: 0 auto;
	position: relative;
}
.product-img-col.no-hover-img .product-img .save-price {
	position: absolute;
	right: 30px;
	top: 30px;
	width: 45px;
	height: 45px;
	color: #fff;
	font-weight: 500;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	background-color: #ed1d24;
	border-radius: 50px;
}
.top-deals-section .product-img-col.no-hover-img .product-img img {
	border: 1px solid #adacac;
	padding: 15px;
}
.product-img:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(123, 177, 60, 0.85);
	opacity: 0;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}
.product-img-col:hover .product-img:before {
	opacity: 1;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}
.product-badge {
	color: #fff;
	font-size: 15px;
	text-transform: uppercase;
	padding: 6px 15px;
	border-radius: 5px;
	position: absolute;
	top: 15px;
	left: 15px;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}
.product-img-col:hover .product-badge {
	opacity: 0;
	visibility: hidden;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}
.product-details {
	padding:20px;
}
.product-name h6 {
    font-size: 20px;
    color: #262321;;
}
.active-price {
	font-weight: 700;
}
.active-price h5 span {
	color: #000;
}
.best-price-col .strike-price {
	color: #c0c0c0 !important; 
	margin: 0 8px 0 3px;
}
.strike-price {
	color: #c0c0c0;
}
.strike-price h5 {
	font-weight: 400;
}
.strike {
	text-decoration: line-through;
}
.price-col {
	padding-top: 5px;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.price-col h5 {
	font-size: 20px;
}
.price-col > div + div {
	margin-left: 15px;
}
.product-description {
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 12px;
	height: 35px;
}
.product-description ul {
	padding: 0;
	margin: 0;
}
.rating {
    list-style: none;
    margin: 10px 0 10px;
    padding: 0;
    width: 100%;
 	color: #757575;
}
.rating i {
    color: #545454;
    font-size: 14px;
}
.rating i + i {
	margin-left: 3px;
}
.rating i.filled {
    color: #eac00f;
}
.rating span {
	color: #000;
	margin-left: 5px;
}
.margin-minus-20 {
	margin-left:-20px;
	margin-right:-20px;
}
.product-details .btn-col {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.btn-col .btn {
	width: 100%;
	padding: 15px 8px;
	font-size: 15px;
}
.btn-col .btn:first-child {
	margin-right: 1px;
}
.like-zoom-col {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	opacity: 0;
	visibility: hidden;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
	z-index: 99;
}
.product-img-col:hover .like-zoom-col {
	opacity: 1;
	visibility: visible;
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}
.product-img-col.no-hover-img:hover .like-zoom-col,
.product-img-col.no-hover-img:hover .product-img:before {
	opacity: 0;
	visibility: hidden;
}
.circle-col {
	width: 50px;
	height: 50px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	border-radius: 50px;
	background-color: #fff;
	font-size: 20px;
	cursor: pointer;
}
.circle-col + .circle-col {
	margin-top: 10px;
}
.offer-col {
	margin-bottom: 0.5rem;
}
.offer-btn {
	display: inline-block;
	padding: 5px 10px;
	font-size: 13px;
	font-weight: 600;
	border-radius: 5px;
}
.best-price-col {
	padding: 20px 20px 0;
}
.product-sell-details  {
	position: relative;
	padding-top: 15px;
	margin-top: 15px;
}
.product-sell-details:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #dfdfdf;
	height: 3px;
}
.product-sell-details:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	background-color: #7bb13c;
	height: 3px;
}
.top-deal-timer {
	padding: 0;
}
.top-deal-timer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.top-deal-timer ul li {
	margin: 7px;
}
.timer-circle {
	width: 70px;
	height: 70px;
	border: 1px solid #7bb13c;
	border-radius: 50px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-display: flex;
	justify-content: center;
}
.timer-circle > div {
	line-height: normal;
	text-align: center;
}
.timer-circle strong {
	font-weight: 500;
	display: block;
}
.saved-col {
	text-align: center;
	padding: 15px 0;
}
.saved-col span {
	font-size: 14px;
	padding: 8px 20px;
	border: 1px dashed #00a651;
	color: #1b5205;
}

/*-----------------
	7. Shop Now
-----------------------*/

.shop-now-section {
	padding: 60px 0;
}
.shop-now-section .row > div {
	display: flex;
	display: -webkit-flex;
}
.shopnow-box {
	color: #fff;
	position: relative;
	display: flex;
	display: -webkit-flex;
	width: 100%;
}
.bg-shopnow {
	position: relative;
	padding-bottom: 49%;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.bg-shopnow img {
	width: 100%;
}
.bg-shopnow.no-background-img {
	padding-bottom: 0;
}
.bg-shopnow.black:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.74);
}
.bg-shopnow.orange:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(123, 177, 60, 0.85);
}
.shopnow-text {
	position: absolute;
	left: 0px;
	top: 50%;
	padding: 20px;
	width: 100%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

/*-----------------
	8. Categories
-----------------------*/

.popular-categories .shopnow-text h3 {
	font-size: 24px;
} 
.popular-categories {
	padding: 0px 0 30px;
}
.category-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
.category-list li {
	padding:5px 0;
}
.category-list li:before {
	content: ">";
	color: #7bb13c;
	margin-right: 7px;
}
.advertisement-banner-inner {
	background-color: #2f3231;
}
.advertisement-banner-text {
	padding: 30px 0;
}
.advertisement-banner-text h2 {
	color: #7bb13c;
	font-size: 40px;
}
.advertisement-banner-text p {
	color: #fff;
}
.categories-box {
	position: relative;
	padding-bottom: 80px;
}
.viewmore-btn {
	position: absolute;
	left: 25px;
	bottom: 25px;
}

/*-----------------
	9. Deals
-----------------------*/

.top-deals-section {
	padding: 60px 0;
}
.top-deals-section .carousel-control-next, 
.top-deals-section .carousel-control-prev {
	position: static;
	background-color: #262321;
	width: 18px;
	height: 18px;
	opacity: 1;
	border-radius: 50px;
}
.top-deals-section .carousel-control-next-icon, 
.top-deals-section .carousel-control-prev-icon {
	width: 7px;
	height: 7px;
}
.top-deals-slider .swiper-button-next, 
.top-deals-slider .swiper-button-prev {
	position: static;
	width: 18px;
	height: 18px;
	margin-top: 0;
}
.top-deals-slider .swiper-button-next:after, 
.top-deals-slider .swiper-button-prev:after {
	display: none;
}
.top-deals-slider .swiper-button-prev {
	margin-right: 5px;
}
.top-deals-slider .swiper-button-next:before, 
.top-deals-slider .swiper-button-prev:before {
	content: ">";
	background-color: #262321;
	width: 18px;
	height: 18px;
	color: #fff;
	font-weight: 500;
	font-size: 11px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	border-radius: 50px;
}
.top-deals-slider .swiper-button-prev:before {
	content: "<";
}
.bottom-details-banner {

}
.bottom-details-banner .left-col {
	padding: 100px 0;
}
.bottom-details-banner .right-col {
	padding: 100px 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.bottom-details-banner .right-col:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(123, 177, 60, 0.85);
}
.bottom-details-text {
	position: relative;
	z-index: 9;
	color: #fff;
	max-width: 500px;
	margin: 0 auto;
	padding: 0 15px;
}
.radius-50 {
	border-radius: 50px !important;
}
.banner-title {
	display: inline-block;
	margin: 0 auto 20px;
	border-radius: 5px;
	text-align: center;
	padding: 10px 15px;
}
.banner-title h3 {
	font-weight: 400;
	margin-bottom: 0;
}
.banner-title.black {
	background-color: #262321;
}
.bottom-details-text .btn {
	 margin-top: 10px;
}

/*-----------------
	10. Onsale Product
-----------------------*/

.onsale-product {
	padding: 60px 0 30px;
}
.onsale-product-widget {
	border:1px solid #ededed;
	margin-bottom: 30px;
}
.onsale-product-img {
	background-color: #f5f5f5;
	padding: 15px;
	height: 100%;
	width: 100%;
	justify-content: center;
	-webkit-justify-content: center;
}
.onsale-product-details {
	padding-top: 15px;
	padding-bottom: 15px;
}
.onsale-product-details .rating i,
.onsale-product-details .rating span{
	font-size: 10px
} 
.onsale-product-details .category-title h6 {
	font-weight: 400;
	font-size: 16px;
}

/*-----------------
	11. Footer
-----------------------*/

footer {
	background-color: #4a4a4a;
}
.footer-col {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff;
}
.footer-title {
	color: #fff;
}
.footer-title h4 {
	font-size: 20px;
	margin-bottom: 0;
}
.footer-address {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-address li {
	color: #fff;
	padding: 2px 0;
}
.footer-address li span {
	color: #7bb13c;
}
.footer-address li a {
	color: #fff;
}
.social-networks {
	list-style: none;
	padding: 0;
	margin: 0;
}
.social-networks li {
	display: inline-block;
	margin-right: 7px;
	font-size: 18px;
}
.social-networks li a {
	color: #fff;
}
.social-networks li a:hover {
	color: #7bb13c;
}
.footer-links {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-links li {
	padding: 5px 0;
}
.footer-links li a {
	color: #fff;
}
.footer-links li a:hover {
	color: #7bb13c;
}
.custom-border-right {
	border-right: 1px solid #464141;
}
.copyrights {
	padding: 30px 0;
}
.copy-rights-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: right;
}
.footer-menus li {
	display: inline-block;
	margin-right:15px;
}
.footer-menus li:last-child {
	margin-right: 0;
}
.footer-menus li a {
	color: #000;
}
.footer-menus li a:hover {
	color: #7bb13c;
}

/*-----------------
	12. Breadcrumb
-----------------------*/

.breadcrumb {
	/*padding: 40px 0;*/
	/*margin-bottom: 0;*/
	background-color: transparent;
}
.breadcrumb ul {
	list-style: none;
	padding: 0 0 15px 0;
	margin: 0;
	border-bottom: 1px solid #493e3e;
	display: inline-block;
	width: 100%;
}
.breadcrumb ul li {
	float: left;
	font-family: 'Nunito Sans', sans-serif;
	color: #000;
}
.breadcrumb ul li:after {
	content: "›";
	margin:0 8px;
}
.breadcrumb ul li:last-child:after {
	display: none;
}
.breadcrumb ul li a {
	color: #000;
}
.breadcrumb ul li.active {
	color: #7bb13c;
}
.breadcrumb.without-border ul {
	border-bottom: 0;
}

/*-----------------
	13. Category
-----------------------*/

.category-sidebar {
	margin-bottom: 30px;
	padding-right: 20px;
	display: none;
}
.category-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.category-sidebar ul li {
	width: 100%;
	border-bottom: 1px solid #bcbebd;
}
.category-sidebar ul li a {
	color: #000;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    position: relative;
}
.page-title h2 {
	font-weight: 400;
}
.category-name {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	bottom: 6px;
	width: 96%;
	text-align: center;
	color: #fff;
	padding: 14px 10px;
}
.category-name h6 {
	font-size: 16px;
}
.category-widget {
	padding-bottom: 46px;
}
.product-img-col {
	overflow: hidden;
}
.product-img-col .product-img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}
.product-img-col .product-img:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transition: ease all 0.5s;
	-webkit-transition: ease all 0.5s;
	-ms-transition: ease all 0.5s;
}
.category-name h6 {
	margin-bottom: 0;
}
.category-widget .product-img-col.no-hover-img .product-img {
	min-height: 220px;
	background-color: #eee;
	background-size: cover;
	background-position: center;
}
.category-widget .category-name {
	bottom: 0;
	width: 100%;
}
.sub-menu-icon {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	color: #7bb13c;
	font-size: 14px;
}
.fillter-title {
	background-color: transparent;
	margin-right: 15px;
	margin-bottom: 15px;
	cursor: pointer;
}
.fillter-title + div {
	display: none;
}
.filter-box .category-sidebar:nth-child(2) {
	display: block;
}
.fillter-title h5 {
	margin-bottom: 0;
	font-size: 18px;
}
.fillter-title h5 i {
	float: right;
	color: #7bb13c;
	font-size: 15px;
	position: relative;
	top: 3px;
}
.custom-checkbox {
	margin: 15px 0;
	padding-left: 30px;
	cursor: pointer;
}
.custom-checkbox .custom-control-label:before {
	border-radius: 0;
}
.custom-control-label:before {
	width: 20px;
	height: 20px;
	left: -30px;
	top: 2px;
	outline: 0;
	transition:none;
	outline: 0;
	box-shadow: none;
}
.custom-control-label:after {
	left:-30px;
	top: 2px;
	width: 20px;
	height: 20px;
	transition:none;
	outline: 0;
	box-shadow: none;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow:none !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	background-color: #7bb13c;
	outline: 0;
	box-shadow: none;
}
.filter-checkbox {
	padding: 1px 0 10px;
}
.custom-select {
	border-color: transparent;
}
.custom-select:focus{
	border-color: transparent;
	box-shadow: none;
}
.grid-list-col a {
	color: #000;
	font-size: 24px;
}
.grid-list-col a.active {
	color: #7bb13c;
}
.product-per-page ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.product-per-page ul li {
	float: left;
	padding-right: 5px;
}
.product-per-page ul li:last-child {
	padding-right: 0;
}
.product-per-page ul li a {
	font-size: 18px;
	font-weight: 500;
	color: #000;
	padding: 5px;
}
.product-per-page ul li a.active {
	background-color: #fff;
}
.category-submenus {
	display: none;
	padding-bottom: 10px !important;
}
.category-submenus li {
	border:0 !important;
	padding-left: 15px;
}
.category-submenus li a:before {
	content: ">";
	color: #7bb13c;
	margin-right: 7px;
}
.category-banner .category-banner-inner {
	padding-bottom: 29%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/*-----------------
	14. Cart
-----------------------*/

.agency-account {
	border: 1px solid #7bb13c;
	padding: 20px 40px 20px 20px;
	position: relative;
}
.agency-account a {
	color: #7bb13c;
}
.agency-account p {
	margin-bottom: 7px;
}
.agency-account strong {
	font-weight: 500;
}
.agency-account .close-box {
	position: absolute;
	right: 15px;
	top: 15px;
	background-color: #000;
	color: #fff;
	padding: 5px;
	font-size: 11px;
	width: 20px;
	height: 20px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	cursor: pointer;
}
.cart-section table tr th {
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
}
.cart-section table tr td a {
	color: #000;
}
.increment-decrement-col {
	background-color: #f5f5f5;
	padding: 0px 10px;
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.increment-decrement-col input[type="text"] {
	border: 0;
	text-align: center;
	background-color: transparent;
	width: 80px;
}
.increment-decrement-col .minus, 
.increment-decrement-col .plus {
	width: 20px;
	height: 20px;
	border-radius: 50px;
	text-align: center;
	border: 1px solid #000;
	display: inline-block;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	cursor: pointer;
}
.booking-date {
	list-style: none;
	padding: 0;
	margin: 0;
}
.booking-date li {
	border-bottom: 1px solid #e4e4e4;
	padding: 10px 0;
}
.booking-date li:first-child {
	padding-top: 0;
}
.booking-date li span {
	float: right;
}
.booking-fee {
    padding: 0;
    list-style: none;
}
.booking-card .btn {
	font-size: 18px;
	text-transform: uppercase;
	width: 100%;
}
.checkout-bottom-btn .btn {
	min-width: 185px;
	margin: 2px;
}

/*-----------------
	15. Product Details
-----------------------*/

.product-details-section {
	background-color: #fbfbfb;
	padding: 30px 0;
}
.wishlist-col ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.wishlist-col ul li {
	display: inline-block;
	font-weight: 500;
	margin-right: 20px;
	padding: 5px;
}
.wishlist-col ul li:first-child {
	padding-left: 0;
}
.product-details-social-share ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.product-details-social-share ul li {
	display: inline-block;
	padding-right: 5px;
}
.product-details-social-share ul li:last-child {
	padding-right: 0;
}
.product-details-social-share ul li a {
	color: #fff;
	background-color: #262321;
	border-radius: 50px;
	width: 30px;
	height: 30px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}
.product-details-social-share ul li a:hover {
	opacity: 0.8;
}
.tab-bg {
	background-color: #fbfbfb;
}
.tab-bg .tab-content .tab-pane p:last-child {
	margin-bottom: 0;
}
.product-details-tab {
	padding: 50px 0;
}
.related-products {
	padding-bottom: 40px;
}
.product-details-tab .nav-tabs a::after {
	display: none;
}


/*-----------------
	16. Checkout
-----------------------*/

.checkout-section {
	padding: 50px 0;
}
.checkout-section .nav li a {
	padding: 10px 20px;
}
.checkout-section .nav li a.active {
	color: #fff;
	background-color: #7bb13c;
}
.bg-light-gray {
	background-color: #fafafa;
}
.pager {
	list-style: none;
	padding:0 0 0 0;
	margin: 0;
	text-align: right;
}
.pager li {
	display: inline-block;
}
.pager .btn {
	min-width: 130px;
}
.addrese-btn {
	background-color: #fff;
	padding: 12px 10px 12px 50px;
	cursor: pointer;
	position: relative;
	margin-bottom: 10px;
}
.addrese-btn:before {
	content: "";
	position: absolute;
	left: 20px;
	top: 13px;
	background-color: #e6e6e6;
	width: 20px;
	height: 20px;
	border-radius: 50px;
}
.addrese-btn.active:after {
	content: "";
	position: absolute;
	left: 26px;
	top: 19px;
	width: 8px;
	height: 8px;
	border-radius: 50px;
	background-color: #a6a6a6;
}
.addrese-btn h6 {
	margin-bottom: 0;
	font-weight: 400;
}
.address-details.show {
	display: block;
}
.address-details {
	display: none;
	width: 100%;
}
.white-pg-padding {
	background-color: #fff;
	padding: 20px;
}
.checkout-section .custom-control-label::before{
	background-color:#e6e6e6;
	border-color: #e6e6e6;
}
.checkout-section .custom-control-input:checked ~ .custom-control-label::before {
	background-color:#e6e6e6;
	border-color: #e6e6e6;
}
.checkout-section .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
	background-image: none;
	width: 8px;
	height: 8px;
	background-color: #a6a6a6;
	border-radius: 50px;
}
.checkout-section .custom-control-label::after {
	left: -30px;
	top: 2px;
}
.custom-radio .custom-control-label::after {
	left: -24px;
	top: 8px;
}
.minus-row {
	width: 12px;
	height: 12px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-webkit-align-items: center;
	background-color: #000;
	color: #fff;
	border-radius: 50px;
	margin-right: 5px;
}
.checkout-tab-nav li {
	/*margin-right: 3px;*/
	width: 19.5%;
}
.checkout-tab-nav li a {
	width: 100%;
	display: inline-block;
	text-align: center;
	color: #000;
    background-color: #e6e6e6;
}
.checkout-tab-nav li:last-child {
	margin-right: 0;
}
.checkout-section label .text-primary.small {
	margin-left: 4px;
}

/*-----------------
	17. My Account
-----------------------*/

.my-account-tab {
	margin-bottom: 20px;
}
.user-details-col {
	background-color: #fbfbfb;
	padding: 10px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
}
.user-details-col .left-icon {
	margin-right: 20px;
}
.user-details-col span {
	line-height: normal;
}
.my-account-tab .nav-tabs {
	background-color: #fbfbfb;
	padding: 10px;
	margin-top: 15px;
}
.my-account-tab .nav-tabs > li {
	width: 100%;
	margin-bottom: 10px;
}
.my-account-tab .nav-tabs > li .account-menu-title {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.my-account-tab .nav-tabs > li:last-child {
	margin-bottom: 0;
}
.my-account-tab .nav-tabs > li > a,
.account-menu-title {
	background-color: #fff;
	display: inline-block;
	width: 100%;
	padding: 10px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	cursor: pointer;
}
.my-account-tab .nav-tabs li a:after {
	display: none;
}
.my-account-tab .nav-tabs > li > a > img,
.account-menu-title > img {
	margin-right: 20px;
}
.my-account-tab .nav-tabs > li > ul {
	list-style: none;
	padding: 0 0 0 60px;
	margin: 0;
	background-color: #fff;
}
.my-account-tab .nav-tabs > li.sub-menuof-account {
	background-color: #fff;
	padding: 20px 0 10px 60px;
	margin-bottom: 0 !important;
}
.my-account-tab .nav-tabs > li + .sub-menuof-account {
	margin-top: -20px;
}
.my-account-tab .nav-tabs > li.sub-menuof-account + li:not(.sub-menuof-account) {
	margin-top: 10px;
}
.sub-menuof-account a {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 400 !important;
	text-transform: inherit;
	padding: 0 !important;
}
.tab-title-col h6 {
	margin-bottom: 0;
}
.edit-modal {
	padding-left: 20px;
}
.myprofile-section input[type="text"], 
.myprofile-section input[type="password"], 
.myprofile-section input[type="email"]{
	background-color: #fff;
	border-color: transparent;
	height: 50px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	color: #000;
}
.myprofile-section textarea {
	background-color: #fff;
	border-color: transparent;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	color: #000;
	height: 138px;
	resize: none;
	width: 100%;
	padding: .375rem .75rem;
}
.myprofile-section .custom-control-label::before {
	width: 24px;
	height: 24px;
	top: 0;
	background-color: #fff;
	border-color: #e9e9e9;
}
.myprofile-section .custom-radio .custom-control-label:after {
	left: -28px;
	top: 4px;
}
.myprofile-section .custom-control-input:checked ~ .custom-control-label::before {
	background-color: #fff;
	border-color: #e9e9e9;
}
.myprofile-section .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
	background-image: none;
	width: 8px;
	height: 8px;
	background-color: #7bb13c;
	border-radius: 50px;
	left: -22px;
	top: 8px;
}
.myprofile-section .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	top: 0;
}
#Notifications .card,
#myorders .card,
#MyWishlist .card {
	margin-bottom: 20px;
}
#Notifications .card:last-child,
#myorders .card:last-child,
#MyWishlist .card:last-child {
	margin-bottom: 0;
}
.order-col {
	color: #8b8b8b;
}
.delivered-date {
	font-size: 12px;
	position: relative;
	padding-left: 15px;
	text-align: center;
	padding-bottom: 5px;
	display: inline-block;
}
.delivered-date.success:before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 10px;
	height: 10px;
	background-color: #0b9448;
	border-radius: 50px;
}
.download-invoice-btn {
	display: inline-block;
	font-size: 13px;
	background-color: #ffb000;
	border-radius: 8px;
	color: #fff;
	padding: 5px 15px;
	text-align: center;
	min-width: 180px;
}
.download-invoice-btn i {
	margin-right: 2px;
}
.download-invoice-btn:hover {
	color: #fff;
	opacity: 0.8;
}
.account-hover {
	position: relative;
}
.account-submenu {
	position: absolute;
	left: -165px;
	top: 100%;
	opacity: 0;
	visibility: hidden;
	background-color: #fbfbfb;
	padding: 15px;
	width: 330px;
	list-style: none;
	margin: 0;
	z-index: 9999;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
}
.account-hover:hover .account-submenu{
	opacity: 1;
	visibility: visible;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
}
.account-submenu li a {
	background-color: #fff;
	padding: 10px;
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
	color: #000;
}
.account-submenu li:last-child a {
	margin-bottom: 0;
}
.account-submenu li {
	width: 100%;
}
.account-submenu li a img {
	margin-right: 15px;
}
.tab-title {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
}
.manage-card h5,
.manage-card h6 {
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 700;
}
.card-number strong{
	font-weight: 500;
}
.edit-delete-col a:after{
	content: "|";
	margin: 0 4px;
	color: #7bb13c !important;
}
.edit-delete-col a:last-child:after {
	display: none;
}
.manage-card .card {
	margin-bottom: 20px;
}
.add-new-card,
.add-address-card {
	background-color: #fff;
	text-transform: uppercase;
	padding: 10px;
	font-family: 'Nunito Sans', sans-serif;
	cursor: pointer;
	font-weight: 500;
}

/*-----------------
	18. Login
-----------------------*/

.account-page {
	background-color: #fff;
}
.account-page .content {
    padding: 50px 0;
}
.login-right {
	background-color: #f1f3f6;
	padding: 25px 25px;
}
.login-header {
	margin-bottom: 20px;
}
.login-header p {
	margin-bottom: 0;
}
.login-header h3 {
    font-size: 18px;
    margin-bottom: 3px;
}
.login-header h3 a {
    color: #0de0fe;
    float: right;
    font-size: 15px;
    margin-top: 2px;
}
.login-right .dont-have {
    color: #3d3d3d;
    margin-top: 20px;
    font-size: 13px;
}
.login-right .dont-have a {
	color: #09dca4;
}
.login-or {
	color: #d4d4d4;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}
.or-line {
	background-color: #e5e5e5;
	height: 1px;
	margin-bottom: 0;
	margin-top: 0;
	display: block;
}
.span-or {
	background-color: #fff;
	display: block;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	text-align: center;
	top: -3px;
	width: 42px;
}
.forgot-link {
    color: #3d3d3d;
    display: inline-block;
    font-size: 14px;
	font-weight:400;
}
.btn-facebook {
    background-color: #3a559f;
    color: #fff;
    font-size: 13px;
    padding: 8px 12px;
}
.btn-google {
    background-color: #dd4b39;
    color: #fff;
    font-size: 13px;
    padding: 8px 12px;
}
.social-login .btn:hover, .social-login .btn:focus {
	color: #fff;
}
.account-content {
	padding: 0 15px;
}
.account-content > .row {
	background-color: #7bb13c;
}
.account-content input[type="text"],
.account-content input[type="email"],
.account-content input[type="password"] {
	background-color: #fff;
	border-color: transparent;
}
.login-left {
	color: #fff;
	padding: 25px;
}
.forgot-right {
	text-align: right;
}
.account-content .btn {
	padding: 7px 20px;
}
.login-max-col {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	padding: 60px 0;
}
.login-max-col > .account-content {
	width: 100%;
}
.myprofile-section .new-card-manage .custom-checkbox .custom-control-label::before,
.myprofile-section .edit-card-manage .custom-checkbox .custom-control-label::before,
.myprofile-section .new-address-manage .custom-checkbox .custom-control-label::before,
.myprofile-section .edit-address-manage .custom-checkbox .custom-control-label::before{
	width: 20px;
	height: 20px;
}
.myprofile-section .new-card-manage .select2-container--default .select2-selection--single,
.myprofile-section .edit-card-manage .select2-container--default .select2-selection--single {
	border: 0;
}
.new-card-manage,
.edit-card-manage,
.new-address-manage,
.edit-address-manage {
	display: none;
}
.address-badge {
	padding: 5px 10px;
	border-radius: 5px;
}
.login-social {
	text-align: center;
	font-size: 16px;
	display: inline-block;
	width: 100%;
}
.login-social ul {
	list-style: none;
	padding: 0;
	margin: 20px -30px 0;
}
.login-social ul li {
	float: left;
	width: 50%;
	position: relative;
	border-right: 1px solid #000;
	padding: 15px 30px;
}
.login-social ul li:last-child {
	border-right: 0;
}
.login-social ul li a {
	font-weight: 500;
	width: 100%;
	padding: 5px 20px !important;
}
.login-social ul li a img {
	margin-right: 6px;
}
.login-social ul li a:hover {
	color: #fff;
	opacity: 0.8;
}
.login-social ul li a.google-account {
	background-color: #f52d16;
}
.login-social ul li a.facebook-account {
	background-color: #1a47bb;
}

/*-----------------
	19. Responsive
-----------------------*/

@media(min-width: 1600px) {
	.banner-text p {
		font-size: 18px;
		max-width: 440px;
	}
	.nav-tabs a {
		font-size: 18px;
	}
	.inner-top-products {
		padding: 60px 60px 30px 60px;
	}
	.custom-padding-left-35 {
	padding-left: 35px;
	}
	.custom-padding-right-35 {
		padding-right: 35px;
	}
	.footer-menus li {
		margin-right: 25px;
	}
	.custom-grid-4 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
}

@media(min-width:768px){
  	.panel-heading {
    	display:none;
  	}  
  	.panel {
    	border:none;
    	box-shadow:none;
  	}
  	.panel-collapse {
    	height:auto;
  	}
  	.panel-collapse.collapse {
      	display:block;
   	}
   	body.change-list-view .product-row .custom-grid-4 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	body.change-list-view .product-row .custom-grid-4 .product-img-col {
		width: 50%;
		float: left;
	}
	body.change-list-view .product-row .custom-grid-4 .product-details {
		width: 50%;
		float: left;
		position: relative;
		height: 100%;
		padding-bottom: 60px !important;
	}
	body.change-list-view .product-row .custom-grid-4 .product-widget {
		height: inherit !important;
		padding: 0;
	}
	body.change-list-view .product-row .custom-grid-4 .product-img {
		min-height: inherit;
		height: 100%;
	}
}

@media (max-width: 1440px) {
	.container {
		max-width: 1200px;
	}
}

@media (max-width: 1200px) {
	h1 {
		font-size: 40px;
	}
	h2,
	.advertisement-banner-text h2 {
		font-size: 30px;
	}
	h3 {
		font-size: 26px;
	}
	h5 {
		font-size: 20px;
	}
	.timer-circle > div {
		font-size: 14px;
	}
	.top-deal-timer ul li {
		margin: 4px;
	}
	.timer-circle {
		width: 60px;
		height: 60px;
	}
	.bg-shopnow {
		padding-bottom: 60%;
	}
	.btn-col .btn {
		font-size: 14px;
		padding: 15px 5px;
	}
	.circle-col {
		width: 45px;
		height: 45px;
		font-size: 16px;
	}
	.product-widget {
		padding-bottom: 60px;
	}
	.product-img img {
		max-width: 75%;
	}
	.product-img {
		min-height: 240px;
	}
	.product-badge {
    	font-size: 14px;
    	padding: 4px 14px;
    }
    footer {
    	font-size: 15px;
    }
}

@media (max-width: 991px) {
	h1 {
		font-size: 38px;
	}
	h2,
	.advertisement-banner-text h2 {
		font-size: 28px;
	}
	h3 {
		font-size: 24px;
	}
	h4 {
		font-size: 22px;
	}
	h5 {
		font-size: 20px;
	}
	.footer-col {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	footer {
		padding-top: 15px;
	}
	body {
    	font-size: 15px;
    }
    .logo img {
    	max-width: 80px;
    }
    .header-bottom ul li a {
    	font-size: 14px;
    	padding: 14px 5px;
    }
    .header-bottom ul li.first-menu img {
    	vertical-align: -2px;
    }
    .bg-shopnow {
    	padding-bottom: 40%;
    }
    .mobile-menu {
    	display: block;
    	cursor: pointer;
    	position: absolute;
    	top: 35px;
    	right: 15px;
    }
    .header-col .navbar {
    	display: none;
    }
    .navbar-collapse {
    	display: block !important;
    }
    .mobile-menu img {
    	max-width: 35px;
    }
    .header-col .right-menu {
    	margin-right: 53px;
    }
    .header-col .navbar {
    	position: absolute;
    	left: 0;
    	top: 100%;
    	width: 100%;
    	background-color: #fff;
    	z-index: 9999;
    }
    .menus-col-for-mobile {
    	position: static;
    }
    .right-menu ul li {
    	margin-right: 13px;
    }
    .category-sidebar {
    	padding-right: 0;
    }
    .fillter-title {
    	margin-right: 0;
    }
    .right-product-details {
    	padding-top: 50px;
    }
    .account-submenu {
    	left: -130px;
    }
    .forgot-right {
    	text-align: left;
    }
    .order-right-details {
    	padding-top: 25px;
    }
    .product-description {
    	height: 35px;
    }
    .login-social {
    	font-size: 16px;
    }
    .login-social ul li {
    	width: 100%;
    	border-right: 0;
    	padding: 10px 30px;
    }
    .header-bottom .bottom-slider-menu .swiper-slide a {
    	font-size: 14px;
    }
    .header-bottom .bottom-left-menu {
    	width: 139px;
    }
    .header-bottom .bottom-slider-menu {
    	width: calc(100% - 189px);
    }
    .header-bottom .bottom-left-menu::after {
    	height: 100%;
    }
    .header-bottom::after {
    	height: 100%;
    }
    .header-bottom .bottom-slider-menu .swiper-button-next {
    	right: 14px;
    }
    .header-bottom .bottom-slider-menu .swiper-slide.category-submenu:hover ul {
    	top: 48px;
    }
}

@media(max-width:767px){
	.slide-menu {
		width: 280px;
	}
    .top-products .tab-content .tab-pane,
    .myprofile-section .tab-content .tab-pane {
       display:block;
    }
   	.top-products .nav-tabs {
      	display:none;
  	}
  	.panel-title a{
    	display:block;
  	}
  	.panel{
    	margin:0;
    	box-shadow:none;
    	border-radius:0;
     	margin-top:-2px;
  	}
  	.tab-pane:first-child .panel {
        border-radius:5px 5px 0 0;
    }
    .tab-pane:last-child .panel {
        border-radius:0 0 5px 5px;
    }
    .copyrights {
    	padding: 25px 0;
    }
    .copy-left {
    	text-align: center;
    	padding-bottom: 12px;
    }
    .copy-rights-menu ul {
    	text-align: center;
    }
    .top-header ul li {
    	width: 100%;
    	text-align: center;
    }
    .top-header ul li::after {
    	display: none;
    }
    .top-search-col {
    	margin-top: 8px;
    }
    .top-search-col input[type="search"] {
    	font-size: 14px;
    	padding:8px 50px 8px 20px;
    }
    .top-search-col input[type="submit"] {
    	width: 18px;
    	height: 18px;
    }
    .inner-top-products {
    	padding: 25px 18px 18px 18px;
    }
    .top-products .tab-content {
    	padding-top: 16px !important;
    }
    .top-products .tab-content .panel-title a {
    	color: #000;
    	margin-bottom: 18px;
    }
    .bg-shopnow {
    	padding-bottom: 90%;
    }
    .footer-menus  {
    	margin-top: 12px !important;
    }
    .product-per-page ul li a {
    	font-size: 16px;
    }
    .grid-section {
    	padding-top: 15px;
    }
    .pagiantion-col {
    	text-align: center;
    }
    .pagiantion-col .pagination {
    	justify-content: center !important;
    	-webkit-justify-content: center !important;
    	padding-top: 15px;
    }
    .checkout-tab-nav {
    	white-space: nowrap;
    	width: 100%;
    	overflow-x: auto;
    	flex-wrap: nowrap;
    	-webkit-flex-wrap: nowrap;
    }
    .checkout-tab-nav li {
    	width: auto;
    	padding: 0 7px 0 0;
    }
    .delete-col-profile {
    	text-align: left !important;
    	padding-left: 100px;
    	padding-top: 12px;
    }
    .login-right {
    	padding: 25px;
    }
    .edit-delete-col {
    	padding-top: 40px;
    }
    .myprofile-section .tab-content .panel-title {
    	font-size: 16px;
    	text-transform: uppercase;
    	color: #000;
    }
    .myprofile-section .tab-content .panel-title a {
    	color: #000;
    	padding: 10px;
    	background-color: #fff;
    }
    .myprofile-section .collapse:not(.show) {
    	display: block !important;
    }
    .myprofile-section .tab-content .panel-title a img {
    	margin-right: 10px;
    }
    .myprofile-section .tab-content .panel-collapse {
    	padding: 10px 0 20px;
    }
    .order-right-details {
    	padding-left: 70px;
    }
    .order-right-details > div {
    	width: 100%;
    	text-align: center;
    }
    .email-col-for-mobile > div {
    	width: 100%;
    }
    .email-col-for-mobile > div > a {
    	padding-left: 0;
    	margin: 5px 0;
    	display: inline-block;
    }
    .login-max-col {
    	height: auto;
    	padding: 40px 0;
    }
    .login-max-col > .account-content {
    	height: auto;
    }
    .booking-card .btn {
    	font-size: 14px;
    }
    .shop-now-section, {
    	padding: 40px 0;
    }
    .top-deals-section {
    	padding: 40px 0 20px;
    }
    .onsale-product {
    	padding: 40px 0 20px;
    }
    .header-bottom {
    	height: 45px;
    }
    .header-bottom .bottom-left-menu {
    	width: 53px;
    	margin-right: 40px;
    }
    .header-bottom ul li.first-menu a {
    	font-size: 0;
    	padding: 14px 10px;
    	height: 45.5px;
    }
    .header-bottom ul li.first-menu a img {
    	margin-right: 0;
    }
    .header-bottom .bottom-slider-menu {
    	width: calc(100% - 94px);
    }
    .header-bottom .bottom-slider-menu .swiper-slide a {
    	font-size: 13px;
    }
    .header-bottom .bottom-slider-menu .swiper-slide a.active {
    	height: 45px;
    }
    .header-bottom .bottom-slider-menu .swiper-slide.category-submenu:hover ul {
    	top: 45px;
    }
    .category-banner .category-banner-inner {
		padding-bottom: 60%;
	}
	.header-bottom .bottom-left-menu::after {
		height: 99%;
	}
	.header-bottom::after {
		height: 100%;
		width: 45px;
	}
	.header-bottom .bottom-slider-menu .swiper-button-next {
		right: 8px;
	}
	.header-bottom .bottom-left-menu::after {
		width: 40px;
		left: 53px;
	}
	.banner-text {
    	padding-bottom:20px;
	}
.trashbutton{
	border: 0 none !important;
    background: none !important;
}
.checkout-tab-nav .unclickable{
	pointer-events: none !important;
}

.hidden{
	display: none;
}
.filterbox{
	overflow-y: auto;
}
.filterbox h5 {
	font-size: 18px;
}
}

/*-----------------
	20. Extra
-----------------------*/
.slide-menu .category-user-col a {
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  background-color: #7bb13c;
  width: 100%;
  display: block;
  padding: 12px 40px 12px 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.slide-menu .btn {
  float: right;
  color: #fff;
  background: #4b7021;
  padding: 8px;
  height: 55px;
}
.text-info,
.dropdown-menu > li > a.text-info {
	color: #7bb13c !important;
}
.btn-secondary {
	background-color: #7bb13c;
	color: #fff;
	border-color: #7bb13c;
}
.advance-search-btn {
	display: inline-block;
	color: #fff;
	background-color: #7bb13c;
	font-size: 15px;
	padding:5px 15px;
	border-radius: 10px;
}
.nav-tabs .nav-link {
	border-radius: 0;
	background-color: #262321;
	color: #fff;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    background-color: ##262321;
    border-color: transparent;
	color: #fff;
}
.bg-secondary {
	background-color: #7bb13c !important;
	color: #fff !important;
}
.nav-tabs.nav-justified > li > a:hover,
.nav-tabs.nav-justified > li > a:focus {
	border-bottom-color: #7bb13c;
}
.nav-tabs.nav-tabs-bottom > li {
	margin-bottom: -1px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	background-color: #7bb13c;
	margin-right: 2px;
}
.nav-tabs.nav-tabs-bottom > li > a.active, 
.nav-tabs.nav-tabs-bottom > li > a.active:hover, 
.nav-tabs.nav-tabs-bottom > li > a.active:focus {
	border-color: #7bb13c;
	border-bottom-color: transparent;
	background-color: #7bb13c;
	transition: none 0s ease 0s; 
	-moz-transition: none 0s ease 0s; 
	-o-transition: none 0s ease 0s; 
	-ms-transition: none 0s ease 0s; 
	-webkit-transition: none 0s ease 0s;
	color: #fff;
	font-weight: 500;
}
.uploadPreview {
	width: 80px;
	height: 42px;
	border-radius: 5px;
	background-color: #7bb13c;
}
.checkbox-col .checkmark:after {
  left: 6px;
  top: 2px;
  width: 7px;
  height: 13px;
  border: solid #7bb13c;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.usd-col span {
	background-color: #7bb13c;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	padding: 8px 15px;
}


.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
	background-color: #262321;
	border: 1px solid #262321;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
	background-color: #262321;
	border: 1px solid #262321;
}

.btn-primary.active:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled),
.show > .btn-primary.dropdown-toggle {
	background-color: #262321;
	border-color: #262321;
	color: #fff;
}
.dash-widget-info h3 {
    margin-bottom: 5px;
    color: #262321;
}
.dashboard-box .card {
	border: 1px solid #262321;
	border-radius: 8px;
	box-shadow: 3px 0 7px 0 rgba(14,14,14,0.10);
}