@charset "utf-8";

/* CSS Document */



/*



Theme Name:Bronson Pharmacy



Theme URL: http://www.kmaxdesigns.com/



Author: the Responsive web design



Author URI: http://www.kmaxdesigns.com/



Description: The is a simple and clean responsive web design.



Text Domain:Bronson Pharmacy



*/



@media screen {
body {
	width: 100%;
}
}

@media print {
body {
	width: 100%;
}
}

/* iPads (portrait and landscape) ----------- */



@media handheld, only screen and (min-width: 768px) and (max-width: 990px) {
/* Styles */

/*------------------------- header ------------------------*/
header
{width:96%;
position:absolute;
z-index:12000;
margin:20px 0 0 8px;
}
.h
{margin:0 auto;
width:100%;
	height:auto;
	}
	#logo
{
	width:100%;
	height:auto;
	float:none;
	margin: 0 14px 0 0;
	background:#00bbd3;
	padding:8px  0 15px 0;
}
.b_txt
{width:auto;
padding:15px;
line-height:23px;
color:#333;
}
.b1
{width:96%;
height:auto;
float:none;
margin:0 auto;
background:#fff;
border:#d4d4d4 solid 1px;
}
#box_inner
{width:100%;
height:auto;
margin:0 auto;
padding:0 0 25px 0;
}
#s_bg
{width:100%;
height:auto;
background:#dbf0f3;
padding:10px 0 0 0;
border-bottom:#bedade solid 3px;
border-top:#bedade solid 3px;
}
.sbg_inner
{width:100%;
height:auto;
margin:0 auto;
}
.s_inner
{width:100%;
height:auto;
margin:0 auto;
}
.s1_img
{width:40%;
height:180px;
float:none;
margin:10px auto 12px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
.s1_img:hover
{
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s2_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban2.jpg) no-repeat center top;
}
.s2_img:hover
{
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s3_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban3.jpg) no-repeat center top;
}
.s3_img:hover
{
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s4_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban4.jpg) no-repeat center top;
}
.s4_img:hover
{
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s5_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban5.jpg) no-repeat center top;
}
.s5_img:hover
{
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s6_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban6.jpg) no-repeat center top;
}
.s6_img:hover
{
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.ban1_img
{width:50%;
height:126px;
float:none;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
margin:0 auto;
}
.ban1_img:hover
{
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.se_bx
{width:95%;
height:auto;
float:none;
margin:0 auto;
}
h4{margin:8px 0 10px 0; padding:0; color:#00bbd3; font-size:13px; font-weight:normal; text-align:center;text-shadow:1px 01px #fff;font-weight:bold;}

article
{
	width:100%;
	height: auto;
margin:0 auto;
}
#wel
{
color:#333;
font-size:12px;
line-height:28px;
width:93%;
padding: 10px;
}
#wel img
{padding:3px 3px; 
float:right;
margin:0 auto;
	width:30%;

}
#wel_top
{
height:auto;
padding-top:5px;
color:#01a9be;
font-size:16px;
padding:15px 0 0 12px;
text-shadow:1px 0 1px #fff;
}
/*---------------------- Footer ----------------------------------------*/
footer
{background:#02abc1;
color:#333;
height:auto;
width:100%;
margin:0 auto;
border-top:#09cee7 solid 5px;
}
#footer_inner
{width:100%;
height:auto;
margin:0 auto;
}
#footer_left
{
	width: 100%;
	float:none;
	color: #fff;
	font-weight: bold;
	text-align:center;
	margin:0 auto;
}
#footer_right
{
	width:35%;
	float:none;
	margin:0 auto;
	padding:0 0 5px 0;
}
#payment
{
	color: #fff;
	width:35%;
	float: left;
	font-weight:bold;
	padding:12px 0 0 0;
}
.icon1
{width:48px;
float:left;
margin:8px 6px 0 0;
}
	#follow
{width:43%;
float:none;
margin:15px auto 0;
}
#f_txt
{
	color: #fff;
	font-size: 13px;
	width:30%;
	float:left;
	height: 25px;
	font-weight:bold;
	text-align:center;
}
.ic1
{width:35px;
height:35px;
float:left;
}
/*---------------------- Footer End ----------------------------------------*/	 
}

/* Smartphones (portrait and landscape) ----------- */



@media handheld, only screen and (min-width: 480px) and (max-width: 767px) {
/* Styles */

/*------------------------- header ------------------------*/
header
{width:96%;
position:absolute;
z-index:12000;
margin:20px 0 0 8px;
}
.h
{margin:0 auto;
width:100%;
	height:auto;
	}
	#logo
{
	width:100%;
	height:auto;
	float:none;
	margin: 0 14px 0 0;
	background:#00bbd3;
	padding:8px  0 15px 0;
}
.b_txt
{width:auto;
padding:15px;
line-height:23px;
color:#333;
}
.b1
{width:96%;
height:auto;
float:none;
margin:0 auto;
background:#fff;
border:#d4d4d4 solid 1px;
}
#box_inner
{width:100%;
height:auto;
margin:0 auto;
padding:0 0 25px 0;
}
#s_bg
{width:100%;
height:auto;
background:#dbf0f3;
padding:10px 0 0 0;
border-bottom:#bedade solid 3px;
border-top:#bedade solid 3px;
}
.sbg_inner
{width:100%;
height:auto;
margin:0 auto;
}
.s_inner
{width:100%;
height:auto;
margin:0 auto;
}
.s1_img
{width:289px;
height:180px;
float:none;
margin:8px auto 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban1.jpg) no-repeat center top;
}
.s1_img:hover
{
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s2_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban2.jpg) no-repeat center top;
}
.s2_img:hover
{
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s3_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban3.jpg) no-repeat center top;
}
.s3_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s4_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban4.jpg) no-repeat center top;
}
.s4_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s5_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban5.jpg) no-repeat center top;
}
.s5_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s6_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban6.jpg) no-repeat center top;
}
.s6_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.ban1_img
{width:50%;
height:126px;
float:none;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
margin:0 auto;
}
.ban1_img:hover
{
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.se_bx
{width:95%;
height:auto;
float:none;
margin:0 auto;
}
h4{margin:8px 0 10px 0; padding:0; color:#00bbd3; font-size:18px; font-weight:normal; text-align:center;text-shadow:1px 01px #fff;font-weight:bold;}

article
{
	width:100%;
	height: auto;
margin:0 auto;
}
#wel
{
color:#333;
font-size:12px;
line-height:28px;
width:93%;
padding: 10px;
}
#wel img
{padding:3px 3px; 
float:none;
margin:0 auto;
	width: 100%;

}
#wel_top
{
height:auto;
padding-top:5px;
color:#01a9be;
font-size:18px;
padding:15px 0 0 12px;
text-shadow:1px 0 1px #fff;
	text-align:center;
}
/*---------------------- Footer ----------------------------------------*/
footer
{background:#02abc1;
color:#333;
height:auto;
width:100%;
margin:0 auto;
border-top:#09cee7 solid 5px;
}
#footer_inner
{width:100%;
height:auto;
margin:0 auto;
}
#footer_left
{
	width: 100%;
	float:none;
	color: #fff;
	font-weight: bold;
	text-align:center;
	margin:0 auto;
}
#footer_right
{
	width:57%;
	float:none;
	margin:0 auto;
	padding:0 0 5px 0;
}
#payment
{
	color: #fff;
	width:35%;
	float: left;
	font-weight:bold;
	padding:12px 0 0 0;
}
.icon1
{width:48px;
float:left;
margin:8px 6px 0 0;
}
	#follow
{width:65%;
float:none;
margin:15px auto 0;
}
#f_txt
{
	color: #fff;
	font-size: 13px;
	width:30%;
	float:left;
	height: 25px;
	font-weight:bold;
	text-align:center;
}
.ic1
{width:35px;
height:35px;
float:left;
}
/*---------------------- Footer End ----------------------------------------*/	 
}

/* Smartphones (portrait) ----------- */



@media handheld, only screen and (max-width: 479px) {
/* Styles */

/*------------------------- header ------------------------*/
header
{width:96%;
position:absolute;
z-index:12000;
margin:20px 0 0 8px;
}
.h
{margin:0 auto;
width:100%;
	height:auto;
	}
	#logo
{
	width:100%;
	height:auto;
	float:none;
	margin: 0 14px 0 0;
	background:#00bbd3;
	padding:8px  0 15px 0;
}
.b_txt
{width:auto;
padding:15px;
line-height:23px;
color:#333;
}
.b1
{width:96%;
height:auto;
float:none;
margin:0 auto 15px;
background:#fff;
border:#d4d4d4 solid 1px;
}
#box_inner
{width:100%;
height:auto;
margin:0 auto;
padding:0 0 25px 0;
}
#s_bg
{width:100%;
height:auto;
background:#dbf0f3;
padding:10px 0 0 0;
border-bottom:#bedade solid 3px;
border-top:#bedade solid 3px;
}
.sbg_inner
{width:85%;
height:auto;
margin:0 auto;
}
.s_inner
{width:100%;
height:auto;
margin:0 auto;
}
.s1_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban1.jpg) no-repeat center top;
}
.s1_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s2_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban2.jpg) no-repeat center top;
}
.s2_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s3_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban3.jpg) no-repeat center top;
}
.s3_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s4_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban4.jpg) no-repeat center top;
}
.s4_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s5_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban5.jpg) no-repeat center top;
}
.s5_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.s6_img
{width:289px;
height:180px;
float:left;
margin:0 18px 15px 8px;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
background:url(../images/ban6.jpg) no-repeat center top;
}
.s6_img:hover
{width:289px;
height:180px;
float:left;
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.ban1_img
{width:100%;
height:126px;
float:none;
opacity: 1.0;
filter: alpha(opacity=100); /* For IE8 and earlier */
margin:0 0 0 5px;
}
.ban1_img:hover
{
opacity: 0.6;
filter: alpha(opacity=60); /* For IE8 and earlier */
}
.se_bx
{width:95%;
height:auto;
float:none;
margin:0 auto;
}
h4{margin:8px 0 10px 0; padding:0; color:#00bbd3; font-size:13px; font-weight:normal; text-align:center;text-shadow:1px 01px #fff;font-weight:bold;}

article
{
	width:100%;
	height: auto;
margin:0 auto;
}
#wel
{
color:#333;
font-size:12px;
line-height:28px;
width:93%;
padding: 10px;
}
#wel img
{padding:3px 3px; 
float:none;
margin:0 auto;
	width:100%;

}
#wel_top
{
height:auto;
padding-top:5px;
color:#01a9be;
font-size:18px;
padding:15px 0 0 12px;
text-shadow:1px 0 1px #fff;
	text-align:center;
}
/*---------------------- Footer ----------------------------------------*/
footer
{background:#02abc1;
color:#333;
height:auto;
width:100%;
margin:0 auto;
border-top:#09cee7 solid 5px;
}
#footer_inner
{width:100%;
height:auto;
margin:0 auto;
}
#footer_left
{
	width: 100%;
	float:none;
	color: #fff;
	font-weight: bold;
	text-align:center;
	margin:0 auto;
}
#footer_right
{
	width: 90%;
	float:none;
	margin:0 auto;
	padding:0 0 5px 0;
}
#payment
{
	color: #fff;
	width:35%;
	float: left;
	font-weight:bold;
	padding:12px 0 0 0;
}
.icon1
{width:48px;
float:left;
margin:8px 6px 0 0;
}
	#follow
{width:95%;
float:none;
margin:15px auto 0;
}
#f_txt
{
	color: #fff;
	font-size: 13px;
	width:30%;
	float:left;
	height: 25px;
	font-weight:bold;
	text-align:center;
}
.ic1
{width:35px;
height:35px;
float:left;
}
/*---------------------- Footer End ----------------------------------------*/	 
}