.main-about {
	width: 1300px;
	margin: auto;
}

.decoration {
	text-decoration: none;
}

.text-white {
	color: #fff;
}

.about {
	padding-bottom: 0px;
}

.about .hom-con {
	width: 100%;
}

.about .hom-con p {
	font-size: 14px;
	color: #8A9096
}

.about .hom-con p a {
	font-size: 14px;
	color: #8A9096;
	text-decoration: none;
	padding-right: 5px
}

.about .hom-con p a.active {
	font-size: 14px;
	color: #344149;
	font-weight: 600;
	padding-left: 5px
}

.about .row.ab {
	width: 75%;
	margin: auto;
	display: flex;
	padding-top: 50px;
	padding-bottom: 80px
}

.about .row .col-mm.box {
	margin-right: 40px;
}

.about .row .col-mm {
	width: 47%;
	float: left;
}

.about .row .col-mm h3 {
	font-size: 2.5rem;
	color: #333333;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: 600;
}

.about .row .col-mm p {
	font-size: 14px;
	color: #323E48;
	width: 100%
}

.about .row .col-mm img.gru-img {
	width: 100%;
	object-fit: cover;
	min-height: 350px;
}



.about-vis {
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
	background: #F4F4F3
}

.about-vis .row.ab {
	width: 75%;
	margin: auto;
	display: flex;
	padding-top: 50px;
	padding-bottom: 50px
}

.about-vis .row .col-mm {
	width: 47%;
	float: left;
}

.about-vis .row .col-mm h3 {
	font-size: 2rem;
	color: #333333;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: 600;
	text-transform: uppercase;
}

.about-vis .row .col-mm p {
	font-size: 14px;
	color: #323E48;
	line-height: 1.7;
}

.about-vis .row .col-mm li {
	line-height: 2.2;
}

.about-vis .row .col-mm.ibox {
	padding-left: 30px;
	padding-top: 50px
}

.about-vis .row .col-mm .ico {
	width: auto;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}


.about-his {
	padding-top: 20px;
	padding-bottom: 20px;
	display: flex;
}

.about-his .row.ab {
	width: 75%;
	margin: auto;
	display: flex;
	padding-top: 50px;
	padding-bottom: 50px
}

.about-his .row .col-mm {
	width: 47%;
	float: left;
}

.about-his .row .col-mm h3 {
	font-size: 1.5rem;
	color: #333333;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: 600;
	text-transform: uppercase;
}

.about-his .row .col-mm p {
	font-size: 14px;
	color: #323E48;
	line-height: 1.7;
}

.about-his .row .col-mm li {
	line-height: 2.2;
}

.about-his .row .col-mm.ibox {
	padding-left: 30px;
	padding-top: 0px
}

.about-his .row .col-mm .ico {
	width: auto;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}


.sgp-abt {
	line-height: 29px !important;
}

.sgp-abt h1 {
	text-align: center;
	padding: 0 40px;
	margin-top: 30px;
	line-height: 40px;
}

.sgp-abt h4 {
	margin: 30px 0 10px 0;
}

.sgp-abt p {
	line-height: 30px;
}

.sgp-abt img {
	width: 70%;
}

.brnd-abt h2 {
	font-size: 1rem !important;
	font-weight: 400 !important;
}

.brnd-abt img {
	width: 50%;
	/* height: 300px; */
	height: auto;
	object-fit: cover;
}

.brnd-abt iframe {
	display: block;
}

/* developed by - aA-Abdul anas {abdulanaspnweb@gmail.com}*/

/*Rasponsive Code*/
/*1920*/
@media only screen and (min-width : 1920px) and (max-width : 2560px) {}

/*1600*/
@media only screen and (min-width : 1600px) and (max-width : 1919px) {}

/*1500*/
@media only screen and (min-width : 1500px) and (max-width : 1599px) {}

/*1440*/
@media only screen and (min-width : 1440px) and (max-width : 1500px) {}

/*1440*/
@media only screen and (max-width : 1440px) {}

/*1366*/
@media only screen and (min-width : 1366px) and (max-width : 1439px) {

	.about .hom-con {
		width: 1150px;
		margin: auto;
	}


}

/*1280*/
@media only screen and (min-width : 1280px) and (max-width : 1365px) {


	.about .hom-con {
		width: 1150px;
		margin: auto;
	}

}

/*1200*/
@media only screen and (min-width : 1200px) and (max-width : 1279px) {

	.about .hom-con {
		width: 1150px;
		margin: auto;
	}

}

/*1024*/
@media only screen and (min-width : 1024px) and (max-width : 1199px) {

	.sgp-abt h1 {
		padding: 0 10px;
		font-size: 22px;
		margin-top: 10px;
		line-height: 26px !important;
	}

	.about .hom-con {
		width: 950px;
		margin: auto;
	}

	.about .row .col-mm h3 {
		font-size: 2rem;
	}


}

/*tab*/
@media only screen and (min-width : 768px) and (max-width :1023px) {
	.sgp-abt h1 {
		padding: 0 10px;
		font-size: 22px;
		margin-top: 10px;
		line-height: 26px !important;
	}

	.sgp-abt img {
		width: 100% !important;
	}

	.about {
		display: inline-block;
		border-top: 1px dashed #E5E5E5;
	}

	.main-about {
		width: 88%;
	}

	.about .row.ab {
		display: flow-root;
	}

	.about .row .col-mm h3 {
		font-size: 2rem;
		margin-top: 20px;
	}

	.about .row .col-mm {
		width: 100%;
	}

	.about-vis .row.ab {
		display: flow-root;
	}

	.about-vis .row .col-mm {
		width: 100%;
	}

	.about-his .row.ab {
		display: flow-root;
	}

	.about-his .row .col-mm {
		width: 100%;
	}

	.about-his .row .col-mm.ibox {
		padding-left: 0px;
	}

	.about-his .row .col-mm.ibox img {
		width: 100%;
	}



}



/*mobile*/
@media only screen and (min-width : 150px) and (max-width : 767px) {

	.brnd-abt img {
		width: 100% !important;
		margin-bottom: 20px !important;
	}





	.sgp-abt h1 {
		padding: 0 10px;
		font-size: 18px;
		margin-top: 10px;
		line-height: 24px !important;
	}

	.sgp-abt img {
		width: 100% !important;
	}

	.about-vis .row .col-mm h3 {
		font-size: 1.5rem;
	}

	.about {
		display: inline-block;
		border-top: 1px dashed #E5E5E5;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.main-about {
		width: 85%;
	}

	.about .row.ab {
		display: flow-root;
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.about .row .col-mm h3 {
		font-size: 1.5rem;
		margin-top: 20px;
	}

	.about .row .col-mm {
		width: 100%;
	}

	.about-vis .row.ab {
		display: flow-root;
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.about-vis .row .col-mm {
		width: 100%;
	}

	.about-his .row.ab {
		display: flow-root;
		width: 100%;
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.about-his .row .col-mm {
		width: 100%;
	}

	.about-his .row .col-mm.ibox {
		padding-left: 0px;
	}

	.about-his .row .col-mm.ibox img {
		width: 100%;
	}

	.about .row .col-mm img.gru-img {
		min-height: 100%;
	}

	.about-vis .row .col-mm.ibox {
		padding-left: 0px;
		padding-top: 20px;
	}

	.about-vis .row .col-mm .ico {
		text-align: center;
		width: 100%;
	}

	.about-vis {
		padding-top: 0px;
		padding-bottom: 0px;
	}

}

@media only screen and (max-width: 690px) {}

@media only screen and (max-width: 450px) {}

@media only screen and (max-width : 376px) {}

@media only screen and (max-width : 320px) {}

@media only screen and (max-width : 1023px) {
	.brnd-abt iframe {
		display: none !important;
	}
}