.wrapper { display: inline-block; width: 100%; clear: both;}
/*.product-range-list {margin-top: 35px;}*/
.about-us {background: #f3f3f3; width: 100%; position: relative; margin-bottom: 0.1rem; float: left; margin-top: 0px;}
.about-us .left {width: 50%; float: left; margin-top: 0; position: relative; padding-top: 60px; margin-bottom: 45px; }
.about-us .left .enquire-now {position: absolute; top: 65%; background: rgba(0,0,0,0.5); left: 192px; padding: 15px 30px; color: #fff; text-align: center;}
.about-us .left .enquire-now span {
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
}
.about-us .left .enquire-now a.enquire_btn {
    background: #fe5e00;
    height: 35px;
    width: 180px;
    display: block;
    line-height: 35px;
    text-align: center;
    color: #fff;
    margin-top: 5px;
    margin: 6px auto 0;
    font-size: 20px;
}
.about-us .left img {width: 100%; display: block;}
.about-us .left .border-box { display: block; border:6px solid green; margin:20px; max-width:550px;  margin:0 auto;}
.about-us .left .border-box img {
    display: block;
    position: relative;
    margin: -20px 0 0 20px;
    padding-bottom: 20px;
    width: 400px;
    height: 350px;
}
/*.about-us .left .play-button {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 82px; height: 82px; z-index: 1;}
.about-us .left .play-button a {display: inline-block;transition: all ease 0.5s; margin-top: -55px;}
.about-us .left .play-button a:hover {opacity: 0.8;}
.about-us .left .play-button img {width: auto;}*/
.about-us .main-container {position: relative; top: 0; left: 0; right: 0;}
.about-us .right {width: 50%; float: right; padding-left: 30px;}
.about-us .right .inside {width: 90%; padding: 55px 0;}
.about-us .heading {font-family: 'roboto_slabregular'; text-transform: uppercase; font-size: 30px; border-left: 6px solid #fe5e00; line-height: 33px; padding-left: 10px; margin-bottom: 25px; color: #222222;}
.about-us .heading span {font-family: 'proxima_novalight'; font-size: 24px; display: block;}
.about-us p {font-family: 'proxima_novalight'; font-size: 1.6rem; line-height: 21px; color: #676565;}
.about-us .read-more {text-align: right;}

@media only screen and (max-width:1280px) {
  .main-container {padding: 0 1%; width: 100%;}
  .about-us {height: 420px;}
  .about-us .left {margin-top: -30px;}
  .about-us .right {width: 44.5%;}
  .about-us .right .inside {padding-bottom: 0; width: 100%; padding-right: 1%;}
}
@media only screen and (max-width:1100px) {
	.about-us .left {width: 46.25%; margin-top: 50px;}
	.about-us .right {width: 54.5%;}
  .about-us {min-height: 490px; height: auto;}
  .main-container {padding: 0px 1%; width: 100%; margin-bottom: 10px;}
}
@media only screen and (max-width:979px) {
  .wrapper { display: block; width: 100%; clear: both;}
}
@media only screen and (max-width:767px) {
  .about-us {min-height: auto;}
  .about-us .left {width: 100%; padding: 0; margin: 0;}
  .about-us .main-container {position: static;}
  .about-us .right {width: 100%; padding: 0 2% 15px;}
  .about-us .left .border-box { margin-top: 1.5rem;}
  .about-us .left img { margin-top: 1rem;}
}
@media only screen and (max-width:479px) {
  .about-us .left .border-box img { margin-left: 0; margin-top: 0; padding-bottom: 0 }
  .about-us .left .enquire-now { width: 85%; left: 0; right: 0; margin: auto; }
}



/* our-philosophy section */
.our-philosophy { padding: 5rem 0;}
.our-philosophy {background: #dcdcdc; width: 100%; position: relative;
  margin-bottom: 0rem; float: left; margin-top: 0px;  }
/*.our-philosophy .main-container {position: relative; top: 0px; left: 5%; width: 90%;}*/
.our-philosophy .main-container {position: relative; margin: 5%;  top: 0; left: 0; right: 0; bottom: 0; }
.our-philosophy .heading {font-family: 'roboto_slabregular'; text-transform: uppercase; font-size: 30px; border-left: 6px solid #fe5e00; line-height: 33px; padding-left: 10px; margin-bottom: 25px; color: #222222;}
.our-philosophy .heading span {font-family: 'proxima_novalight'; font-size: 24px; display: block;}
.our-philosophy p {font-family: 'proxima_novalight'; font-size: 1.6rem; line-height: 21px; color: #676565;}
/*.our-philosophy .read-more {text-align: right;}*/
.our-philosophy .wrapper {position: relative; width: 100vw; float: left; display: block;}
.our-philosophy .phil-content { clear: both; position: relative; }
/*.our-philosophy .phil-content .left {position: relative;}*/
/*.our-philosophy .phil-content .left .border-box {margin-bottom: 50%; }*/
/*.our-philosophy .left {width: 10%; float: left; margin-top: 0; position: relative; padding-top: 0px;
  margin-bottom: 30px; left: 0px; bottom: 0px;}*/

.our-philosophy .right {width: 100%; float: left; padding-left: 0px; padding-top: 0px; position: relative;}
.our-philosophy .right .inside {width: 95%; padding: 0rem 1rem; position: relative;}
.our-philosophy .right .inside p {width: 95%; padding: 1rem 0rem 2rem 8rem; font-size: 2rem; position: relative; }
.our-philosophy .heading-inside {font-family: 'proxima_novalight'; font-size: 5rem; line-height: 120%;
  display: block; }
.our-philosophy .heading-inside {
  position: relative;
  display: block;
  /*border: aqua 1px solid;*/
}
.our-philosophy .vision-stm {
  color: #033148;
}
.our-philosophy .mission-stm {
  color: #F47A25;
}
.our-philosophy .strategy-stm {
  color: #9BC84C;
}
.our-philosophy .heading-inside span {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.our-philosophy .vision-stm::before {
  display: inline-block;
  content: "";
  background: url("../images/about_us/vision.png");
  background-size: 6rem;
  width: 6rem;
  height: 6rem;
  margin-right: 2rem;
  /*border: 2px solid red;*/
  background-repeat: no-repeat;
  position: relative;
}
.our-philosophy .mission-stm::before {
  display: inline-block;
  content: "";
  background: url(../images/about_us/mission.png);
  background-size: 6rem;
  width: 6rem;
  height: 6rem;
  margin-right: 2rem;
  /*border: 2px solid red;*/
  background-repeat: no-repeat;
  position: relative;
}
.our-philosophy .core-mission { list-style-type: circle; margin: 0.5rem 0rem 1.5rem 10rem; padding: 0;}
.our-philosophy .strategy-stm::before {
  display: inline-block;
  content: "";
  background: url(../images/about_us/strategy.png);
  background-size: 6rem;
  width: 6rem;
  height: 6rem;
  margin-right: 2rem;
  /*border: 2px solid red;*/
  background-repeat: no-repeat;
  position: relative;
}

@media only screen and (max-width:1280px) {
  .about-us .right .inside {padding-bottom: 0; width: 100%; padding-right: 1%;}

}
@media only screen and (max-width:767px) {
  .our-philosophy .right .inside p {
    display: block;
    padding: 2rem 1rem 4rem 1rem;
    /*color: red;*/
  }
  .our-philosophy .heading-inside {
    font-size: 10vw;
  }
  .our-philosophy .core-mission {
    margin: 0rem 0rem 5rem 5rem;
  }
}

/*Achievements section*/
.achievements {background: #f3f3f3; width: 100%; position: relative; margin-bottom: 0.1rem; float: left; margin-top: 0px;}
.achievements .main-container {position: relative; margin-left: 5%; margin-right: 5%; top: 0; right: 0; bottom: 0; left: 0rem;}

/*.achievements .left {width: 50%; float: left; padding-left: 30px;}*/
.achievements .left {width: 50%; float: left; margin-top: 0; position: relative; padding-top: 1rem; margin-bottom: 1rem; }
.achievements .left .inside {width: 90%; padding: 5rem 0;}
.achievements .heading {font-family: 'roboto_slabregular'; text-transform: uppercase; font-size: 30px; border-left: 6px solid #fe5e00; line-height: 33px; padding-left: 10px; margin-bottom: 25px; color: #222222;}
.achievements .heading span {font-family: 'proxima_novalight'; font-size: 24px; display: block;}
.achievements p {font-family: 'proxima_novalight'; font-size: 1.6rem; line-height: 21px; color: #676565;}

.achievements .right {width: 50%; float: right; margin-top: 0; position: relative; padding-top: 5rem; margin-bottom: 3rem; padding-right: 10%; }
.achievements .right img {width: 100%; display: inline-block;}
.achievements .right .border-box { display: block; border: 10px ridge blue; margin: 1rem; max-width: 300px;  margin:0 auto;}
.achievements .right .border-box img {
    /*display: inline-block;
    position: relative;*/
    margin: -20px 0 0 20px;
    padding-bottom: 20px;
    width: 300px;
    height: 440px;
}
.achievements-image {
  position: relative;
  /*display: inline-block;*/
}
.achievements-image .image-hover {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  transition: all 2s ease-out;
}
.achievements-image:hover > .image-hover {
  opacity: 0;
}

@media only screen and (max-width:1280px) {
  .main-container {padding: 0 1%; width: 100%;}
  .achievements {height: 420px;}
  .achievements .left {margin-top: -30px;}
  .achievements .right {width: 44.5%;}
  .achievements .right .inside {padding-bottom: 0; width: 100%; padding-right: 1%;}
}
@media only screen and (max-width:1100px) {
	.achievements .left {width: 46.25%; margin-top: 50px;}
	.achievements .right {width: 54.5%;}
  .achievements {min-height: 490px; height: auto;}
  .main-container {padding: 0px 1%; width: 100%; margin-bottom: 10px;}
}
@media only screen and (max-width:979px) {
  .wrapper { display: block; width: 100%; clear: both;}
}
@media only screen and (max-width:767px) {
  .achievements {min-height: auto;}
  .achievements .left {width: 100%; padding: 0; margin: 0;}
  .achievementss .main-container {position: static;}
  .achievements .right {width: 100%; padding: 0 2% 15px;}
  .achievements .left .border-box { margin-top: 1.5rem;}
  .achievements .left img { margin-top: 1rem;}
}
@media only screen and (max-width:479px) {
  .achievements .left .border-box img { margin-left: 0; margin-top: 0; padding-bottom: 0 }
  .achievements .left .enquire-now { width: 85%; left: 0; right: 0; margin: auto; }
}



/*Our Team-member section */
.team-member {padding: 0rem 5rem;}
.team-member {background: #d3d3d3; width: 100%; position: relative; margin-bottom: 5rem; float: left; }
.team-member .main-container {position: relative; margin: 5%;  top: 0;left: 0;right: 0;}
.team-member .heading {font-family: 'roboto_slabregular'; text-transform: uppercase; font-size: 30px; border-left: 6px solid #fe5e00; line-height: 33px; padding-left: 10px; margin-bottom: 25px; color: #222222;}
.team-member .wrapper {position: relative; display: inline-block; width: 96%; clear: both; margin-left: -3rem;}

.team-member .member {
  position: relative;
}
.team-member .row.justify::before {
    display: table;
    content: none;
    position: relative;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
}

.team-member .row {
  /*background-color: aqua;*/
	/*margin: 0px;*/
  margin-left: 0rem;
  margin-right: 1rem;
	/*max-width: 98%;*/
	border-spacing: 0.5rem;
	display: table-cell;
  justify-content: center;
	width: auto;
  /*border: brown 5px solid;*/
  box-shadow: 0 0 15px rgba(0,0,0,.25);
	}

.team-member .justify {
  text-align: justify;
}

.team-member .column {
  	display: table-cell;
  	vertical-align: top;
    margin: 1rem;
    /*margin-bottom: 1rem;*/
}
.oneCol{ width: 100%; padding: 0px; }
.twoCol{ width:50%; padding: 10px; }
.threeCol{ width:33%; padding: 10px; }
.fourCol { width: 25%; padding: 10px; }
.fiveCol { width: 20%; padding: 10px; }
.sixCol { width: 16.6%; padding: 10px; }

.card-img-top{
	max-width: 100%;
  max-height: 100%;
}

.card-design {
	background-color: #a6a6a6;
  /*border: darkmagenta 1px solid;*/
}
/*.team-member .card-body { border: green 1px dotted; }*/
.team-member .card-title {
  padding-top: 1rem;
  font-size: 2rem;
  color: darkslategrey;
}
.team-member .card-body p {
  color: #FE5E00;
}

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

	.team-member .column, .oneCol, .twoCol, .threeCol, .fourCol, .fiveCol, .justify {
		display: block;
		width: auto;
    margin-left: 20px;
    margin-right: 50px;
	}


	.card-design {
		margin-left: auto;
		margin-right: auto;
		width: 50%;
		box-shadow: 0 15px 20px rgba(0, 0, 0, 0.8);
	}

}