body {margin:0; padding:0; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-size:14px; color:#686868;}
.head-bg {background:#f3f3f3; width:100%; float:left; padding:12px 0; text-align:center;}

.slide-image {width:100%; background:#f1f1f1 url(../images/bg.jpg) top center no-repeat; padding:11em 0; background-position:top; background-size:100%; max-height:550px; margin-bottom:0em;}
.slide-image h3 {color:#fff; font-size:34px; font-weight:bold;}
.slide-image ul {width: 99%; float: left; padding-left: 32%}
.slide-image ul li {color:#fff; font-size:16px; padding:12px 10px; text-align: left; float: left; list-style: none;}
.grnbtn {background:#ef1c1c; padding:15px 70px !important; font-size:22px !important; margin:15px; color:#fff; min-width: 290px; border:3px solid #fff;}
.bdrbtn {padding:15px 70px !important; font-size:22px !important; margin:15px; color:#fff; min-width: 290px; border: 3px solid #fff; background: none;}
.slide-image p {font-size:14px; text-align:center; line-height:40px; color:#fff;}
.slide-contain {width:100%; float:left; text-align:center; margin-bottom:2em}


#mid-part {position:relative; width:100%; float:left;}
.bg-color1 {background: #f6f6f6; border-bottom: 1px solid #ddd; padding: 50px 0; }
.bg-color2 {background: none; border-bottom: 1px solid #ddd; padding: 50px 0; }
.cont-div {width:100%; float:left; margin: 0px 0; padding-bottom: 0px;}
.grey-bg {width:50%; float:left; padding:0em 0 0 0em ;}
.border-sect {width:50%; float:left; padding:3em; min-height:345px;}
.rest-system {width:50%; float:left; background:#0001ab; padding:0em; min-height:345px;}
.compt-system {width:50%; float:left; background:#343391; padding:0; min-height:345px;}
.protect-syst {width:50%; float:left; background:#c4c5b0; padding:0; min-height:345px;}
.protect-syst img {width:100%; height: auto;}
.grey-bg img {width:100%; height: auto;}
.col-md-4 img {width:100%; height: auto;}
.compt-system img {width:100%; height: auto;}
.automates-syst {width:50%; float:left; background:#fff; padding:0; min-height:345px;}
.Performance-syst {width:50%; float:left; background:#010005; padding:0; min-height:345px;}

.cont-div h3 {color:#000;}
.align-center  {text-align:center; padding-bottom:1em; }
.cont-div p {font-size:16px; line-height:24px; text-align: justify;}

.copyright {color:#bfbfbf; font-size: 0.9em; margin: 0em 0 0 0; padding: 0; text-align: center; width:100%; float:left; background:#000; padding:2em;}

@media screen and (min-width: 320px) and  (max-width: 980px) {
	.grey-bg {width:100%; float:left;} 
	.border-sect {width:100%; float:left;}
]