h1
{
color:#313333;
font-size:4rem;
font-family:"Trebuchet MS",sans-serif;
}


.quotes-call
{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
flex-wrap:wrap;
height:60px;
width:600px;
}

.call-us
{
display:flex;
justify-content:center;
align-items:center;
height:50px;
width:240px;
background-color:#313333;
border:3px solid white;
}


	.call-us p
	{
	color:white;
	font-size:1.4rem;
	font-family:"Trebuchet MS",sans-serif;
	}





.projects-banner
{
height:800px;
width:100%;
background-image:url("images/project22.webp");
background-size:100% 100%;
}

.projects-header
{
display:flex;
justify-content:center;
flex-wrap:wrap;
flex-direction:row;
height:800px;
width:600px;
margin:auto;
}

.head
{
display:flex;
align-items:center;
justify-content:center;
height:200px;
width:600px;
opacity:0.5;
margin:0px auto;
background-color:white;
transform:translate(0%,100%);
}


.projects-page
{
height:900px;
width:100%;
background-color:#313333;
}

.main-projects
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:900px;
width:1200px;
margin:auto;
}

.image-viewer
{
height:560px;
width:1000px;
margin:auto;
border:3px solid #d2d49b;
}

	.image-viewer img
	{
	height:100%;
	width:100%;
	}



.image-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:150px;
width:1600px;
overflow:hidden;
gap:3px;
}
	
	.left-slide
	{
	height:80px;
	width:80px;
	border-radius:50%;
	background-color:#313333;
	transform:rotate(180deg);
	}	
		
		

		.left-slide img
		{
		height:100%;
		width:100%;
		}

	.right-slide
	{
	height:80px;
	width:80px;
	border-radius:50%;
	background-color:#313333;
	}

		.right-slide img
		{
		height:100%;
		width:100%;
		}
		
	.sub-gallery
	{
	width:1000px;
	gap:1px;
	overflow:hidden;
	}


	.slide-gallery
	{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	width:1800px;
	height:150px;	
	gap:10px;
	transition:transform 0.3s ease;
	transform:translateX(0px);
	}

.image1
{
border:5px;
width:240px;
height:140px;
border-radius:10px;
}

	.image1 img
	{
	height:100%;
	width:100%;
	border:2px solid #d2d49b;
	border-radius:10px;
	}


.project-page2
{
height:800px;
width:100%;
background-color:#313333;
}




.second-project
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:800px;
width:1200px;
margin:auto;
}

.second-project-part1
{
height:600px;
width:1000px;
margin:auto;
border:3px solid #d2d49b;
}

	.second-project img
	{
	height:100%;
	width:100%;
	}

.sec-pro-part2
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:150px;
width:1000px;
margin:auto;
}


.sec-image1
{
height:140px;
width:240px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.sec-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}








.third-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.third-pro-part1
{
width:1200px;
height:800px;
margin:auto;
}

.third-pro-viewer
{
height:580px;
width:1000px;
margin:auto;
border:3px solid #d2d49b;
}

	.fourth-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.third-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:150px;
width:500px;
margin:25px auto;
}

.third-image1
{
height:140px;
width:240px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.third-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}



.fourth-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.fourth-pro-part1
{
width:1200px;
height:800px;
margin:auto;
}

.fourth-pro-viewer
{
height:580px;
width:1000px;
margin:auto;
border:3px solid #d2d49b;
}

	.third-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.fourth-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:150px;
width:500px;
margin:25px auto;
}

.fourth-image1
{
height:140px;
width:240px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.fourth-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}



.fifth-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.fifth-pro-part1
{
width:1200px;
height:800px;
margin:auto;
}

.fifth-pro-viewer
{
height:580px;
width:1000px;
margin:auto;
border:3px solid #d2d49b;
}

	.fifth-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.fifth-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:150px;
width:750px;
margin:25px auto;
}

.fifth-image1
{
height:140px;
width:240px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.fifth-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}






.sixth-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.sixth-pro-part1
{
width:1200px;
height:800px;
margin:auto;
}

.sixth-pro-viewer
{
height:580px;
width:1000px;
margin:auto;
border:3px solid #d2d49b;
}

	.sixth-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.sixth-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:150px;
width:500px;
margin:25px auto;
}

.sixth-image1
{
height:140px;
width:240px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.sixth-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}


.seventh-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.seventh-pro-part1
{
width:1200px;
height:800px;
margin:auto;
}

.seventh-pro-viewer
{
height:580px;
width:1000px;
margin:auto;
border:3px solid #d2d49b;
}

	.seventh-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.seventh-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:150px;
width:700px;
gap:5px;
margin:25px auto;
}

.seventh-image1
{
height:140px;
width:240px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.seventh-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}







/*MOBILE*/

@media screen and (max-width:767px){

.quotes-call
{
display:flex;
align-items:center;
justify-content:center;
flex-direction:row;
flex-wrap:wrap;
gap:10px;
height:60px;
width:600px;
}

.call-us
{
display:flex;
justify-content:center;
align-items:center;
height:50px;
width:240px;
background-color:#313333;
border:3px solid white;
}


	.call-us p
	{
	color:white;
	font-size:1.2rem;
	font-family:"Trebuchet MS",sans-serif;
	}





.projects-banner
{
height:800px;
width:100%;
background-image:url("images/project22.webp");
background-size:100% 100%;
}

.projects-header
{
display:flex;
justify-content:center;
flex-wrap:wrap;
flex-direction:row;
height:800px;
width:400px;
margin:auto;
}

.head
{
display:flex;
align-items:center;
justify-content:center;
height:200px;
width:400px;
opacity:0.5;
margin:0px auto;
background-color:white;
transform:translate(0%,100%);
}





.projects-page
{
height:800px;
width:100%;
background-color:#313333;
}

.main-projects
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:750px;
width:400px;
margin:auto;
}

.image-viewer
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.image-viewer img
	{
	height:100%;
	width:100%;
	}



.image-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
align-items:center;
height:120px;
width:400px;
gap:3px;
overflow:hidden;
}
	
	.left-slide
	{
	display:none;
	height:80px;
	width:80px;
	border-radius:50%;
	background-color:#313333;
	transform:rotate(180deg);
	}	
		
		

		.left-slide img
		{
		height:100%;
		width:100%;
		}

	.right-slide
	{
	display:none;
	height:80px;
	width:80px;
	border-radius:50%;
	background-color:#313333;
	}

		.right-slide img
		{
		height:100%;
		width:100%;
		}
		
	.sub-gallery
	{
	display:flex;
	width:400px;
	gap:1px;
	height:120px;
	overflow:hidden;
	}


	.slide-gallery
	{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	width:500px;
	height:80px;	
	gap:3px;
	transition:transform 0.3s ease;
	transform:translateX(0px);
	}

.image1
{
border:5px;
width:80px;
height:50px;
border-radius:10px;
}

	.image1 img
	{
	height:100%;
	width:100%;
	border:2px solid #d2d49b;
	border-radius:10px;
	}






.project-page2
{
height:800px;
width:100%;
background-color:#313333;
}



.second-project
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:580px;
width:400px;
margin:auto;
}

.second-project-part1
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.second-project img
	{
	height:100%;
	width:100%;
	}

.sec-pro-part2
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:340px;
margin:auto;
}


.sec-image1
{
display:flex;
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.sec-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}








.third-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.third-pro-part1
{
width:400px;
height:800px;
margin:auto;
}

.third-pro-viewer
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.fourth-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.third-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:162px;
margin:25px auto;
}

.third-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.third-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}



.fourth-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.fourth-pro-part1
{
width:400px;
height:400px;
margin:auto;
}

.fourth-pro-viewer
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.third-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.fourth-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:150px;
margin:25px auto;
}

.fourth-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.fourth-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}



.fifth-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.fifth-pro-part1
{
width:400px;
height:800px;
margin:auto;
}

.fifth-pro-viewer
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.fifth-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.fifth-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:245px;
margin:25px auto;
}

.fifth-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.fifth-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}




.sixth-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.sixth-pro-part1
{
width:400px;
height:800px;
margin:auto;
}

.sixth-pro-viewer
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.sixth-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.sixth-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:162px;
margin:25px auto;
}

.sixth-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.sixth-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}


.seventh-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.seventh-pro-part1
{
width:400px;
height:800px;
margin:auto;
}

.seventh-pro-viewer
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.seventh-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.seventh-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:240px;
margin:25px auto;
}

.seventh-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.seventh-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}




}




/*TABLET*/

@media screen and (min-width:768px) and (max-width:1024px){

.projects-page
{
height:800px;
width:100%;
background-color:#313333;
}

.main-projects
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:750px;
width:400px;
margin:auto;
}

.image-viewer
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.image-viewer img
	{
	height:100%;
	width:100%;
	}



.image-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
align-items:center;
height:120px;
width:400px;
gap:3px;
overflow:hidden;
}
	
	.left-slide
	{
	display:none;
	height:80px;
	width:80px;
	border-radius:50%;
	background-color:#313333;
	transform:rotate(180deg);
	}	
		
		

		.left-slide img
		{
		height:100%;
		width:100%;
		}

	.right-slide
	{
	display:none;
	height:80px;
	width:80px;
	border-radius:50%;
	background-color:#313333;
	}

		.right-slide img
		{
		height:100%;
		width:100%;
		}
		
	.sub-gallery
	{
	display:flex;
	width:400px;
	gap:1px;
	height:120px;
	overflow:hidden;
	}


	.slide-gallery
	{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	width:500px;
	height:80px;	
	gap:3px;
	transition:transform 0.3s ease;
	transform:translateX(0px);
	}

.image1
{
border:5px;
width:80px;
height:50px;
border-radius:10px;
}

	.image1 img
	{
	height:100%;
	width:100%;
	border:2px solid #d2d49b;
	border-radius:10px;
	}






.project-page2
{
height:800px;
width:100%;
background-color:#313333;
}



.second-project
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:580px;
width:400px;
margin:auto;
}

.second-project-part1
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.second-project img
	{
	height:100%;
	width:100%;
	}

.sec-pro-part2
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:340px;
margin:auto;
}


.sec-image1
{
display:flex;
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.sec-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}








.third-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.third-pro-part1
{
width:400px;
height:800px;
margin:auto;
}

.third-pro-viewer
{
height:400px;
width:400px;
margin:auto;
border3px solid #d2d49b;
}

	.fourth-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.third-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:162px;
margin:25px auto;
}

.third-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.third-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}



.fourth-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.fourth-pro-part1
{
width:400px;
height:400px;
margin:auto;
}

.fourth-pro-viewer
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.third-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.fourth-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:150px;
margin:25px auto;
}

.fourth-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.fourth-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}



.fifth-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.fifth-pro-part1
{
width:400px;
height:800px;
margin:auto;
}

.fifth-pro-viewer
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.fifth-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.fifth-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:245px;
margin:25px auto;
}

.fifth-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.fifth-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}




.sixth-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.sixth-pro-part1
{
width:400px;
height:800px;
margin:auto;
}

.sixth-pro-viewer
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.sixth-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.sixth-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:162px;
margin:25px auto;
}

.sixth-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.sixth-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}


.seventh-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.seventh-pro-part1
{
width:400px;
height:800px;
margin:auto;
}

.seventh-pro-viewer
{
height:400px;
width:400px;
margin:auto;
border:3px solid #d2d49b;
}

	.seventh-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.seventh-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:162px;
margin:25px auto;
}

.seventh-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.seventh-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}




}




/*PC*/

@media screen and (min-width:1025px) and (max-width:1440px){

.projects-page
{
height:800px;
width:100%;
background-color:#313333;
}

.main-projects
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:750px;
width:600px;
margin:auto;
}

.image-viewer
{
height:400px;
width:600px;
margin:auto;
border:3px solid #d2d49b;
}

	.image-viewer img
	{
	height:100%;
	width:100%;
	}



.image-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
align-items:center;
height:120px;
width:600px;
gap:3px;
overflow:hidden;
}
	
	.left-slide
	{
	display:none;
	height:80px;
	width:80px;
	border-radius:50%;
	background-color:#313333;
	transform:rotate(180deg);
	}	
		
		

		.left-slide img
		{
		height:100%;
		width:100%;
		}

	.right-slide
	{
	display:none;
	height:80px;
	width:80px;
	border-radius:50%;
	background-color:#313333;
	}

		.right-slide img
		{
		height:100%;
		width:100%;
		}
		
	.sub-gallery
	{
	display:flex;
	width:400px;
	gap:1px;
	height:120px;
	overflow:hidden;
	}


	.slide-gallery
	{
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	width:500px;
	height:80px;	
	gap:3px;
	transition:transform 0.3s ease;
	transform:translateX(0px);
	}

.image1
{
border:5px;
width:80px;
height:50px;
border-radius:10px;
}

	.image1 img
	{
	height:100%;
	width:100%;
	border:2px solid #d2d49b;
	border-radius:10px;
	}






.project-page2
{
height:800px;
width:100%;
background-color:#313333;
}



.second-project
{
display:flex;
flex-wrap:wrap;
flex-direction:row;
height:580px;
width:600px;
margin:auto;
}

.second-project-part1
{
height:400px;
width:600px;
margin:auto;
border:3px solid #d2d49b;
}

	.second-project img
	{
	height:100%;
	width:100%;
	}

.sec-pro-part2
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:340px;
margin:auto;
}


.sec-image1
{
display:flex;
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.sec-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}








.third-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.third-pro-part1
{
width:600px;
height:600px;
margin:auto;
}

.third-pro-viewer
{
height:400px;
width:600px;
margin:auto;
border:3px solid #d2d49b;
}

	.fourth-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.third-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:162px;
margin:25px auto;
}

.third-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.third-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}



.fourth-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.fourth-pro-part1
{
width:600px;
height:400px;
margin:auto;
}

.fourth-pro-viewer
{
height:400px;
width:600px;
margin:auto;
border:3px solid #d2d49b;
}

	.third-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.fourth-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:150px;
margin:25px auto;
}

.fourth-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.fourth-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}



.fifth-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.fifth-pro-part1
{
width:600px;
height:600px;
margin:auto;
}

.fifth-pro-viewer
{
height:400px;
width:600px;
margin:auto;
border:3px solid #d2d49b;
}

	.fifth-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.fifth-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:245px;
margin:25px auto;
}

.fifth-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.fifth-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}




.sixth-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.sixth-pro-part1
{
width:400px;
height:800px;
margin:auto;
}

.sixth-pro-viewer
{
height:400px;
width:600px;
margin:auto;
border:3px solid #d2d49b;
}

	.sixth-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.sixth-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:162px;
margin:25px auto;
}

.sixth-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.sixth-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}


.seventh-pro
{
height:800px;
width:100%;
background-color:#313333;
}

.seventh-pro-part1
{
width:400px;
height:800px;
margin:auto;
}

.seventh-pro-viewer
{
height:400px;
width:600px;
margin:auto;
border:3px solid #d2d49b;
}

	.seventh-pro-viewer img
	{
	height:100%;
	width:100%;
	}

.seventh-pro-gallery
{
display:flex;
flex-wrap:wrap;
flex-direction:column;
height:50px;
width:162px;
margin:25px auto;
}

.seventh-image1
{
height:50px;
width:80px;
border:2px solid #d2d49b;
border-radius:10px;
}

	.seventh-image1 img
	{
	height:100%;
	width:100%;
	border-radius:10px;
	}


}