*{
	margin: 0;
	padding: 0;
	font-family: Century Gothic;
}

header{
/* 	background-image: url(../images/g15.jpg); */
	height: 100vh;
	background-size: cover;
	background-position: center;
}

ul{
/* 	width: 100%; */
/* 	position: fixed; */
	float: right;
	margin: 2%;
	margin-top: none;
	list-style-type: none;
	margin-left: 40%;
	margin-top:1%;
}

ul li{
	display: Inline-block;
	
}

ul li a{
	text-decoration: none;
	float: left;
	color: #000;
	padding: 5px 5px;
	border: 1px solid blue;
	transition:0.6s ease;
}

ul li a:hover {
	background-color: blue;
	color: #fff;

}

ul li.active a{
/* 	background-color: blue;
	color: #fff; */
}

.title {
	width: 100%;
}

.logo img{
	float: left;
	width: 5.2%;
	height: 5.2%;
	margin-top: 0%;
	margin-left: 1%;
}

.Company img{
	float: left;
	width: 30%;
	height: 1%;
	margin-top:0%;
	margin-left: 1%;
}
.Menu {
	float: left;
	width: 50%;
	height: 1%;
	margin-top:1%;
	margin-left: 1%;

}
.main{
	max-width: 100%;
	margin:auto;
}

.main1{
	max-width: 100%;
	margin:auto;
	height:100%;
}
/* .product-1{
/* 	background: url(../images/grating-cutting-machine.png) -88px -53px no-repeat; */
	float: center;
	width: 100%;
	height: 100%;
	margin-top: 2%;
} */

.Product-2 img{
	float: left;
	width: 20%;
	height: 20%;
	margin-top: 2%;
	margin-left: 1%;
}

.Product-1 img {
	float: left;
	width: 20%;
	height: 200%;
	margin-top: 2%;
}

.Video-1 {
	float: center;
	margin-top: 2%;
	margin-left: 3%;
}

.Video-2 {
	float: right;
	width: 500;
	height: 300%;
	margin-top: 2%;
}

.myVideo {

  right: 0;
  bottom: 0;
  left:100;
  min-width: 100%;
  min-height: 100%;
  float:center;
}

.FooterNew{
	width = 100%;
	height = 3%;
	background: black;
	Color: white;
}

h3 {
	color: blue;
	text-decoration: underline;
	font-weight: bold;
}

.Contact {
	text-align:center
}

.Contact-2 {
	width:150%;
	float:center;
	margin-left:20%;
}

.Map-1 { width:55% ; float:left}



	#tl{ background: #fff; width: 98%;  margin-top:1%; text-align:justify; margin-left:1%; font-size: 1em;}
	#t2{ background: #fff; width: 98%;  margin-top:1%; text-align:justify; margin-left:1%; font-size: 1em;}
	#t3{ background: #fff; width: 98%; float: left; margin-top:1%;   text-align: center;  font-size: 1em; background-position: center; text-align:justify; margin-left:1%;}
	#t4{ background: #fff; width: 98%;  margin-top:1%; text-align:justify; margin-left:1%; margin-right:1%; font-size: 1em;}
	#t5{ background: #fff; width: 98%;  margin-top:1%; text-align:justify; margin-left:1%; font-size: 1em;}
	#t7{ background: #000; width: 100%; height: 40px; float: left; margin-top:2%;   text-align: center; Color: white; font-size: 1em; background-position: center;}

	#t8{width: 100%; height: 20px; float: left; margin-top:2%;   text-align: center; Color: blue; font-size: 1em; background-position: center;}
	
	#t11{ background: #fff; width: 50%;  margin-top:1%; text-align:justify; margin-left:5%; font-size: 1em;}
	#t12{ background: #fff; width: 50%;  margin-top:1%; text-align:justify; margin-right:5%; font-size: 1em;}
	

/*====================================================== Smartphone ==============================================================*/


@media(max-width:1024px) {
	nav {
		float:none;
	}
	nav li {
		display: block;
		float: none;
		width: 100%;
		font-size: 0.60em;
	}
	
	nav li a {
		border-bottom: 1px solid #576979;

	}
	
	ul{
		margin-left: 100%;
		margin-left: 0%;
		margin-top: 5%;
		width: 100%;
		list-style-type: none;
	}
	
	ul li{
		display: Inline-block;
	}
	
	ul li a{
		text-decoration: none;
		background-color:blue;
		color: #fff;
		padding: 30px 5px;
		border: 1px solid blue;
		margin-left: 1%;
		font-size: 2em;
	}
	
	.logo img{
		float: left;
		width: 14%;
		height: 1%;
		margin-top: 1%;
		margin-left: 1%;
	}

	.Company img{
		float: left;
		width: 82%;
		height: 1%;
		margin-top:1%;
		margin-left: 1%;
	}

	.Product-2 img{
		float: left;
		width: 20%;
		height: 20%;
		margin-top: 2%;
/* 		margin-left: 1%;
 */	}

	.Product-1 img {
		float: center;
		width: 100%;
		height: 100%;
		margin-top: 2%;
	}
	
	.Video-1 {
		width:700;
		float: left;
		margin-top: 2%;
		margin-left: 1%;
	}
	
	.Map-1 { 
		width:100%;  
		float:center;
		margin-left: 1%;
	}
	
	.Contact-2 {
		width:300%;
		float:center;

	}
	
	
	#tl{ background: #fff; width: 98%;  margin-top:5%; text-align:justify; margin-left:1%; font-size: 4em;}
	#t2{ background: #fff; width: 98%;  margin-top:2%; text-align:justify; margin-left:0%; font-size: 4em;}
	#t3{ background: #fff; width: 98%;  margin-top:2%; text-align:justify; margin-left:1%; font-size: 4em;}
	#t4{ background: #fff; width: 98%;  margin-top:2%; text-align:justify; margin-left:1%; margin-right:1%; font-size: 4em;}
	#t7{ background: #000; width: 100%; height: 4%; float: left; margin-top:2%;   text-align: center; Color: white; font-size: 1em; background-position: center;}
	
}