.about-banner {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
    height: 35rem;
	margin-bottom: 33rem;
	padding-top: 120px!important;
}

.about-banner .welcome-div {
	padding-top: 8rem;
}

.about-banner .welcome-div .right .single-path {
	top: 30rem;
    right: -9rem;
    height: 1.3rem;
}


.about-banner .breadcrumb {
	padding: 1rem 0;
}

.about-banner .single_path {
	left: 0;
    height: 0.9rem;
    top: 11rem;
    opacity: 0.5;
}

.about-banner .container .left .breadcrumb {
	margin-bottom: 10rem!important;
}

.about-banner .container .left h2 {
	color: #011F4E;
	font-size: 30px;
}

.about-banner .container .left h1 {
	color: #20A67D;
	font-size: 40px;
}

.about-banner .container .left .description p {
	line-height: 1.8rem;
}

.about-banner .container .right {
	padding-top: 2rem;
}

.about-banner .container .left .view {
	font-size: 15px;
	/* padding: 0.8rem; */
	width: 250px;
	height: 50px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: -webkit-gradient(linear, left , right, from(#106EB5), to(#57A9CD));
	background-image: -webkit-linear-gradient(left, #106EB5, #57A9CD);
	background-image:    -moz-linear-gradient(left, #106EB5, #57A9CD);
	background-image:      -o-linear-gradient(left, #106EB5, #57A9CD);
	background-image:         linear-gradient(to right, #106EB5, #57A9CD);
	border: none!important;
}

.about-banner .banner_drop {
	left: 0;
	top: 38rem;
    height: 16rem;
}



.company-history {
	margin-bottom: 6rem;
}

.company-history h3 {
	color: #011F4E;
	letter-spacing: 0.4rem;
	font-size: 30px;
}

.company-history .description p {
	line-height: 1.8rem;
}

.company-history .single-path {
	right: 0;
    height: 1rem;
    top: 4rem;
}

.company-history .drop-path {
	left: 0;
    top: 7rem;
    height: 4rem;
}



.vision-mission {
	background-repeat: no-repeat;
    background-position: left;
    background-size: 75% 55%;
    height: 41rem;
}

.vision-mission .card {
    height: 24rem;
}

.vision-mission .left .card {
	background-color: #1B9BE5;
	border-radius: 1rem;
}

.vision-mission .left .card .white-drop {
	height: 1.5rem;
}

.vision-mission .left .card h2 {
	color: #022F6C;
	font-size: 30px;
}

.vision-mission .left .card .description p {
	color: white;
	line-height: 1.8rem;
}

.vision-mission .left .card .binocular {
	top: -42px;
    height: 7rem;
    left: 4rem;
}

.vision-mission .right .card {
	background-color: #022F6C;
	border-radius: 1rem;
}

.vision-mission .right .card .white-drop {
	height: 1.5rem;
}

.vision-mission .right .card h2 {
	color: #1B9BE5;
	font-size: 30px;
}

.vision-mission .right .card .description p {
	color: white;
	line-height: 1.8rem;
}

.vision-mission .right .card .flag {
	height: 6rem;
    bottom: -3rem;
    right: 3rem;
}


.objectives {
    top: -4rem;
}

.objectives h2 {
	color: #011F4E;
	font-size: 30px;
}

.objectives .description p {
	color: #011F4E;
	line-height: 1.8rem;
}





.message .container {
	position: relative;
    top: -5rem;
    background-color: white;
    border-radius: 1rem;
}

.message video {
	width: 100%;
	height: 30rem;
}

.message .container h6{
	color: #011F4E;
}

.message .title {
	letter-spacing: 0.4rem;
}

.message .description p {
	color: black;
	line-height: 1.8rem;
}

.message .credentials {
	font-size: 13px;
}

.message .full_drop {
	height: 20rem;
}

.message .right {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.message .left .image {
    border-radius: 50%;
    background-color: white;
    /* left: 3.5rem; */
    left: 4.2rem;
    top: 8rem;
}
.message .md-image {
	border-radius: 50%;
}



.quality-policy {
	padding-bottom: 6rem;
}

.quality-policy .quality-left {
	top: 95px;
    height: 12rem;
}

.quality-policy .quality-right {
	bottom: 55px;
    height: 9rem;
	right: 0;
}

.quality-policy .description p {
	color: black;
	line-height: 1.8rem;
}






@media (max-width: 1600px){

	.about-banner .container .left .breadcrumb {
    	margin-bottom: 9rem!important;
	}

	.message .left .image {
		left: 4.2rem;
	}
	.about-banner .welcome-div .right .single-path {
		display: none;
	}
	.about-banner .container .left .breadcrumb {
		margin-bottom: 13rem!important;
	}

}


@media (max-width: 1400px){

	.about-banner {
		margin-bottom: 24rem;
	}

	.about-banner .breadcrumb {
		padding-top: 5rem;
	}

	.about-banner .welcome-div {
		padding-top: 7rem;
	}

	.about-banner .welcome-div .right .single-path {
		display: none;
	}

	.about-banner .container .left {
		margin-top: -3rem!important;
	}

	.vision-mission {
		background-size: 100% 63%;
    	height: 35rem;
	}

	.message .left .image {
		left: 4rem;
	}

	
}




@media (max-width: 1200px){

	.about-banner {
		/* height: 18rem; */
		margin-bottom: 27rem;
	}

	/* .about-banner .breadcrumb {
		padding: 3rem 0;
	} */

	.about-banner .container .left .breadcrumb {
		margin-bottom: 10rem!important;
	}

	.about-banner .welcome-div {
		padding-top: 7rem;
	}

	.about-banner .container .left {
		margin-top: -3rem!important;
	}

	.vision-mission {
		background-size: 90% 50%;
    	height: 40rem;
	}

	.vision-mission .card {
		height: 27rem;
	}


	.vision-mission .left .card .binocular {
		top: -32px;
		height: 6rem;
		left: 3rem;
	}

	.vision-mission .right .card .flag {
		height: 6rem;
		bottom: -3rem;
		right: 0rem;
	}

	.message iframe {
		height: 550px;
	}

	.message .left .image {
		left: 2.5rem;
	}

	.quality-policy .quality-left {
		top: 69px;
    	height: 11rem;
	}

	.quality-policy .quality-right {
		bottom: 4rem;
		height: 10rem;
		right: 0;
	}
	
}



@media (max-width: 991px){

	.about-banner {
		height: 9rem;
		margin-bottom: 85rem;
	}

	.about-banner .breadcrumb {
		padding-top: 2rem;
	}

	.about-banner .container .left .breadcrumb {
		margin-bottom: 4rem!important;
	}

	.about-banner .welcome-div {
		padding-top: 1rem;
	}

	.about-banner .container .left {
		margin-top: 0rem!important;
	}

	.about-banner .banner_drop {
		left: 0;
		top: 83rem;
		height: 12rem;
	}

	.company-history .single-path {
		right: 0;
		height: 1rem;
		top: 0rem;
	}

	.company-history .drop-path {
		left: 0;
		top: 16rem;
		height: 3rem;
	}

	.first-row .right img {
		width: 100%;
	}

	.vision-mission {
		background-size: 100% 25%;
    	height: 50rem;
	}

	.vision-mission .card {
		height: 18rem;
	}


	.vision-mission .left .card .binocular {
		top: -32px;
		height: 5rem;
		left: 2rem;
	}

	.vision-mission .right .card .flag {
		height: 5rem;
		bottom: -3rem;
		right: -1rem;
	}



	.message iframe {
		height: 450px;
	}

	.message .left .image {
		left: 1.6rem;
	}

	/* .message .right {
		padding-top: 1rem;
		padding-bottom: 1rem;
		text-align: center;
	} */


	.quality-policy .quality-left {
		top: -40px;
		height: 9rem;
	}

	.quality-policy .quality-right {
		bottom: 2rem;
		height: 9rem;
		right: 0;
	}

	.quality-policy {
		margin-bottom: 0rem;
	}
	
}



@media (max-width: 767px){

	.about-banner {
		height: 8rem;
		margin-bottom: 75rem;
	}

	.about-banner .breadcrumb {
		/* padding: 2rem 0; */
		padding-top: 0rem;
	}

	.about-banner .container .left .breadcrumb {
		margin-bottom: 2rem!important;
	}

	.about-banner .welcome-div {
		padding-top: 3rem;
	}

	.about-banner .container .left {
		margin-top: 0rem!important;
	}

	.about-banner .banner_drop {
		left: 0;
		top: 74rem;
		height: 9rem;
	}

	.company-history .single-path {
		right: 0;
		height: 1rem;
		top: 2rem;
	}

	.company-history .drop-path {
		left: 0;
		top: 25rem;
		height: 3rem;
	}

	.first-row .right img {
		width: 100%;
		height: 33rem;
	}


	.vision-mission {
		background-size: 100% 31%;
		height: 51rem;
	}

	.vision-mission .left .card .binocular {
		top: -32px;
		height: 5rem;
		left: 2rem;
	}

	.vision-mission .right .card .flag {
		height: 5rem;
		bottom: -3rem;
		right: -1rem;
	}






	.message iframe {
		height: 350px;
	}

	.message .left .image {
		left: 2.5rem;
	}

	.message .right {
		padding-top: 1rem;
		padding-bottom: 1rem;
		text-align: center;
	}


	.quality-policy .quality-left {
		top: -40px;
		height: 7rem;
	}

	.quality-policy .quality-right {
		bottom: 2rem;
		height: 9rem;
		right: 0;
	}

	.quality-policy {
		margin-bottom: 0;
	}
	
}


@media (max-width: 736px){

	.about-banner {
		height: 8rem;
		margin-bottom: 75rem;
	}

	.about-banner .breadcrumb {
		padding-top: 0rem;
	}

	.about-banner .container .left .breadcrumb {
		margin-bottom: 2rem!important;
	}

	.about-banner .welcome-div {
		padding-top: 3rem;
	}

	.about-banner .container .left {
		margin-top: 0rem!important;
	}

	.about-banner .banner_drop {
		left: 0;
		top: 74rem;
		height: 9rem;
	}

	.company-history .single-path {
		right: 0;
		height: 1rem;
		top: 2rem;
	}

	.company-history .drop-path {
		left: 0;
		top: 25rem;
		height: 3rem;
	}

	.first-row .right img {
		width: 100%;
		height: 33rem;
	}


	.vision-mission {
		background-size: 100% 31%;
		height: 51rem;
	}

	.vision-mission .left .card .binocular {
		top: -32px;
		height: 5rem;
		left: 2rem;
	}

	.vision-mission .right .card .flag {
		height: 5rem;
		bottom: -3rem;
		right: -1rem;
	}

	.message iframe {
		height: 350px;
	}

	.message .left {
		margin-bottom: 0rem;
	}

	.message .left .image {
		left: 9rem;
	}

	.message .left .signature {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.message .right {
		padding-top: 1rem;
		padding-bottom: 1rem;
		text-align: center;
	}


	.quality-policy .quality-left {
		top: -40px;
		height: 7rem;
	}

	.quality-policy .quality-right {
		bottom: 2rem;
		height: 7rem;
		right: 0;
	}

	.quality-policy {
		margin-bottom: 0;
	}
	
}




@media (max-width:450px) {
	.about-banner {
		height: 8rem;
		margin-bottom: 82rem;
	}
	.about-banner .banner_drop {
		left: 0;
		top: 82rem;
		height: 9rem;
	}
	.vision-mission .card {
		height: 25rem;
	}
	.message .left .image {
		left: 3.5rem;
	}

	.objectives {
		top: 8rem;
		margin-bottom: 11rem;
	}
	

	.quality-policy {
		padding-bottom: 11rem;
	}
}

@media (max-width:414px) {

	.about-banner {
		height: 8rem;
		margin-bottom: 73rem;
	}
	.about-banner .container .left .breadcrumb {
		margin-bottom: 3rem!important;
	}
	.about-banner .container .left h1 {
		color: #20A67D;
		font-size: 30px;
	}
	.about-banner .container .left h2 {
		color: #011F4E;
		font-size: 25px;
	}
	.first-row .right img {
		width: 100%;
		height: 28rem;
	}
	.about-banner .banner_drop {
		left: 0;
		top: 73rem;
		height: 7rem;
	}


	.company-history {
		margin-bottom: 4rem;
	}

	.company-history h3 {
		color: #011F4E;
		letter-spacing: 0.4rem;
		font-size: 22px;
	}
	.company-history .drop-path {
		left: 0;
		top: 22rem;
		height: 3rem;
	}


	.vision-mission .card {
		height: 25rem;
	}
	.vision-mission .left .card h2 {
		color: #022F6C;
		font-size: 25px;
	}
	.vision-mission .right .card h2 {
		color: #1B9BE5;
		font-size: 25px;
	}

	.message .left .image {
		left: 4.5rem;
	}


	.objectives {
		top: 8rem;
		margin-bottom: 11rem;
	}

	.objectives h2 {
		color: #011F4E;
		font-size: 25px;
	}
	

	.quality-policy {
		padding-bottom: 6rem;
	}

	.quality-policy .quality-right {
		bottom: 2rem;
		height: 6rem;
		right: 0;
	}

	.quality-policy .quality-left {
		top: -38px;
		height: 6rem;
	}
}

@media (max-width:375px) {

	.about-banner {
		height: 8rem;
		margin-bottom: 73rem;
	}
	.about-banner .container .left .breadcrumb {
		margin-bottom: 3rem!important;
	}
	.about-banner .container .left h1 {
		color: #20A67D;
		font-size: 30px;
	}
	.about-banner .container .left h2 {
		color: #011F4E;
		font-size: 25px;
	}
	.first-row .right img {
		width: 100%;
		height: 25rem;
	}
	.about-banner .banner_drop {
		left: 0;
		top: 73rem;
		height: 7rem;
	}

	.company-history h3 {
		color: #011F4E;
		letter-spacing: 0.4rem;
		font-size: 22px;
	}


	.vision-mission .card {
		height: 29rem;
	}
	.vision-mission .left .card h2 {
		color: #022F6C;
		font-size: 25px;
	}
	.vision-mission .right .card h2 {
		color: #1B9BE5;
		font-size: 25px;
	}

	.message .left .image {
		left: 3.5rem;
	}


	.objectives {
		top: 15rem;
		margin-bottom: 18rem;
	}

	.objectives h2 {
		color: #011F4E;
		font-size: 25px;
	}
	

	.quality-policy {
		padding-bottom: 6rem;
	}

	.quality-policy .quality-right {
		bottom: 2rem;
		height: 6rem;
		right: 0;
	}

	.quality-policy .quality-left {
		top: -38px;
		height: 6rem;
	}
}
@media (max-width: 1366px){
.container.inner-container.his-wrap {
    padding-top: 5rem;
}
}