/***** Background css start ****/
.bg-section1{
	background:#e7e5e2;
}

/***** Background css End ****/



/*** Web View Header Button CSS Start ***/
.login-btn{
	
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 12px;
}

.reg-btn{
	   padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 12px;
}


/*** Web View Header Button CSS Start ***/

/*** Mobile View Header Button CSS Start ***/
@media (min-width: 100px) and (max-width: 991px) {
.nav-btn .btn {
    font-size: 11px;
    padding: 8px 26px;
    letter-spacing: 0.3px;
}

}
/*** Mobile View Header Button CSS End ***/


/*** WEB : Single Product Details Pincode CSS START  ***/
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

input {
	border: none;
	font-family: inherit;
	font-size: inherit;
	line-height: 1.5em;
	margin: 0;
	outline: none;
	padding: 0;
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after {
	content: "";
	display: table;	
}
.clearfix:after { clear: both; }



/* ---------- SEARCH ---------- */

#search {
	background: #42454e;
	border-radius: 3px;
	display: inline-block;
	padding: 7px;
}

#search input {
	float: left;
}

#search input[type="search"],
#search input[type="submit"] {
	border-radius: 3px;
	font-size: 12px;
}

#search input[type="search"] {
	background: #fff;
	color: #42454e;
	min-width: 184px;
	padding: 6px 8px;
}

#search input[type="submit"] {
	background: #1bba9a;
	color: #fff;
	font-weight: bold;
	margin-left: 7px;
	padding: 6px 10px;
}

#search input[type="submit"]:hover {
	background: #189e83;
}

#search input[type="search"]::-webkit-input-placeholder { color: #42454e; }
#search input[type="search"]:-moz-placeholder { color: #42454e; }
#search input[type="search"]:-ms-input-placeholder { color: #42454e; }
/*** WEB : Single Product Details Pincode CSS End  ***/


/*** Deal of the day css start ***/
#clockdiv{
	font-family: GalaxieCondensedMedium,Arial,sans-serif;
	color: white;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 15px;
  text-shadow: 2px 2px 4px #732d27;
  margin-left:410px;
  padding-bottom:15px;
}

#clockdiv > div{
	padding: 5px;
	width:75px;
	border-radius: 3px;
	background: #382964;
	display: inline-block;
}

#clockdiv div > span{
	/** padding: 15px; **/
	padding: 5px;
	border-radius: 3px;
	background: #0b8ca8;
/**	display: inline-block; **/
	display: initial;
  box-shadow: 2px 3px 3px #242424;
}

.smalltext{
	/** padding-top: 15px; **/
	padding-top: 0px;
	font-size: 12px;
  text-shadow: 2px 2px #414141;
}

/*** Deal of the day css End ***/

/*** MOBILE : Deal of the day css Start ***/
@media (min-width: 100px) and (max-width: 991px) {



#clockdiv{
	font-family: GalaxieCondensedMedium,Arial,sans-serif;
	color: white;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 15px;
  text-shadow: 2px 2px 4px #732d27;
  margin-left:35px;
  padding-bottom:15px;
}

#clockdiv > div{
	padding: 5px;
	width:75px;
	border-radius: 3px;
	background:#835643;
	display: inline-block;
}

#clockdiv div > span{
	/** padding: 15px; **/
	padding: 5px;
	border-radius: 3px;
	background: #e73a2a;
/**	display: inline-block; **/
	display: initial;
  box-shadow: 2px 3px 3px #242424;
}

.smalltext{
	/** padding-top: 15px; **/
	padding-top: 0px;
	font-size: 12px;
  text-shadow: 2px 2px #414141;
}
}
/*** MOBILE : Deal of the day css End ***/


/*** Category Padding Css Start ***/
.suggest-part{
	padding-bottom:15px;
	padding-top:20px;
}

/*** Category Padding Css End ***/



/****** Image zoom CSS START ***/
.zoom {
 
  background-color: black;
  transition: transform .2s; 
   margin: 0 auto;
}

.zoom:hover {
  transform: scale(1.1); /*  */
}

/****** Image zoom CSS End ***/


/**** MOBILE VIEW : HOME BANNER CSS START ***/
@media (min-width: 100px) and (max-width: 991px) {
.slick-slide .ban1 {
    display: block;
    width: 100%; 
}
}
/**** MOBILE VIEW : HOME BANNER CSS START ***/


/**** WEB : BLOG BUTTON CSS START ***/
.blog-btn{
	 color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
	
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    margin-left: 97px;	
	
}
.blog-btn:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}
/**** WEB : BLOG BUTTON CSS END ***/

/**** MOBILE : BLOG BUTTON CSS START ***/
@media (min-width: 100px) and (max-width: 991px) {
.blog-btn{
	 color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
	
    padding: 0.25rem 0.5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
    margin-left: 114px;	
	
}
.blog-btn:hover {
    color: #212529;
    background-color: #e0a800;
    border-color: #d39e00;
}
}

/**** MOBILE : BLOG BUTTON CSS END ***/