@charset "utf-8";
/* CSS Document */

/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*//* Defaul tNav   ----------------------------------------------------*/nav #comboNav {
	display: block;
}
nav #nav {
	display: block;
	width:100%;
}
 @media only screen and (min-width: 993px) and (max-width: 1150px) {
 .main_wrapper {
 width:1000px;
 margin:0 auto;
}

.logo {
	width:360px;
	float:left;
	margin:6px 0;
}

.hed_right {
	width:42.5%;
	float:right;
	font-size:12px;
	margin:13px 0 0 0;
}
}
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 992px) {
  /* TABLET WRAPPER ----------------------------------------------------*/


    
.main_wrapper {
 width:738px;
 margin:0 auto;
}

body {
	font-size:13x;
	}

h1, h2, h3, h4, h5, h6, p {
line-height:21px;
	font-weight:normal;
font-size:13px;
}


.logo {
	width:280px;
	float:none;
	margin:6px auto 0 auto;
}

.hed_right {
	width:57.5%;
	float:none;
	font-size:12px;
	margin:13px auto 0 auto;
}

.header_top {
	width:100%;
	margin:0 auto;
	float:left;
	position:relative;
	z-index:0;
}

.mail_tag {
	width:54px;
	float:none;
	margin:0 0 0 15px;
	position:absolute;
	z-index:1;
	top:0px;
	right:0px;
}
.welcome_inn {
	width:100%;
	margin:0 auto;
}

.middle_container h1 {
	
	font-size:30px;
	line-height:36px;
	margin:0 0 15px 0;
	
}
.middle_container h2 {
	
	font-size:30px;
	line-height:36px;
	margin:0 0 15px 0;
}

.blu_middle h3 {
		font-size:30px;
	line-height:36px;
	margin:0 0 15px 0;
}

.prod_colm {
	width:31%;
	float:left;
	margin:0 1% 20px 1%;
	border:#fff 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#fff;
	min-height:402px;
}
.prod_colm2 {
	width:31%;
	float:left;
	margin:0 1% 0 1%;
	border:#fff 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#fff;
	min-height:402px;
}

.foot1 {
	width:33%;
	float:left;
	margin:0 0 20px;
}
.foot2 {
	width:66%;
	float:left;
	padding:0 3%;
	margin:0 0 20px;
}

.foot3 {
	width:50%;
	float:left;
	padding:0 2% 0 0;
	margin:0 0 20px;
}
.foot4 {
	width:50%;
	float:left;
	padding:0 0% 0 0;
	margin:0 0 20px;
}

.abt_img{
width:30%;
float:left;
margin:0 25px 2px 0;
}

.cont1 {
	width:44%;
	float:left;
	padding:0 4% 0 0;
	border-right:#c3c3c3 1px solid;
}

.cont2 {
	width:52%;
	float:right;
	margin:0 0% 0 0;
}

.left_form{
width:100%;
float:left;
}


.message_form{
width:100%;
float:right;
}

.product_imgbx{
width:28%;
float:left;
}

.prod_inntxtbx{
width:71%;
float:right;
color:#fff;
}

}
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {

  /* MOBILE GENERAL ----------------------------------------------------*/
  

.main_wrapper {
 width:294px;
 margin:0 auto;
}


body {
	font-size:12x;
	}

h1, h2, h3, h4, h5, h6, p {
line-height:21px;
	font-weight:normal;
font-size:12px;
}


.hed_right {
	width:100%;
	float:none;
	font-size:12px;
	margin:13px auto 0 auto;
}

.menu {
	width:100%;
	font-size:14px;
	color:#0d85dd;
	line-height:22px;
	text-align:right;
	margin:0 0 8px 0;
	float:right;
	background:#0d85dd;
}



.logo {
	width:250px;
	float:none;
	margin:6px auto 0 auto;
}

.fon_box {
	width:95%;
	float:right;
}

.top_follw {
	float:none;
	margin:0 auto;
	width:49%;
}


.header_top {
	width:100%;
	margin:0 auto;
	float:left;
	position:relative;
	z-index:0;
}

.mail_tag {
	width:54px;
	float:none;
	margin:0 0 0 15px;
	position:absolute;
	z-index:1;
	top:0px;
	right:0px;
}
.welcome_inn {
	width:100%;
	margin:0 auto;
}

.middle_container h1 {
	
	font-size:26px;
	line-height:30px;
	margin:0 0 12px 0;
	
}
.middle_container h2 {
	
	font-size:26px;
	line-height:30px;
	margin:0 0 12px 0;
}

.blu_middle h3 {
		font-size:26px;
	line-height:30px;
	margin:0 0 12px 0;
}

.prod_colm {
	width:90%;
	float:left;
	margin:0 5% 20px 5%;
	border:#fff 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#fff;
	min-height:412px;
}
.prod_colm2 {
	width:90%;
	float:left;
	margin:0 5% 0px 5%;
	border:#fff 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#fff;
	min-height:412px;
}

.foot1 {
	width:50%;
	float:left;
	margin:0 0 20px;
}
.foot2 {
	width:100%;
	float:left;
	padding:0 0%;
	margin:0 0 20px;
}

.foot3 {
	width:100%;
	float:left;
	padding:0 0% 0 0;
	margin:0 0 20px;
}
.foot4 {
	width:100%;
	float:left;
	padding:0 0% 0 0;
	margin:0 0 20px;
}






.copy_left {
	width:100%;
	float:left;
	color:#5d5c5c;
	text-align:center;
}
.copt_rgt {
	width:100%;
	float:right;
	text-align:center;
	color:#5d5c5c;
}


.abt_img{
width:100%;
float:left;
margin:0 0px 15px 0;
}

.cont1 {
	width:100%;
	float:left;
	padding:0 0% 0px 0;
	margin:0 0 20px 0;
	border-right:0px;
	
	border-bottom:#c3c3c3 1px solid;
}

.cont2 {
	width:100%;
	float:right;
	margin:0 0% 0 0;
}

.left_form{
width:100%;
float:left;
}


.message_form{
width:100%;
float:right;
}

.product_imgbx{
width:100%;
float:left;
margin:0 0 20px 0;
}

.prod_inntxtbx{
width:100%;
float:right;
color:#fff;
}

.product_innrow{
width:100%;
background:#0d85dd;
padding:15px 4.5%;
float:left;
margin:0 0 11px 0;
}

.product_imgbx img{ 
width:100%;
border:#fff 6px solid;
}

.bag_imgbx1{
width:90%;
margin:0 5% 20px 5%;
float:left;

}

}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  /* WIDE MOBLE GENERAL ----------------------------------------------------*/
  
  

  
.main_wrapper {
 width:448px;
 margin:0 auto;
}

body {
	font-size:12x;
	}

h1, h2, h3, h4, h5, h6, p {
line-height:21px;
	font-weight:normal;
font-size:12px;
}


.logo {
	width:280px;
	float:none;
	margin:6px auto 0 auto;
}

.top_follw {
	float:left;
	margin:0px 0 0 0;
	width:auto;
}
.fon_box {
	width:63%;
	float:right;
}

.header_top {
	width:100%;
	margin:0 auto;
	float:left;
	position:relative;
	z-index:0;
}

.mail_tag {
	width:54px;
	float:none;
	margin:0 0 0 15px;
	position:absolute;
	z-index:1;
	top:0px;
	right:0px;
}
.welcome_inn {
	width:100%;
	margin:0 auto;
}

.middle_container h1 {
	
	font-size:26px;
	line-height:30px;
	margin:0 0 12px 0;
	
}
.middle_container h2 {
	
	font-size:26px;
	line-height:30px;
	margin:0 0 12px 0;
}

.blu_middle h3 {
		font-size:26px;
	line-height:30px;
	margin:0 0 12px 0;
}

.prod_colm {
	width:48%;
	float:left;
	margin:0 1% 20px 1%;
	border:#fff 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#fff;
	min-height:412px;
}
.prod_colm2 {
	width:48%;
	float:left;
	margin:0 1% 0 1%;
	border:#fff 1px solid;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#fff;
	min-height:412px;
}

.foot1 {
	width:50%;
	float:left;
	margin:0 0 20px;
}
.foot2 {
	width:100%;
	float:left;
	padding:0 0%;
	margin:0 0 20px;
}

.foot3 {
	width:100%;
	float:left;
	padding:0 0% 0 0;
	margin:0 0 20px;
}
.foot4 {
	width:100%;
	float:left;
	padding:0 0% 0 0;
	margin:0 0 20px;
}

.abt_img{
width:60%;
float:none;
margin:0 auto 15px auto;
}

.product_imgbx{
width:34%;
float:left;
}

.prod_inntxtbx{
width:64%;
float:right;
color:#fff;
}

.product_innrow{
width:100%;
background:#0d85dd;
padding:15px 1.5%;
float:left;
margin:0 0 11px 0;
}

.product_imgbx img{ 
width:95%;
border:#fff 6px solid;
}

.bag_imgbx1{
width:46%;
margin:0 2% 20px 2%;
float:left;

}

}