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

#pull {	display: none;}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.innerpage_body1, .innerpage_body{ background:none;}	
	
#pull {	display:block;}
	
nav{width:100%; margin:8px 0px 0px 0px; float:inherit;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; width:100%;} 

nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; float:inherit; width:100%; padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13;}

nav ul li a{border:none; display:block; padding:10px 0px; height:auto; line-height:normal; font-size:14px; margin:0px; color:#666666;  height:auto; width:auto; text-align:left;}

nav ul li a.active{color:#C59F04; background:none;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a;}

nav a:hover{background:none; color:#fff; text-decoration:none;}		

nav ul{display: none; height: auto;}

nav a#pull {display: block; width:100%; position: relative; background:#053d83; margin:-8px 0 0px 0; color:#fff; text-transform:uppercase; font-weight:600; line-height:39px;}
  
nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}

.header_top_wrapper{ width:98%;}
.header_wrapper{ width:100%;}
.header_wrapper_left{ width:100%; margin:0px; padding:10px 0px; float:none; text-align:center;}
.header_wrapper_right{ width:100%;}
.header_wrapper_right ul li a{ padding:10px 0px; border-top:1px solid #000;}
.caption{ margin:20px 0px 0px 0px;}
.caption_wrapper{ width:98%;}
.caption_wrapper p{ padding:0px 0px 10px 0px; line-height:24px;}
.caption_wrapper p br{ display:none;}
.body_wrapper{ margin:0px auto; width:98%; padding:10px 0px;}
.body_wrapper h2{ padding:0px 0px 10px 0px;}
.body_wrapper p{ padding:0px 0px 10px 0px;}
.futured{ padding:10px 0px;}
.futured_wrapper{ width:98%;}
.futured_wrapper h3{ padding:0px 0px 10px 0px;}
.futured_wrapper p{ padding:0px 0px 15px 0px;}
.futured_wrapper_left{ width:33%; margin:0px 0px 15px 2px;}
.futured_wrapper_left img{ margin:0px 0px 10px 0px;}
.product{ padding:10px 0px;}
.product_wrapper{ width:98%;}
.product_wrapper h3{ padding:0px 0px 5px 0px;}
.product_wrapper_left{ width:43%;}
.product_wrapper_left ul li a{ line-height:34px;}
.product_wrapper_middle{ width:33%; margin:0px;}
.product_wrapper_middle ul li a{ line-height:34px;}
.product_wrapper_right{ width:15%;}
.product_wrapper_right ul li a{ line-height:34px;}
.our{ margin:0px auto; padding:10px 0px 0px 0px; width:98%;}
.our h3{ padding:0px 0px 10px 0px;}
.our p{ padding:0px 0px 15px 0px;}
.retail img{ margin:0px 6px 10px;}
.footer{ padding:10px 0px;}
.footer_wrapper{ width:98%;}
.footer_wrapper h3{ padding:0px 0px 10px 0px;}
.footer_wrapper_left{ width:44%;}
.footer_wrapper_right{ width:54%;}
.footer_wrapper_right_inpt{ width:39%; margin:0px 0px 10px 0px;}
.footer_wrapper_right_inpt1{ width:39%; margin:0px 0px 10px 0px;}
.footer_wrapper_right_textarea{ width:90%; margin:0px 0px 10px 0px;}
.footer_wrapper_right_btn{ width:100%;}
.footer_bottom{ padding:10px 0px;}
.footer_bottom_wrapper{ width:98%;}
.footer_bottom_left{ width:30%;}
.footer_bottom_right{ width:70%;}
.footer_bottom_right ul li a{ padding:0px 12px;}

/******************about***********************/

.tittle{ margin:28px 0px 0px 0px;}
.about_left{ width:49%;}
.about_left h3{ padding:0px 0px 10px 0px;}
.about_left p{ padding:0px 0px 10px 0px;}
.about_right{ width:49%;}

/*---------------------products---------------*/
.about_body{ width:63%;}
.inner_sidebar{ width:30%;}
.product_left img{ width:100%;}
/*---------------------query---------------*/
.about_body input[type="text"], .about_body input[type="password"], .about_body input[type="email"], .about_body select{ width:63%;}
.about_body textarea{ width:63%;}
.about_body select {
    width: 69.4%;
}


}
@media only screen and (min-width: 959px) and (max-width: 1024px) {
.innerpage_body{ margin:0px; padding:0px 0px; background:url(../images/inner-bottom.jpg)right bottom no-repeat ;}
.innerpage_body1{ margin:0px; padding:0px; background:url(../images/inner-top.jpg)right top no-repeat;}
.footer_wrapper_right_inpt {
    margin: 0 0 10px;
    width: 41.5%;
}
.footer_wrapper_right_inpt1 {
    margin: 0 0 10px;
    width: 41.5%;
}	

.footer_wrapper_right_textarea {
    margin: 0 0 10px;
    width: 92.5%;
}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.innerpage_body1, .innerpage_body{ background:none;}
	
nav{width:100%; margin:8px 0px 0px 0px; float:inherit;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; width:100%;} 

nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; float:inherit; width:100%; padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13;}

nav ul li a{border:none; display:block; padding:10px 0px; height:auto; line-height:normal; font-size:14px; margin:0px; color:#666666;  height:auto; width:auto; text-align:left;}

nav ul li a.active{color:#C59F04; background:none;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a;}

nav a:hover{background:none; color:#fff; text-decoration:none;}		

nav ul{display: none; height: auto;}

nav a#pull {display: block; width:100%; position: relative; background:#053d83; margin:-8px 0 0px 0; color:#fff; text-transform:uppercase; font-weight:600; line-height:39px;}
  
nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}

.header_top_wrapper{ width:98%;}
.header_top_wrapper_left{ width:100%; float:none; margin:0px 0px 10px 0px; text-align:center;}
.header_top_wrapper_right{ width:100%; float:none; text-align:center;}
.header_wrapper{ width:100%;}
.header_wrapper_left{ width:100%; margin:0px; padding:10px 0px; float:none; text-align:center;}
.header_wrapper_right{ width:100%;}
.header_wrapper_right ul li a{ padding:10px 0px; border-top:1px solid #000;}
.caption{ margin:15px 0px 0px 0px;}
.caption_wrapper{ width:98%;}
.caption_wrapper p{ padding:0px 0px 10px 0px; line-height:24px; display:none;}
.caption_wrapper p br{ display:none;}
.caption_wrapper h1{ font-size:26px; padding:0px 0px 10px 0px;}
.body_wrapper{ margin:0px auto; width:98%; padding:10px 0px;}
.body_wrapper h2{ padding:0px 0px 10px 0px; font-size:30px;}
.body_wrapper p{ padding:0px 0px 10px 0px;}
.futured{ padding:10px 0px;}
.futured_wrapper{ width:98%;}
.futured_wrapper h3{ padding:0px 0px 10px 0px;}
.futured_wrapper p{ padding:0px 0px 15px 0px;}
.futured_wrapper_left{ width:48%; margin:0px 1% 10px;}
.futured_wrapper_left img{ width:87%; margin:0px 0px 10px;}
.futured_wrapper h4 a{ font-size:16px;}
.product{ padding:10px 0px;}
.product_wrapper{ width:98%;}
.product_wrapper h3{ padding:0px 0px 5px 0px;}
.product_wrapper_left{ width:42%;}
.product_wrapper_left ul li a{ line-height:34px;}
.product_wrapper_middle{ width:33%; margin:0px;}
.product_wrapper_middle ul li a{ line-height:34px;}
.product_wrapper_right{ width:20%;}
.product_wrapper_right ul li a{ line-height:34px;}
.our{ margin:0px auto; padding:10px 0px 0px 0px; width:98%;}
.our h3{ padding:0px 0px 10px 0px; font-size:35px;}
.our p{ padding:0px 0px 15px 0px;}
.retail img{ margin:0px 7px 10px;}
.footer{ padding:10px 0px;}
.footer_wrapper{ width:98%;}
.footer_wrapper h3{ padding:0px 0px 10px 0px;}
.footer_wrapper_left{ width:100%; float:none; margin:0px 0px 10px 0px;}
.footer_wrapper_left span{ line-height:30px;}
.footer_wrapper_right{ width:100%; float:none;}
.footer_wrapper_right_inpt{ width:40%; margin:0px 0px 10px 0px;}
.footer_wrapper_right_inpt1{ width:40%; margin:0px 0px 10px 0px;}
.footer_wrapper_right_textarea{ width:91.4%; margin:0px 0px 10px 0px;}
.footer_wrapper_right_btn{ width:100%;}
.footer_bottom{ padding:10px 0px;}
.footer_bottom_wrapper{ width:98%;}
.footer_bottom_left{ width:100%; float:none; margin:0px 0px 10px 0px; text-align:center;}
.footer_bottom_right{ width:100%; float:none;}
.footer_bottom_right ul li a{ padding:0px 6px;}

/******************about***********************/

.tittle{ margin:7px 0px 0px 0px;}
.about_left{ width:100%; float:none; margin:0px 0px 5px 0px;}
.about_left h3{ padding:0px 0px 10px 0px;}
.about_left p{ padding:0px 0px 10px 0px;}
.about_right{ width:100%; float:none;}
/*---------------------products---------------*/
.about_body{ width:100%; float:none; margin:0 0 15px 0;}
.inner_sidebar{ width:100%;float:none}
.product_left img{ width:100%;}
/*---------------------query---------------*/
.about_body input[type="text"], .about_body input[type="password"], .about_body input[type="email"], .about_body select{ width:63%;}
.about_body textarea{ width:63%;}
.about_body select {
    width: 69.4%;
}
.product_left img{ width:100%;}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 640px) and (max-width: 767px) {
.innerpage_body1, .innerpage_body{ background:none;}		
.futured_wrapper_left{ width:31%; margin:0px 1% 10px;}
.footer_wrapper_right_inpt{ width:43%; margin:0px 0px 10px 0px;}
.footer_wrapper_right_inpt1{ width:44%; margin:0px 0px 10px 0px;}
.footer_wrapper_right_textarea{ width:94.6%; margin:0px 0px 10px 0px;}
/*---------------------products---------------*/
.about_body{ width:100%; float:none;}
.inner_sidebar{ width:100%;float:none}

}

@media only screen and (max-width: 479px) {
.innerpage_body1, .innerpage_body{ background:none;}	
nav{width:100%; margin:8px 0px 0px 0px; float:inherit;} 

nav ul{margin:0px 0px 0px 0px; padding:0px; list-style-type:none; width:100%;} 

nav ul li{background:none; line-height:normal; display:block; margin:0px; padding:0px; float:inherit; width:100%; padding:0px 0px 0px 0px; font-size:11px; color:#E7BD13;}

nav ul li a{border:none; display:block; padding:10px 0px; height:auto; line-height:normal; font-size:14px; margin:0px; color:#666666;  height:auto; width:auto; text-align:left;}

nav ul li a.active{color:#C59F04; background:none;}

nav a{text-align: left;	width: 100%; text-indent:10px; text-decoration:none; font-size:16px; color:#8a8a8a;}

nav a:hover{background:none; color:#fff; text-decoration:none;}		

nav ul{display: none; height: auto;}

nav a#pull {display: block; width:100%; position: relative; background:#053d83; margin:-8px 0 0px 0; color:#fff; text-transform:uppercase; font-weight:600; line-height:39px;}
  
nav a#pull:after{content:""; background:url(../images/nav-icon.png) no-repeat; width:25px; height:20px; display: inline-block; position: absolute; right:10px; top:10px;}

.header_top_wrapper{ width:95%;}
.header_top_wrapper_left{ width:100%; float:none; margin:0px 0px 10px 0px; text-align:center;}
.header_top_wrapper_right{ width:100%; float:none; text-align:center;}
.header_top_wrapper_right p a{ padding:0px 2px 0px 0px;}
.header_top_wrapper_right p span{ padding:0px 0px 0px 2px;}
.header_wrapper{ width:100%;}
.header_wrapper_left{ width:100%; margin:0px; padding:10px 0px; float:none; text-align:center;}
.header_wrapper_right{ width:100%;}
.header_wrapper_right ul li a{ padding:10px 0px; border-top:1px solid #000;}
.caption{ margin:20px 0px 0px 0px;}
.caption_wrapper{ width:95%;}
.caption_wrapper p{ padding:0px 0px 10px 0px; line-height:24px; display:none;}
.caption_wrapper p br{ display:none;}
.caption_wrapper h1{ font-size:26px; padding:0px 0px 10px 0px; display:none;}
.more{ width:100%;}
.body_wrapper{ margin:0px auto; width:95%; padding:10px 0px;}
.body_wrapper h2{ padding:0px 0px 10px 0px; font-size:30px;}
.body_wrapper p{ padding:0px 0px 10px 0px;}
.read{ width:100%;}
.futured{ padding:10px 0px;}
.futured_wrapper{ width:95%;}
.futured_wrapper h3{ padding:0px 0px 10px 0px;}
.futured_wrapper p{ padding:0px 0px 15px 0px;}
.futured_wrapper_left{ width:100%; margin:0px 0px 10px;}
.futured_wrapper_left img{ width:90%; margin:0px 0px 10px;}
.view{ width:100%;}
.product{ padding:10px 0px;}
.product_wrapper{ width:95%;}
.product_wrapper h3{ padding:0px 0px 5px 0px; font-size:28px;}
.product_wrapper_left{ width:100%; float:none;}
.product_wrapper_left ul li a{ line-height:34px;}
.product_wrapper_middle{ width:100%; margin:0px; float:none;}
.product_wrapper_middle ul li a{ line-height:34px;}
.product_wrapper_right{ width:100%; float:none;}
.product_wrapper_right ul li a{ line-height:34px;}
.our{ margin:0px auto; padding:10px 0px 0px 0px; width:95%;}
.our h3{ padding:0px 0px 10px 0px;}
.our p{ padding:0px 0px 15px 0px;}
.retail img{ margin:0px 7px 10px;}
.footer{ padding:10px 0px;}
.footer_wrapper{ width:95%;}
.footer_wrapper h3{ padding:0px 0px 10px 0px;}
.footer_wrapper_left{ width:100%; float:none; margin:0px 0px 10px 0px;}
.footer_wrapper_left p{ font-size:16px; line-height:28px;}
.footer_wrapper_left span{ line-height:28px;}
.footer_wrapper_right{ width:100%; float:none;}
.footer_wrapper_right_inpt{ width:86.7%; margin:0px 0px 10px 0px; float:none;}
.footer_wrapper_right_inpt1{ width:86.7%; margin:0px 0px 10px 0px; float:none;}
.footer_wrapper_right_textarea{ width:86.7%; margin:0px 0px 10px 0px;}
.footer_wrapper_right_btn{ width:100%;}
.footer_bottom{ padding:10px 0px 0px 0px;}
.footer_bottom_wrapper{ width:95%;}
.footer_bottom_left{ width:100%; float:none; margin:0px 0px 10px 0px; text-align:center;}
.footer_bottom_right{ width:100%; float:none;}
.footer_bottom_right ul li a{ padding:0px 17px 10px;}

/******************about***********************/

.tittle{ margin:7px 0px 0px 0px;}
.tittle h1{ font-size:25px;}
.about_left{ width:100%; float:none; margin:0px 0px 5px 0px;}
.about_left h3{ padding:0px 0px 10px 0px;}
.about_left p{ padding:0px 0px 10px 0px;}
.about_right{ width:100%; float:none;}
/*---------------------products---------------*/
.about_body{ width:100%; float:none;margin: 0 0 15px;}
.inner_sidebar{ width:100%;float:none}
.product_left{ width:88%;}
/*---------------------query---------------*/
.about_body .con_feild label{ display:block; margin:0 0 5px 0;width: 100%;}
.about_body input[type="text"], .about_body input[type="password"], .about_body input[type="email"], .about_body select{ width:94%;}
.about_body textarea{ width:94%;}
.about_body select {
    width: 100%;
}

.about_body .con_feild1 label{ margin:0px 0px 5px; display:block; width:100%;}
.about_body .con_feild1 input[type="text"]{ width:30%;}

}