.about_us_bg{
  padding-top: 40px;
  padding-bottom: 40px;
	background-color:black;
  background-position: center center;
	background-size: cover;
	color: #ffffff;
	text-align: left;
}

.bord-left {
  border-left: 2px solid green;
  margin-right: 5px;
  }
  .service_para{
    font-size: 18px;
    padding-top: 3%;
    line-height: 1.7;
  }
  .ser-img img{
      padding: 5%;
      width: 100%;
  }


  /***********************CCTV Content**********************************/
  .cctv-cont{
    background-color: #15193b;
    color: white;
    padding: 5%;
    line-height: 1.7;
  }
  .cctv-cont .cctv-cont-box2{
    margin-top: 5%;
  }

  .cctv-cont .cctv-cont-box3{
    margin-top: 5%;
  }
  .cctv-cont .cctv-cont-box4{
    margin-top: 8%;
  }

  .cctv-cont .cctv-cont-box5{
    margin-top: 8%;
  }
  .cctv-cont .mini-para{
    padding-left: 5%;
  }
  @media(max-width:768px){
  .cctv-cont .cctv-cont-box1 h2{
    font-size:27px !important;
  }
  .cctv-cont .cctv-cont-box2 h2{
    font-size:27px !important;
  }
  .cctv-cont .cctv-cont-box3 h3{
    font-size:27px !important;
  }
  .cctv-cont .cctv-cont-box4 h3{
    font-size:27px !important;
  }
  .cctv-cont .cctv-cont-box5 h3{
    font-size:27px !important;
  }
  .cctv-cont h4{
    font-size: 115% !important;
  }
}
  /******************EPABX Content********************************/
  .epabx{
    background-color: #15193b;
    color: white;
    padding: 6%;
  }
.epabx .epabx-box1{
  margin-left: 6%;
  width: 90%;
}
.epabx .epabx-box2{
  margin-left: 6%;
  width: 90%;
}
.epabx .epabx-box3{
  margin-left: 6%;
  width: 80%;
}
.epabx .box2-b1{
  margin-left: 6%;
}
.epabx .box2-b2{
  margin-left: 6%;
  margin-top: 1%;
}
.epabx .box3-b1{
  margin-left: 6%;
}
.epabx .box3-b2{
  margin-left: 6%;
}
.epabx .box2-b1 p{
  margin-left: 5%;
}
.epabx .box2-b2 p{
  margin-left: 5%;
}
.epabx .box3-b1 p{
  margin-left: 5%;
}
.epabx .box3-b2 p{
  margin-left: 5%;
}
@media(max-width:768px){
  .epabx h2{
    font-size: 28px !important;
  }
  .epabx h4{
    font-size: 25px !important;
  }
  .epabx .box2-b1{
    margin-left: 2%;
    width: 90%;
 }
 .epabx .box2-b2{
  margin-left: 2%;
  width: 90%;
}

 .epabx .box3-b1{
  margin-left: 2%;
  width: 90%;
 }
 .epabx .box3-b2{
  margin-left: 2%;
  width: 90%;
 }
}
/**************Biometric***********************************************/
.bio{
  background-color:#15193b;
  color: white;
  padding: 5%;
  width: 80%;
}
.bio h2{
  text-align: center;
}
.bio-mini{
  width: 80%;
  margin-top: 3% !important;
  padding-left: 5% !important;
}
.bio-mini p{
  padding-left: 5% !important;
}
.bio .bio-box1 p{
  width: 90%;
}
.bio .bio-para{
  width:80%;
  margin-left: 6%;
}
.bio .bio-last-para{
  width: 90%;
  margin-left: 6%;
  margin-top: 5%;
}

@media(max-width:768px){
  .bio .bio-mini p{
    margin-left: 6%;
    width: 90%;
 }
 .bio h4{
  font-size: 150% !important;
 }
 .bio .bio-box1 h2{
  font-size: 27px !important;
}
}
/***************Intercom*********************************************/
.inter{
  background-color:#15193b;
  color: white;
  padding: 5%;
  width: 80%;
}
.inter h2{
  text-align: center;
}
.inter-mini{
  margin-top: 3% !important;
  padding-left: 5% !important;
}
.inter-mini p{
  padding-left: 5% !important;
}
.inter .inter-box1 p{
  width: 90%;
}
.inter .inter-para{
  width:80%;
  margin-left: 6%;
}
.inter .inter-last-para{
  width: 90%;
  margin-left: 6%;
  margin-top: 5%;
}
@media(max-width:768px){
  .inter .inter-box1 h2{
    font-size: 27px !important;
  }
  .inter .inter-mini p{
    margin-left: 6%;
    width: 90%;
 }
 .inter h4{
  font-size: 150% !important;
 }
}
/****************Fire Alarm System**************************************************/
.fire{
  background-color:#15193b;
  color: white;
  padding: 5%;
  width: 80%;
}
.fire h2{
  text-align: center;
  width: 80%;
  padding-left: 8%;
}
.fire-mini{
  width: 80%;
  margin-top: 3% !important;
  padding-left: 5% !important;
}
.fire-mini p{
  padding-left: 5% !important;
}
.fire .fire-box1 p{
  width: 90%;
}
.fire .fire-para{
  width:80%;
  margin-left: 6%;
}
.fire .fire-last-para{
  width: 90%;
  margin-left: 6%;
  margin-top: 5%;
}

@media(max-width:768px){
  .fire h2{
    text-align: center;
    width: 100%;
    padding-left: 1%;
  }
  .fire .fire-mini p{
    margin-left: 6%;
    width: 90%;
 }
 .fire h4{
  font-size: 150% !important;
 }
 .fire .fire-box1 h2{
  font-size: 27px !important;
}
}
/****************Projector System ***********************************************/
.pro{
  background-color:#15193b;
  color: white;
  padding: 5%;
  width: 80%;
}
.pro h2{
  text-align: center;
  width: 80%;
  padding-left: 8%;
}
.pro-mini{
  width: 80%;
  margin-top: 3% !important;
  padding-left: 5% !important;
}
.pro-mini p{
  padding-left: 5% !important;
}
.pro .pro-box1 p{
  width: 90%;
}
.pro .pro-para{
  width:80%;
  margin-left: 6%;
}
.pro .pro-last-para{
  width: 90%;
  margin-left: 6%;
  margin-top: 5%;
}

@media(max-width:768px){
  .pro h2{
    text-align: center;
    width: 100%;
    padding-left: 1%;
  }
  .pro .pro-mini p{
    margin-left: 6%;
    width: 90%;
 }
 .pro h4{
  font-size: 150% !important;
 }
 .pro .pro-box1 h2{
  font-size: 27px !important;
}
}
/**********Wp-fixed logo*****************************************************/
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
.my-float{
	margin-top:16px;
}