.i_case_ul .i_case_li h3*{box-sizing: border-box; margin: 0px; padding: 0px;}
body,ul,p,h3{ margin: 0px; padding: 0px; list-style-type:none;text-decoration: none; font-family: 'Open Sans', sans-serif; } 
p{font-size: 14px;color: #686868; margin-top: 20px;}
img { max-width:100%; }
	.contact_section										{width: 100%; float: left; background-color: #a8484b;}
	.contact_detail  i										{margin-right: 5px;color: #fff;}
	.contact_detail li										{display: inline-block; color: #fff; padding: 2px 32px;}
	.contact_detail li a									{text-decoration: none;color: #fff;padding: 2px;}
	
	.softa_heading h1										{text-align: center; margin-right: 230px;color: #1c6ab2;}		

	
	.services_detail										{width: 100%; float: left;}
	.logo img												{width: 100%; max-width:220px; float: left; padding:25px 0px 10px 0px;}				
	.services												{float: right;background-color: #a8484b;   padding: 5px 5px;  position:relative; right:20px; width: 100%; max-width: 280px; }
	.services a												{text-decoration: none;}
	.services:before { position:absolute; left:-30px; top:0px; content:"";
	width: 0;
	height: 0;
	border-top:32px solid #a8484b;
	border-left:30px solid transparent;

}
.services:after { position:absolute; right:-30px; top:0px; content:"";
	width: 0;
	height: 0;
	border-top: 32px solid #a8484b;
	border-right: 30px solid transparent;
}
	.navbar-toggle .icon-bar								{ background-color:#fff; }
	.navbar-header h4										{ display:none; }	

	.services li											{display: inline-block;}
	.services li a											{color: #fff;  padding: 5px 5px; }
	.sh4  													{ text-align:center; padding-right:35px;font-size: 45px; margin: 0px; color:#131b5a; letter-spacing:4px; padding-top:2px; }
	.sh4 span 												{ color:#87161a; }
	.navigation												{margin-top:12px; float: left; }
	.navigation	.navbar										{width: 100%; float: left; min-height:inherit; margin:0px;  }
	.navigation   ul  > li		{ display: inline-block;float: left; position:relative; padding:3px 10px;}	
	.navigation  ul > li > a{text-decoration: none;  color: #0a1153; float: left; padding:8px 15px; position:relative; font-size: 15px;	transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;  }
	.navigation  ul > li > a:hover {color: #fff;background-color: #0a1153; 	transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;}
	.navigation ul > li > a:before{ position:absolute; left:-10px; top:0px; content:"";
	width: 0;
	height: 0;
	border-bottom:36px solid #fff;
	border-left:10px solid transparent;
		transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}	
	.navigation ul > li > a:after{ position:absolute; right:-10px; top:0px; content:"";
	width: 0;
	height: 0;
	border-top:36px solid #fff;
	border-right:10px solid transparent;
		transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}	
		
		.navigation ul > li > a:hover:before{ 
	border-bottom:36px solid #0a1153;
		transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}	
		
		.navigation ul > li > a:hover:after{ 
	border-top:36px solid #0a1153;
		transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
}	
		
		.navigation  ul > li  > .drapdown { display:none; position:absolute; top:100%; left:0px; background-color: #fff; min-width:200px; max-width:200px; }
		.navigation  ul > li  > .drapdown li { width:100%; float: left; }
		.navigation  ul > li  > .drapdown li a { padding: 10px; color: #0b0f4d; width:100%; float: left; list-style-type: none;}
		.navigation  ul > li:hover .drapdown { display:block;}
		.navigation  ul > li > .drapdown	{z-index: 999;}		
		.social_media						{float: right; margin-top:15px; }	
	    .social_media li					{float: right;}
		.social_media li a  {padding: 5px; color: #949191;}
		.borderright_none	{border-right: none;}
		.social_media ul li a {width: 35px; height: 35px;float: right; border: 1px solid #e2e2e2;text-align: center; padding:7px 0px; }
		.borderright_none { border-right:0px !important; }
		.slider_viewer						{width: 100%; float: left; overflow: hidden;}	
		.slider_viewer	img					{width: 100%;}				
		
.welcome_detail{width: 100%; float: left; padding: 30px 0px;}
.welcome_content{color: #861618;}
.welcome_border	{width: 60px; border-bottom: 1px solid #0a1153;}
.welcome_para	{line-height:25px; margin-top: 30px;}	
.welcome_para p	{text-align: justify;}			
.shoes_rock_image {float: right;}				
.shoes_rock_image img{width: 100%; }
.hover_image	{width: 100%; float: left;}
.hover_image1  {width: 100%; float: left;padding: 10px 0px}					
					
.bg {
  display: inline-block;
  width: 100%;
  height: 330px;
  background:url(../image/Female.jpg);
  background-repeat: no-repeat;
  background-size: 100% 330px;
}

.bg2 {
  display: inline-block;
  width: 100%;
  height: 330px;
  background:url(../image/Gends.jpg);
  background-repeat: no-repeat;
  background-size: 100% 330px;
}
.bg3 {
  display: inline-block;
  width: 100%;
  height: 330px;
  background:url(../image/children.jpg);
  background-repeat: no-repeat;
  background-size: 100% 330px;
}
.bg4 {
  display: inline-block;
  width: 100%;
  height: 330px;
  background:url(../image/health4.jpg);
  background-repeat: no-repeat;
  background-size: 100% 330px;
}
.bg5 {
  display: inline-block;
  width: 100%;
  height: 330px;
  background:url(../image/health5.jpg);
  background-repeat: no-repeat;
  background-size: 100% 330px;
}
.bg6 {
  display: inline-block;
  width: 100%;
  height: 330px;
  background: url(../image/health6.jpg);
  background-repeat: no-repeat;
  background-size: 100% 330px;
}


.box {
  display: inline-block;
  width: 100%;
  height: 330px;
  transition: all ease-in 0.3s;
}

.box:hover {width: 100%; background-color: rgba(0,0,0, 0.5); }

.box:hover .image-caption {
width: 100%;
  background-color: transparent;
  margin-top: 40px;
}

.image-caption {
  position: absolute;
  display: inline-block;
  width: 100%;
  max-width: 92.5%;
  text-align: center;
  padding: 20px 0;
  color: #c00000;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 20px;
  text-shadow: 0px 2px 2px rgba(0,0,0,0.8);
  margin-top: 0px;
  background-color: rgba(255,255,255,0.3);
  transition: all ease-in 0.3s;
}
.image-caption span	{width:100%;}
.image-caption: hover{color: #fff;}
.unique_future{width: 100%; float: left;background-image: url(../image/product_catagery.jpg); background-repeat:no-repeat; padding: 30px 0px;}		
.unique_product	{color: #861618;}
.product_list	{padding-top: 20px;}
.product_list i	{float: left;line-height: 30px;color: #231fcb;}
.product_list li	{line-height: 30px; margin-left: 20px;}
.shoesrock_explanation{width: 100%; float: left; background-color: #00aad7; padding: 20px 0px;}
.shoesrock_imaged	img{width: 100%; max-width: 340px;}

.shoesrock_explain	h3{ margin-top: 40px;color: #861618;}
.explain_para p	{color: #fff;line-height:25px; margin-top: 10px;}	


.orthoic{width: 100%; float: left; padding: 20px 0px;}

.softa_product_image	{width: 100%; float: left; padding: 20px 0px;}
.softa_product_image img{width:100%;}
.product_detailing	h3	{text-align: center; padding-bottom:10px; background:url(../image/border.png) no-repeat; background-position:center bottom; margin-bottom:20px;color: #861618; }
.softa_product_detail		{width: 100%;float: left;}
.Orthotic	h3				{color: #861618;}
.orthotic_insoles_explain p	{line-height:25px; }
.body_structure_image		{float: right;}		
.body_structure_image img	{width: 100%; max-width: 300px;}
.copyright					{width: 100%; float:left;background-color: #0a1153; padding: 10px 0px}
.copy_right	p				{margin: 0px;color: #fff;} 
.nav_li li					{display: inline-block;}
.nav_li a					{color: #fff; padding: 10px;}
.crb_website img			{float: right;}


.plantar_Fascilitis_help{width: 100%; float: left; padding: 30px 0px;}
.plantar_help	h3{text-align: center;color: #231fcb;}
.natural_footwearing{width: 100%; float: left;padding: 20px 0px;}
.foot_health	h3    { color: #861618;}
.welcome_border	{width: 60px; border-bottom: 1px solid #0a1153;}
.foot_health_detail p	{padding: 15px 0px;}
.image_common	img		{width: 100%; max-width: 200px; padding: 20px 0px;}
.foot_health_imaging	img	{width: 100%; max-width:350px;}





.product_page_banner 				{width: 100%; float: left; padding: 10px 0px;}
.product_page						{width: 100%; float: left; padding: 20px 0px; text-align: center; color: #861618;}
.product_page_header h3				{text-align: center; font-size: 15px;background: url(../image/shapes.png) no-repeat ; padding: 10px; background-position: center center;position: relative; top: 25px; color: #fff; right: 0px;}
.product_page_header img			{border: 3px solid #c54545; padding: 40px 40px;	border-radius: 50px;}
.product_description_detail			{width: 100%; float: left; padding: 10px 0px;}
.product_description h3				{padding: 10px 0px;color: #861618}
.product_description p				{padding-bottom: 10px;}
.inputbox		input				{width: 100%;float: left; padding: 10px 10px; margin: 20px 0px;}
.inputbox	h3						{color: #861618;}
.inputbox textarea					{width: 100%; max-width: 600px;padding: 20px 20px;}
.message							{width: 100%; float: left; padding: 20px 0px;}
.message textarea					{width: 100%; float: left; padding: 5px 10px;}
.button								{width: 100px;float: right;background-color: #ff6700; border: none;color: #fff; padding: 8px 0px;}
.contact_page						{width: 100%; float: left; padding: 30px 0px;}	
.condition_image					{width: 100%; float: left; padding: 50px 0px;}
.common_detailed_contact a			{text-decoration: none;}


<!--Contact Us>
.our_contact					{width: 100%;float: left; }
.common_detailed_contact		{text-align: center;float: left;}


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

@media only screen and (max-width: 767px) {
	.contact_detail li { padding:0px 2px; }
	.services:before, .services:after{ border:0px; }
	.services,  .social_media { display:none; }
	.navigation								{width: 100%; float: left; }
	.navigation	.navbar-header			{ background:#333;  }
	.navigation	 .navbar-toggle					{ float:right; width:auto; margin:0px; }
	.navigation ul > li						{ width: 100%; float: left; }
	.logo								{ text-align:center; }
	.logo img { float:none; margin:0 auto; max-width: 170px; }
	
    .navbar-header  										{ padding:5px 10px;  }
    .navbar-header h4 										{ color:#fff; margin:0px; padding-top:10px; }
	.navbar-header .navbar-toggle							{ border-color:#fff; }
	.navbar-header h4										{ display:block; }	
}

@media screen and (max-width: 980px) and (min-width:768px) {
	.navigation ul > li { padding:0px; }
	.navigation ul > li > a:before, .navigation ul > li > a:after		{ border:0px; }
	.navigation ul > li > a									{ padding: 8px 12px; }
	
	.bg {
  display: inline-block;
  width: 100%;
  height: 450px;
  background:url(../image/Female.jpg);
  background-repeat: no-repeat;
  background-size: 100% 450px;
}

.bg2 {
  display: inline-block;
  width: 100%;
  height: 450px;
  background:url(../image/Gends.jpg);
  background-repeat: no-repeat;
  background-size: 100% 450px;
}
.bg3 {
  display: inline-block;
  width: 100%;
  height: 450px;
  background:url(../image/children.jpg);
  background-repeat: no-repeat;
  background-size: 100% 450px;
}


.box {
  display: inline-block;
  width: 100%;
  height: 450px;
  transition: all ease-in 0.3s;
}

.box:hover { background-color: rgba(0,0,0, 0.5); }

.box:hover .image-caption {
  background-color: transparent;
  margin-top: 40px;
}
.image-caption {width: 100%;margin-top: 330px}

}	
	
@media screen and (max-width: 650px) and (min-width:500px)	{
.image-caption {width: 100%;margin-top: 330px}
}
@media only screen and (max-width: 767px) {
.bg {
  display: inline-block;
  width: 100%;
  height: 450px;
  background:url(../image/Female.jpg);
  background-repeat: no-repeat;
  background-size: 100% 450px;
}

.bg2 {
  display: inline-block;
  width: 100%;
  height: 450px;
  background:url(../image/Gends.jpg);
  background-repeat: no-repeat;
  background-size: 100% 450px;
}
.bg3 {
  display: inline-block;
  width: 100%;
  height: 450px;
  background:url(../image/children.jpg);
  background-repeat: no-repeat;
  background-size: 100% 450px;
}




.bg4 {
  display: inline-block;
  width: 100%;
  height: 450px;
  background:url(../image/health4.jpg);
  background-repeat: no-repeat;
  background-size: 100% 450px;
}
.bg5 {
  display: inline-block;
  width: 100%;
  height: 450px;
  background:url(../image/health5.jpg);
  background-repeat: no-repeat;
  background-size: 100% 450px;
}
.bg6 {
  display: inline-block;
  width: 100%;
  height: 450px;
  background: url(../image/health6.jpg);
  background-repeat: no-repeat;
  background-size: 100% 450px;
}


.box {
  display: inline-block;
  width: 100%;
  height: 450px;
  transition: all ease-in 0.3s;
}

.box:hover { background-color: rgba(0,0,0, 0.5); }

.box:hover .image-caption {
  background-color: transparent;
  margin-top: 40px;
}
.image-caption {width: 100%;margin-top: 0px;}
.i_case_ul .i_case_li img{padding: 30px; text-align: center; margin: 0px; border: none;}
.nav li{float: left;}
.product_page_header h3 {margin-left: 0px;}

}