body
  {
  font-family:Review, Arial, Times, Sans-serif;
  /*background-image:url("logo.jpg");*/
  background-attachment:scroll;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#2edba7;
 }

header
  {
    background-color:#51d0de;
	color:black;
	margin: auto;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
	padding:2px;
	overflow: hidden;
	width:90%
  }
  
header img{
	float:left;
	border-radius: 10%;
	margin-left:2px;
	margin-top:50px;
	padding:1px;
	max-width: 100%;
	}

hgroup {
	list-style-type:none;
	float:left;
	}


/*start logo head contact details */	
* {
  box-sizing: border-box;
  border-color: red;
 }

/* Create three unequal columns that floats next to each other width:auto ;height:auto; object-fit: fill;*/
.column {
  float: left;
  padding: 5px;
  height: auto;
  /*height: 320px;  Should be removed. Only for demonstration */
}

.left {
  width: 10%;
}
.right {
  width: 35%;
}
.middle {
  width: 55%;
}
@media screen and (max-width: 800px) {
  .left, .main, .right {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* middle start*/
#h1{
	font-size:3em;
	color:red;
	text-align:center;
	font-family: Georgia, Arial, Times, Sans-serif;
	text-shadow: 2px 2px 4px #000000;
	}			

#h2{
	font-size:1.5em;
			text-align:center;
			color:black;
			}

#h1:hover{
				/*font-size:4.5em;*/
				color:green;
				font-family: Fantasy, Times, Sans-serif;
				}
/* Clear floats after the columns */
.row:after {
  display: table;
  clear: both;
  width: 80%;
}

/*contact informaiton*/
.contact-info h1 {color:blue; overflow:hidden; margin: 10px 5px 10px 5px; }
table {
  border: 1px solid none;
  border-collapse: collapse;
  float: center;
  margin: auto auto auto 20px;
  }
th {
  text-align: left;
  text-decoration: none;
  font-family:Elephant, Arial, Times, Sans-serif;
  font-size:1.5em;
  overflow:hidden;
  color: #6600cc;
	/*text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;	*/
}
td {
  text-align: right;
  overflow:hidden;
}
.contact-info a:hover { text-decoration: underline; }
.address {color:black; margin: 15px auto 10px 20px; }
/* contact informaiton */
/*end logo head contact details */


/*menu */
nav ul{
	list-style-type:none; 
	margin-left:50px;
	}

nav.hedermenu ul li{
	font-family:Arial, Times, Sans-serif;
	background-color:orange;
	float: left;
	margin-right:5px;
	font-size:1.5em;
	border : 2px solid blue;
	padding: 2px;
	border-radius: 10%;
	}

nav ul li a:link{
				color: red;
				}
nav ul li a:visited{
				color: #fc0303;
				}

nav ul li a:hover{
				font-size:2em;
				color:blue;
				box-shadow: 5px 10px red;
				border-radius: 5%;
				}

nav ul li a:active{
				color: black;
				}

/*menu end*/



#manufactproducts{
	text-align:center;
	font-size:3em;
	font-weight: bold;
	color:red;
	font-family: Fantasy, Times, Sans-serif;
	text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
	}

.slideshow-container {
	margin: auto auto auto 5%;
	width: 90%; 
	line-height:1.2;
	padding:0px;
	color:blue;
	font-size:1.2em;
	}

.slideshow-container:hover{
				font-size:2em;
				color:red;
				}
.slideshow-container:active{
				color: black;
				}

/* slide show article */

div.slideshow-container img{float:left; border: 10px groove green; margin-left:20px; margin-right:20px;border-radius:5%;}
div.text1{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 250px;
	text-align:justify;
	font-weight: bold;
	font-size:1.2em; 
	line-height: auto;
	margin-left:20px;
}

div.text{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 375px;
	text-align:justify;
	font-weight: bold;
	font-size:1.2em; 
	line-height: auto;
	margin-left:20px;
}
div.slideshow-container video{float:left; border: 5px groove green; margin-left:20px; margin-right:20px;border-radius:5%;}

	
/* checking done till here 
padding:auto auto 10px 50px;
	
.mySlidesfade{width: auto; border: 20px double green;}

*/
	
/*
		hgroup h1{
			font-size:5.5em;
			color:red;
			text-align:center;
			}			

		hgroup h2{
			font-size:2.5em;
			text-align:center;
			color:black;
			}

hgroup h1:hover{
				font-size:10em;
				color:green;
				}

nav {
	width:25%;
	float:left;
	}




article { overflow:hidden;}


article h3{font-size:1.5em; padding:0px 5px 0px 50px;line-height:0.8}
article h4{font-size:1.2em; padding:0px 5px 5px 50px;line-height:0.8}
article h5, h6{font-size:1.2em;padding:0px 5px 0px 50px; margin: 0px 5px 0px 5px;}
/*article h4{font-size:1.2em;padding:0px 5px 5px 50px; margin: 0px 5px 0px 5px;}*/



div.rtimage img{float:right; border: 20px solid purple; margin-right:50px;border-radius:5%;}
/*
#steps{
	text-align:justify;
	font-weight: bold;
	font-size:2em; 
	line-height:1.5;
	word-spacing:2px;
	margin:10px 530px 10px 10px;
	}
*/
	
div.ltimage img{float:left; border: 20px solid green; margin-left:50px;border-radius:5%;}
#para{					/*text styling near image*/
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	text-align:justify;
	text-indent: 50px;
	font-weight: bold;
	font-size:2em; 
	padding:10px 50px 10px 50px;
	line-height: auto;
	
	}
	



  /* hr  */

article.whyus1
{ background-color:#10b32e; margin:auto; overflow:hidden;}
img.hgpwhyusimg{
	width:35%;
	float:left;
	border-radius: 15%;
	padding:10px 40px 10px 40px;
}
.navwhyus1 ul li img{ 		 /* why us list items image  */
	border-radius:30%;
	margin:5px auto auto auto;
}
#whyusli{					/*	why us list items text; */ 
	color: red;
	font-size:3em;
	overflow:hidden;
	font-weight:bold;
	margin:5px auto auto auto;
	text-shadow: 2px 2px 4px #000000;
	line-height: 1.5;
	}
 





 
 footer
  {
    background-color:white;
    color:orange;
	font-weight:bold;
    margin-left: auto;
    margin-right: auto;
    border-width:3px;
	border-style:solid;
	border-color:red;
	text-align:left;
	padding:5px;
  }
  a { text-decoration:none	}
   
  /*   */