body{
	padding:0;
	margin:0;
	background:#fff;
}
body a{
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
}
input[type="button"],input[type="submit"]{
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0; 
	text-align: center;
	font-family: 'Noto Serif', serif;
}	
p{
	margin:0;
}
ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
}

td, th {
    padding: 10px;
}

/*-----start-header----*/

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}
.navbar-collapse.collapse {
    padding: 0;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { padding: 0;}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color: #000;
    background-color: transparent;
}
.navbar {
    position: absolute;
    z-index: 5;
    min-height: 50px;
    margin-bottom: 0px;
    z-index: 3;
    width: 100%;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #fff;
}

/*--header--*/

/*-- login-starts-here --*/
.login-left {
	padding: 0;
}
.login-left h2 {
	color: #000;
    font-size: 20px;
    padding-bottom: 18px;
    font-weight: 600;
}.login-right h3 {
	color: #000;
    font-size: 20px;
    padding-bottom: 18px;
    font-weight: 600;
}

.login-left p, .login-right p {
	color: #CAC9C9;
	display: block;
	font-size: 1.1em;
	margin: 0 0 2em 0;
	line-height: 1.5em;
}
.acount-btn {
	background: #ba9b49;
	border-radius: 3px;
	border: 1px solid #b09662;
	color: #333333;
	font-size: 15px;
	padding: 0.7em 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
}
.acount-btn:hover, .login-right input[type="submit"]:hover{
	background:#c5a654;
	text-decoration:none;
	color:#333333;
}
.login-right form {
	padding: 1em 0;
}
.login-right form div {
	padding: 0 0 2em 0;
}
.login-right span {
	color: #555;
	font-size:1em;
	padding-bottom: 0.2em;
	display: block;
	text-transform: uppercase;
}
.login-right input[type="text"] {
	border: 1px solid #EEE;
	outline-color:#CACACA;
	width: 96%;
	font-size:13px;
	padding: 8px;
}
.login-right input[type="password"] {
	border: 1px solid #EEE;
	outline-color:#CACACA;
	width: 96%;
	font-size:13px;
	padding: 8px;
}
.login-right input[type="submit"] {
	background: #ba9b49;
	border: 1px solid #b09662;
	border-radius: 3px;
	color: #FFF;
	font-size: 1em;
	padding: 0.7em 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
	border:none;
	outline:none;
}
a.forgot {
	font-size: 1em;
	margin-right: 11px;
}
ul.breadcrumbs{
	padding:0;
	list-style:none;
	float:left;
}
ul.breadcrumbs li{
	display:inline-block;
	color:#000;
}
ul.breadcrumbs li.women{
	    background: yellow;
    font-size: 14px;
    padding: 3px;
}
ul.previous{
	padding:0;
	list-style:none;
	float:right;
	    margin-top: 3px;
}
ul.previous li a{
	    font-size: 14px;
    color: #B9B4B5;
}
.login-page {
	padding: 60px 0;
}
/*-- login-ends-here --*/
/*-- register-starts-here --*/
/*-- registration-form --*/
.registration-form {
  padding: 60px 0;

}
.registration-form h2 {
    font-weight: 600;
    text-transform: uppercase;
	color: #000;
    font-size: 20px;
    padding-bottom: 18px;
}
.reg p{
	color: #CAC9C9;
	margin: 0px 0 0 0;
	font-size: 14px;
	line-height: 1.8em;
}
.col-md-6.reg-form {
	padding: 0;
}

.reg p:nth-child(2) {
	margin:0;
}
.reg form {
	margin-top: 32px;
}
.reg p a{
	text-decoration:none;
	color:#ba9b49;
}
.reg p a:hover{
	color: #000;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;
}
.reg ul {
	padding:0;
	margin:0 0 22px 0;
}
.reg ul li {
	display: inline-block;
	width: 58%;
}
.reg ul li.text-info{
	width: 38%;
	color: #ba9b49;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 0 0px 0;
	font-weight: bold;
}
.reg form input[type="text"],.reg form input[type="password"] {
	width: 100%;
	padding: 8px;
	font-size: 14px;
	font-weight: 400;
	border: 1px solid #e6e6e6;
	outline: none;
	color: #000;
}
.reg-form{
	float:left;
	width:50%
}
.reg-right{
	float:right;
	width:47%
}
p.click a{
	display: inline-block;
	color:#ba9b49;
}
p.click a:hover{
	color: #000;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;
}
.reg form input[type=submit]{
	border:none;
	color: #ffffff;
	padding: 9px 35px;
	font-size: 14px;
	cursor: pointer;
	font-weight: 500;
	margin: 0 0 32px 0;
	background: #ba9b49;
	border-radius: 3px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.reg form input[type=submit]:hover {
	background:#000;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;
}
.reg ul:nth-child(6) {
	margin: 0 0 32px 0;
}
.reg ul li:nth-child(2){
	margin-left: 3%;
}
.reg-right p{
	color: #CAC9C9;
	margin: 0 0 30px 0;
	font-size: 14px;
	line-height: 1.8em;
}
/*-- //registration-form --*/
/*-- register-ends-here --*/
/*-- contact-page-starts-here --*/
.contact {
	padding: 60px 0;
}
.contact-info {
	margin-bottom: 40px;
}
.contact-left{
	width:30%;
	float:left;
}
.contact-right{
	width:68%;
	float:right;
}
.contact-left input[type="text"]{
	width: 100%;
	color: #000;
	margin: 0 23px 23px 0;
	font-size:14px;
	padding: 12px 10px;
	outline: none;
	border: 1px solid #e8e8e8;
}
.contact-right textarea{
	width: 100%;
	color: #000;
	font-size:14px;
	resize: none;
	height: 185px;
	padding: 12px;
	outline: none;
	border: 1px solid #e8e8e8;
}
.contact-form input[type=submit] {
	border:none;
	color: #ffffff;
	padding: 13px 43px;
	font-size: 14px;
	cursor: pointer;
	font-weight: 500;
	background:#ba9b49;
	border: 1px solid #b09662;
	border-radius: 3px;
}
.contact-form input[type=submit]:hover {
	background:#000;
	transition: .5s all;
	-webkit-transition: .5s all;
	-o-transition: .5s all;
	-ms-transition: .5s all;
	-moz-transition: .5s all;	
}
.contact-info h2{
	text-align: center;
    margin: 0 0 20px 0;
    font-size: 24px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
	padding: 0;
}
.contact-info h3{
	text-align: center;
    margin: 0 0 20px 0;
    font-size: 24px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
	padding: 0;
}
.contact-map{
	width:100%;
	margin-bottom: 52px;
}
.contact-map iframe{
	width:100%;
	height:330px;
}
/*-- //contact-page-ends-here --*/
/*-- typography-page-ends-here --*/

section#tables h2 {
    padding-bottom: 15px;
    font-size: 28px;
    letter-spacing: 1px;
    color: #3382C9;
}
div#myTabContent {
    margin-top: 0.5em;
}
/*-- typography-page-ends-here --*/
/*--checkout--*/
/*-- cart-page --*/

.cart-items {
	padding: 60px 0;
}
.cart-items h2 {
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 28px;
	/*color: #97D700;*/
	font-weight: 600;
	padding:0;
}
.cart-item img {
	width: 100%;
}
.cart-item-info {
	width: 75%;
	float: left;
	margin-top: 3%;
}
.cart-item-info h3 {
	color:#000;
	font-size: 14px;
	font-weight: 600;
}
.cart-item-info h3 a {
	/*color:#97D700;*/
    font-size: 18px;
}
.cart-item-info h3 span {
	display: block;
	font-weight: 400;
	font-size: 0.85em;
	margin: 0.7em 0;
}
ul.qty {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.qty li {
	display: inline-block;
	margin-right: 10%;
}
ul.qty li p {
	font-size: 14px;
	color: #000;
}
/*-- //check --*/
/*-- single-page --*/

/*-- //single-page --*/

/*-- general template-design --*/

@media screen and (max-width: 1024px) {	

	.navbar-default .navbar-nav > li > a {
		margin: 0 5px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.navbar-nav {
		margin-right: 60px;
		margin-top: 6px;
	}
}
@media screen and (max-width: 800px) {	
	.navbar-default .navbar-nav > li > a {
		margin: 0 5px;
		padding: 6px 10px;
		font-size: 13px;
	}
	.navbar-nav {
		margin-top: 8px;
		padding-bottom: 15px;
	}
	.product {
		/*margin-top: 30px;*/
		float: left;
		width: 33.333%;
		padding:0 10px;
	}
	a.product_name {
		margin: 7px 0;
	}
	.join h6 {
		font-size: 18px;
	}
	.join input[type="submit"] {
		width: 17%;
		font-size: 16px;
		padding: 7px 0 9px;
	}
	.join input[type="text"] {
		width: 47%;
		font-size: 13px;
	}
	.login-left {
		float: left;
		width: 47%;
		margin-right:3%
	}	
	.login-right {
		float: left;
		width: 50%;
	}	
	.login-right p {
		margin: 0 0 1.3em 0;
	}	
	.login-left h2,.login-right h3 {
		font-size: 18px;
	}
	.reg-form {
		width:100%;
		margin-bottom:5%;
	}
	.reg-right {
		width:100%;
		margin:0;
	}
	.reg ul li.text-info {
		width: 30%;
	}
	.cart-items h2 {
		margin: 0 0 15px 0;
		font-size: 22px;
	}

	.contact-info {
		margin-bottom: 30px;
	}
	.contact-map iframe {
		height: 300px;
	}
	.products {
		width: 26%;
	}
}
@media screen and (max-width: 768px) {	
	.contact-form input[type=submit] {
		padding: 8px 30px;
	}
	.contact-map iframe {
		height: 250px;
	}
	.contact-info h2,.contact-info h3 {
		margin: 0 0 15px 0;
		font-size: 22px;
	}
}
@media screen and (max-width: 640px) {	
	.navbar {
		border: none;
	}
	.navbar-nav {
		margin: 10px 0;
		width: 100%;
		text-align: center;
		margin-right:0;
	}
	.navbar-default .navbar-nav > li > a {
		margin: 5px 0px;
	}
	.navbar-collapse.collapse {
		margin-top: 10px;
	}
	.login-left h2, .login-right h3 {
		font-size: 17px;
	}
	.login-left p, .login-right p {
		font-size: 1em;
	}
	.cart-item-info h3 a {
		font-size: 15px;
	}
	.cart-items h2 {
		margin: 0;
		font-size: 20px;
	}	
	.cart-item-info {
		margin-top: 1%;
	}
}
@media screen and (max-width: 480px) {	
	.product {
		padding: 0 10px;
		width: 50%;
	}
	.contact-left {
		width: 100%;
	}
	.contact-left input[type="text"] {
		margin: 0 0px 23px 0;
	}
	.contact-info h2, .contact-info h3 {
		margin: 0 0 12px 0;
		font-size: 20px;
	}
	.products {
		width: 100%;
		margin-bottom:15px;
		    margin-right: 0;
	}

	.login-left,.login-right {
		width: 100%;
		margin-right: 0%;
		padding:0;
	}
	.login-right {
		margin-top:20px;
	}
	.acount-btn {
		font-size: 13px;
		padding: 0.7em 1em;
	}
	.login-right p {
		margin: 0 0 1em 0;
	}
	.login-left h2 {
		font-size: 20px;
		padding-bottom: 10px;
	}
	.cart-item-info {
		width: 71%;
	}
	.media-left.response-text-left {
		width: 20%;
		margin-right: 2%;
	}
}
@media screen and (max-width: 320px) {	

	.navbar-toggle {
		padding: 7px 7px;
		margin-top: 8px;
		margin-right: 0px;
		margin-bottom: 8px;
	}

	.login-right input[type="submit"] {
		padding: 0.5em 1em;
	}
	.login-left h2 {
		font-size: 18px;
	}
	.cart-item-info {
		width: 100%;
	}
}

.product_price{font-weight:700;color:#999;width:100%;text-align:center;display:block;}
.add_to_cart{width:100%;text-align:center;display:block; padding-bottom: 2%;}
.product_name{margin:7px 0px;}
.product_name a { font-weight: 700;}

.contact-form input[type="text"], .contact-form select{
width: 100%;
color: #000;
margin: 0 23px 23px 0;
font-size: 14px;
padding: 12px 10px;
outline: none;
border: 1px solid #e8e8e8;
}

.contact-form input[type="reset"]{
display:none;
}

.contact-form textarea{
width: 100%;
color: #000;
font-size: 14px;
resize: none;
height: 185px;
padding: 12px;
outline: none;
border: 1px solid #e8e8e8;
}

span.label{}
.acount-btn{border:0px;}

#newlogin h3,#userlogin h3 {
	color: #000;
    font-size: 20px;
    padding-bottom: 18px;
    font-weight: 600;
}
#newlogin p,#userlogin  p {
	color: #CAC9C9;
	display: block;
	font-size: 1.1em;
	margin: 0 0 2em 0;
	line-height: 1.5em;
}
#userlogin input[type="submit"]:hover{
	background:#c5a654;
	text-decoration:none;
	color:#333333;
}
#newlogin form, #userlogin form {
	padding: 1em 0;
}
#newloginform div,#userlogin form div {
	padding: 0 0 2em 0;
}
#newlogin span, #userlogin span {
	color: #555;
	font-size:1em;
	padding-bottom: 0.2em;
	display: block;
	text-transform: uppercase;
        font-weight:normal;
}
#userlogin input[type="text"] {
	border: 1px solid #cacaca;
	outline-color:#CACACA;
	width: 96%;
	font-size:13px;
	padding: 8px;
}
#userlogin input[type="password"] {
	border: 1px solid #cacaca;
	outline-color:#CACACA;
	width: 96%;
	font-size:13px;
	padding: 8px;
}
#userlogin input[type="submit"] {
	background: #ba9b49;
	border: 1px solid #b09662;
	border-radius: 3px;
	color: #333333;
	font-size: 1em;
	padding: 0.7em 1.2em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	display: inline-block;
	text-transform: uppercase;
	border:none;
	outline:none;
}

#userlogin input[type="button"] {
background-color:transparent;
border:0px;
color:#337AC4;
}
#userlogin input[type="button"]:hover{
text-decoration:underline;
}

#userlogin table { width: 100% !important;}

#newlogin{display:inline-block;width:49%;vertical-align:top;}
#userlogin{display:inline-block;width:49%;vertical-align:top;}
#userlogin td{padding:10px;}
#showQuestion{display:inline-block;}
#maincontent{padding:10px;}

#userlogin span.label{display:none;}
#userlogin table{width:80%;}
.reg .tableheader{
color: #ba9b49;
font-size: 16px;
text-transform: uppercase;
margin: 0px;
font-weight: bold;
}
.reg .tableheader2{
font-size:24px;
color:black;
}
.reg td{padding: 0px 0px 22px}
.reg .tablecell{color:#CAC9C9;}
.reg {width:70%;}
.reg input[type="reset"]{display:none;}
.reg select{
width: 100%;
color: #000;
margin: 0px 23px 23px 0px;
font-size: 14px;
padding: 12px 10px;
outline: medium none;
border: 1px solid #E8E8E8;
}
.reg input[type="button"]{
background-color:transparent;
border:0px;
color:#337AC4;
}
.reg input[type="button"]:hover{
text-decoration:underline;
}

.checkout1-form input[type="text"], .checkout1-form input[type="password"] {
	border: 1px solid #EEE;
	outline-color:#CACACA;
	font-size:13px;
	padding: 8px;
}
.checkout1-form ul li div:first-child{ font-size:24px;}
#checkout_popup input[type="text"], #checkout_popup select, #checkout_popup input[type="password"]{
        border: 1px solid #EEE;
	outline-color:#CACACA;
	font-size:13px;
	padding: 8px;
}

.checkout1-form ul li div.formlabel{font-size:14px;}

@media screen and (max-width: 800px) {	
#newlogin{width:100%;}
#userlogin{width:100%;}
#userlogin table{width:100%;}
.reg td{display:table;width:100%;}
.reg .tableheader{font-size:14px;}
.checkout1-form ul li{width:100%!important;}
.checkout1-form ul li:first-child{border:0px!important;}
.checkout1-form ul li:last-child{margin-top:100px;}
.checkout2_div1{width:100%!important;}
.checkout2_div2{width:100%!important;border:0px!important;padding-left:0px!important;margin-left:0px!important;margin-top:100px;}
}

#submitbtn{}
#checkout_continue_submit{}
.btn-color{}
.textalign .primary_button{}


.iesbackgroundcolor1{background-color:#ba9b49;}
.iesbackgroundcolor2{background-color:#090000;}
.iesbackgroundcolor3{background-color:#ba9b49;}

.iesfontcolor1{color:#ba9b49;}
.iesfontcolor2{color:#333333;}
.iesfontcolor3{color:#ffffff;}

.iesfontfamily1{font-family:'Noto Serif', serif;}
.iesfontfamily2{font-family: 'Raleway', sans-serif;}
.iesfontfamily3{font-family: 'Raleway', sans-serif;}

.iesdefaultfontfamily1{font-family:'Noto Serif', serif;}
.iesdefaultfontfamily2{font-family:'Raleway', sans-serif;}
.iesdefaultfontfamily3{font-family:'Raleway', sans-serif;}

/* more widget classes - begin */
.page_description_header_main {font-weight:bold;font-size:16px;}
#topdesc {padding:10px 0px 10px 0px;display:block;}
#maindesc {padding:10px 0px 10px 0px;/*display:block;*/}
#bottomdesc {padding:10px 0px 10px 0px;display:block;}
.main_cat_title {font-weight:bold;}
.main_cat_list {display:inline-block; width: 100%; margin-bottom: 25px;}
.cat_list {display:inline-block;}
.category_pic {max-height:100px;max-width:100px;}
/* adding more to the one defined above */

/* more widget classes - end */

/*=== things to change ===*/


/*================
CUSTOM TEMPLATE STYLE
================*/

a { text-decoration: none; color: inherit;}

a:hover, a:focus { text-decoration: none; color:inherit;}

h4 { font-size: 1em;}

.nopad { padding-left: 0; padding-right: 0;}
.nopad-left { padding-left: 0;}
.nopad-right { padding-right: 0;}

.cart-total-qty { font-weight: 700; font-size: .7em;}
.cart-total-price { font-weight: 700;}

.cartbox { 
	float: right;
    width: 20%;
    /*padding: 0 !important;*/
    cursor: pointer;
    /*margin-top: 15px;*/
    text-align: right;
    padding: 8.5px 5px;
}

.fa-chevron-left { float: left; color: rgba(255,255,255,.5); margin: 12px 7px; cursor: pointer;}
.fa-chevron-right { float: left; margin: 12px 7px; cursor: pointer;}

.navbar { 
	border: 0px;
	border-radius: 0px;
	top: 0;
}

.navbar-fixed-top {
    position: fixed; 
	top: 0; 
	z-index: 8; 
}

.logo img { max-height: 65px; margin-top: -5px;}

/* EXPANDING SEARCH BAR*/

.fa-search { margin: 15% auto;}

.searchbox { 
	/*height: 50px;*/
    width: 65%;
    padding-right: 0;
    float: right;
}

.search {
	top: 15px;
    /*width: 80%;
    border-bottom: 1px solid #eeeeee;*/
    padding: 1% 1.5%;
    border-top: 0px;
    border-left: 0;
    border-right: 0;
    /*background: transparent;*/
    margin-left: 4%;
}

.searchbutton {
	top: 12px;
    /*left: 62%;*/
    width: 9%;
    position: relative;
}

.sb-search {
	position: relative;
	/*margin-top: 10px;*/
	width: 0%;
	min-width: 40px;
	height: 35px;
	float: right;
	overflow: hidden;

	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;

	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: .5px;
	border: none;
	border-radius: 0 !important;
	outline: none;
	background: #d8d8d7;
	width: 100%;
	height: 29px;
	margin: 0;
	z-index: 5;
	padding: 2px 2px 2px 5px;
	font-family: inherit;
	font-size: .8em;
	color: #2c3e50;
}

.sb-search-input::-webkit-input-placeholder {
	color: #777777;
}

.sb-search-input:-moz-placeholder {
	color: #777777;
}

.sb-search-input::-moz-placeholder {
	color: #777777;
}

.sb-search-input:-ms-input-placeholder {
	color: #777777;
}


.sb-icon-search,
.sb-search-submit  {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	/*background: #e67e22;*/
	background: #180309;
	z-index: 5;
	font-size: 22px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #403E3B;
	color: #fff;
	z-index: 8;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 10;
}

.topbar { padding-top: 12px; padding-bottom: 10px;}

.navbar-nav { width: 100%;}
.hara-navbar-top { width: 100%;}
.hara-navbar-top ul li a i { color: #ffffff; font-size: 21px;}
.hara-navbar-top ul li.topbuy a {
    text-transform: uppercase;
    background: #ba9b49;
    border: 1px solid #b09662;
    border-radius: 3px;
    color: #333333;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 700;
}

.hara-navbar-top ul li.topbuy a:hover {
    background: #c5a654;
}

.dropdown.mega-dropdown { margin-left: 0; padding-left: 0; position: static;}
.dropdown.mega-dropdown a { margin-right: 0;}
.navbar-nav > li  {float: right; margin: 0 10px;}

.products-front #product_listing_sortby_box { display: none;}

#category-list { 
    display: none; 
    padding: 1.5em 1em;
    line-height: 1.2em;
    position: absolute;
    max-width: 94%;
    left: 0;
    z-index: 10;
    margin-left: 1.2%;
    /*background: #f6f6f6;
    margin-top: 12px;*/
}

#category-list div { text-align: left;}

.category2 a:hover { color: #696969; font-weight: 300;}

.category1 {
    margin-bottom: 10%;
    text-align: right;
    /*max-width: 25%;*/
    margin: 0 15px;
    display: inline-block;
    vertical-align:top;
    font-size: .95em;
}

.category1 > a {
    display: block;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.category2 {
    margin-bottom: 7px;
}

.dropdown-toggle #category-list:hover { display: block;}

/* VERTICAL NAVBAR */

.navbar-toggle { 
	/*display: block;*/
    float: right;
    clear: right;
    border: 0px;
    background: transparent !important;
    margin-right: 0;
    margin-top: 5%;
}

.navbar-toggle .icon-bar { 
	width: 28px;
    height: 3px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 5px;
}

.navbar-collapse.collapse {
    padding: 0;
    margin-top: 2%;
    /*width: 20%;
    max-width: 20%;*/
}

.navmenu { padding: 0;}

.navmenu-fixed-left, .navbar-offcanvas.navmenu-fixed-left { padding: 0;}

.navbar-collapse.in {
    overflow-y: auto;
    overflow-x: hidden;
}

.cat-name { 
	font-size: .8em;
}

.navbar-default .navbar-nav > li > a {
	border: 0px;
	padding: 4px 6px;
}

.fa-chevron-down {
	/*float: right;*/
    font-size: .7em;
    /*margin-top: .4em;*/
    color: #000;
    -webkit-transition: all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
}

.sub-3 { border-radius: 0px;}
.sub-3 a {
	padding-left: 12%;
}

.sub-4 {border-radius: 0px;}
.sub-4 a {
	padding-left: 17%;
}

#front-hero-slider {
    clear: both;
    overflow: hidden;
    position: relative;
}

#front-hero-slider .iessnippet-num-302 { 
    padding-top: 0;
    padding-bottom:0;
}

#front-hero-slider img { position: relative;}

.centeronpage {
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
}

#front-hero-slider img { width: 100%;}
#hero-text img { 
    width: auto; 
    margin: 0 auto;
    margin-bottom: 40px;
}
#hero-text { 
    color: #d7b629; 
    position: absolute;
    /*margin-top: -145%;*/
}
#hero-text .goldborderbox {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #d7b629;
    border-bottom: 1px solid #d7b629;
    color: #f7f0d0;
    padding: 20px 0;
}
#hero-text h1 {
    font-size: 60px;
    margin: 10px auto 20px;
}

section.hara-sect { position: relative;}
section.hara-sect img { width: 100%; z-index: -1;}
section.hara-sect.sect2 { 
    background: url(./images/about.jpg); 
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;
}
/*section.hara-sect .hara-sect-text { position: absolute;}*/

section.hara-sect.sect2 .hara-sect-text .abouttext { 
    text-align: left;
    padding-top: 60px;
}

section.hara-sect.sect2 .hara-sect-text .abouttext .masakanbook { font-style: italic;}
section.hara-sect .hara-sect-text .abouttext h3 { text-align: left;} 
section.hara-sect .hara-sect-text .abouttext h3 + p { margin-top: 15px;}
section.hara-sect .hara-sect-text .abouttext p { line-height: 1.5;}

section.hara-sect.sect3 { 
    background: url(./images/books.jpg); 
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    border-bottom: 3px solid #ba9b49;
}

section.hara-sect.sect3 .hara-sect-text .abouttext {
    color: #f9f3f3;
    background: rgba(135,69,68,.35);
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 80px;
    padding-bottom: 999px;
    /*margin-left: 40%;
    width: 30%;*/
}

section.hara-sect .hara-sect-text .abouttext .buybtn {
    padding-top: 20px;
    padding-bottom: 30px;
}

section.hara-sect .hara-sect-text .abouttext .buybtn a.buynow {
    text-transform: uppercase;
    background: #ba9b49;
    border: 1px solid #b09662;
    border-radius: 3px;
    color: #333333;
    padding: 7px 14px;
    font-size: 12px;
    font-weight: 700;
}

section.hara-sect .hara-sect-text .abouttext .buybtn a.buynow:hover {
    background: #c5a654;
}

section.hara-sect.sect4 .hara-front3 .col-md-12 { text-align: center;}
section.hara-sect.sect4 .hara-front3 h3 { 
    padding-top: 70px;
    padding-bottom: 40px;
    display:inline-block;
}

section.hara-sect.sect4 .hara-front3 img {
    display: inline-block;
    width: 40px;
}

section.hara-sect.sect5 .hara-front4 .foodimg, section.hara-sect.sect8 .hara-front7 .foodimg {
    position: relative;
}

section.hara-sect.sect5 .hara-front4 .foodname.magic, section.hara-sect.sect8 .hara-front7 .foodname.magic {
    display: block;
    cursor: default;
}

section.hara-sect.sect5 .hara-front4 .foodimg .overlayeffect:after, section.hara-sect.sect8 .hara-front7 .foodimg .overlayeffect:after {
  position: absolute;
  content:"";
  top:0;
  left:0;
  width:100%;
  height:100%;
  opacity:0;
}

section.hara-sect.sect5 .hara-front4 .foodname {
    background: #f6d3e8;
    padding: 7px 15px;
    position: absolute;
    display: none;
}

section.hara-sect.sect5 .hara-front4 .foodimg .divimg:hover:after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    transition: .5s ease;
    background: #eed1e2;
    overflow:hidden;
}

section.hara-sect.sect5 .hara-front4 .foodimg .divimg.overlayeffect:after {
    background: #eed1e2;
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

section.hara-sect.sect8 .hara-front7 .foodname {
    background: #2b374e;
    padding: 7px 15px;
    position: absolute;
    display: none;
}

section.hara-sect.sect8 .hara-front7 .foodimg .divimg:hover:after {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    transition: .5s ease;
    background: #9cb5e7;
    overflow:hidden;
}

section.hara-sect.sect8 .hara-front7 .foodimg .divimg.overlayeffect:after {
    background: #9cb5e7;
    -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

section.hara-sect.sect6 { 
    background: url(./images/buybook1.jpg); 
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    border-bottom: 3px solid #ba9b49;
}

section.hara-sect .hara-sect-text .abouttext .booktitle {
    margin-top: 30px;
}
section.hara-sect .hara-sect-text .abouttext .booktitle h2 { 
    margin: 5px auto 10px;
}

section.hara-sect.sect6 .hara-sect-text .abouttext .titleborder {
    border-top: 1px solid #ffffff;
    padding: 10px 0;
    margin-bottom: 20px;
}

/*section.hara-sect.sect6 .hara-sect-text .abouttext .buybtn { padding-top: 0;}*/

section.hara-sect.sect6 .hara-sect-text, 
section.hara-sect.sect7 .hara-sect-text { 
    width: 100%;
}

section.hara-sect.sect6 .hara-sect-text .abouttext p,
section.hara-sect.sect7 .hara-sect-text .abouttext p {
    margin-top: 7px;
}

section.hara-sect.sect6 .hara-sect-text .abouttext i,
section.hara-sect.sect7 .hara-sect-text .abouttext i {
    margin-right: 5px;
}

section.hara-sect .hara-sect-text .abouttext .bulkorder {
    /*padding-top: 15px;*/
    font-size: 11px;
}

section.hara-sect.sect6 .hara-sect-text .abouttext h2+p { margin-top: 15px;}

section.hara-sect.sect7 { 
    background: url(./images/buybook2.jpg); 
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

section.hara-sect.sect7 .hara-sect-text .abouttext { 
    
}

section.hara-sect.sect7 .hara-sect-text .abouttext h3 {
    text-align: center;
}

section.hara-sect.sect7 .hara-sect-text .abouttext .titleborder {
    border-top: 1px solid #ba9b49;
    padding: 10px 0;
    margin-bottom: 20px;
}

.swiper-slide img { width: 100%;}

.swiper-slide { width: 100% !important;}

.swiper-pagination-bullet-active {
    background: #545c66 !important;
}

.products-front h3 {
	font-size: 1.5em;
	text-transform: uppercase;
}

.products-front {
	/*margin-top: 1em;*/
	padding:0;
}

.prod-front {
	width: 100%;
	/*margin-top: 20px;*/
}

.product_name {
    display: block;
    /*border-bottom: 1px solid #eee;*/
}

footer {
	padding: 50px 0;
}

.footerlinks { text-align: right}

.footerlinks li {
	list-style-type: none;
    display: inline-block;
	line-height: 2.2;
	padding: 5px 0 5px 0;
}

.footerlinks li a, .footerlinks p {
	color: #e9e9e9;
	padding: 5px 9px;
	font-size: 12px;
}

#copyright {
	font-size: .7em;
	color: #8d8d8d;
	margin-top: 3%;
	text-align: left;
}

.newsletter-form {
	color: #fff;
	font-size: .9em;
	line-height: 1.2;
	padding: 5px 0 5px 0;
}

#newsletter-fielddv {
    width: 75%;
    display: inline-block;
}

#newsletter-submit {
    width: 20%;
    display: inline-block;
}

#newsletter-head {
    margin: 2%;
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
}

#newsletter-field {
	width: 100%;
	padding: 2%;
	background: rgba(255,255,255,.9);
	border: 0px;
	text-align: center;
}

#newsletter-field input[type='text'].search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#newsletter-field input[type='text'].search::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#newsletter-field input[type='text'].search:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#newsletter-field input[type='text'].search:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

#newsletter-submit-button {
	text-align: center;
	text-transform: uppercase;
	border: 0px;
	width: 100%;
	padding: 8%;
    margin-top: 1em;
    font-weight:700;
    background: rgba(20,50,150,.6);
    color: #fff;
}

.newsletter-front { }
.newsletter-box { margin: 0 16%; text-align: center; padding: 3%;}
#newsletter-img img { margin: 0 auto;}

.bg-overlay { 
    display: none; 
    position: fixed; 
    background: rgba(63,63,63,.75); 
    height: 100vh; 
    width: 100%; 
    z-index: 9; 
    top: 0; 
    left: 0;
    transition-property: background;
    transition-duration: 200ms;
    transition-timing-function: linear;
    -webkit-transition: background 200ms linear;
    -moz-transition: background 200ms linear;
    -o-transition: background 200ms linear;
}

/* Category listing */

.breadcrumbs { padding: 0 15px !important;}

.product {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    overflow: hidden;
    width: 33.3%;
    /*margin-left: 3%;
    margin-top: 1%;*/
    padding-top: 10px;
    transition-property: width;
    transition-duration: 500ms;
    transition-timing-function: linear;
    -webkit-transition: width 500ms linear;
    -moz-transition: width 500ms linear;
    -o-transition: width 500ms linear;
    border: 1px solid #eee;
}

.products-grid img:before {
    display: inline-block;
    vertical-align: middle;
}

.products-grid img {
    max-height: 100%;
    max-height: 100%;
    overflow-y: hidden;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    margin-top: 5%;
}

/*.product_pic_div { max-height: 310px;}*/

.products-grid { /*margin: 0 0 30px;*/ display: inline-block; width: 100%;}
#cat_product_listing { width: 100%;}

#onsale_product_listing { width: 100%;}

.paging_outer {
    clear: both;
    position: relative;
    list-style-type: none;
    margin: 0% auto;
    height: 20px;
    width: 40%;
}

.paging_outer li {
    width: 12%;
    text-align: center;
    float: left;
}

.carttext a, .stocknotificationtext a { font-size:.85em;}

.carttext {    
    text-align: center;
    text-transform: uppercase;
    margin-top: 7px;
}

.text-bg-trans-add.wishlistbox { }
.tippylink .wishlistbox a { padding: 1%;}

.wishlistbutton { font-size: .7em; cursor: pointer; color: #a8a8a8; display: block; margin-bottom: 3px;}

.product_original_price {
    text-align: center;
    color: #bdbdbd;
    text-decoration: line-through;
}

.cat_list {
    display: inline-block;
    width: 24%;
    margin-top: 2%;
    text-align: center;
    border: 1px solid #eee;
}

.cat_img img { margin: 0 20%;}

#maindesc, #breadcrumbs, .category_breadcrumbs { display: inline-block;}

.page_description_header_main { text-align: center;}
.category_breadcrumbs { display: none;}

.category-bread #breadcrumbs > h1, .category-bread #maindesc > h1 { 
    text-align: left !important;
    font-weight: 300 !important;
    font-size: 1em !important;
}

#product_listing_sortby_box { text-align: right; position: relative;}
#product_listing_sortby_box form { width: 100%; float: left; margin-bottom: 5%;}

.main-top {margin: 10% auto 3%;}

/*.main-content { display: inline-block;}*/

/* category listing left on category page */

.cat-list-left .category1 { 
    max-width: 100%;
    display: block;
    text-align: left;
    margin: 15px 0;
}

.cat-list-left .category1 > a {
    border: 0;
}

.cat-list-left .category2 {
    margin-left: 5%;
}

.price-range .optiongroup li { list-style-type: none;}

.price-range { /*margin: 25px auto;*/ position: absolute; width: 15%; z-index:2;}

.cat-list-left { margin: 75px auto 0;}

.filter-div { margin-top: 40px;}

.shopping-cart-upsell li { list-style-type: none;}
/* view show cart */
.shopping-cart-info { width: 60%; margin: 20px auto;}
.shopping-cart-title { display: inline-block; width: 100%; margin: 5px auto; margin-top: 4%; border-bottom: 1px solid #e0e0e0; color: #9c9c9c;}
.header-name { display: inline-block; width: 50%; text-align: center;}
.header-price-qty { display: inline-block; width: 15%; text-align: center;}
.header-qty { display: inline-block; width: 10%; text-align: center;}
.header-price { display: inline-block; width: 15%; text-align: center;}
.content-item { max-height: 100%;}
.content-item-points { display: inline-block; width: 10%; text-align: center;}
.content-item { display: inline-block; width: 100%; margin: 5px auto;}
.content-item-img { width: 10%; margin: 0; display: inline-block;}
.content-item-img img { max-width: 100%;}
.content-item-name { display: inline-block; padding: 0 2%; width: 40%; margin: 0;}
.content-item-price-qty { display: inline-block; width: 15%; text-align: center;}
.content-item-qty { display: inline-block; text-align: center; width: 10%;}
.content-item-qty  input { text-align: center;}
.content-item-price { display: inline-block; width: 15%; text-align: center;}
.shopping-cart-summary { display: inline-block; width: 100%;}
.cart-remove-all { width: 68%; display: inline-block;}
.shopping-cart-total-qty { display: inline-block; width: 10%; text-align: center;}
.shopping-cart-total-price { display: inline-block; width: 15%; text-align: center;}
.shopping-cart-apply-discount { margin: 20px auto;}
.shopping-cart-apply-discount td { padding-left: 0;}
.cart-description p { display: none;}
.ShowCartCheckOutBtn { border: 0; border-radius: 3px; text-transform: uppercase; padding: 7.3% 10%; font-weight: 700;}
.ShowCartChangeQtyBtn { background: #3f3f3f; color: #fff; border: 0;border-radius: 3px;}
.ShowCartContinueBtn { background: #8a8a8a; color: #fff; border: 0; border-radius: 3px;}
.shopping-cart-buttons { margin: 20px auto; text-align: right;}
.ShowCartContinueBtn, .ShowCartChangeQtyBtn{font-weight: 700; padding: 1% 2%;}
.mobile-shopping-cart-buttons { text-align: right;}
.mobile-shopping-cart-buttons .ShowCartChangeQtyBtn { display: none;}
.listing_approx { font-size: .8em; color: #888; }
#shipping_calculator .label { text-align: right;}
.shopping-cart-discount .discount-item { display: inline-block; width: 100%; margin: 2% 0;}
.shopping-cart-discount .discount-info { width: 50%; margin-left: 2%; margin-right: 2%; display: inline-block;}
.shopping-cart-discount .discount-qty { display: inline-block; width: 9%; text-align: center;}
.shopping-cart-discount .discount-remove { display: inline-block; width: 10%; margin: 0 2%; text-align: center; font-size: .7em;}
.shopping-cart-discount .discount-value { display: inline-block; width: 12%; text-align: center;}
.header-points { display: none;}
.DiscountCouponButton{ background: #000; color: #fff; border: 0;}

.primary_button { border: 0;}

@media only screen and (min-width: 1921px){
    .ShowCartCheckOutBtn { padding: 10.5% 10%;}
}

@media only screen and (max-width: 1920px){
    .ShowCartCheckOutBtn { padding: 10% 10%;}
}

@media only screen and (max-width: 1440px){
    .ShowCartCheckOutBtn { padding: 8% 10%;}
}

@media only screen and (max-width: 1024px){
    .shopping-cart-info { width: 80%;}
}

@media only screen and (max-width: 768px){
    .shopping-cart-info { width: 90%;}
    .ShowCartCheckOutBtn { padding: 7% 10%;}

}

@media only screen and (max-width: 700px){
    .content-item-price-qty, .header-price-qty  { display: none;}
    .shopping-cart-discount .discount-qty { display: none;}
    .header-name { width: 45%; padding-left: 0;}
    .header-qty { width: 15%;}
    .content-item-qty { width: 15%;}
    .content-item-price { width: 20%;}
    .content-item-points { font-size: .9em; width: 15%;}
    .cart_remove2 { float: left; font-size: .7em; margin-top: 7px;}
    .content-item-qty input { width: 55%; float: left;}
    .shopping-cart-info { margin: 0;}
    .shopping-cart-discount .discount-value { width: 22%;}
    .shopping-cart-discount .discount-remove { width: 20%;}
    .shopping-cart-discount .discount-info { width: 40%;}
}

@media only screen and (max-width: 450px){
    .navbar-default .navbar-toggle { padding-left: 2px;}
    .cartbox { width: 19%; padding-left: 0; padding-right: 0;}
    .mobile-shopping-cart-buttons .ShowCartContinueBtn { width: 100%;}
    .ShowCartContinueBtn { width: 49%; float: left;}
    .ShowCartChangeQtyBtn { width: 49%; float: right;}
    .ShowCartCheckOutBtn { width: 100%; margin: 20px auto; padding: 1em 0;}
    .shopping-cart-info { width: 95%;}
    .mobile-shopping-cart-buttons .ShowCartCheckOutBtn { position: relative; padding: 1em; width: 100%; margin-top: 0;}
    .mobile-shopping-cart-buttons .ShowCartChangeQtyBtn { margin-top: 4em; margin-bottom: 5%; float: right;}
    .mobile-shopping-cart-buttons .ShowCartContinueBtn { margin-top: 4em; margin-bottom: 5%;}
    .cart-remove-all { width: 60%;}
    .shopping-cart-total-qty { width: 10%;}
    .paymentlist { width: 100%;}
    .content-item { border-bottom: 1px solid #e0e0e0; padding-bottom: 1%;}
    .shopping-cart-discount .discount-item { border-bottom: 1px solid #e0e0e0; padding-bottom: 1%;}
}

@media only screen and (max-width: 400px){
    .content-item-name { width: 35%;}
    .content-item-price { width: 22%;}
    .content-item-points { font-size: .8em;}
}

@media only screen and (max-width: 350px){
    .mobile-shopping-cart-buttons .ShowCartContinueBtn { font-size: 10px; padding: 2%; margin-top: 4.6em;}
    .ShowCartContinueBtn { font-size: 10px; padding: 1.5%;}
}


/* RESPONSIVE SETTINGS */

@media only screen and (min-width: 2500px) {
	.product {width: 25%;}
	section.hara-sect.sect2 { height: 940px;}
	/*section.hara-sect.sect2 .hara-sect-text .abouttext { margin-left: 43%; width: 22%;}*/
	section.hara-sect.sect3 { height: 1215px;}
	section.hara-sect.sect6, section.hara-sect.sect7 { height: 1140px;}
	section.hara-sect.sect6 .hara-sect-text .abouttext { width: 13%;  padding-top: 260px; margin-left: 50%;}
	section.hara-sect.sect7 .hara-sect-text .abouttext { width: 13%; margin-left: 26%; padding-top: 260px;}
}	

@media only screen and (max-width: 1921px) {
    section.hara-sect.sect2 { height: 705px;}
	/*section.hara-sect.sect2 .hara-sect-text .abouttext { margin-left: 30%; width: 22%;}*/
	section.hara-sect.sect3 { height: 1000px;}
	section.hara-sect.sect6, section.hara-sect.sect7 { height: 875px;}
	section.hara-sect.sect6 .hara-sect-text .abouttext { width: 17%; padding-top: 160px; margin-left: 50%;}
	section.hara-sect.sect7 .hara-sect-text .abouttext { width: 17%; margin-left: 26%; padding-top: 160px;}
}

@media only screen and (max-width: 1900px) {
    section.hara-sect.sect2 { background-size: 120% 100%;}
    section.hara-sect.sect6, section.hara-sect.sect7 { background-size: 125% 100%;}
}

@media only screen and (max-width: 1441px) {
    #hero-text { margin-top: -9px;}
    section.hara-sect.sect2 { height: 495px; background-size: 100% 105%;}
	/*section.hara-sect.sect2 .hara-sect-text .abouttext { width: 25%; margin-left: 15%;}*/
	section.hara-sect.sect3 { height: 715px; background-size: 100% 100%;}
	section.hara-sect.sect6, section.hara-sect.sect7 { height: 615px; background-size: 100% 100%;}
	section.hara-sect.sect6 .hara-sect-text .abouttext { width: 23.5%; padding-top: 40px; margin-left: 55%;}
	section.hara-sect.sect7 .hara-sect-text .abouttext { width: 23.5%; padding-top: 60px;  margin-left: 21%;}
}

@media only screen and (max-width: 1260px) {
    #hero-text img { width: 100px; margin-bottom: 25px;}
    section.hara-sect.sect2 { height: 455px;}
	/*section.hara-sect.sect2 .hara-sect-text .abouttext { width: 30%;}*/
	section.hara-sect.sect3 { height: 655px;}
	section.hara-sect.sect6, section.hara-sect.sect7 { height: 565px;}
	section.hara-sect.sect6 .hara-sect-text .abouttext { width: 25%;}
	section.hara-sect.sect7 .hara-sect-text .abouttext { width: 25%;}
	section.hara-sect .hara-sect-text .abouttext .buybtn { padding-top: 0; padding-bottom: 10px;}
}

@media only screen and (max-width: 1200px) {
    /*#hero-text { margin-top: -15%;}*/
    #hero-text img { width: 90px; margin-bottom: 15px;}
    #hero-text h1 { font-size: 3em;}
    section.hara-sect.sect2 { height: 440px;}
	section.hara-sect.sect2 .hara-sect-text .abouttext { /*width: 27%; margin-left: 15%;*/ padding-top: 30px;}
	section.hara-sect.sect3 { height: 633px;}
	/*section.hara-sect.sect3 .hara-sect-text .abouttext { margin-left: 37%; width: 33%;}*/
	section.hara-sect.sect6, section.hara-sect.sect7 { height: 546px;}
	section.hara-sect.sect6 .hara-sect-text .abouttext { width: 26%;}
	section.hara-sect.sect7 .hara-sect-text .abouttext { width: 26%;}
}


@media only screen and (max-width: 1030px) {

	#category-list { right: 1.6%;}
    .key_promotion2 {padding: 0.6em 0;}

    /*#hero-text { margin-top: -17%;}*/
    section.hara-sect.sect2 { background-size: 115% 100%;}
    section.hara-sect.sect2 .hara-sect-text .abouttext { /*width: 35%;*/ margin-top: 0; /*margin-left: 6%;*/}
    section.hara-sect.sect3 { height: 540px;}
    section.hara-sect.sect3 .hara-sect-text .abouttext { padding-top: 50px; /*margin-left: 33%; width: 40%;*/}
    section.hara-sect.sect6, section.hara-sect.sect7 { height: 466px;}
    section.hara-sect.sect6 .hara-sect-text .abouttext, section.hara-sect.sect7 .hara-sect-text .abouttext { width: 33%; padding-top: 0;}
    section.hara-sect.sect7 .hara-sect-text .abouttext h3 { padding-top: 15px;}
    section.hara-sect .hara-sect-text .abouttext .booktitle { margin-top: 20px;}
    .footerlinks li a, .footerlinks p { padding: 5px;}
}


@media only screen and (max-width: 995px) {

	#newsletter-head { text-align: center; margin: 2%;}
	#newsletter-field, #newsletter-submit-button { text-align: center; width: 100%;}
	.filter-price { display: none;}
	
	section.hara-sect.sect3 { background-size: 105% 100%;}
	section.hara-sect.sect3 .hara-sect-text .abouttext { padding-top: 30px;}
	section.hara-sect.sect6 .hara-sect-text .abouttext, section.hara-sect.sect7 .hara-sect-text .abouttext { width: 31%;}
	section.hara-sect.sect6, section.hara-sect.sect7 { height: 453px;}
}

@media only screen and (max-width: 800px) {
	.key_promotion2 { padding: .3em 0;}
	.sb-search-input { height: 30px;}
	
	#hero-text img { width: 75px; margin-bottom: 0;}
	#hero-text h1 { font-size: 2.5em;}
	#hero-text .goldborderbox { padding: 10px 0;}
	/*#hero-text { margin-top: -28%;}*/
	section.hara-sect.sect2 { background-size: 150% 100%; background-position: center;}
	/*section.hara-sect.sect2 .hara-sect-text .abouttext { width: 42%;}*/
	section.hara-sect.sect3 { background-size: 130% 100%; background-position: center;}
	/*section.hara-sect.sect3 .hara-sect-text .abouttext { margin-left: 26%; width: 55%;}*/
	section.hara-sect.sect4 .hara-front3 h3 { font-size: 1.5em;}
	section.hara-sect.sect6, section.hara-sect.sect7 { background-size: 120% 100%; background-position: center;}
	section.hara-sect.sect6 .hara-sect-text .abouttext, section.hara-sect.sect7 .hara-sect-text .abouttext {
    width: 45%;}
    section.hara-sect.sect6 .hara-sect-text .abouttext { margin-left: 48%;}
    section.hara-sect.sect7 .hara-sect-text .abouttext { margin-left: 12%;}
    section.hara-sect.sect7 .hara-sect-text .abouttext .titleborder { margin-bottom: 5px;}
    
    section.hara-sect.sect5 .hara-front4 .foodname, 
    section.hara-sect.sect8 .hara-front7 .foodname { position: relative; display: block; height: 52px;}
    section.hara-sect.sect5 .hara-front4 .foodname.centeronpage,
    section.hara-sect.sect8 .hara-front7 .foodname.centeronpage { top: 0; left: 0; transform: translate(0); -webkit-transform: translate(0); -moz-transform: translate(0); -o-transform: translate(0); -ms-transform: translate(0);}
    
    .footerlinks li { padding: 5px;}
    #copyright { text-align: center;}
}

@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
    /*section.hara-sect.sect2 .hara-sect-text .abouttext { width: 55%;}*/
}

/* Mobile View */

@media only screen and (max-width: 767px) {

	.hara-navbar-top { display: none; margin: 0 auto;}
	.cart-item-text { display: none;}
	.cart-total-qty { font-size: 1em;}
	#newsletter-submit { width: 76%;}
	#newsletter-submit-button { padding: 3%;}
	
	.hara-navbar-top ul li.topbuy a { margin: 0; border-radius: 0;}
	.navbar-nav { margin: 0;}
	.hara-navbar-top ul li a i { color: #333333;}
	.hara-navbar-top .visible-xs-inline-block { font-weight: 700; color: #333333; margin-left: 7px;}
	
	#front-hero-slider img { width: auto; max-width: none; height: 438px; transform: translateX(-10%);}
	#hero-text img { height: auto; width: 60px;}
	
	#hero-text { margin-top: 0; max-width: 300px; width: 300px;}
	section.hara-sect.sect2 { height: 705px; background-size: auto; background-position: right 37% bottom;}
	section.hara-sect.sect2 .hara-sect-text .abouttext { /*width: 55%;*/ background: rgba(255,255,255,.5); margin-top: 15px; padding: 10px 15px;}
	section.hara-sect.sect3 { height: 990px; background-size: auto; background-position: left 0;}
	/*section.hara-sect.sect3 .hara-sect-text .abouttext { margin-left: 7%; width: 80%;}*/
	section.hara-sect.sect4 .hara-front3 img { margin-top: -25px;}
	section.hara-sect.sect4 .hara-front3 h3 { font-size: 1.2em; line-height: 1.5; width: 72%; padding-top: 40px;
    padding-bottom: 20px;}
    
    section.hara-sect.sect5 .hara-front4 .foodname { height: 130px;} 
    section.hara-sect.sect8 .hara-front7 .foodname { height: 90px;}
    
    section.hara-sect.sect6 .hara-sect-text .abouttext, 
    section.hara-sect.sect7 .hara-sect-text .abouttext { width: 80%; margin: 90px auto;}
    section.hara-sect.sect6 {background-size: auto; background-position: 60% 15%;}
    section.hara-sect.sect7 {background-size: auto; background-position: 20%;}
    section.hara-sect.sect6, section.hara-sect.sect7 { height: 640px;}
    section.hara-sect .hara-sect-text .abouttext .buybtn { padding-top: 20px; padding-bottom: 30px;}
    
    .hara-sect.sect4 .col-md-12 { padding-left: 0; padding-right: 0;}
    
    .footerlinks li { padding: 12px 7px; display: block; text-align: center;}
    .footerlinks li a i { font-size: 2em;}

/* VERTICAL NAVBAR PANEL */

    .hara-navbar-top { width: 25%; min-width: 200px;}
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 100%;}
    .vnavbar.navbar-collapse, .vnavbar.navbar-collapse { max-height: 100%;}
    .hara-navbar-top .text-bg-trans li { background: transparent; width: 100%; float: none; text-align: left;}
    .hara-navbar-top li a { text-align: left;}
    .template-left-border { display: none;}
	.navbar-collapse.collapse { width: 100%; margin-top: 0px; max-width: 22%; min-width: 200px; border-top: 0; float: none;}
	
	.navbar-default .navbar-toggle { border: none; float: right;}
	.navbar-default .navbar-toggle .icon-bar { background-color: #ba9b49; width: 30px; height: 3px;}
	.navbar-toggle .icon-bar + .icon-bar { margin-top: 7px;}
	
	.navbar-default .navbar-nav > li > a { text-align: left;}
	.navbar-nav > li { width: 100%; margin: 0; border-bottom: 1px solid #d6d6d6;}

	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: transparent;}
	
	.navbar { width: 100%;}

    #category-list { position: relative; width: 100%; background: transparent; text-align: left; margin-left: 0;     padding: 0; border-top: 1px solid #d6d6d6; max-width: 100%;}
    #category-list div  {text-align: left;}
    #category-list > div { padding: 3% 0 3% 10%; width: 100%; margin: 0; border-bottom: 1px solid #d6d6d6;}
    .category1 { max-width: 100%;}
    .category1 > a { border-bottom: 0;}
    .category2 { margin: 0; padding: 4% 0 4%;}
    /*.dropdown.mega-dropdown:first-child { margin-left: 10px;}
    .dropdown.mega-dropdown a:first-child { border-bottom: 1px solid #d6d6d6;}*/
    .dropdown.mega-dropdown a { margin-right: 0; width: 100%; display: block;}

	.navbar-toggle { margin-right: 0px; margin-top: 0;}

    .visible-xs-block { clear: both;}
    .visible-xs-block ul { margin: 0;}
    .visible-xs-block li { list-style-type: none; width: 100%; clear: both; padding: 6% 10px; font-size: 13px; margin: 0; text-align: left; border-bottom: 1px solid #d6d6d6;}
    .visible-xs-block li a { font-weight: 700; text-transform: uppercase; width: 100%;}
    
    .vnavbar { position: fixed !important; right: 0; top: 0; bottom: 0;}
    .vnavbar h4 {padding-left: 12%;}
	.list-group-item { padding: 10px 10px;}
	a.list-group-item { font-size: .6em;   padding-left: 12%;}


	/* MOBILE MINI CART */

	/* Product */

    .shrinker .product_name { display: none;}
    .product { width: 22%;}
    .shrinker { width: 17% !important;}
	.wishlistbutton { margin: 4% auto;}
	
	.cat_img img { max-height: 100px; max-width: 100px; width: 70%; margin: 0 20%;}

}

@media (min-width : 0px) and (max-width : 767px) and (orientation : landscape) {
    #hero-text { margin-top: 0;}
    section.hara-sect.sect5 .hara-front4 .foodname, section.hara-sect.sect8 .hara-front7 .foodname { height: 70px;}
    /*section.hara-sect.sect2 .hara-sect-text .abouttext { width: 55%;}*/
    section.hara-sect.sect6 { background-position: 80% 15%;}
}

@media only screen and (max-width: 676px) {
	.rightcenteronslide { left: 70%;}
    .product { width: 30%;}
	#product_listing_sortby_box form { width: 85%;}
	#product_listing_sortby_box {margin: 5px 0;}
	.products-grid { margin-top: 0;}
}

@media only screen and (max-width: 450px) {

	.navbar-brand { font-size: 1em;}
	.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px;}
	.navbar-default .navbar-toggle { padding: 20px;}
	.cat_list { width: 32%;}
	.paging_outer li { width: 20%;}
	.paging_outer { width: 75%;}
	.products-grid { padding-top: 0;}
	.products-front, .prod-front { margin-top: 0;}
    #product_listing_sortby_box form { width: 82%;}
    #product_listing_sortby_box { margin: 3px 0;}

    .product { width: 50%;}
    .shrinker.product { max-height: 100px;}
}

@media only screen and (max-width: 400px) {
    .navbar-default .navbar-toggle .icon-bar { width: 27px;}
	.navbar-default .navbar-toggle { padding: 20px 5px;}
	.navbar-brand { max-height: 50px;}
	.product {  max-width: 100%; width: 100%; /*max-height: 266px;*/}
	#product_listing_sortby_box form { width: 80%;}
	.resized { width: 15%;}
    .shrinker.product {padding: 5px;}
	.product_price, .product_original_price { font-size: .7em;}
	
	section.hara-sect.sect6 .hara-sect-text .abouttext, section.hara-sect.sect7 .hara-sect-text .abouttext { margin: 50px auto;}

}

@media only screen and (max-width: 350px) {

    .navbar-default .navbar-toggle { padding: 30px 2px;}
    .cat_list { width: 49%;}
    #product_listing_sortby_box select { width: 72%;}
    #product_listing_sortby_box form { width: 78%;}
    .key_promotion2 {  padding: .92em 0;}
    
    section.hara-sect.sect7 .hara-sect-text .abouttext { margin: 0 auto;}
    section.hara-sect.sect4 .hara-front3 img { margin-top: -50px;}
}


/* checkout */
/* checkout 1*/
#login-form #login {background-color:#090000;}
.paymentlist{position:relative;display:inline-block; min-width: 12%;}
#checkoutoptions{display:none;position:absolute;right:0px;}
#checkoutoptions td{white-space:nowrap;}
.cart-tax{padding-right:20px;}
.checkout1-form{display:none;}
#logincheckout1{display:none;}
.checkout-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;}
.checkout-form *:focus {outline: none;}
.checkout-form input[type="text"], .checkout-form input[type="password"]{border:0px;padding:0;width:95%;margin:1px;}
.checkout-form select{border:0px;padding:0;width:95%;}
.checkout-form .formlabel{display:block;text-align:left;font-size:12px;color:#999;padding-left:5px;white-space:nowrap;}
.checkout-form .formpair{border:1px solid #ccc;border-radius:3px;padding:0px;margin:5px;width:47%;height:45px;vertical-align:top;}
.checkout-form .checkoutform{border:0px;padding:0px;}
.checkout-form .input{width:100%;}
.border-blue{ border: 1px solid #7e7e7e!important; -webkit-box-shadow: 0px 2px 4px 0px rgba(41,41,41,0.75); -moz-box-shadow: 0px 2px 4px 0px rgba(41,41,41,0.75); box-shadow: 0px 2px 4px 0px rgba(41,41,41,0.75);}
.checkout-form #shiptodifferentaddress{display:none;}
.checkout-form #customer_registration_link{display:none;}
.checkout-form #customer_registration{display:block;}
.checkout-form #checkout_cart{display:none;}
.checkout-form #checkoutagreement{margin-left:10px;}
.checkout-form .buttonprimarycluster{padding-right:10px;text-align:left;}
.checkout-form .primary_button{border:1px solid #b09662; border-radius: 3px; padding:10px 15px!important;color:#333333; font-weight: 700; margin-left: 2%; background: #ba9b49;}
.checkout-form .primary_button:hover { background: #c5a654;}
.checkout-form .secondary_button{border:0px;background:none;}
.checkout-form .secondary_button:hover{text-decoration:underline;}
.loginsection{text-align:center;}
.checkout-form .subscribenewsletter{display:none;}
.shopping-cart{width:49%;display:inline-block;vertical-align:top;/*background-color:#ebebeb;*/}
.shopping-cart table{width:100%;}
.shopping-cart table tr:first-child{display:none;}
.shopping-cart #coupon{text-decoration:underline;cursor:pointer;padding:10px;}
.shopping-cart .coupon{padding:10px;}
.shopping-cart .applycouponid{text-decoration:underline;}
.shopping-cart #discount-coupon-field{padding:5px;}
.shopping-cart .discount-result{display:none;}
.shopping-cart input[type="button"], .shopping-cart input[type="submit"]{display:none;}
.shopping-cart .cart_remove2{display:none;}
.shopping-cart .cart_empty_cart2{display:none;}
.shopping-cart .cart_discount_remove2{display:none;}
.register-now{text-align:center;cursor:pointer;padding:10px;}
.register-now:hover{text-decoration:underline;}
.extra-login-option{text-align:center;padding:30px 10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;width:60%;margin:0 auto;margin-top:20px;margin-bottom:20px;}
.extra-login-option i{background-color:#ccc;width: 40px;height: 40px;text-align: center;padding: 5px;border-radius: 5px;cursor:pointer;margin:5px;}
.fa-facebook:hover{background:#3765A3;color:white;}
.fa-amazon:hover{background:#231F20;color:white;}
.fa-google:hover{background:#DD5044;color:white;}
.guest{text-align:center;padding:10px;width:60%;margin:0 auto;cursor:pointer;}
.guest:hover{text-decoration:underline;}
.checkoutform{min-width:auto!important;}
.checkout-form h1{text-align:center;}
.or{text-align:center;font-weight:bold;}
#parsley-id-multiple-checkout_agreement{position:absolute;margin-top:50px;}

/* checkout 2 */
#multi_cur_form{text-align:right;padding:10px;display:none;}
.checkout2-form h2{font-size:20px;padding-top:0px;}
.checkout2-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;padding:10px;padding-top:0px;}
.shipping-to-info{list-style-type:none;}
.shipping-method{margin-bottom:30px;}
.shipping-method label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.shipping-method label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.shipping-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.shipping-method input[type='Radio']{margin-right:10px;}
.payment-method{margin-bottom:30px;}
.payment-method label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.payment-method label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.payment-method label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.payment-method input[type='Radio']{margin-right:10px;}
.billing-address label{width:96%;padding:15px;border:1px solid #ccc;border-top:0px;font-weight:normal;cursor:pointer;}
.billing-address label:first-child{border-top:1px solid #ccc;border-top-left-radius:5px;border-top-right-radius:5px;}
.billing-address label:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.billing-address input[type='Radio']{margin-right:10px;}
#CheckoutForm2 table{display:none;}
.billing-address .checkout-form h4{display:none;}
.billing-address .checkout-form{width:100%;margin:0px;border:0px;display:none;}
.billing-address #checkoutagreement{display:none;}
.billing-address .buttonprimarycluster{display:none;}
.checkout2-form-submit{text-align:left;padding:10px;}
.checkout2-form .primary_button{border:0px;padding:10px!important;color:#333333;background:#ba9b49; border-radius: 3px; border: 1px solid #b09662;}
.checkout2-form .primary_button:hover { background: #c5a654;}
.cart-shipping-method{text-align:right;padding-right:20px;}
.cart-grand-total{text-align:right;padding-right:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:5px;padding-bottom:5px;margin-top:10px;font-size:25px;display:none;}
.cart-tax{text-align:right;font-size:14px;}

/* Payment */
.payment-form{width:49%;display:inline-block;vertical-align:top;border-right:1px solid #ddd;margin-left:15px;/*padding:10px;*/padding-top:0px;}
.payment-form td { padding: 0;}
.payment-shopping-cart #coupon{display:none;}
img[src='images/border1.gif'],img[src='images/border2.gif'],img[src='images/border5.gif'],img[src='images/border6.gif']{display:none;}
td[background='images/border1_bg.gif'],td[background='images/border3_bg.gif'],td[background='images/border4_bg.gif'],td[background='images/border5_bg.gif'],.border1_bg_td,.border3_bg_td,.border4_bg_td,.border5_bg_td{
background:none!important;
}
.payment-form .form-horizontal .control-label{width:100%;text-align:left;font-weight:normal;}

@media screen and (max-width: 1000px) {
.checkout-form .formpair{width:96%;}
.shopping-cart{display:none;}
.checkout-form, .checkout2-form, .payment-form{border-width:0px;display:block;margin:0 auto;width:49%;}
}

@media screen and (max-width: 750px) {
.checkout-form .formpair{width:96%;}
.shopping-cart{display:none;}
.checkout-form, .checkout2-form, .payment-form{border-width:0px;display:block;margin:0 auto;width:100%;}
.payment-form div{padding-right:0px!important;padding-left:0px!important;}
.payment-form label{padding-right:0px!important;padding-left:0px!important;white-space:nowrap;text-align:left;width:100%;}
.jp-card-container{transform:scale(0.8)!important;width:300px!important;}
}
/* checkout */

/* price range */
.jslider .jslider-bg{position:static!important;}
/* price range */

.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
}