body {
    color: #222222;
    font-family: 'Marcellus', serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
/* default font size */
.fa {
	font-size: 14px;
}
/*----------------------------------------------*/
/* General Style */
/*----------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    color: #444;
}
h1, h2, h3, h5, h6 {
    text-transform: uppercase;
}
/* Override the bootstrap defaults */
h1 {
    font-size: 33px;
}
h2 {
    font-size: 28px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 20px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}
h1, h2, h3, h5, h6{
    font-weight: 500;
    color: #222;
    margin-top: 0px;
    margin-bottom: 15px;  
}
a {
    color: #222;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
}
a:hover,a:focus {
    text-decoration: none;
    color: #c38749;
}
b, strong, .strong {
    font-weight: 600;
}
::-moz-selection {
    background-color: #0e5ba4;
    color: #ffffff;
}
::selection {
    background-color: #0e5ba4;
    color: #ffffff;
}
legend {
    font-size: 18px;
    padding: 7px 0px;
    border-color:#eeeeee;
}
label {
    font-size: 14px;
    font-weight: 400;
    color: #777777;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 14px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
    font-size: 14px;
}
.input-group .input-group-addon {
    font-size: 12px;
    height: 30px;
}
.form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 15px;
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #999;
    background-color: #fff;
    background-image: none;
    border: 1px solid #dddddd;
    border-radius: 0px;
    box-shadow: none;
}
.ui-widget-content{
    z-index: 9999 !important;
}
body ::-webkit-scrollbar-track
{
    background-color: #f2f2f2;
    border-radius:0;
}
body ::-webkit-scrollbar{
    width: 5px;
    height: 5px;
    background-color: #eeeeee;
    border-radius: 0;
}
body ::-webkit-scrollbar-thumb{
    background-color: #eeeeee; 
    border-radius: 0;
}
textarea {
    overflow: auto;
    resize: vertical;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: none;
    outline: none;
}
.form-control:focus{
    box-shadow: none;
    border-color: #eeeeee;
}
div.required .control-label:before {
    content: '*';
    color: #F00;
    font-weight: bold;
}
.section-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}
/* touch scroll erroe fix !important*/
.owl-carousel {
    touch-action: manipulation; 
}
/**--- QuickView ---**/
.quickview-wrapper-inner.container{
    width: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.quickview-wrapper {    
    display: none;    
    left: 0;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;    
    z-index: 9999;
    max-width: 900px; 
}
.quickview-wrapper-inner{
    position: relative;
    background-color: #ffffff;
    transform:translateY(-50%) ;
    height: 70vh;
    top: 50%;
    padding: 30px 30px 30px 30px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}
.quickview-overlay {
    display: none;
    background-color: rgba(0,0,0,0.9);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    position: fixed;
    z-index: 999;
}
.quickview-close-btn {
    position: absolute;
    z-index: 200;
    top: 0;
    right: 0;
    font-size: 20px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    color: #333;
}
.quickview-loader{
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 9999;
    margin: auto;
}
/*----------------------------------------------*/
/* Loader */
/*----------------------------------------------*/
.page-loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255,255,255,1);
    z-index: 9999999;
    display: block;
}

.page-loader .home-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    height: 50px;
    width: 50px;
}
.loader-spinner div {
    position:absolute;
    display:inline-block;
    width:50px;
    height:50px;
    border-radius:100%;
    background:#c38749;
    -webkit-animation:loader 1.5s linear infinite;
    animation:loader 1.5s linear infinite;
    top: 0;
    left: 0;
}
.loader-spinner div:last-child {
   animation-delay:-0.9s;
   -webkit-animation-delay:-0.9s;
}
@keyframes loader {
   0% {transform: scale(0, 0);opacity:0.8;}
   100% {transform: scale(1, 1);opacity:0;}
}
@-webkit-keyframes loader {
   0% {-webkit-transform: scale(0, 0);opacity:0.8;}
   100% {-webkit-transform: scale(1, 1);opacity:0;}
} 

/*--- LOADER 1 ---*/
.loader{
    line-height: 50px;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    top: 50%;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.loader:before, .loader:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: 3px solid transparent;
    border-top-color: #c38749;
}
.loader:before{
    z-index: 100;
    animation: spin 1s infinite;
}
.loader:after{
    border: 3px solid #eeeeee;
}
@keyframes spin{
    0%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100%{
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*--- Mahardhi Search ---*/
.ui-autocomplete.ui-menu .ui-menu-item { list-style-image: none; }
.ui-autocomplete .mahardhi-search {
	position: relative;
	display: table;
	width: 100%;
	padding: 5px 0px;
}
.ui-autocomplete .mahardhi-search > div {
	display: table-cell;
	vertical-align: top;
}
.ui-autocomplete .mahardhi-search .images {
	width: 80px;
	padding-right: 10px;
}
.ui-autocomplete .mahardhi-search .product-detail { white-space: nowrap; }
.ui-autocomplete .mahardhi-search .product-detail .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 10px;
}
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover {
	border-color: #c38749;
}
#product-search h2 { margin-top: 20px; }
/*----------------------------------------------*/
/* Newsletter Popup */
/*----------------------------------------------*/
.modal-open {
    overflow: unset!important;
    padding-right: 0px!important;
}
.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
}
.modal-content{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius:0;
    box-shadow: none;
}
@media (min-width: 576px){
    .modal-dialog-centered {
        min-height: calc(100% - (1.75rem * 2));
    }
}
.modal-dialog{
    pointer-events: none;
}
.newsletter-popup .modal-dialog{
    margin:0px auto;
    max-width: 700px;
    text-align: center;
    width: auto;
}
.newsletter-btn-close.close{
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-shadow: none;
    font-weight: normal;
    font-size: 30px;
    opacity: 1;
}
.newsletter-popup .modal-body{
    padding:20px;
}
.newsletter-content h3{
    font-weight: 500;
    text-transform: uppercase;
    margin: 25px 0;
}
.newsletter-content p{
    margin-bottom: 20px;
    line-height: 25px;
    padding: 0 25px;
}
.newsletter-content .newsletter_usr_popup_email {
    width: 70%;
    margin: 0 auto;
    height: 42px;
    border: 1px solid #ddd;
    padding: 0 10px;
}
.newsletter-content .btn{
    text-transform: uppercase;
    font-weight: 500;
    display: table;
    margin: 20px auto;
}
.newsletter-content-bottom{
    margin-bottom: 20px;
}
.newsletter-btn-close {
    color: #222;
}
.newsletter-btn-close:hover {
    color: #c38749;
}
.newsletter-popup-message .alert,
.common-home .newsletter-popup-message .alert{
    margin-bottom: 15px;
}
button:focus, .btn:focus, .btn:active:focus ,li:focus, ul:focus, div:focus, b:focus, h1:focus, h2:focus, h3:focus, h4:focus, h5:focus, h6:focus, li:focus, ul:focus, nav:focus, span:focus {
    outline: none;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {display: inline;}
.nav-tabs {margin-bottom: 15px;}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #c38749;
	background-color: unset;
	background-repeat: repeat-x;
}
.swiper-viewport {
	border: none!important;
	border-radius: unset!important;
	box-shadow: none!important;
}
.common-home #content {
    min-height: unset;
}
/*--- header ---*/
header {
	background-color: #222222;
	color: #ffffff;
	position: fixed;
	z-index: 99;
	width: 100%;
	top: 0;
}
#logo {
	margin: 25px 0 10px 0;
}
.herder-right {
    display: inline-flex;
    float: right;
    margin-top: 35px;
}
/*--- Search ---*/
#search .btn_search {
    cursor: pointer;
    display: block;
    float: left;    
    position: relative;
    transition: none 0s ease 0s;
    height: 20px;
    width: 20px;
    z-index: 9;
}
#search .btn_search.active .fa-search:before {
    content: "\f00d";
}
#search .btn_search i {
	font-size: 20px;
	color: #ffffff;
}
#search.mahardhi-search .box-content {
    display: none;
    left: auto;
    position: absolute;
    right: 0;
    top: 45px;
    width: 250px;
}
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0px 35px 0px 15px;
	border-radius: 0;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 0px;
	background-color: unset;
	border-radius: 0;
	position: absolute;
    left: -25px;
    border: none;
    z-index: 5;
    color: #000000;
}
.myaccount, .header-search {
    margin-top: 5px;
}
.myaccount{
    margin-left: 25px;
    margin-right: 25px; 
}
.myaccount ul {
	margin-bottom: 0px;
}
#header-link .account_menu {
	content: "";
	background: url(../image/mahardhi/account.png) no-repeat scroll center 0px;
	height: 20px;
	width: 20px;
	display: block;
}
#header-link .dropdown-menu {
    background: #ffffff;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    top: 45px;
}
.dropdown-menu li> a {
    color: #222222;
    padding: 3px 12px;
}
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #c38749;
	background-color: unset;
	background-repeat: repeat-x;
}
#header-link .btn-link, #top-links li, #top-links a {
    color: #222222;
    text-decoration: none;
    font-size: 14px;
    outline: none;
}
#header-link .btn-link strong {
    font-size: 14px;
    line-height: 14px;
}
ul.curr, ul.lang {
    padding: 0;
    min-width: 240px;
    display: flex;
    flex-wrap: wrap;
}
#header-link .curr li, #header-link .lang li {
    list-style-type: none;
    margin: 5px 5px;
}
#header-link #form-currency .currency-select, #header-link #form-language .language-select {
    text-align: left;
    color: #222222;
    border-color: #eeeeee;
}
.swiper-viewport {
	border: none!important;
	border-radius: unset!important;
	box-shadow: none!important;
}
.common-home #content {
    min-height: unset;
}
/* cart */
/*--- cart ---*/
#cart > .btn {
	background-color: unset;
	border: none;
	background: url(../image/mahardhi/cart-icon.png) no-repeat scroll center 0px;
    box-shadow: none;
    height: 30px;
    width: 30px;
}
#cart-total {
    font-size: 12px;
    position: relative;
    right: -7px;
    background-color: #333;
    color: #ffffff;
    height: 5px;
    width: 4px;
    border-radius: 20px;
    line-height: 14.5px;
    padding: 0px 5px;
}
#cart-total i {
	display: none;
}
#cart .dropdown-menu {
    padding: 20px;
    width: 300px;
    color: #7a7a7a;
    white-space: normal;
    z-index: 1001;
    margin-top: 0;
    border-radius: 0;
    border: 1px solid #ebebeb;
    top: 50px;
    min-width: 100%;
    box-shadow: none;
    background: #ffffff;
    position: absolute;
    z-index: 999;
    transition: visibility 300ms, opacity 300ms, margin 300ms;
    line-height: 21px;
    text-align: left;
    text-transform: none;
}
#cart .dropdown-menu table {
    margin-bottom: 15px;
    border: none;
}
#cart .dropdown-menu li p {
    margin: 0px 0;
    font-size: 14px;
}
#cart .dropdown-menu .cart-content-product {
    max-height: 265px;
    overflow-y: auto;
    overflow-x: hidden;
}
.table-striped>tbody>tr, .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #ffffff;
}
#cart .dropdown-menu > li.cart-content-product .table > tbody > tr {
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    border-bottom: 1px solid #eee;
    display: block;
}
#cart .dropdown-menu > li.cart-content-product .table > tbody > tr:last-child {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#cart .dropdown-menu table td {
    border: none;
    background: none;
    padding: 5px 4px;
    white-space: normal;
}
#cart .dropdown-menu li td {
    color: #000;
    font-size: 14px;
}
#cart .dropdown-menu table td.product-cart-thumb {
    padding: 0;
}
#cart .dropdown-menu .product-cart-img img {
    border-radius: 0;
    max-width: 100%;
}
#cart .dropdown-menu table td.product-cart-details {
    padding: 0px 15px 0px 15px;
}
#cart .dropdown-menu li .product-item-name {
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
}
#cart .product-cart-info .product-cart-qty {
    font-weight: 400;
}
#cart .dropdown-menu table td.product-cart-close {
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0;
}
#cart .dropdown-menu li tr:last-child td:last-child {
    font-size: 16px;
    color: #000;
}
#cart .dropdown-menu .btn-danger {
    background: #fff;
    border-radius: 0;
    color: #000;
    padding: 0;
    border: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    position: absolute;
    right: 0;
    top: -10px;
    font-size: 14px;
    line-height: 1;
}
.product-cart-close i {
    font-size: 14px;
}
#cart .dropdown-menu li + li {
    border-top: 1px solid #ebebeb;
    padding: 15px 0px 0px;
}
#cart .dropdown-menu li td strong, #cart .dropdown-menu li small {
    color: #7a7a7a;
    font-size: 14px;
    font-weight: 500;
}
#cart .dropdown-menu li tr:last-child td:last-child {
    font-size: 16px;
    font-weight: 500;
}
#cart .text-right .addtocart-btn, #cart .text-right .checkout-btn {
    display: block;
}
#cart .text-right .addtocart-btn {
    margin-bottom: 15px;
    background-color: #222;
    border-color: #222; 
}
#cart .text-right .addtocart-btn:hover {
    background-color: #c38749;
    border-color: #c38749;
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
/*--- account ---*/
.dropdown-menu li> a {
    color: #222222;
    padding: 3px 12px;
}
#header-link .btn-link, #top-links li, #top-links a {
    color: #222222;
    text-decoration: none;
    font-size: 14px;
}
#header-link .btn-link strong {
    font-size: 14px;
    line-height: 14px;
}
ul.curr, ul.lang {
    padding: 0;
    min-width: 240px;
    display: flex;
    flex-wrap: wrap;
}
#header-link .curr li, #header-link .lang li {
    list-style-type: none;
    margin: 5px 5px;
}
#header-link #form-currency .currency-select, #header-link #form-language .language-select {
    text-align: left;
    color: #222222;
    border-color: #eeeeee;
}
/*--- menu ---*/
.navbar { 
	margin-bottom: 0; 
	border: none;
}
#menu #topCategoryList {
   text-align: center;
}
.nav>li { display: inline-block; }
#menu .nav > li {
	margin: 0 15px 0 15px;
}
#menu .nav > li:first-child {
	margin: 0px 15px 0px 0px;
}
#menu .nav > li:last-child {
	margin: 0px 0px 0px 15px;
}
#menu .nav > li > a {
	color: #fff;
	padding: 40px 10px 40px 10px;
	background: none;
	outline: none;
	font-size: 16px;
	text-transform: uppercase;
}
#menu .nav > li:hover > a, #menu .nav > li.open > a, #menu .dropdown-inner li:hover > a,
#menu .menulist .dropdown-submenu ul.sub-menu a:hover, #menu .dropdown-inner .dropdown-submenu:hover a + .fa,
#menu .column-1 .dropdown-inner li.dropdown-submenu:hover > .fa{
	color: #c38749;
	background: none;
}
#menu .dropdown-inner, #navCategory .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul, #navCategory .dropdown-inner > ul {
	display: table-cell;
}
#menu .dropdown-inner a, #navCategory .dropdown-inner a {
	min-width: 200px;
	display: block;
	padding: 7px 20px;
	clear: both;
	line-height: 20px;
	font-size: 14px;
}
#menu .dropdown-inner .dropdown-submenu,
#navCategory .dropdown-inner .dropdown-submenu {
	position: relative;
}
#menu .menulist .dropdown-menu a,
#menu .menulist .dropdown-submenu ul.sub-menu a {
	font-size: 14px;
}
#menu .column-1 .dropdown-inner .dropdown-submenu ul.sub-menu {
	position: absolute;
	display: none;
}
#menu .column-1 .dropdown-inner .dropdown-submenu:hover ul.sub-menu {
	display: block;
	left: 100%;
	top: 0px;
	background:rgba(255, 255, 255 ,0.9);
	border: none;
}
#menu .column-1 .dropdown-inner li.dropdown-submenu > .fa {
	position: absolute;
	right: 10px;
	top: 10px;
    color: #222;
}
#menu .dropdown-menu.navcol-menu.item-column.column-4 .dropdown-submenu.sub-menu-item a {
	font-size: 15px;
	font-weight: 600;
	border-bottom: 1px solid #999999;
	margin-left: 15px;
	margin-right: 15px;
	padding: 10px 20px 10px 10px;
}
#menu .dropdown-menu.navcol-menu.item-column.column-4 ul.list-unstyled.sub-menu a {
	font-size: 13px;
	font-weight: 300;
	border: none;
}
#menu .navcol-menu:not(.column-1) .dropdown-inner li.dropdown-submenu {
    padding-bottom: 5px;
}
#menu .navcol-menu:not(.column-1) .dropdown-inner li a {
    font-size: 13px;
}
@media(min-width: 768px) {
    .navbar-nav>li, .navbar-nav {
        float: none;
    }
}
/* more category */
#menu ul li.hiden_menu .dropdown.menulist:hover .dropdown-menu.navcol-menu{
    display: none;
}

@media (min-width: 992px) {
	#menu .dropdown:hover .dropdown-menu, #menu .menulist.menu_drop:hover .dropdown-inner,
    #menu.menulist.menu_drop:hover .dropdown-inner {
        display: block; 
        visibility: visible;
        text-align: left;
    }
	#topCategoryList .menu_drop .dropdown-inner{
		position: absolute;
		visibility: hidden;
	}
	#menu .dropdown .dropdown-menu, #menu ul li.hiden_menu .dropdown-inner {
		background-color: rgba(255, 255, 255 ,0.9);
		border: none;
		left: 0;
		right: auto;
		padding: 10px 0;
		display: none;
		position: absolute;
		z-index: 5;
		border-radius: 0;
	}
	#menu .nav > li > a::after {
	    content: "";
	    position: absolute;
	    height: 3px;
	    width: 100%;
	    background-color: #c38749;
	    bottom: 0px;
	    left: 0;
	    -webkit-transform: scaleX(0);
	    transform: scaleX(0);
	    -webkit-transition: -webkit-transform 0.2s ease;
	    transition: -webkit-transform 0.2s ease;
	    transition: transform .2s ease;
	    transition: transform 0.2s ease, -webkit-transform 0.2s ease;
	}
	#menu .nav > li > a:hover::after {
	    -webkit-transform: scaleX(1);
	    transform: scaleX(1);
	}
    .dropdown-menu.navcol-menu.item-column.column-4, .dropdown-menu.navcol-menu.item-column.column-3 {
        margin-left: -338.891px !important;
        width: auto;
    }
}
@media (max-width: 1200px){
    #menu .nav > li > a { font-size: 14px; }
    #menu .nav > li {
        margin: 0 5px 0 5px;
    }
    #menu .nav > li:first-child {
        margin: 0px 5px 0px 0px;
    }
    #menu .nav > li:last-child {
        margin: 0px 0px 0px 10px;
    }
}
@media (max-width: 991px) {
     .header-center-menu{
        width: 100%;
        position: absolute;
        top: 25px;
        right: 0;
        margin: 0px;
        z-index: 999;
    }
    #menu .navbar-header {
        display: block;
    }
    #menu .btn-navbar {
        background: none;
        border: none;
        color: #333;
        box-shadow: none;
        margin-right: 0;
        padding: 0;
        position: absolute;
        width: 20px;
        height: 20px;
        margin-left: auto;
        margin-right: auto;
        right: 156px;
        margin: 0px;
    }
    #menu .btn-navbar:hover, #menu .btn-navbar:focus {
        color: #333;
        background-color: transparent;
        outline: none;
    }
    .main-category {
        padding: 0px;
        width: auto;
    }
    .menu-btn  {
        border: none;
        cursor: pointer;
        display: block;
        float: left;       
        position: relative;
        transition: none 0s ease 0s;
        width: 20px;
        height: 20px;
        z-index: 9;
        padding: 0px;
        margin-right:30px; 
    }
    .menu-btn span {
        position: absolute;
        width: 100%;
        height: 2px;
        background: #ffffff;
        left: auto;
        top: 15px;
    }
     .menu-btn span:before, .menu-btn span:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background: #ffffff;
        left: 0;
        transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
    }
    .menu-btn span:before {
        top: -7px;
    }
    .menu-btn span:after {
        top: 7px;
    }
    .menu-btn.active span {
        background: rgba(0,0,0,0);
    }
    .menu-btn.active span:before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 50%;
    }
    .menu-btn.active span:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 50%;
    }
    #topCategoryList{
        display: none;
        position: absolute;
        width: 100%;
        z-index: 11;
        top: 100%;
        padding: 0;
        background-color: #222222;
        border: none;
    }    
    .dropdown-menu.navcol-menu.item-column.column-1 ul li a, .dropdown-menu.navcol-menu.item-column.column-4 ul li a{text-transform: capitalize !important; padding: 7px 20px !important; }
    .navbar_menu{
        min-height: 45px;
    }
    #menu .nav > li, #menu .nav > li:first-child, #menu .nav > li:last-child {
        margin: 0 15px 0 15px;
    }
    #menu .dropdown-inner, #navCategory .dropdown-inner,
    #menu ul li.hiden_menu .dropdown-inner {
        display: block;
    }
    .navbar ul > li.menulist a::after {
        display: none;
    }
    #menu .nav > li > a {
        padding: 10px 0 10px 0;
    }
    #more_cat {
        display: none;
    }
    #menu li.menulist .dropdown-inner li.menulist a {
        padding: 10px 0 10px 0;
        font-size: 14px;
        text-transform: uppercase;
    }
    #menu .dropdown-menu.navcol-menu.item-column.column-4 .dropdown-submenu.sub-menu-item a {
        border: none;
        font-size: 13px;
    }
    #menu .dropdown-inner, #navCategory .dropdown-inner {
        display: block;
    }
    #selectMe-desk {
        display: none;
    }   
    #menu #topCategoryList ul {
        margin: 0px;
        float: none;
        display: block; 
    }
    #topCategoryList ul li {
        float: none;
    }
    #topCategoryList li .toggle-menu {
        position: absolute;
        right: 5px;
        color: #ffffff;
        top: 8px;
        padding: 2px 6px;
    }
    .box-category h3.toggled {
        margin: 5px 0px;
    }
    #topCategoryList li.sub-menu-item .toggle-menu {
        top: 0px;
        right: 10px;
    }
    #topCategoryList .dropdown.menulist .dropdown-menu {
        position: relative;
        float: none;
        background-color: #222222;
        border: none;
        box-shadow: none;
    }
    #topCategoryList .dropdown.menulist .dropdown-menu .dropdown-inner {
        display: block;
    }
    #menu #topCategoryList .dropdown-inner a {
        color: #fff 
    }
    #topCategoryList .dropdown-submenu > .fa {
        display: none;
    }
    #menu #topCategoryList .dropdown-inner .dropdown-submenu ul.sub-menu {
        display: none;
        position: relative;
        left: auto;
        border: none;
        background-color: #222222;
        padding: 0px 20px;
    }
    .header-right-cart-search {
	    z-index: 999;
	}
	.header-left-logo {
	    z-index: 9999;
	}
    #topCategoryList ul li {
        float: none;
        display: block;
    }
    #menu #topCategoryList {
        text-align: left;
    }
}
@media (max-width: 320px){
    .menu-btn {
        margin-right: 14px;
    }
}
/* Category Menu */
#selectMe-desk {
    margin: 0;
}
.main-item.active .toggled > .fa-plus:before,
.toggle-menu.active > .fa-plus:before {
    content: "\f068";
}
.child-categories {
    display: none;
}
.category-list .has-more-category .toggled {
	position: absolute;
	right: 6px;
	padding: 0px 5px;
}
.category-list #selectMe-desk li a {
	border: none;
	background-color: unset;
	padding-left: 0;
}
.category-list #selectMe-desk li:last-child a,
.sidebar .list-unstyled li:last-child a,
.list-group-item:last-child{
    padding-bottom: 0px;
}
.category-list #selectMe-desk li a:hover { color: #c38749; }
.category-list .list-group-item {
	border-radius: 4px;
}
.category-list .box-category h3.toggled { 
	text-transform: uppercase;
	margin-top: 0;
	border-bottom: 1px solid #dddddd;
	padding-bottom: 10px;
}
.category-list .list-group-item.active,
.category-list .list-group-item.active:focus,
.category-list .list-group-item.active:hover {
	color: #555;
	text-decoration: none;
	background-color: #f5f5f5;
	border-color: #555;
}
.toggled .toggle-open {
	position: absolute;
	right: 5px;
	top: -2px;
}
.toggled.active .fa-chevron-down:before {
    content: "\f077";
}
.box-content h3 {
    position: relative;
}
/*--- slidshow ---*/
.common-home .swiper-viewport {
    box-shadow: none;
    border: none;
    border-radius: 0;
    overflow: hidden;
}
.slideshow .img-responsive {width: 100%;}
.swiper-viewport .swiper-button-prev {
	opacity: 1!important;
	left: 10px!important;
	background-color: #222222;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 36px;
}
.swiper-viewport .swiper-button-next {
	opacity: 1!important;
	right: 10px!important;
	background-color: #222222;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 36px;
}
.swiper-viewport .swiper-button-prev:hover ,.swiper-viewport .swiper-button-next:hover {
	background-color: #c38749;
}
/* html cms */
#about-spa .about-spa-cms {
	background: url(../image/mahardhi/spa-about.jpg) right top no-repeat;
    height: 700px;
}
#about-spa .about-spa-cms .content .hedding h3 {
	color: #222222;
	font-family: 'Great Vibes', cursive;
	font-size: 30px;
	margin-top: 130px;
	font-weight: 600;
	margin-bottom: 35px;
    text-transform: capitalize;
}
#about-spa .about-spa-cms .content p {
	color: #999999;
	line-height: 25px;
	letter-spacing: 0.5px;
	word-spacing: 0.5px;
}
#about-spa .about-spa-cms .view-more a {
	background: #c38749;
	color: #ffffff;
	border-radius: 0;
	margin-top: 30px;
	text-transform: uppercase;
	padding: 9px 17px;
}
#about-spa .about-spa-cms .view-more a:hover {
    background: #222222;
}
@media(max-width: 991px){
    #about-spa .about-spa-cms {
        background-image: none;
        height: auto;
        margin-bottom: 50px;
    }
    #about-spa .about-spa-cms .content .hedding h3 {
        margin-top: 0;
    }
}
/* content */
#content {min-height: 600px;}
/*comman css*/
.modual-title { 
    text-align: center;
    position: relative;
    margin-bottom: 65px;
}
.modual-title h3 {
    color: #222222;
    font-size: 30px;
    font-weight: 500;
    font-family: 'Great Vibes', cursive;
    margin-bottom: 5px;
    position: relative;
    line-height: 40px;
    text-transform: capitalize;
}
.modual-title h3:after {
    content: "";
    background: url(../image/mahardhi/beauty-icon-2.png) center center no-repeat;
    position: absolute;
    margin: 0 auto 0px;
    height: 30px;
    width: 55px;
    display: block;
    right: 0;
    left: 0;
    top: 35px;
}
.modual-title:after,.modual-title:before {
    position: absolute;
    content: "";
    height: 1px;
    width: 80px;
    background-color: #dddddd;
    top: 50px;  
}
.modual-title:after {   
    left: auto;
    right: 40%
}
.modual-title:before {  
    right: auto;
    left: 40%;
}
.product-thumb {
	margin-bottom: 40px;
	overflow: auto;
	position: relative;
}
.product-thumb .image {
	text-align: center;
	position: relative;
	border: 1px solid #eeeeee;
}
.product-thumb .image img {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.product-grid .product-thumb .image {
    float: none;
}
.product-thumb h4 {
    font-weight: bold;
}
.product-thumb .caption {
	padding: 0 20px;
	text-align: center;
}
.product-thumb .rating {
	padding-bottom: 0px;
	text-align: center;
}
.rating .fa-stack {font-size: 8px;}
.rating .fa-star-o {
	color: #999;
	font-size: 15px;
}
.rating .fa-star {
	color: #FC0;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
    color: #FC0;
}
.price {
    margin: 0;
}
.product-thumb .price-old {
	color: #999;
	text-decoration: line-through;
	margin-left: 5px;
}
.product-thumb .price-tax {
	color: #999;
	font-size: 12px;
	display: block;
}
.product-thumb .button-group {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    background-color: unset;
    overflow: auto;
}
.product-thumb .button-group button {   
    border: none;
    display: inline-block;
    float: left;
    background-color: unset;
    color: #ffffff;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0;
    padding: 0px 12px;
    outline: none;
}
.product-thumb .button-group button + button {
    border-left: 1px solid #ffffff;
}
.thumb-description .caption h4.product-name {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 15px;
    text-align: center;
}
.product-thumb .thumb-description .caption h4.product-name a:hover {
    color: #c38749;
}
.product-thumb:hover .thumb-description .hover-price {
	display: block;
	color: #c38749;
	font-size: 16px;
	transition: all 0.5s;
}
.product-thumb:hover .thumb-description .rating{
	display: none;
	transition: all 0.5s;
}
.thumb-description .hover-price {
	display: none;
	transition: all 0.5s;
}
.product-thumb .image:before {
	bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 100%;
    opacity: 0;
    background-color: rgba(0,0,0,0.7);
	-webkit-transform: translateY(-120%);
	-ms-transform: translateY(-120%);
	transform: translateY(-120%);
	transition: all 900ms ease 0s;
	-ms-transition: all 900ms ease 0s;
	-webkit-transition: all 900ms ease 0s;
	-moz-transition: all 900ms ease 0s;
}
.product-thumb:hover .image:before {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
    opacity: 1;
}	
.product-thumb:hover .btn-event-overlay {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 42%;
}
.btn-event-overlay {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 100%;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    -webkit-transform: translateY(-120%);
    -ms-transform: translateY(-120%);
    transform: translateY(-120%);
    transition: all 600ms ease 0s;
    -ms-transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
}
.btn-event-overlay button:hover,
.btn-event-overlay a:hover,
.btn-event-overlay-list button:hover,
.btn-event-overlay-list a:hover { 
    color: #c38749;
}
.btn-event-overlay button i,
.btn-event-overlay a i {
    font-size: 18px;
    line-height: 20px
}
@media(max-width: 991px){
    /*--- product hover ---*/    
    .btn-event-overlay {
        opacity: 1;
        top: 59%;
    }
    .product-thumb .image img{
        width: 100%;
    }
    .product-thumb .button-group button {
        color: #ffffff;
    }    
    .product-thumb .button-group button{
        padding: 0px 10px;
    }
    .product-thumb .btn-event-overlay .quickview {
        display: none;
        background: unset;
    }
    .product-layout.product-list .btn-event-overlay-list .button-group{
        margin:0px;
    }
    .product-thumb .button-group {
        border-top: 1px solid #c38749;
        border-bottom: 1px solid #c38749;
        display: inline-flex;
        width: fit-content;
        background: #222;
    }
    .product-thumb .button-group button + button {
        border-left: 1px solid #ffffff;
    }  
    .product-thumb .rating{
        display: none;
    }  
    #column-left .product-thumb .rating,
    #column-right .product-thumb .rating{
        display: block;
    } 
    .thumb-description .hover-price,.product-list .product-thumb .rating{
        display: block;
    }
}
@media(max-width: 480px){
    .product-thumb .button-group button {
        padding: 0px 12px;
    }
}
.owl-nav div {
	position: absolute;
	top: 32%;
}
.product-carousel .owl-nav div, .product-tab-carousel .owl-nav div { top: 32%; transform: none; }
.owl-nav div:hover { background-color: #222222; }
.owl-nav .owl-next {
	left: auto;
	right: 0;
	color: #ffffff;
    background-color: #c38749;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
}
.owl-nav .owl-prev {
	right: auto;
	left: 0;
    color: #ffffff;
    background-color: #c38749;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
}
.owl-nav .owl-prev i, .owl-nav .owl-next i{ display: none; }
.owl-nav .owl-next:before, .owl-nav .owl-prev:before,
.swiper-viewport .swiper-button-next:before,.swiper-viewport .swiper-button-prev:before {
	height: 40px;
	width: 40px;
	top: 0;
	left: 0;
	content: "";
	position: absolute;
}
.owl-nav .owl-next:before,.swiper-viewport .swiper-button-next:before {
	background: url("../image/mahardhi/slider-icon.png") -46px 2px no-repeat;
}
.owl-nav .owl-prev:before,.swiper-viewport .swiper-button-prev:before {
	background: url("../image/mahardhi/slider-icon.png") 1px 2px no-repeat;
}
#additional-carousel .owl-nav .fa-angle-left, #additional-carousel .owl-nav .fa-angle-right,
#quick-carousel .owl-nav .fa-angle-right, #quick-carousel .owl-nav .fa-angle-left {
    border: 0;
    padding: 0;
}
#additional-carousel .owl-nav div i, #quick-carousel .owl-nav div i{
    display: block;
}
#additional-carousel .owl-nav .owl-next:before,#additional-carousel .owl-nav .owl-prev:before {
    display: none;
}
#additional-carousel .owl-nav .fa, #quick-carousel .owl-nav .fa {
    font-size: 24px;
    font-weight: bold;
}
#additional-carousel .owl-nav div, #quick-carousel .owl-nav div {
    top: 37%;
    position: absolute;
    opacity: 1;
    background: transparent;
    margin: 5px;
    height: 30px;
    line-height: 30px;
    width: auto;
    color: #222;
}
#additional-carousel .owl-nav .owl-next:hover, #quick-carousel .owl-nav .owl-next:hover,
#additional-carousel .owl-nav .owl-prev:hover, #quick-carousel .owl-nav .owl-prev:hover {
    color: #c38749;
}
.sale-text {
	position: absolute;
	height: 45px;
	width: 45px;
	background-color: #c38749;
	color: #ffffff;
	top: 15px;
	right: 15px;
	transform: rotate(45deg);
    font-size: 16px;
    text-transform: uppercase;
}
.sale-text span.section-sale {
    transform: rotate(-45deg);
    position: absolute;
    left: 0%;
    top: 28%;
    right: 0;
}
/* product tab */
.product-tab-block .mahardhi-tabs {text-align: center;}
.product-tab-block .mahardhi-tabs ul {
	display: inline-block;
	border: none;
}
.product-tab-box .nav-tabs {
    margin-bottom: 30px;
}
.product-tab-block .mahardhi-tabs ul li a {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    border: none;
    padding: 0 15px;
}
.product-tab-block .mahardhi-tabs ul li a.selected, .product-tab-block .mahardhi-tabs ul li a:hover {
	color: #c38749;
	background-color: unset;
	border: none;
}
@media(max-width: 480px){
    .product-tab-block .mahardhi-tabs ul li a {
        font-size: 18px;
    }
}
/*--- sale banner ---*/
#spasalebanner {
    padding: 150px 0px;
	width: 100%;
	position: relative;
	margin-bottom: 50px;
}
#spasalebanner .banner-text-on-image h2.hedding {
	color: #ffffff;
	font-size: 40px;
	font-family: 'Great Vibes', cursive;
	margin-bottom: 30px;
	margin-top: 0;
    line-height: 50px;
    text-transform: capitalize;
}
.banner-text-on-image .content {
    width: 700px;
    margin: auto;
    text-align: center;
    padding: 40px;
    border: 10px solid #ffffff;
}
.banner-text-on-image .banner-title-after {
	background: url(../image/mahardhi/beauty-icon-2.png) center center no-repeat;
	position: relative;
	margin: auto;
	height: 30px;
	width: 55px;
	display: block;
}
.banner-text-on-image .banner-title-after:after {
	position: absolute;
	content: "";
	height: 1px;
	width: 80px;
	background-color: #dddddd;
	top: 15px;
	left: 100%;
}
.banner-text-on-image .banner-title-after:before {
	position: absolute;
	content: "";
	height: 1px;
	width: 80px;
	background-color: #dddddd;
	top: 15px;
	right: 100%;
}
.banner-text-on-image h4.sub-line {
	color: #ffffff;
	font-size: 30px;
	margin-bottom: 30px;
}
.banner-text-on-image a.click {
	color: #ffffff;
	border-radius: 0;
	border: none;
	background-color: #c38749;
}
@media(max-width: 768px){
    .banner-text-on-image .content {
        width: 80%;
    }    
}
@media(max-width: 767px){
    .banner-text-on-image .content{
        width: auto;
        padding: 40px 15px;
    }
    #spasalebanner {
        padding: 50px 14px;
    }
}
/*--- testimonial ---*/
.testimonial {
    margin-top: 80px;
}
.testimonial-block {
    margin-bottom: 50px;
    width: 100%;
    padding: 100px 0px;
}
.testimonial-block .modual-title h3 {
    color: #ffffff;
}
.testimonial-content {
    padding: 0 15px;
}
.testimonial-upper {
    background-color: rgba(195, 135, 73,0.7);
    color: #ffffff;
    padding: 30px 30px 60px 30px;
    position: relative;
}
.testimonial-text {
    line-height: 20px;
    letter-spacing: 0.5px;
    padding-left: 20px;
}
.testimonial-text:before {
    content: "";
    background: url(../image/mahardhi/quote-icon.png) center center no-repeat;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 6%;
}
.testimonial-images {
    position: absolute;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
}
.testimonial-images img {
    border: 2px solid #d99652;
    border-radius: 50px;
}
.testimonial-bottom {
    background-color: rgba(255,255,255,0.5);
    padding: 60px 0 10px 0;
    text-align: center;
}
.testimonial-bottom .testimonial-author h6 {color: #ffffff;}
.testimonial-bottom .testimonial-author-position h4 {
    color: #ffffff;
    font-size: 12px;
}
/* blog*/
.common-home .box-content.mblog {
    margin-bottom: 50px;
}
.mblog .blog-info {
    position: relative;
}
.blog-date {
    background-color: #222;
    color: #ffffff;
    padding: 15px 60px;
    display: block;
    width: fit-content;
    margin: -20px auto 0 auto; 
    position: relative;
}
.blog-block:hover .blog-date {
    background-color: rgba(195, 135, 73,0.7);
}
.blog-date:hover {
    color: #ffffff;
}
.mblog .hover-blog {
    background-attachment: scroll, scroll, scroll, scroll;
    background-clip: border-box, border-box, border-box, border-box;
    background-color: rgba(195, 135, 73,0.7);
    background-origin: padding-box, padding-box, padding-box, padding-box;
    background-position: left bottom, right bottom, right top, left top;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    bottom: 25px;
    margin: 25px;
    padding: 25px;
    content: "";
    text-align: center;
    left: 15px;
    pointer-events: none;
    color: #ffffff;
    position: absolute;
    right: 15px;
    top: 100%;
    transition: all 0.5s;
}
.mblog .blog-block:hover .hover-blog {
    top: 0;
    transition: all 0.5s;
}
.mblog .hover-blog a { color: #ffffff; }
.mblog .hover-blog h4.blog-name {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 18px;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.mblog .hover-blog h4.blog-name:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 50px;
    background-color: #ffffff;
    left: 50%;
    margin-left: -25px;
    bottom: 0;
}
.mblog .hover-blog .blog-text {
    letter-spacing: 0.8px;
    line-height: 24px;
    margin-bottom: 30px;
}
.mblog .hover-blog .blog-read {
    text-transform: uppercase;
    position: relative;
    display: inline-flex;
}
span.comment-read-btn {margin-left: -38px;}
img.img-arrow {
    width: unset!important;
    position: absolute;
    left: 53px;
    top: 5px;
}
@media(max-width: 1024px){
    .product-thumb.blog-block .caption-blog .blog-read:after {
        display: none;
    }  
}
@media(max-width: 991px){
    .blog-category .blog-block .blog-date{
        margin: -20px auto 20px auto;
    }
    .mblog .product-block.blog-block .hover-blog {
        top: 0;
    }    
    .image-blog img { 
        margin: auto; 
    }    
}
@media(max-width: 375px){
    .mblog .hover-blog h4.blog-name {
        margin-bottom: 10px;
    }
    .mblog .hover-blog .blog-text {
        line-height: 20px; 
        margin-bottom: 20px;
    }
}
/*--- blog page ---*/
.image-blog {
    float: left;
    position: relative;
}
.caption-blog h4 a {
    color: #222222;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
    display: block;
}
.leave-comment{
    margin-left:10px; 
}
.article-authore i,.leave-comment i{
    margin-right: 5px;
}
.caption-blog p {
    line-height: 25px;
    letter-spacing: 0.5px;
    margin:15px 0px;
    color: #999999;
}
.blog-block .caption-blog .button-group {
    border: none;
    position: relative;
    overflow: hidden;
    background: none;
    width: auto;
}
.blog-block .hover-post:before {
    border: 2px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    content: '\f0c1';
    display: block;
    font-family: FontAwesome;
    font-size: 24px;
    height: 45px;
    right: 0;
    line-height: 43px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    top: 36%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    width: 45px;
    z-index: 2;
}
.blog-block .hover-zoom::before {
    border: 2px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    content: "\f002";
    display: block;
    font-family: FontAwesome;
    font-size: 18px;
    height: 45px;
    left: 0;
    line-height: 42px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    top: 36%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    width: 45px;
    z-index: 2;
}
.product-thumb.blog-block:hover .hover-zoom::before {
    left: 36%;
    opacity: 1;
}
.product-thumb.blog-block:hover .hover-post:before {
    right: 36%;
    opacity: 1;
}
.product-thumb.blog-block:hover .image-blog .img-after:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 30px;
    background-color: rgba(195, 135, 73,0.7); 
    opacity: 0.5; 
}
.product-thumb.blog-block:hover a.blog-date{
    background-color : rgba(195, 135, 73,0.7);
}
.product-thumb.blog-block .caption-blog h4 a:hover, .product-thumb.blog-block a.blog-read:hover {
    color: #c38749;
}
/*--- single blog page ---*/
.singblog-description {
    margin: 15px 0px;
}
.comment_cust {
    margin-bottom: 30px;
}
.singblog-description {
    padding-bottom: 30px;
    margin: 15px 0px 30px;
    border-bottom: 1px solid #dddddd;
    color: #999999;
    line-height: 25px;
}
#post_comment #commnt_form.form-horizontal .control-label {
    text-align: left;
}
#post_comment label {
    color: #222;
}
#post_comment .leave-hedding, .comment_cust .leave-hedding {
    font-size: 16px;
    text-transform: none;
    margin-bottom: 30px;
}
.commentlist {
    margin: 0;
    width: 100%;
    list-style: none;
    padding: 0;
    border: 1px solid #dddddd;
}
.commentlist ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.commentlist ul li {
    padding: 25px;
    border-bottom: 1px solid #dddddd;
}
.commentlist ul li:last-child {
    border: none;
}
.comment_cust .comment-text .user_img img {
    width: 60px;
    padding: 2px;
    float: left;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.2);
}
.comment_cust .comment-desc {
    padding-left: 90px;
}
.comment_cust .comment-desc {
    line-height: 25px;
    letter-spacing: 0.5px;
    color: #999999;
}
.comment_cust .comment-desc .name {
    float: left;
    margin-right: 10px;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 16px;
}
.comment-desc .name {
    color: #222;
}
.comment_cust .comment-desc .date {
    color: #999;
}
@media(max-width: 991px){
    .post-comment{
        margin-bottom: 30px;
    }
}
@media(max-width: 767px){
    .caption-blog .blog-title{
        margin-top: 15px;
    }
}
@media(max-width: 480px){
    .user_img, .comment_cust .comment-desc {
        float: left;
        display: block;
        padding: 0;
    }
    .user_img {
        margin-bottom: 15px;
    }
}

/*--- Newsletter ---*/
.newsletter-wrapper{
    padding:0pc 15px;
}
.nessletter_banner {
    background: url("../image/mahardhi/newslatter-backgraund.jpg");
    width: 100%;
    text-align: center;
    padding: 100px 0px;    
    background-size: cover;
}
.newsletter-block .description {
    font-size: 30px;
    color: #ffffff;
    margin-bottom: 45px;
    line-height: 42px;
    font-weight: 400;
}
.newsletter-block .modual-title h3{
    color: #ffffff;
    font-weight: 400;
}
.newsletter-block .block-content .subscribe-form {
    display: inline-flex;
}
.newsletter-block .block-content .txtemail {
    width: 420px;
    border-radius: 0;
    background-color: rgba(255, 255, 255, 0.3);
    margin-right: 5px;
    border: none;
}
.newsletter-block .block-content .subscribe-btn {
    background-color: #c38749;
    border-radius: 0;
    border: none;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    text-shadow: none;
    min-width: 120px;
    box-shadow: none;
}
.newsletter-block .block-content .subscribe-btn:hover {
    background-color: #222222;
}
.newsletter-block .modual-title .after-title {
    margin-bottom: 20px;
}
@media(max-width: 768px){
    .newsletter-block .block-content #txtemail {
        width: 100%;
    }
}
@media(max-width: 540px){
    .newsletter-block .block-content .txtemail {
        width: 320px;
    }
}
@media(max-width: 480px){
    .newsletter-block .description { 
        font-size: 18px; 
        margin-bottom: 20px; 
        line-height: 30px;
    }
    .newsletter-block .block-content .txtemail {
        width: 100%;
    }    
}
.service-outer {
    padding-bottom: 40px;
    border-bottom: 1px solid #444;
    margin-bottom: 50px;
}
.service-content {
    margin-left: 55px;
}
.service-outer .service-image1, .service-outer .service-image2,
.service-outer .service-image3, .service-outer .service-image4{
    height: 40px;
    width: 40px;
    float: left;
}
.service-outer .service-image1 {
    background: url("../image/mahardhi/services-icon.png") -5px 5px no-repeat; 
}
.service-outer .service-image2 {
    background: url("../image/mahardhi/services-icon.png") -63px 5px no-repeat;    
}
.service-outer .service-image3 {
    background: url("../image/mahardhi/services-icon.png") -122px 5px no-repeat;    
}
.service-outer .service-image4 {
    background: url("../image/mahardhi/services-icon.png") -184px 5px no-repeat;  
}
.service-outer .service-inner .service-content .service-title h3 {
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
    margin: 0px;
    text-transform: capitalize;
}
.service-outer .service-inner .service-content .service-subtitle h4 {
    color: #ffffff;
    font-size: 14px;
    margin: 5px 0 0px;
    font-weight: 400;
    text-transform: capitalize;
}
.service-outer .service-inner:hover .service-image1,
.service-outer .service-inner:hover .service-image2,
.service-outer .service-inner:hover .service-image3,
.service-outer .service-inner:hover .service-image4 {
    transform: rotateY(360deg);
    transition: all 0.5s;
}
@media(max-width: 991px){
    .service-outer .col-sm-3 {
        width: 50%; 
        float: left;
    }
    .service-block1,.service-block2 {
        margin-bottom: 30px;
    }    
}
@media(max-width: 480px){
    .banner1, .banner2, .banner3,
    .service-outer .col-sm-3 {
        float: left;
        width: 100%;
    }
    .service-block3 {
        margin-bottom: 30px;
    }    
}  
footer {
	padding-top: 40px;
	background-color: #222222;
	color: #e2e2e2;
}
footer hr {
	border-top: none;
	border-bottom: 1px solid #666;
}
footer a {
    color: #ccc;
}
footer a:hover {
    color: #fff;
}
footer h5 {
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	position: relative;
}
footer p {
	color: #999999;
	text-align: center;
	margin: 28px 0;
}
footer b ,#footer_aboutus .toggled {
    display: none;
}
footer #footer_aboutus ul {
	padding-left: 0;
}
.contact-info-block ul li [class*="fa-"] {
    position: absolute;
    left: 0;
    line-height: inherit;
    color: #c38749;
}
.footer-block.contact-info-block ul li {
    padding-left: 20px;
}
.footer-top ul li {
    position: relative;
    display: block;
    width: 100%;
    line-height: 30px;
}
.footer_social {
    float: left;
}
footer .footer_social .social_block { 
	border: none;
	width: 36px;
	height: 58px;
	display: inline-block;
	text-align: center;
	line-height: 58px;
}
footer .footer_social .social_block:hover i {
    color: #ffffff;
}
footer .footer_social .facebook.social_block:hover {
    background-color: #3B5998;
}
footer .footer_social .twitter.social_block:hover {
    background-color: #1da1f2;
}
footer .footer_social .g-plus.social_block:hover {
    background-color: #dd4b39;
}
footer .footer_social .rss.social_block:hover {
    background-color: #475993;
}
footer .footer_social .linkedin.social_block:hover {
    background-color: #910101;
}
footer .footer_social .instagrm.social_block:hover {
    background-color: #3f729b;
}
footer .footer_social .youtube.social_block:hover {
    background-color: #ff0000;
}
footer .footer_social .social_block i {
	color: #999999;
	font-size: 18px;
}
footer .social_media .site,
footer .social_media .email,
footer .social_media .phone {
    overflow: hidden;
    display: flex;
}
.footer-payment {
    text-align: right;
    padding: 17px 0px;
}
#footer_aboutus {
    margin-top: 60px;
}
.footer_middle {
    padding: 0px 0 35px 0;
}
footer .footer-top h5 {
    margin-top: unset;
    margin-bottom: 18px;
    text-transform: uppercase;
}
footer a {
    transition: all 600ms ease 0s;
    -webkit-transition: all 600ms ease 0s;
    -moz-transition: all 600ms ease 0s;
    -ms-transition: all 600ms ease 0s;
    -o-transition: all 600ms ease 0s;
}
footer a:hover, footer a:focus {
    color: #c38749;
}
footer .position-footer-right ul.list-unstyled li + li {
    margin-top: 15px;
}
.footer-bottom  {
	border-top: 1px solid #444444;
    border-bottom: 1px solid #444444;
    position: relative;
    margin: 0 15px;
}
@media(max-width: 991px){
    footer {
        padding-top: 50px;
    }
    footer b, #footer_aboutus .toggled {
        display: block;
    }
    footer .footer-top .col-sm-2, footer .col-sm-3 {
        width: 100%;
    }
    footer ul{
        margin-bottom: 30px; 
    }
    #footer_aboutus .toggle-open{
        display: none;
    }
    .footer_middle {
        padding: 0px 0 25px 0;
    }
    .footer_social {
        text-align: center;
        float: unset;
    }
    #footer_aboutus {
        margin-top: 0px;
        margin-bottom: 30px;
    }   
    .footer-payment{
        text-align: center;
        padding: 0px 0px 17px;
    }
}
/*--- alert message ---*/
.alert {
    border-radius: 0;
    text-align: center;  
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 14px 8px 14px;
}
.alert.alert-success {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 999;
    border-radius: 0;
    margin: 0;
    -webkit-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
    -moz-animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
    animation: alert-anim 1s cubic-bezier(1, -0.01, 0, 0.99);
}
.alert-dismissable .close, .alert-dismissible .close {
    color: #333;
    border: none;
    font-size: 22px;
    opacity: 1;
    position: absolute;
    right: 8px;
    top: 0px;
    line-height: 40px;
    font-weight: 300;
    text-shadow: none;
    outline: none;
}
.tab-content .alert.alert-success {
    position: relative;
    margin-bottom: 20px;
    z-index: 000;
    left: auto;
    top: auto;
}
.common-home .alert{
    margin: 0px;
}
.alert.fadeUp {
    -moz-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
     -webkit-transform: translate(0, -100%); 
     transform: translate(0, -100%); 
}
.alert.alert-info.fadeUp{
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
     -webkit-transform: none; 
     transform: none; 
}
.nessletter_banner .alert,.newsletter-content-innner .alert {
    margin: 15px auto 0;
    display: table;
    position: relative;
    width: 100%;
}
.article-container .alert {
    position: relative;
    margin-bottom: 20px;
}
.product-right .alert-info{
    margin-top: 20px;
}
/* breadcrumb */
.bred-banner-outer {
	margin: 100px 0 40px 0;
	padding: 8px 0;
	text-align: center;
	background-color: unset;
	background: url("../image/mahardhi/shop-banner.jpg") center center no-repeat;
	height: 200px;
	width: 100%; 
	position: relative;
}
.bred-banner-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.breadcrumb {background-color: unset; margin-bottom: 0;}
.breadcrumb i {font-size: 15px;}
.breadcrumb > li {
	text-shadow: 0 1px 0 #FFF;
	padding: 0 10px;
	position: relative;
	white-space: nowrap;
}
.breadcrumb > li a { color: #ffffff; font-weight: 300; text-shadow: none;}
.breadcrumb > li:last-child a,.breadcrumb > li a:hover { color: #c38749; }
.breadcrumb > li + li:before {
	content: '';
	padding: 0;
}
.breadcrumb > li:after {
	content: '/';
	display: block;
	position: absolute;
	top: 0;
	right: -5px;
}
.breadcrumb > li:last-child::after {
    content: "";
}
.page_title, .bred-banner-inner h1 { 
	font-family: 'Great Vibes', cursive;
	color: #c38749;
	margin-top: 0;
	margin-bottom: 5px;
    text-transform: capitalize;
}
.bred-banner-inner .after-title {
    margin-bottom: 5px;
}

/*--- pagination ---*/
.pagination {
    margin: 0;
    vertical-align: top;
}
.pagination_detail.clearfix, .pro_pagination {
    background: #ffffff;
    padding: 14px 15px;
    border: 1px solid #dddddd;
    margin-bottom: 30px;
    border-radius: 0;
}
.pagination_detail .text-left {
    color: #333333;
    text-transform: capitalize;
}
.pagination>li:first-child>a,
.pagination>li:first-child>span{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination>li:last-child>a, 
.pagination>li:last-child>span{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pagination>li>a, .pagination>li>span {
    float: unset;
    border: unset;
    color: #FFFFFF;
    height: 34px;
    width: 34px;
    background-color: #222;
    border-radius: 0;
    margin: 0 5px;
    border: 1px solid #222;
    line-height: 34px;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    color: #ffffff;
    background-color: #c38749;
    border-color: #c38749;
}
.pagination_detail .text-right{
    line-height: 34px;
}
/*--- buttons ---*/
.btn-default {
    color: #ffffff;
    background-color: #c38749;
    height: 40px;
}
.btn-primary, .btn-default {
    color: #ffffff;
    text-shadow:none; 
    background-color: #c38749;    
    padding: 9px 15px;
    border: 1px solid #c38749;
    border-radius: 0;
    box-shadow: none;
    text-transform: uppercase;  
    text-align: center; 
    outline: none;
}
.btn-default:hover,
button#comment_btn:hover,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled],
button#button-upload222:hover,
.btn-default:focus {
    color: #fff;
    background-color: #222;
    border-color: #222;
}
.btn-primary.focus, .btn-primary:focus,.btn-primary:active:focus, .btn-primary:active:hover{
    background-color: #222;
    border-color: #222;
    outline: none;
}
.btn-warning {
    color: #ffffff;
    background-color: #faa732;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled],.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled], .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    box-shadow: none;
}
.btn-danger {
    color: #ffffff;
    background-color: #da4f49;
}
.btn-success {
    color: #ffffff;
    background-color: #5bb75b;
}
.btn-info {
    color: #ffffff;
    background-color: #df5c39;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}
.btn-warning {
	color: #ffffff;
	background-color: #faa732;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled],.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled], .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
	box-shadow: none;
}
/* list group */
.list-group a, .sidebar .list-unstyled li a {
	border: none;
	color: #222222;
	padding: 8px 0;
	display: block;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover , .sidebar .list-unstyled li a:hover {
	color: #c38749;
	background: unset;
	border: none;
}
a.list-group-item, button.list-group-item {
    color: #222;
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}

/*--- catrgory page ---*/
#column-left .panel.panel-default.filter, #column-right .panel.panel-default.filter {
	border: none;
}
#filter h3.panel-heading {
	border-bottom: 1px solid #dddddd;
	padding-left: 0;
	text-transform: uppercase;
}
#filter .filter_box a, #filter .filter_box label {
	color: #000000;
	font-size: 16px;
}
#filter .filter_box .list-group-item {
	padding-left: 0;
}
#filter .panel-footer {
	text-align: left;
	padding-left: 0;
}
.filter { 
	margin: 0 0 30px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #dddddd;
	box-shadow: none;
}
.panel-footer {
	background-color: unset;
	border: none;
	text-align: center;
}
#button-filter {
	background-color: #c38749;
	color: #ffffff;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
}
#list-view, #grid-view {
    height: 30px;
    width: 30px;
    background-color: #222222;
    border-radius: 0;
    margin-right: 5px;
    border: none;
    line-height: 30px;
    color: #ffffff;
    outline: none;
    border: none;
    box-shadow: none;
}
#grid-view.active, #grid-view:hover,
#list-view.active, #list-view:hover {
    background-color: #c38749;
    color: #ffffff;
}
#column-left .panel.panel-default.filter,
#column-right .panel.panel-default.filter {
    border: none;
}
#filter .filter-box .list-group-item {
    padding-left: 0;
}
#filter .filter-box .list-group-item:hover {
    background: none;
    color: #c38749;
}
#filter .filter-box div.list-group-item {
    border: none;
    padding: 0 9px;
    background: none;
}
#filter h3.panel-heading {
    border-bottom: 1px solid #dddddd;
    padding-left: 0;
    text-transform: uppercase;
}
#filter .panel-footer {
    text-align: left;
    padding: 0;
}
#filter .filter-box a, #filter .filter-box label {
    color: #222;
    font-size: 14px;
}
.filter { 
    margin: 0 0 30px 0;
    padding-bottom: 0px;
    border-bottom: 1px solid #dddddd;
    box-shadow: none;
}
.panel-footer {
    background-color: unset;
    border: none;
    text-align: center;
}
#button-filter {
    background-color: #c38749;
    color: #ffffff;
    border: none;
    border-radius: 0;
    text-transform: uppercase;
}
#filter .list-group-filter{
    margin-bottom: 20px;
}
.filter .list-group-item {
    border: none;
}
#compare-total {
    color: #222222;
    text-decoration: none;
}
.product-sorting {
    margin-bottom: 30px;
    border-bottom: 1px solid #dddddd;
    position: relative;
    display: table;
    width: 100%;
    vertical-align: middle;
}
.product-sorting-inner.clearfix {
    position: relative;
    width: 100%;
    vertical-align: middle;
    display: table-cell;
    padding: 10px 0px;
}
.product-sorting .product-sorting-inner > * {
    display: inline-block;
    position: relative;
}
.product-sorting .product-grid-list .product-grid-list-inner {
    padding-top: 4px;
}
.product-grid-list .list-btn.btn.btn-default, .product-grid-list .grid-btn.btn.btn-default {
    border-radius: 0;    
    color: #444;
    font-size: 18px;
    padding: 0px 5px;
}
.product-grid-list .grid-btn.btn.btn-default.active, .product-grid-list .grid-btn.btn.btn-default:hover,
.product-grid-list .list-btn.btn.btn-default.active, .product-grid-list .list-btn.btn-default:hover{
    color: #ffb400;
}
.cat-pagination-right {
    float: right;
}
.cat-sort, .cat-show {
    float: left;
}
.text-right.show-text {
    padding: 0px 5px;
}
.text_sort {
    line-height: 40px;
    margin: 0px;
}
.text_limit {
    margin: 0px 0px 0px 10px;
    line-height: 40px;
}
.show-select, .text-right.show-text {
    display: inline-block;
    vertical-align: top;
    width: auto;
}
.select-filter-sort, .select-filter-show {
    position: relative;
}
.cat-sort .form-control, .cat-show .filter-selection .form-control, .cat-pagination-right .limits-text,
.product-sorting-inner .cat-pagination-right .sort-order#input-sort {
    background-color: #ffffff;
    border: 1px solid #eee;
    padding: 4px 12px;
    margin: 0;
    height: 40px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
}
.product-sorting select.form-control {
    appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
.select-filter-show::after, .select-filter-sort::after {
    font-family: 'fontawesome';
    content: '\f107';
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 10px;
    pointer-events: none;
}
@media (max-width: 991px){
    .show-select, .text-right.show-text {
        display: inline-block;
        vertical-align: top;
    }
}
@media (max-width: 480px){
    .cat-pagination-right {
        float: left;
        margin-top: 15px;
        width: 100%;
    }
    .product-sorting .product-grid-list .product-grid-list-inner {
        padding: 0px;
    }
    .product-grid-list .list-btn.btn.btn-default, .product-grid-list .grid-btn.btn.btn-default {
        line-height: 1;
    }
    .text-right.show-text {
        padding: 0px 5px 0 0px;
    }
}
@media (max-width: 425px){
    .cat-show {
        float: left;
        margin-top: 15px;
        width: 100%;
    }
    .text_limit {
        margin: 0px;
    }
}
.product-layout.product-grid p.description,
.product-layout.product-grid .btn-event-overlay-list {
    display: none; 
}
.product-layout.product-list .btn-event-overlay {
    display: none;
}
.product-layout.product-list .thumb-description .hover-price {
    display: block;
}
.product-layout.product-list .thumb-description {
    overflow: hidden;
    text-align: left;
}
.product-layout.product-list .thumb-description .caption h4.product-name,.product-layout.product-list .product-thumb .caption { text-align: left; padding: 0;}
.product-layout.product-list .thumb-description .hover-price { 
    color: #c38749;
    font-size: 16px;
    float: left;
}
.product-layout.product-list .product-thumb .rating {
    text-align: right;
    padding-bottom: 0;
}
.product-layout.product-list .product-thumb:hover .thumb-description .rating {
    display:  block;
}
.product-grid .description { 
    display: none;
}
.product-list .thumb-description .caption h4.product-name{
    margin-top: 10px;
}
.product-layout.product-list .description {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color: #999999;
}
.product-layout.product-list .btn-event-overlay-list .button-group { 
    background-color: #222222;
    width: fit-content;
    overflow: hidden;
}
.mfp-image-holder .mfp-content .mfp-close,
.mfp-iframe-holder .mfp-content .mfp-close{
	width: auto;
}
/*--- Left And Right Column---*/
#column-left .page-title h3, #column-right .page-title h3 {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
    margin-bottom: 12px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Marcellus', serif;
    text-align: left;
    line-height: 20px;
}
#column-left .modual-title, #column-right .modual-title{
    margin-bottom: 12px;
}
#column-left .modual-title:before, #column-left .modual-title:after, #column-left .modual-title h3:after,
#column-right .modual-title:before, #column-right .modual-title:after, #column-right .modual-title h3:after{
    display: none;
}
#column-left .product-layout,
#column-right .product-layout {
    width: 100%;
    padding: 0;
}
#column-left .product-layout:last-child .product-thumb,
#column-right .product-layout:last-child .product-thumb{
    margin-bottom: 0px;
}
#column-left .product-layout:first-child .product-thumb,
#column-right .product-layout:first-child .product-thumb{
    margin-top: 10px;
}
#column-left .product-thumb .image:before,
#column-right .product-thumb .image:before {
    display: none;
}
#column-left .product-thumb:hover .thumb-description .rating,
#column-right .product-thumb:hover .thumb-description .rating {
    display: block;
}
#column-left .product-thumb .caption,
#column-right .product-thumb .caption, 
#column-left .product-thumb .rating,
#column-right .product-thumb .rating {
    text-align: left;
}
#column-left .product-thumb:hover h4.product-title a,
#latest-carousel .product-thumb .price,
#column-right .product-thumb:hover .product-title a,
#latest-carousel .product-thumb .price {
    color: #c38749;
}
#column-left .container, #column-right .container {
    width: auto;
}
#column-left > div, #column-right > div {
    margin: 0 0 30px;
}
#column-left .box, #column-right .box {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0px;
}
#column-left .product-thumb, #column-right .product-thumb {
    border: none;
}
#column-left .product-thumb > .image, #column-right .product-thumb > .image {
    float: left;
    width: auto;
    margin-right: 2%;
    border: none;
}
#column-left .product-thumb .thumb-description, #column-right .product-thumb .thumb-description {
    overflow: hidden;
    width: auto;
}
#column-left .product-thumb .caption, #column-right .product-thumb .caption {
    padding: 0px 5px;
}
#column-left .thumb-description .addcart > span,
#column-right .thumb-description .addcart > span,
#column-left .thumb-description .price-tax,
#column-right .thumb-description .price-tax {
    display: none;
}
#column-left .product-thumb .button-group button,
#column-left .product-thumb .button-group button + button,
#column-right .product-thumb .button-group button,
#column-right .product-thumb .button-group button + button {
    width: 33.33%;
}
#column-left .product-title, #column-right .product-title {
    margin-top: 0px;
}
#column-left .sale-text, #column-left .btn-event-overlay,
#column-right .sale-text, #column-right .btn-event-overlay {
    display: none;
}
#column-left .thumb-description .hover-price,
#column-right .thumb-description .hover-price {
    display: block;
    font-size: 16px;
    margin-top: 10px;
    color: #c38749;
}
#column-left .thumb-description .caption h4.product-name,
#column-right .thumb-description .caption h4.product-name {
    text-align: left;
    margin-top: 0;
    margin-bottom: 10px;    
    font-weight: 400;
}

#column-left .swiper-container .swiper-slide::before,
#column-right .swiper-container .swiper-slide::before {
    background-attachment: scroll, scroll, scroll, scroll;
    background-clip: border-box, border-box, border-box, border-box;
    background-color: #000000;
    background-origin: padding-box, padding-box, padding-box, padding-box;
    background-position: left bottom, right bottom, right top, left top;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    bottom: 15px;
    content: "";
    left: 15px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 15px;
    transform: scale(0);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
}
#column-left .swiper-container .swiper-slide:hover::before, #column-right .swiper-container .swiper-slide:hover::before {
    opacity: 0.6;
    transform: scale(1);
}
/* menufecture page */
.manufacturer-heading {
    background: #eeeeee;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 6px;
    padding: 5px 8px;
}
.manufacturer-list {
    border: 1px solid #cccccc;
    margin-bottom: 20px;
    padding: 5px;
}
.manufacturer-content {
    padding: 8px;
}
/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {width: 100%;}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
    min-width: 50px;
}

/* left - right side */
#column-left .product-thumb, #column-right .product-thumb {border: none;margin-bottom: 30px;}
#column-left .product-thumb > .image, #column-right .product-thumb > .image {
	float: left;
	width: 34%;
	margin-right: 5%;
}
#column-left .product-thumb > .thumb-description, #column-right .product-thumb > .thumb-description {
	float: left;
	width: 61%;
}
#column-left .product-thumb .caption, #column-right .product-thumb .caption {
	padding: 0px;
}
#column-left .thumb-description .addcart > span, #column-right .thumb-description .addcart > span,
#column-left .thumb-description .price-tax, #column-right .thumb-description .price-tax {
	display: none;
}
#column-left .product-thumb .button-group button, #column-left .product-thumb .button-group button + button,
#column-right .product-thumb .button-group button, #column-right .product-thumb .button-group button + button {
	width: 33.33%;
}
#column-left .product-title, #column-left .product-title { margin-top: 0px; }
/* Category page */
.product-grid .description { display: none; }
#column-left .swiper-viewport .swiper-slide::before {
    background-attachment: scroll, scroll, scroll, scroll;
    background-clip: border-box, border-box, border-box, border-box;
    background-color: #000000;
    background-origin: padding-box, padding-box, padding-box, padding-box;
    background-position: left bottom, right bottom, right top, left top;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    bottom: 15px;
    content: "";
    left: 15px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 15px;
    transform: scale(0);
    transition: opacity 0.35s ease 0s, transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s;
}
#column-left .swiper-viewport .swiper-slide:hover::before {
    opacity: 0.6;
    transform: scale(1);
}
/* Product page */
/*--- product page ---*/
.product-title {
    font-size: 18px;
    margin-top: 10px;
    text-transform: capitalize;
}
#product-product .rating a.review, #product-product .rating .fa_edit {
    margin-left: 20px;
    margin-right: 5px;
}
.product-right .text-stock, .quick-product-right .text-stock{
    color: #c38749;
    margin-left: 5px;
}
.product-right .price-text, .quick-product-right .price-text{
    color: #c38749;
    font-size: 20px;
}
.product-right span.old-price,.quick-product-right span.old-price {
    float: left;
    padding-right: 10px;
}
#product-product .product_title {
    font-size: 18px;
    margin-top: 5px;
}
#product-product .product-brand {
    margin-top: 20px;
}
#product-product .product-brand li{
    margin-bottom: 10px;
}
#product-product .product-price {
    color: #c38749;
}
#product-product .old-price {
    color: #999999;
}
.control-label.qty {
    font-size: 16px;
    margin-right: 10px;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 0;
}
#button-cart,#quick-cart {
    width: auto;
    color: #ffffff;
    border: none;
    border-radius: 0;
    position: relative;
    font-size: 14px;
    margin-left: 20px;
}
.addcart-img { 
    background: url(../image/mahardhi/product-cart-icon.png) 0px 0px no-repeat;
    padding: 2px 12px;
}
.product-wish-btn, .product-compare-btn {
    background-color: unset;
    color: #222222;
    box-shadow: none;
    border: none;
    position: relative;
    margin-right: 10px;
    outline: none;
}
.product-compare-btn{
    margin: 0;
}
.product-wish-btn{
    padding-left: 0px;
}
.product-wish-btn:hover, .product-compare-btn:hover {
    color: #c38749;
}
.product-wish-btn span,  .product-compare-btn span {
    padding-left: 5px;
}
#product-product .nav-tabs {
    margin-bottom: 0px;
    margin-top: 50px;
    border: none;
}
#product-product .nav-tabs>li {
    float: left;
    margin-bottom: -3px;
}
#product-product .tab-content {
    border-top: 1px solid #dddddd;
    padding: 20px 0px;
}
#product-product .nav-tabs>li>a {
    color: #444;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid transparent;
    font-size: 16px;
    padding: 10px 20px;
    outline: none;
}
#product-product .nav-tabs>li.active>a, #product-product .nav-tabs>li.active>a:focus, #product-product .nav-tabs>li.active>a:hover {
    display: inline-block;
    position: relative;
    z-index: 0;
    border-radius: 0;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: uppercase;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #c38749;
    z-index: 2;
    color: #c38749;
}
#product-product .nav.nav-tabs li a:hover,#product-product .nav.nav-tabs li.active a {
    color: #c38749;
}
.nav>li>a:hover, .nav-tabs>li>a,.nav>li>a:focus, .nav>li>a:hover{
    border-radius: 0;
    border: none;
    background: none;
    margin: 0px;
}
.tab-block .tab-content .tab-pane p {
    line-height: 25px;
    color: #999;
    margin-bottom: 0;
    letter-spacing: 0.8px;
}
.tab-block .tab-content .tab-pane #review p{
    margin-bottom: 10px;
}
#product-product .related-products-block {
    margin-top: 40px;
}
#product-product .thumbnail {
    border: none;
}
#input-quantity {
    border-radius: 0;
    height: 40px;
    margin: 0px;
    text-align: center;
    width: 40px;
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #999999;
}
.minus,.plus { 
    height: 20px;
    width: 20px;
    background-color: #ffffff;
    border-radius: 0px;
    border: 1px solid #cccccc;
    display: block;
    padding: 0 2px;
    border-left: none;
    outline: none;
}
.minus {
    float: left;
}
#product button .fa.fa-plus ,#product button .fa.fa-minus {
    color: #c38749;
}
.quantity-div {
    display: inline-flex;
    width: 100%;
}
#review strong, #review .text-right {
    color: #222;
    font-weight: 400;
}
.rating .fa-stack {
    font-size: 8px;
    width: 1.6em;
}
.rating .fa-star-o,#tab-review .fa-star-o{
    color: #999;
    font-size: 15px;
}
.rating .fa-star, #tab-review .fa-star{
    color: #ffb400;
    font-size: 15px;
}
.rating .fa-star + .fa-star-o {
    color: #999;
}
.rating .fa-star + .fa-star-o, #tab-review .fa-star + .fa-star-o {
    color: #ffb400;
}
#additional-carousel {padding: 0px 20px;}
#quick-carousel {
    overflow: hidden;
}
.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0;
}
.thumbnails > img {width: 100%;}
.thumbnail {
    padding: 0px;
    border: none;
    background-color: unset;
}
.image-additional a {
    margin: 5px;
    display: block;
    border: 1px solid #ddd;
}
.thumbnails .image-additional {
    float: left;
    width: 100%;
}
#product .btn.btn-default.btn-block {
    width: auto;
}
.quickview-content { padding: 10px; }
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: unset;
}
/*--- Other Pages ---*/
.form-horizontal .control-label {
    text-align: left;
}
#information-sitemap #content a {
    line-height: 30px;
    text-transform: capitalize;
    text-decoration: none;
}
#information-sitemap #content a:hover {
    color: #c38749;
}
#information-sitemap #content h2{
    margin-top:0;
    text-transform: uppercase;
    font-size:20px;
}
.form-control:focus {
    border-color: #c38749;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(195, 135, 73,.075), 0 0 8px rgba(195, 135, 73,.6);
    box-shadow: inset 0 1px 1px rgba(195, 135, 73,.075), 0 0 8px rgba(195, 135, 73,.6);
}
#account-register #content .col-sm-2.control-label {
    text-align: left;
}
#account-return .buttons { margin-bottom: 20px; }
.cat_search:after{
    right: 20px;
    top: 6px;
}
.well {
    border: 1px solid #eeeeee;
    box-shadow: none;
    margin-bottom: 20px;
    min-height: 20px;
    padding: 19px;
    border-radius: 0;
    background-color: #fff;
}
.well h2 {
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.well p + p {
    color: #999999;
    line-height: 25px;
}
#account-login .well p strong {
    font-weight: 600;
    color: #999999;
}
#checkout-cart .btn-block .btn-primary {
    border: none;
    padding: 10px 17px;
}
#checkout-cart .btn-block .btn-danger {
    box-shadow: none;
    border-radius: 0px;
    border-color: #ac2925;
    padding: 9px 15px;
}
#checkout-cart .input-group .form-control[name^=quantity], #checkout-cart .table .input-group .form-control {
    max-width: 55px;
    text-align: center;
    border-radius: 0px;
    background: none;
}
#content.checkout {
    margin-bottom: 30px;
}
#accordion .panel-heading h4.panel-title a i.fa-caret-down {
    float: right;
}
#accordion .panel-body .btn-primary {
    font-size: 14px;
}
#checkout-cart table .input-group-btn {
    display: table;
}
.account-wishlist .btn-danger  {
    padding: 11.5px 12px;
    border-radius:0;
}
.account-account .page_title {
    margin-bottom: 10px;
}
.account-list {
    border: 1px solid #dddddd;
    margin-bottom: 20px;
    padding: 5px;
    float: left;
    width: 100%;
}
.account-list-heading{
    background: #f7f7f7;
    border-radius: 0px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 6px 8px;
}
.account-list-heading p, .account-list-heading h2 {
    margin: 0px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #222;
}
.account-list-content{
    padding: 0 15px;
}
.account-list-content li {
    line-height: 24px;
}
.account-list-content a {
    color: #999999;
}
.information-contact .panel-default {
    border-color: #ebebeb;
    box-shadow: none;
    border-radius: 0;
}
.sitemap li {
    margin: 5px 0;
}
.sitemap li:last-child{
    color: #000;
}
.product-search #content > p {
    margin-top: 10px;
}
#product-search .product-sorting {
    margin-top: 20px;
}
.account-wishlist table .btn-primary {
    padding: 12px 10px;
}
.product-compare .btn.btn-danger {
    padding: 9px 18px;
    border-radius: 0px;
}
.product-compare .table-responsive{
    margin-bottom: 30px;
}
.product-compare .btn-primary{
    margin:5px 0;
}
#account-voucher .buttons.clearfix {
    margin-bottom: 20px;
}
/*--- Contact Us ---*/
.information-contact .contact-left .title i.fa {
    background: #c38749;
    border: 2px solid #c38749;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #ffffff;
    font-size: 16px;
    height: 35px;
    margin: 0px 5px 10px 0;
    padding: 7px;
    text-align: center;
    width: 35px;
}
.information-contact .contact-left .title{
    font-size: 18px;
    font-weight: 500;
    color: #333;
}
.content-address{
    margin-bottom: 15px;
}
.contact-left .btn-info{
    background: #ffffff;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0;
    border: 1px solid #333;
    color: #333;
    font-size: 14px;
    margin-bottom: 15px;
}
.contact-left .btn-info:hover{
    background: #c38749;
    color: #ffffff;
    border-color: #c38749; 
}
.contact-left .btn-info i {
    font-size: 18px;
}
.content-details {
    background: #F5F5F5;
    padding:15px;
}
.contact-left .content-details > div{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.contact-left .content-details .comment-info{
    border: none;
    padding:0;
    margin: 0px;
}
@media(max-width: 991px){
    .contact-left{
        margin-bottom: 30px;
    }
}
/*-- error page --*/
.error {
    text-align: center;   
}
.error__box {
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0px 30px;
}  
.error__box i {
    display: inline-block;
    font-size: 30px;
    color: #cccccc;
    margin: 0 0 15px;
}
.error h2 {
    color: #363636;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 15px;
    line-height: 24px;
}
.error .error__title {
    color: #c38749;
    font-size: 50px;
    margin-bottom: 24px;
    font-weight: 500;
    line-height: 48px;
    text-transform: capitalize;
}
.error__subtitle {
    margin-bottom: 8px;
}
.error__description{
    font-size: 14px;
    color: #888;
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 30px;
}
.btn-default-grey {
    border-color: #d7d7d7;
    color: #ffffff  ;
}
/* Back to top */
.back-to-top {
	position: fixed;
    font-size: 18px;
	right: 15px;
	bottom: 15px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #c38749;
	border: 1px solid #c38749;
	z-index: 5;
	color: #ffffff;
}
.back-to-top:before {
    content: "\f102";
    font-family: 'FontAwesome';    
}
.back-to-top:hover {
	background-color: #222222;
	border-color: #222222;
}

@media (min-width: 1200px) {
	.container {width: 1200px;}
}
@media (min-width: 1200px) {
	#content .col-lg-2:nth-child(6n+1),
	#content .col-lg-3:nth-child(4n+1),
	#content .col-lg-4:nth-child(3n+1),
	#content .col-lg-6:nth-child(2n+1) {
		clear:left;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#content .col-md-2:nth-child(6n+1),
	#content .col-md-3:nth-child(4n+1),
	#content .col-md-4:nth-child(3n+1),
	#content .col-md-6:nth-child(2n+1) {
		clear:left;
	}	
}
@media (min-width: 768px) and (max-width: 991px) {
	#content .col-sm-2:nth-child(6n+1),
	#content .col-sm-3:nth-child(4n+1),
	#content .col-sm-4:nth-child(3n+1),
	#content .col-sm-6:nth-child(2n+1) {
		clear:left;
	}
	/* Mahardhi */
	#content, #column-left, #column-right { width: 100%; }
	#menu #category { display: none; }
	#menu .navbar-toggle { display: block; }
	#menu .navbar-header { float: none; }
	.footer-top .col-sm-3 { width: 100%; }
}
/* mahardhi */
@media (max-width: 991px) {
    header{
        position: relative;
    }
	.common-home header {
        position: relative;
        background-color: #222222;
    } 
    .herder-right {
        margin-top: 17px;
    }   
    .header-left-logo,.header-right-cart-search{
        width: 50%;
    }
    .header-left-logo{
        z-index: 9999;
    }
    #logo {
        margin: 10px 0 10px 0;
    }	
    .modual-title{
        margin-bottom:35px; 
    }
    .modual-title:after, .modual-title:before,.modual-title h3:after{
        display: none;
    }
	footer .footer-top .col-sm-2 {
		width: 100%;
	}
	#footer_aboutus {
		margin-top: 20px;
		margin-bottom: 50px;
		text-align: center;
	}		
	.footer_social {
        text-align: center;
        float: unset;
    }	
	#column-left .swiper-viewport,#column-right .swiper-viewport,
    #column-left .category-list,#column-right .category-list {
        display: none;
    }
	#filter h3.panel-heading, #column-left .page-title h3,
    #column-right .page-title h3, #column-left .panel.panel-default.filter,
    #column-right .panel.panel-default.filter {
        border: none;
        padding:0;
    }
	.thumb-description .hover-price {
        display: block;
    }	
    .product-thumb:hover .thumb-description .rating{
        display: none;
    }
	#column-left .product-thumb > .image,
    #column-right .product-thumb > .image {
        width: fit-content;
        margin-right: 15px;
    }
    #column-left > div, #column-right > div {
        margin: 0px 0px 18px;
    }
    #column-left .account-content, #column-right .account-content, #column-left .sidebar, #column-right .sidebar {
        margin-bottom: 30px;
    }
    .bred-banner-outer{
        margin-top:0px; 
    }   
    
}
/* fixed colum left + content + right*/
@media (min-width: 768px) {
	#column-left  .product-layout .col-md-3 {width: 100%;}
	#column-left + #content .product-layout .col-md-3 {width: 50%;}
	#column-left + #content + #column-right .product-layout .col-md-3 {width: 100%;}
	#content + #column-right .product-layout .col-md-3 {width: 100%;}
}

@media (min-width: 768px) {
    .product-list .product-thumb .image {
        float: left; 
        margin: 0 20px 0 0;
    }
}

@media (max-width: 767px) {
	#column-left { 
        display: block !important; 
    }
    .product-list .product-thumb .caption {
        margin-left: 0;
        padding: 0 10px;
    }
    .product-grid .product-thumb .caption {
        min-height: 0;
    }    
	#topCategoryList {
        top: 100%;
    }
	#menu .btn-navbar {
        float: left;
    }
    .pagination_detail .text-left, .pagination_detail .text-right {
        text-align: center;
    }
    .product-list .product-thumb .image, .product-layout.product-list .thumb-description {
        float: left;
    }
    .product-list .thumb-description .caption h4.product-name {
        margin-top: 20px;
    }
    .product-left {
        width: 450px;
        margin: 0 auto;
    }
    .product-right .product-title {
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
	.product-tab-block .mahardhi-tabs ul li a {
        font-size: 18px;
        margin-bottom: 10px;
    }    
	.nav-tabs>li {
        float: unset;
    }
	#product-product .nav.nav-tabs li a {
        margin-top: 0;
    }
	.testimonial {
        margin-top: 40px;
    }
	.footer-bottom {
        margin: 0;
    }
    .product-layout.col-xs-6 {
        width: 100%;
    }
    #product-product .nav-tabs>li{
        float: none;
        text-align: center;
    }
    #product-product .nav-tabs>li{
        margin-bottom: -1px;
    }	
}

@media (max-width: 425px) {
    .product-left {
        width: auto;
        margin: 0 auto;
    }
    .menu-btn{
        margin-right: 15px;
    }
    .myaccount {
        margin-left: 15px;
        margin-right: 15px;
    }
}

@media (max-width: 375px) {
	#search.mahardhi-search .box-content {
        width: 210px;
        right: -10px;
    }
    .header-left-logo{
        width: 40%;
    }    
    .header-right-cart-search{
         width: 60%;
    }	  
    #topCategoryList {
        top: 58%;
    }    
    .modual-title h3:after,.modual-title:after,.modual-title:before{
        display: none;
    }
    .mahardhi-tabs .nav-tabs>li{
        float: none;
        margin-bottom: 5px;
    }    
    .herder-right {
        margin-top: 8px;
    }
    #product-product .rating a.review, #product-product .rating .fa_edit{
        margin-left: 10px;
    }    
}

@media (max-width: 320px) {
    .herder-right {
        margin-top: 5px;
    }
    #topCategoryList {
        top: 44%;
    }
    .product-compare-btn{
        padding-left: 0px;
    }
}