/* CSS Document From Old Beautybatik.com */
/*http://www.responsivegridsystem.com/calculator/ 
## css generated based on 1% margin
*/
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1%;
}

.col2 {
	display: block;
	float:left;
	/*margin: 1% 0 1% 1%;*/
}


.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.5%;
}


/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.33%; }
.span_1_of_3 { width: 32.66%; }


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.75%;
}
.span_2_of_4 {
	width: 49.5%; 
}
.span_1_of_4 {
	width: 24.25%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_2_of_2, .span_1_of_2 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
}


/*end responsive grid setting*/






























/*added by webdeveloper */
.footer .form-subscribe-box-title h3.title{
	margin: 0px;
	text-align: left;
	text-transform: capitalize;
	letter-spacing: 1px;
	color: rgb(255,0,0);
	font-family: "Josefin Slab", sans-serif;
	font-size: 20px;
	font-style: italic;
	/*line-height: 35px;*/
	font-weight: 600;
}
/*added by webdeveloper */
.footer .form-subscribe-box-title small{
	text-transform: uppercase;
	color: rgb(126, 126, 126);
	margin: 0px;
	padding: 0px;
	font-family: "Lato", Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*line-height: 25px;*/
	font-weight: 400;
}




.footer .form-subscribe input.input-text {
display: block;
padding: 2px 15px;
width: 388px;
height: 32px;
font-size: 1em;
font-weight: 300;
font-family: "Lato",Arial,Helvetica,sans-serif;
line-height: 2.6em;
text-transform: uppercase;
letter-spacing: 1px;
color: rgb(126, 126, 126);
border: medium none !important;
outline: medium none;
background: none repeat scroll 0% 0% rgb(255, 255, 255); }
/*edited by webdeveloper */
.footer .form-subscribe button.button {
	width: 120px;
	display: inline-block;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px;
	/*padding: 11px 20px;*/
	border: medium none;
	margin-left: 15px;
	background-color: rgb(255,0,0);
 }
/*added by webdeveloper */ 
.footer .form-subscribe button.button:hover {
	background-color: rgb(255,204,0);
}





/*added by webdeveloper for display image,banner*/

.collection-image {
    border-top: 0px none;
    border-top-width: 0px;
    border-top-style: none;
    border-top-color: -moz-use-text-color;
}


.res-image {
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 2px;/*ori 18px*/
	margin-left: 0;
}
.res-image img { max-width: 100%; }


/*--------------------------------------------------------*/
.grid_5 { width:368px; margin:0 16px 0 16px; overflow:hidden; float:left; display:inline; }		

@media only screen and (min-width: 768px) and (max-width: 959px) {/* iPads (portrait) ----------- */
	.grid_5 { width:292px; margin:0 14px 0 14px; overflow:hidden; float:left; display:inline; }		

  }
  
@media only screen and (max-width: 767px) {/* iphone (portrait) ----------- */
     .grid_5 { width:300px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }	


  }

@media only screen and (min-width: 480px) and (max-width: 767px) {/* iphone (landscape) ----------- */
	 .grid_5 { width:456px; margin:10px 0 0 0; overflow:hidden; float:left; display:inline; }



}