.img-text {
	position: relative;
	text-align: center;

	}
	.bottom-right {
		position: absolute;
		top: 200px;
		left: 16px;
		padding:30px 30px 30px 0px;
		text-align:justify;
		color:#fff;
	}
	.bottom-right-reputation {
		position: absolute;
		bottom: 200px;
	}
	.top-left {
		position: absolute;
		top: 8px;
		left: 16px;
	  }
	.image1 {
		position: relative;
		height:800px;
	}
	.image2 {
		position: absolute;
		top: 0;
		left: 0;
		height:100%;
		/* width:auto; */
	}
	.image3 {
		position: relative;
		top: 0;
		left: 0;
		height:600px;
	}
	.image4 {
		position: absolute;
		bottom: 0;
		left: 0;
		height:710px;
	}
	.image5{
		position: absolute;
		bottom: 18px;
	}
  
h4{
	font-weight:bold
}
p, li{
	justify-content: flex-start;
}
.hexagon {
	clip-path: polygon(50% 0, 100% 20%, 100% 75%, 50% 100%, 0 75%, 0 20%);
  }
.undercore-text{
	display:inline-block;
	position:relative;
	}
	
.undercore-text::after{
content:'';
height:5px;
width:40%;
background:#124265;
position:absolute;
left:calc(10% - 10%);
bottom:-5px;
}

.csr .content .col-lg-6 p{
	margin-bottom: 0;
	text-align:center; font-style: italic;
}

/* certificate css */

#certificate img{
	display: block;margin-left: auto;margin-right: auto;
}

#team img{
	display: block;margin-left: auto;margin-right: auto;
}

#research-development img{
	display: block;margin-left: auto;margin-right: auto;
}
#csr .content img{
	padding-bottom: 10px;
}

#certificate .content .col-lg-12{
	left: 1px; right: 0; margin: auto;
	padding-bottom: 100px;
}




#team .content p{
	padding-bottom: 2%;
}

/* ---------certificate end ----------- */

/* csr css */
#csr .col-lg-9{
	left: 0; right: 0; margin: auto;
}
/* ---------csr end ----------- */


/* research-development css */
#research-development .content div p{
	text-align:center;
	font-weight: bold;
	font-size: xx-large;
}
#research-development .content .col-lg-4{
	padding-top: 30px;
}

/* ---------research-development end ----------- */

/* partnership-activities css */
#partnership-activities .col-lg-9{
	left: 0; right: 0; margin: auto;
	width:auto; height:200px;
}
/* ---------partnership-activities end ----------- */

/* air-conditioner css */
#air-conditioner h3{
	font-weight:bold;
	color: #124265;
}

#air-conditioner-aqua .img{
	border: 5px solid #124265;
	padding: 2%;
	padding-left: 4%;
	padding-right: 8%;
	position: relative;
}


/* ---------air-conditioner end ----------- */


/* export css */
/*.export .li-style {
	list-style-type: square;
}

#export .content img {
	padding-bottom: 20px;
	padding-top: 20px;
}

#export .content .col-lg-6{
	left: 0; right: 0; margin: auto; width: 50%; height: 50%;
}
#export .content .col-lg-6 img{
	padding: 15px;padding-right: 50px; 
}*/

/*#export .content div .chain-spread{
	right: -30px;top: -30px; position: absolute;background-color: #58b4e4; opacity: 0.7; color: white; border-color: white; border-style: solid;
}*/
/* ---------export end ----------- */


/* MACs */

#macs .content img{
	padding-bottom: 20px;
}
#macs .content div{
	padding-bottom: 20px;
	left: 0; right: 0; margin: auto; width: 70%; height: 70%;
}


/* ---------MACs end ----------- */

/* industrial */
#industrial .content img {
	padding-bottom: 20px;
}
/* --------- industrialend ----------- */


#strategic-partnership .undercore-title{
	left: 0; right: 0; margin: auto;
}
#strategic-partnership .width-content{
	width: 70%;
}
/* #strategic-partnership .width-content .content{
	left: 17%;
} */

/* clients */
#clients .row {
	table-layout: fixed;
}

#clients .container {
	width: 70%;
}

.clients img {
	filter: none;
  }

.certificate .content img-width{
	width:400px;
	height:400px;
}

/* --------- clients end ----------- */

@media screen and (max-width: 1180px), screen and(max-height: 820px){
	/* For mobile phones: */
	[class*="phone-creen-left"] {
		padding-left:50px;
	}
	[class*="phone-creen-right"] {
		padding-right:100px;
	}
	[class*="chain-img-1"] {
		width: 82%;
	}
	[class*="chain-img-2"] {
		width: 82%;
	}
	[class*="chain-spread"] {
		padding: 12px 14px;
		background-color: #58b4e4; 
		opacity: 0.7; 
		color: white; 
		border-color: white; 
		border-style: solid;
		z-index: 96;
		width: 80%;
		height: 80%;
	}
	[class*="bottom-right"] {
		margin-left:280px;
		width: 50%;
		padding: 0px;
	}
  }
  /* @media screen and (max-width: 721px){
	#strategic-partnership .width-content .content{
		left: 0;
	}
  } */

  @media screen and (max-width: 721px){
	#strategic-partnership .width-content .content .h3{
		left: 17%;
	}
  }
  
  @media screen and (max-width: 720px), screen and(max-height: 540px){
	/* For mobile phones: */
	[class*="phone-creen-left"] {
		padding-left:50px;
	}
	[class*="phone-creen-right"] {
		padding-right:100px;
	}
	[class*="chain-img-1"] {
		width: 82%;
	}
	[class*="chain-img-2"] {
		width: 82%;
	}
	[class*="chain-spread"] {
		padding: 12px 14px;
		background-color: #58b4e4; 
		opacity: 0.7; 
		color: white; 
		border-color: white; 
		border-style: solid;
		z-index: 96;
		width: 80%;
		height: 80%;
	}
	[class*="bottom-right"] {
		margin-left: 150px;
		width: 50%;
		padding: 0px;
	}
	#strategic-partnership .width-content{
		width: 100%;

	}
	/* #strategic-partnership .width-content .content{
		left:0;
	} */
	
  }
  
  @media only screen and (max-width: 600px) {
	/* For mobile phones: */
	[class*="phone-creen-left"] {
		padding-left:50px;
	}
	[class*="phone-creen-right"] {
		padding-right:100px;
	}
	[class*="chain-img-1"] {
		width: 82%;
	}
	[class*="chain-img-2"] {
		width: 82%;
	}
	[class*="chain-spread"] {
		padding: 12px 14px;
		background-color: #58b4e4; 
		opacity: 0.7; 
		color: white; 
		border-color: white; 
		border-style: solid;
		z-index: 96;
		width: 80%;
		height: 80%;
	}
	[class*="bottom-right"] {
		margin-left:125px;
		width: 60%;
		padding: 0px;
	}
	
  }
  @media only screen and (max-width: 300px) {
	.certificate .content .col-lg-4{
		width: max-content;
		height: max-content;
	}
  }