@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     font-family: 'Poppins', sans-serif;
     box-sizing:border-box;
}
 body {
     text-decoration: none;
     background:#fff;
     font-family: 'Poppins', sans-serif;
     font-size:16px;
}



#site-header {
    position: fixed;
    z-index: 50;
    left: 0;
    right: 0;
    top: 0;
	background-color:#fff;
	transition: 0.3s;
}
#site-content {
    width: 100%;
    height: auto;
    z-index: 1;
}
#site-footer {
    position: fixed;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
}

.home-wraper{ background-color:#fff;}
.catalog{
	width:auto;
	height:auto;
	line-height:40px !important;
	background-color:#32a147;
	color:#fff !important;
	font-size:1em !important;
	font-weight:400 !important;
	padding-left:15px;
	padding-right:15px;
}
.bottom-title img{ max-width:70%;}

.catalog::before {
     content: "";
     display: block;
     background: url(../images/download.png) no-repeat !important;
     width: 26px;
     height:25px;
     float: left !important;
     margin:6px 10px 0 0 !important;
}



 .top-wraper{
     width:100%;
     height:20%;
    /*position:absolute;
     */
    /*background:url(../images/topbg.png) repeat-x !important;*/
}
 @font-face {
     font-family: 'geomanistregular';
     src: url('../fonts/geomanist-regular-webfont.eot');
     src: url('../fonts/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-regular-webfont.woff2') format('woff2'), url('../fonts/geomanist-regular-webfont.woff') format('woff'), url('../fonts/geomanist-regular-webfont.ttf') format('truetype'), url('../fonts/geomanist-regular-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-black';
     src: url('../fonts/geomanist-black-webfont.eot');
     src: url('../fonts/geomanist-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-black-webfont.woff2') format('woff2'), url('../fonts/geomanist-black-webfont.woff') format('woff'), url('../fonts/geomanist-black-webfont.ttf') format('truetype'), url('../fonts/geomanist-black-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family:'geomanist-bold';
     src: url('../fonts/geomanist-bold-webfont.eot');
     src: url('../fonts/geomanist-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-bold-webfont.woff2') format('woff2'), url('../fonts/geomanist-bold-webfont.woff') format('woff'), url('../fonts/geomanist-bold-webfont.ttf') format('truetype'), url('../fonts/geomanist-bold-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-extralight';
     src: url('../fonts/geomanist-extralight-webfont.eot');
     src: url('../fonts/geomanist-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-extralight-webfont.woff2') format('woff2'), url('../fonts/geomanist-extralight-webfont.woff') format('woff'), url('../fonts/geomanist-extralight-webfont.ttf') format('truetype'), url('../fonts/geomanist-extralight-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-light';
     src: url('../fonts/geomanist-light-webfont.eot');
     src: url('../fonts/geomanist-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-light-webfont.woff2') format('woff2'), url('../fonts/geomanist-light-webfont.woff') format('woff'), url('../fonts/geomanist-light-webfont.ttf') format('truetype'), url('../fonts/geomanist-light-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-medium';
     src: url('../fonts/geomanist-medium-webfont.eot');
     src: url('../fonts/geomanist-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-medium-webfont.woff2') format('woff2'), url('../fonts/geomanist-medium-webfont.woff') format('woff'), url('../fonts/geomanist-medium-webfont.ttf') format('truetype'), url('../fonts/geomanist-medium-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-thin';
     src: url('../fonts/geomanist-thin-webfont.eot');
     src: url('../fonts/geomanist-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-thin-webfont.woff2') format('woff2'), url('../fonts/geomanist-thin-webfont.woff') format('woff'), url('../fonts/geomanist-thin-webfont.ttf') format('truetype'), url('../fonts/geomanist-thin-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-book';
     src: url('../fonts/geomanist-book-webfont.eot');
     src: url('../fonts/geomanist-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-book-webfont.woff2') format('woff2'), url('../fonts/geomanist-book-webfont.woff') format('woff'), url('../fonts/geomanist-book-webfont.ttf') format('truetype'), url('../fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'geomanist-ultra';
     src: url('../fonts/geomanist-ultra-webfont.eot');
     src: url('../fonts/geomanist-ultra-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-ultra-webfont.woff2') format('woff2'), url('../fonts/geomanist-ultra-webfont.woff') format('woff'), url('../fonts/geomanist-ultra-webfont.ttf') format('truetype'), url('../fonts/geomanist-ultra-webfont.svg#geomanistregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 .clear {
     clear: both 
}
 audio, ::selection {
     background: white;
     color: #f26f21;
}
 textarea.calback-box2::-webkit-input-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 textarea.calback-box2::-moz-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 textarea.calback-box2:-ms-input-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 textarea.calback-box2:-moz-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.contact-enquiry-box::-webkit-input-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.contact-enquiry-box::-moz-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.contact-enquiry-box:-ms-input-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 input.contact-enquiry-box:-moz-placeholder {
     color:#666 !important;
     font-size:14px !important;
     opacity:1 !important;
     font-family: 'Poppins', sans-serif;
}
 .img-full{
     width: 100%;
     height:auto;
     display: block !important 
}
 .img-responsive {
     max-width: 100%;
     height:auto;
     display:block;
}
 .container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
 .footer-wraper{
     width:100%;
     height:auto;
     background-color:#2d2d2d;
     padding-top:35px;
}
 .footer-bottom{
     width:100%;
     height:auto;
     background-color:#244b91;
}
 .copy-right{
     width:auto;
     height:auto;
     float:left;
     color:#fff;
     font-family: inherit;
     font-size:0.875em;
     line-height:32px;
     font-weight:300;
}
 .designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed-ido {
     float: right;
     height: auto;
     padding-left: 8px;
     padding-top:6px;
     width: auto;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
     color:#fff;
     font-family: inherit;
     font-size:0.875em;
     line-height:32px;
     font-weight:300;
}
 .designed p a {
     text-decoration: none;
     color:#fff;
     font-family: inherit;
     font-size:1em;
     font-weight:300;
}
 .designed p a:hover {
     text-decoration: none;
     color:#fff;
     font-family: inherit;
     font-size:1em;
}
 .bottom-main{
     width:100%;
     height:auto;
     padding-bottom:35px;
	 margin-top:20px;
}
 .bottom-content {
     width:20%;
     float: left;
     height: auto;
}
 .bottom-content:nth-child(1){
     width:30%;
}
 .bottom-content:nth-child(3){
     width:30%;
	 padding-right:8%
}
 .bottom-title{
     width:100%;
     height:auto;
     text-align:left;
     font-family:inherit;
     font-size:1.250em;
     color:rgba(255,255,255,1);
     font-weight:500;
     margin-bottom:5px;
	 padding-right:3%;
}
 .bottom-content p {
     font-size: 1em;
     font-family: inherit;
     color:rgba(255,255,255,0.5);
     line-height: 28px;
     font-weight: 300;
     margin-bottom:5px;
     float:left 
}
 .bottom-links{
     width:auto;
     height:auto;
     float:left;
}
 .bottom-links ul{
     margin:0px;
     padding:0px;
     list-style-type:none;
}
 .bottom-links ul li{
     width:100%;
     height:auto;
     text-transform: capitalize;
     font-size:1em;
     font-family: inherit;
     line-height:32px;
     font-weight:300;
     text-align:left;
}
 .bottom-links ul li a{
     font-size:1em;
     font-family: inherit;
     color:rgba(255,255,255,0.5);
}
 .bottom-links ul li a:hover{
     font-size:1em;
     font-family: inherit;
     color:rgba(255,255,255,0.8);
}
 .bottom-logo{
     width:100%;
     height: auto;
     display:flex;
     justify-content:center;
     align-items:center;
     padding-top:8%;
}
 .effect-shine:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 @-webkit-keyframes shine {
     from {
         -webkit-mask-position: 150%;
    }
     to {
         -webkit-mask-position: -50%;
    }
}
 .effect-shine1:hover {
     -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
     -webkit-mask-size: 200%;
     -webkit-animation: shine 2s infinite;
     animation: shine 2s infinite;
}
 @-webkit-keyframes shine1 {
     from {
         -webkit-mask-position: 150%;
    }
     to {
         -webkit-mask-position: -50%;
    }
}
 .welcome-wraper{
     width:100%;
     height:auto;
     background-color:#fff;
     padding-bottom:3em;
     padding-top:3em;
}
 .welcome-container{
     width:100%;
     height:500px;
     background-color:#fff;
     margin-top:-200px;
     z-index:999 !important;
}
 .clients-wrap{
     width:100%;
     height:auto;
     background-color:#fff;
     padding-top:1em;
}
 .title{
     width:100%;
     height:auto;
     text-align:left;
     font-family: 'geomanist-light';
     color:#fff;
     font-size:2.813em;
     margin-bottom:0.5em 
}
 .title span{
     font-family: 'geomanist-medium';
}
 a .readmore{
     width:auto;
     height:auto;
     float:left;
     font-size:0.85em;
     line-height:40px;
     padding-left:35px;
     padding-right:35px;
     font-family:inherit;
     font-weight:400;
     color:#FFF;
     background:#3272bb;
     -webkit-transition:all ease .8s;
     -moz-transition:all ease .8s;
     transition:all ease .8s;
     border:1px solid #3272bb;
     margin-top:3%;
}
 a:hover .readmore {
     color:#3272bb;
     box-shadow:250px 0 0 0 #fff inset;
     cursor:pointer;
}
 .request a{
     width:auto;
     height:auto;
     float:left;
     font-size:1em;
     line-height:35px;
     padding-left:15px;
     padding-right:15px;
     font-family:inherit;
     font-weight:400;
     color:#FFF;
     background:#3272bb;
     -webkit-transition:all ease .8s;
     -moz-transition:all ease .8s;
     transition:all ease .8s;
     border:1px solid #3272bb;
     text-transform:uppercase;
     margin-left:8px;
}
 .request a:hover{
     color:#3272bb;
     box-shadow:250px 0 0 0 #fff inset;
     cursor:pointer;
}
 header #logo {
     display: inline-block;
     float: left;
     color: #fcfcfc;
     text-shadow: 0.1em 0.03em #C0392B;
     font-weight: 400;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     width: auto;
}
 header.smaller #logo {
     width:18%;
     height: auto;
     padding:5px;
}
 header.smaller .top-right .top-cal {
     display:none !important 
}
 header.smaller .top-right {
     padding-top:1%;
}


 header.smaller .menu-container .nav a{ color:#666 !important} 
 header.smaller .menu-container .nav li li a{ color:#fff !important} 
 .top-container {
     width: 100% !important;
     padding-left: 5%;
     padding-right: 5%;
}
 .logo-container{
     width:13%;
     height:auto;
     float:left;
     text-align:left;
     padding:18px 10px 10px 10px;
     position:absolute;
	 background-color:#fff;
}
 .top-right{
     width:auto;
     height:auto;
     float:right;
     padding-top:12px;
     padding-bottom:12px;
}
 .menu-container{
     width:auto;
     height:auto;
     float:left;
     padding-top:2px;
}

 .top-cal{
     width:auto;
     height:35px;
     text-align:right;
     float:right;
     margin-bottom:2%;
}
 .top-for{
     width:auto;
     height:auto;
     float:left;
     border-bottom:1px solid rgba(102,102,102,0.5);
     padding-bottom:5px;
     padding-top:5px;
     margin-bottom:0.5%;
}
 .call-top{
     width: auto;
     height:auto;
     font-family: 'Roboto', sans-serif;
     font-size:1em;
     color:#666;
     font-weight:400;
     float:left;
     background: url(../images/topcal.png) no-repeat left center;
     padding-left:25px;
     margin-right:10px;
     padding-right:10px;
     border-right:1px solid rgba(102,102,102,0.4);
}
 .call-top a{
     text-decoration:none;
     color:#666;
     font-family: 'Roboto', sans-serif;
     line-height:21px;
}
 .call-top a:hover{
     text-decoration:none;
     color:#32a147;
}
 .mail-top{
     width: auto;
     height:auto;
     font-family: 'Roboto', sans-serif;
     font-size:1em;
     color:#666;
     font-weight:400;
     float:left;
     background:url(../images/top-mail1.png) no-repeat left center;
     padding-left:35px;
}
 .mail-top a{
     text-decoration:none;
     color:#666;
     font-family: 'Roboto', sans-serif;
     line-height:21px;
}
 .mail-top a:hover{
     text-decoration:none;
     color:#32a147;
}
 .banner-caption {
     width:100%;
     height:auto;
     text-align:left;
}
 .caption-top{
     width:auto;
     height:auto;
     color:#fff;
     font-size:2.688em;
     font-family: 'geomanist-light';
     letter-spacing:-1px;
}
 .banner-caption-mid{
     width:auto;
     height:auto;
     color:#fff;
     font-size:4.625em;
     font-family:'geomanist-bold';
     letter-spacing:-3px;
     text-transform:uppercase;
     line-height:70px;
}
 .banner-caption-mid span{
     color:#02aac3;
     font-family:'geomanist-bold';
}
 .banner-caption-title-sub{
     width:auto;
     height:auto;
     color:#fff;
     font-size:1.125em;
     font-family: 'geomanistregular';
     letter-spacing:0px;
     line-height:16px;
     text-transform:uppercase;
}
 a .learn-more{
     width:100%;
     height:auto;
     font-size:1.125em;
     line-height:40px;
     font-family: 'geomanist-book';
     font-weight: normal;
     color:#FFF;
     background:#1f71ba;
     -webkit-transition:all ease .8s;
     -moz-transition:all ease .8s;
     transition:all ease .8s;
     border:1px solid #1f71ba;
     text-align:center;
}
 a:hover .learn-more{
     color:#1f71ba;
     box-shadow:250px 0 0 0 #fff inset;
     cursor:pointer;
}
 .bottom-button{
     width:150px;
     height:auto;
     margin:0 auto;
     margin-top:1%;
}
 .footer-social {
     width:100%;
     height: auto;
     margin-bottom:10px;
}
 .footer-social-links {
     padding: 0;
     margin: 3px 0 0;
     text-align:left;
     padding-top:10px;
}
 .footer-social-links li {
     list-style: none;
     display: inline-block;
     margin: 0 5px 
}
 .footer-social-links li:last-child {
     margin-right: 0 
}
 .footer-social-links li a {
     height:40px;
     width:40px;
     display: block;
     text-align: center;
     line-height:40px;
     background-color:#32a147;
     font-size:1.2em ;
     border-radius:50% 
}
 .fb a:hover {
     color: #fff !important;
     background-color:#4e71a8 !important ;
     border:1px solid #4e71a8;
}
 .fb a {
     color: #fff !important;
}
 .twitter a {
     color: #fff !important;
}
 .twitter a:hover {
     color: #fff !important;
     background-color: #25c8ff !important ;
}
 .gplus a {
     color: #fff !important;
}
 .gplus a:hover {
     color: #fff !important;
     background-color: #e52d27 !important;
}
 .insta a {
     color: #fff !important;
}
 .insta a:hover {
     color: #fff !important;
     background-color: #008083 !important ;
}
 .fa-rotate-90{
     filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
     -webkit-transform:rotate(90deg);
     -moz-transform:rotate(90deg);
     -ms-transform:rotate(90deg);
     -o-transform:rotate(90deg);
     transform:rotate(90deg) 
}
 .bottom-icon{
     width:8%;
     height:auto;
     float:left;
     text-align:left;
     font-size: 1em;
     font-family: inherit;
     color:#666;
     line-height: 28px;
     font-weight: 300;
}
 .bottom-logo-main{
     width:auto;
     height:auto;
     float:left;
     margin-right:4%;
}
 .financial-wraper{
     width:100%;
     height:auto;
     padding-top:1%;
     background-color:#fff;
     padding-bottom:3em 
}
 .title-sub{
     width:100%;
     height:auto;
     text-align:center;
     font-size: 1.250em;
     color: #666;
     font-family: 'Poppins', sans-serif;
     margin-bottom:2em;
}
 .financila-home{
     width:70%;
     height:auto;
     float:left;
}
 .financila-home ul{
     margin:0px;
     padding:0px;
     list-style-type:none;
     width:49%;
     float:left;
     margin-right:1%;
}
 .financila-home ul li {
     font-family: 'Poppins', sans-serif;
     font-size: 1.15em;
     font-weight: 300;
     color:#fff;
     line-height:35px 
}
 .financila-home ul li::before {
     content: "";
     display: block;
     background: url(../images/list-icon.png) no-repeat;
     width: 14px;
     height: 14px;
     float: left;
     margin:8px 6px 0 0;
}
 .financial-pics{
     width:30%;
     height:auto;
     float:left;
     margin-top:-70px;
}
 .team-work{
     width:100%;
     height:auto;
     display:flex;
     justify-content:center;
     padding-top:3em;
     padding-bottom:3em;
}
 .team-for{
     width:20%;
     height:auto;
     float:left;
     border-right:1px solid rgba(255,255,255,0.2);
     text-align:center;
}
 .team-for:last-child{
     border-right:0px solid 
}
 .count-icons{
     width:100%;
     height:auto;
     text-align:center;
     margin-bottom:2%
}
 .count-items{
     font-family: 'Poppins', sans-serif;
     font-size: 1.188em;
     font-weight: 300;
     color: #fff;
     margin-bottom:1em;
     line-height:26px;
     text-transform:uppercase;
     margin-top:0.5em;
}
 .count-no{
     font-family: 'Poppins', sans-serif;
     font-size: 2.5em;
     font-weight: 700;
     color: #fff;
     line-height:26px;
     text-transform:uppercase;
}
 .solutions-wrap{
     width:100%;
     height:auto;
     background-color:#fff;
     padding-bottom:3em;
}
 .solutions{
     width:32%;
     height:auto;
     float:left;
     margin-right:2%;
}
 .solutions-pics{
     width:100%;
     height:auto;
     margin-bottom:5px;
}
 .solution-name{
     width:100%;
     height:auto;
     text-align: center;
     text-transform:uppercase;
     font-size:1.688em;
     font-family: 'Poppins', sans-serif;
     color:#0099cc;
}
 .solutions:nth-child(3n+3){
     margin-right:0%;
}
 .solution-name span{
     color:#333;
}
 .bottom-scroll{
     width: 100%;
     height: auto;
     /*padding-bottom:1em;
     border-bottom: 1px solid rgba(204,204,204,0.5);
     padding-top:1em;*/
}
 .quick-enqiury-container {
     width: 100%;
     height: auto;
     margin-bottom:10px;
}
 .quick-enqiury-box {
     width: 100%;
     height: 35px;
     border: 1px solid rgba(204,204,204,0.5);
     line-height:35px;
     padding-left: 5%;
     padding-right: 5%;
}
/********************************* BUTTONS ********************************/
 .buttonfx{
     color: #fff;
    /* button text color */
     outline: none;
     background: transparent;
     border: none;
     letter-spacing:0px;
     padding: 2px 30px;
     text-transform: uppercase;
     line-height: 2;
     position: relative;
     display: inline-block;
     cursor: pointer;
     text-decoration: none;
     overflow: hidden;
     transition: all .5s;
     z-index:1;
     font-size:1em;
     font-weight: normal;
     font-family: 'geomanist-book';
}
/* //// Default effect: Slide from Top //// */
 .buttonfx:before, .buttonfx:after{
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     right: 0;
     bottom: 0;
     height: 100%;
     background: #1d93c0;
    /* onhover background color */
     z-index: -1;
     transform: translate3D(0,-100%,0);
    /* move elements above button so they don't appear initially */
     transition: all .5s;
}
 .buttonfx:before{
     background: #32a147;
    /* button default background color */
     z-index: -2;
     transform: translate3D(0,0,0);
}
 .buttonfx:hover{
     color: white;
}
 .buttonfx:hover:after{
     transform: translate3D(0,0,0);
     transition: all .5s;
}
 .welcome-title{
     width:100%;
     height:auto;
     text-align:left;
     font-family: 'geomanist-light';
     color:#666;
     font-size:2.75em;
	 letter-spacing:-1px
}
 .welcome-title span{
     font-family: 'geomanist-medium';
     color:#244b91 
}
 .welcome-wraper p {
     font-size: 1em;
     font-family: inherit;
     color:#666;
     line-height:24px;
     text-align:justify;
}
 .product-range{
     width:23.5%;
     height:auto;
     float:left;
     margin-right:2%;
     border-bottom:1px solid rgba(204, 204, 204, 0.5);
     margin-bottom:1em;
     background-color:#fff;
}
 .product-range:nth-child(4n+4){
     margin-right:0%;
}
 .product-pics{
     width:100%;
     height:auto;
     text-align:center;
     padding-top:1em;
     padding-bottom:1em;
     max-height:250px ;
	 overflow: hidden;
}
 .product-name{
     width:100%;
     height:auto;
     text-align:center;
     color:#666;
     font-size:1.250em;
     font-family: 'geomanistregular';
     letter-spacing:0px;
     line-height:24px;
     margin-bottom:1em 
}
 .scrolled {
    /* background-image: linear-gradient(to right, #e6225b 34%,#ff99ac 100%) !important;
     */
     transition: 0.3s;
     height: auto;
     background:none !important;
    /* background-color:#32a147 !important ;
    */
     background: linear-gradient(to right, #fff, #fff) !important;
	-webkit-box-shadow: 0 8px 6px -6px #666;
	   -moz-box-shadow: 0 8px 6px -6px #666;
	        box-shadow: 0 8px 6px -6px #666;
}
/********************************** S ABOUT US **********************************/
 .inner-banner{
     width:100%;
     height:auto;
     position:relative;
}
 .bredcum-wraper{
     width:100%;
     height:auto;
     padding-top:1%;
	 background-color:#fff;
}
 .bred-home{
     width:auto;
     height:auto;
     float:left;
     font-family: 'Poppins', sans-serif;
     font-size:1em;
     font-weight:400;
     color:#666;
     line-height:30px;
     text-transform: capitalize;
}
 .bred-home a{
     width:auto;
     height:auto;
     float:left;
     font-family: 'Poppins', sans-serif;
     font-size:1em;
     font-weight:400;
     color:#666;
     line-height:30px;
}
 .bred-home a:hover{
     width:auto;
     height:auto;
     float:left;
     font-family: 'Poppins', sans-serif;
     font-size:1em;
     font-weight:400;
     color:#333;
     line-height:30px;
}
 .bred-arrow{
     width:auto;
     height:auto;
     float:left;
     font-family: inherit;
     font-size:1em;
     font-weight:400;
     color:#666;
     line-height:30px;
     padding-left:10px;
     padding-right:10px;
}
 .bred-next{
     width:auto;
     height:auto;
     float:left;
     font-family: 'Poppins', sans-serif;
     font-size:1em;
     font-weight:400;
     color:#333;
     line-height:30px;
     text-transform: capitalize 
}
/********************************** E ABOUT US **********************************/
/********************************** S CAREERS **********************************/
 .career-dtl{
     width:45%;
     height:auto;
     float:left;
     margin-right:2%;
}
 .career-dtl:nth-child(2){
     width:50%;
     float:right;
     margin-right:0%;
}
 .career-dtl p{
     font-size: 1.5em;
font-family: inherit;
color: #666;
line-height: 35px;
text-align: justify;
}
 .career-dtl p a{
     background-color:#ffd800;
     color:#fff;
     padding:5px 10px;
}
/********************************** E CAREERS **********************************/
/********************************** S CLIENTS **********************************/
 .clients{
     width:20%;
     height:auto;
     float:left;
     border-bottom:1px solid rgba(204,204,204,0.5);
     padding-bottom:2em;
     margin-bottom:1em 
}
/********************************** E CLIENTS **********************************/
/********************************** S PRODUCT **********************************/
 .products{
     width:25%;
     height:auto;
     float:left;
     padding:2% 3%;
     margin-bottom:2.5em;
     transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
 .products:hover {
     cursor:pointer;
     box-shadow: 0 0 11px rgba(33,33,33,.2);
    /* border:3px solid #1d93c0 border: 20px solid black;
    */
    /* box-shadow: inset 0px 0px 0px 10px rgba(204, 204, 204, 0.5);
     box-sizing: border-box;
    */
}
 a .product-details{
     background: #32a147;
    /* button default background color */
     z-index: -2;
    /*transform: translate3D(0,0,0);
    */
     color: #fff;
    /* button text color */
     outline: none;
     border: none;
     letter-spacing:0px;
     padding: 2px 30px;
     text-transform: uppercase;
     line-height: 2;
     display: block;
     cursor: pointer;
     text-decoration: none;
     transition: all .5s;
     font-size:1em;
     font-weight: normal;
     font-family: 'geomanist-book';
}
 a:hover .product-details{
    background: #1d93c0 !important;
}
/********************************** E PRODUCT **********************************/
 .product-detail-continer{
     width:100%;
     height:auto;
     padding-bottom:30px;
}
 .product-detail-pics-wrap{
     width:50%;
     height:auto;
     float:left;
     padding-right:5% 
}
 .product-detail-pics-wrap:nth-child(2){
     padding-right:0%
}
 .product-content-top{
     width:100%;
     height:auto;
     padding-bottom:2em;
}
 .produt-for{
     width:100%;
     height:auto;
}
 .product-name-main{
     width:20%;
     float:left;
     font-family: 'Poppins', sans-serif;
     font-size:1em;
     font-weight:400;
     color:#333;
     line-height:30px;
     text-align:left 
}
 .product-name-sep{
     width:5%;
     float:left;
     font-family: 'Poppins', sans-serif;
     font-size:1em;
     font-weight:400;
     color:#333;
     line-height:30px;
     text-align:center;
}
 .product-name-full{
     width:75%;
     float:left;
     font-family: 'Poppins', sans-serif;
     font-size:1em;
     font-weight:400;
     color:#333;
     line-height:30px;
     text-align:left;
}
 .product-brief{
     width:100%;
     height:auto;
}
 .product-brief-title{
     width:100%;
     font-family: 'Poppins', sans-serif;
     font-size:1.25em;
     font-weight:600;
     color:#333;
     line-height:30px;
     text-align:left;
}
 .product-brief ul{
     margin:0px;
     padding:0px;
     list-style-type:none;
}
 .product-brief ul li{
     font-family: 'Poppins', sans-serif;
     font-size:1em;
     font-weight:400;
     color:#333;
     line-height:24px;
     text-align:left;
     background:url(../images/listing.jpg) no-repeat left center;
     padding-left:16px;
     margin-bottom:8px;
}
 a .cal-now{
     width:auto;
     height:auto;
     float:left;
     background-color:#32a147;
     color:#fff;
     padding:5px 20px;
     font-family: 'Poppins', sans-serif;
     font-size:1.25em;
     font-weight:600;
     margin-top:1em 
}
 a:hover .cal-now{
    background: #1d93c0 !important;
}
 .technical-details{
     width:100%;
     height:auto;
}
 .technical-details-title{
     width: auto;
     height:auto;
     float:left;
     background-color:#244b91;
     color:#fff;
     padding:5px 20px;
     font-family: 'Poppins', sans-serif;
     font-size:1.25em;
     font-weight:600;
}
 .technical-details-title-wrap{
     width:100%;
     height:auto;
     border-bottom:1px solid #ccc;
}
 .ui-table th, .ui-table td{
     padding:1em 0.5em
}
 div.mdgov_OverflowTable {
     width: 100%;
     overflow: auto;
     -webkit-overflow-scrolling: touch;
}
 div.mdgov_OverflowTable table {
     width: 98%;
     white-space: nowrap;
    /* Optional */
}
/*.table-stripe tbody tr:nth-child(2n+1) td, .table-stripe tbody tr:nth-child(2n+1) th {
     background-color: #eee;
     background-color: rgba(0,0,0,0.04);
}
*/
 tbody tr:nth-child(odd){
     background-color: #eee !important;
}
 .table-stripe tbody td{
     border:1px solid #fff;
}
 tbody{
     border-left:1px solid #fff !important;
}
 .ui-table th, .ui-table td {
     line-height: 1.5em;
     text-align: center;
     padding: 1em 1em;
    /*vertical-align: top;
    */
     border-collapse:inherit !important;
     font-family: inherit;
     color: #565959;
     font-size: 14px;
     font-weight: 400;
}
 .ui-table td:nth-child(2) {
     text-align: center;
     padding-left:0% 
}
 .ui-table th:nth-child(2) {
     text-align: center;
     padding-left:0%;
}
 .ui-table th{
     font-size:1.2em;
     font-weight:500;
     color:#fff;
     text-transform:uppercase;
     padding-top:0.5em;
     padding-bottom:0.5em;
}
 .ui-table th {
     font-weight: bold;
     color:#fff;
     text-transform:uppercase;
     text-align: center;
     border-right:1px solid #fff;
     border-top:1px solid #fff;
     background-color:#0099cc 
}
 .ui-table th:last-child{
     border:0px;
}
/*for details page*/
 th,  td {
     line-height: 1.5em;
     text-align: center;
     padding: 1em 1em;
    /*vertical-align: top;
    */
     border-collapse:inherit !important;
     font-family: inherit;
     color: #565959;
     font-size: 14px;
     font-weight: 400;
}
td:nth-child(2) {
     text-align: center;
     padding-left:0% 
}
 th:nth-child(2) {
     text-align: center;
     padding-left:0%;
}
 th{
     font-size:1.2em;
     font-weight:500;
     color:#fff;
     text-transform:uppercase;
     padding-top:0.5em;
     padding-bottom:0.5em;
}
 th {
     font-weight: bold;
     color:#fff;
     text-transform:uppercase;
     text-align: center;
     border-right:1px solid #fff;
     border-top:1px solid #fff;
     background-color:#0099cc 
}
 th:last-child{
     border:0px;
}

 table{
     border-collapse:collapse;
     border-spacing:0;
     width:100%;
     margin-bottom:2em;
     float:left;
}
 .techniacl-for{
     width:80%;
     margin:0 auto;
     margin-top:2em;
}
 .table-title{
     font-size:1.5em;
     font-weight:600;
     color:#32a147;
     text-transform:uppercase;
     padding-top:0.5em;
     padding-bottom:0.5em;
     text-align:center;
}

/***************************************************** S CONTACT US *****************************************************/
.contact-enquiry{
	width:65%;
	height:auto;
	float:left;
	margin-top:1%;
}
.contact-address{
	width:35%;
	height:auto;
	float:left;
	padding-left:5%;
	margin-top:1%;
}
.enquiry-contact{
	width:49%;
	height:auto;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}
.enquiry-contact:nth-child(2n+2){ margin-right:0%;}
.contact-enquiry-box{
	width:100%;
	height:48px;
	border:1px solid #ccc;
	padding-left:5%;
	padding-right:5%;
	line-height:48px;
	font-size: 14px;
/*font-family: 'geomanistregular';*/
font-weight: normal;
font-style: normal;
color:#666;

}

.enquiry-contact-full{
	width:100%;
	height:auto;
	margin-bottom:2%;
		font-size: 14px;
font-family: 'geomanistregular';
font-weight: normal;
font-style: normal;
color:#666;
}
.enquiry-contact-full p{
	line-height:16px;
	font-size: 12px;
font-family: 'geomanistregular';
font-weight: normal;
font-style: normal;
color:#666;
padding-bottom:15px;
 margin-top:-5px;
}

.calback-box1{
	width:100%;
	height:160px;
	border:1px solid #ccc;
	padding-left:2.5%;
	padding-right:2.5%;
	line-height:26px;
	padding-top:10px;
}

.submit{
	width:105px;
	height:48px;
	float:right;
	background-color:#1f69b7;
	color:#fff;
	font-size:1.2em;
	text-transform:uppercase;
	text-align:center;
	line-height:48px;
	-webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  font-family: 'geomanist-medium';
}
.submit:hover{
	background-color:#fff;
	border:1px solid #1f69b7;
	color:#1f69b7;
	cursor:pointer;
}
.contact-address-dtl{
	width:100%;
	height:auto;
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px solid rgba(204, 204, 204, 0.5)
}
.contact-icon{
	width:20%;
	height:auto;
	float:left;
}
.address{
	width:80%;
	height:auto;
	float:left;
	padding-left:7%;
}
.address-title{
     font-size:1em;
	 font-family: 'geomanist-medium';
	 font-weight: normal;
    font-style: normal;
	text-transform:uppercase;
	color:#333;
	margin-bottom:2px;
}
.address p{
	width:100%;
	height:auto;
	font-size:1.063em;
	line-height:27px;
	text-align: justify;
	font-family: 'geomanistregular';
	color:#333;
	margin-top:0px;
}
.enquiry-main{
	width:40%;
	height:auto;
	margin:0 auto;
}


.contact-social {
     width: auto;
     height: auto;
     float: right;
	 padding-top:8px;
}
.contact-social ul{
     margin:0px;
     padding:0px;
     list-style-type:none;
}
.contact-social ul li{
     width:35px;
     height:35px;
     float:left;
     margin-right:10px;
     background:none;
}
 .contact-social ul li a{
     height:35px;
     width:35px;
     display: block;
     text-align: center;
     line-height:32px;
     font-size:15px !important;
     padding-left:0px;
     color:#fff;
     transition: all 0.2s ease;
     transition: background 0.2s ease-in-out;
	 border:2px solid #1f69b7;
	 border-radius:50%;
	 background-color:#1f69b7;
}
 .contact-social ul li a:hover{
      color:#1f69b7;
      padding-left:0px;
	  border:2px solid #1f69b7;
	  background-color:#fff;
}
.location-wrap{
	width:100%;
	height:auto;
	margin-top:3em;
}
#map{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); margin-top:1em}
/***************************************************** E CONTACT US *****************************************************/

/***************************************************** S DIVISIONS *****************************************************/

.jobs-wrap {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
}
.job-pic {
    width: 50%;
    height: auto;
    float: left;
    position: relative;
}
.job-pic-pics {
    width: 100%;
    height: auto;
}

.job-pic-arrow {
    width: 31px;
    height: 60px;
    position: absolute;
    right: -2px;
    margin: auto;
    top: 0;
    bottom: 0;
}
.jobs-content {
    width: 50%;
    height: auto;
    float: left;
    padding-left: 5%;
}
.jobs-content-title {
    text-align: left;
    line-height: 30px;
    font-weight: normal;
   font-family: 'geomanist-book';
	color: #244b91;
	font-size:1.8em;
    margin-bottom: 5px;
}
.content-job {
   font-size: 1em;
font-family: inherit;
color: #666;
line-height: 24px;
text-align:justify
}

.job-content1 {
    width: 50%;
    height: auto;
    float: left;
    padding-right: 5%;
}
.jobs-content-title1 {
    text-align: right;
    line-height: 30px;
    font-weight: normal;
    font-family: 'geomanist-book';
color: #244b91;
font-size:1.8em;
    margin-bottom: 5px;
}
.content-job1 {
     font-size: 1em;
font-family: inherit;
color: #666;
line-height: 24px;
text-align:justify
}

.job-pic-arrow1 {
    width: 31px;
    height: 60px;
    position: absolute;
    left: -2px;
    margin: auto;
    top: 0;
    bottom: 0;
}

/***************************************************** S DIVISIONS *****************************************************/

.enquiry-job {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 2%;
	
}
.enquiry-job p {
    line-height: 16px;
    font-size: 12px;
    font-family: 'geomanistregular';
    font-weight: normal;
    font-style: normal;
    color: #666;
    padding-bottom: 15px;
    margin-top: -5px;
}

 @media (min-width: 1023px) and (max-width: 1279px) {
     .top-container {
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
     
     header.smaller .top-right {
         padding-top: 0.5%;
    }
	header #logo{ width:25%}
	.resp-tabs-list li{ font-size:12px !important; font-weight:400 !important;}
	

.nav a{ font-size:1em !important;}
.product-name{ font-size:1.1em;}

 .swiper-container {
        height: auto !important;
    }
    .desktop .swiper-container {
        height:auto !important;
    }
}
 @media (min-width: 1280px) and (max-width: 1359px) {
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
     .top-container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	header #logo{ width:25%}
	.resp-tabs-list li{ font-size:13px !important; font-weight:400 !important;}
	
 .swiper-container {
        height: auto !important;
    }
    .desktop .swiper-container {
        height:auto !important;
    }
    .swiper-container {
    min-height:auto !important;
}
   
}
 @media (min-width: 1360px) and (max-width: 1399px) {
	 .logo-container{ padding-top:25px;}
     .container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
     .top-container{
         width:100%;
         padding-left:3%;
         padding-right:3% 
    }
	header #logo{ width:30%}
	.resp-tabs-list li{ font-size:14px !important; font-weight:500 !important;}
    
    
}
 @media (min-width: 1400px) and (max-width: 1441px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
 @media (min-width: 1441px) and (max-width: 1599px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
.tab-div{max-width:100%; overflow-x: auto; float:right; overflow-y:hidden;}
.resp-tabs-list{text-align:right; display:ruby ; width:100%}
 @media (min-width:1600px){
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
.mob-pic{ display:none;}
.dt-division{ display:block}
 @media (max-width:990px) {
	 .submit{ float:left}
	 .tab-div{max-width:100%; float:right;}
    .resp-tabs-list{text-align:right; display: inherit ; width: auto}
	 header.smaller .menu-container .nav a {
    color: #fff !important;
}
.top-right{ background-color:#fff !important; border-top: 1px solid #ccc;}

#site-header {
    position: inherit;
    z-index: 50;
    left: 0;
    right: 0;
    top: 0;
	background-color:#fff;
	transition: 0.3s;
}
#site-content {
    width: 100%;
    height: auto;
    z-index: 1;
	margin-top:0px !important;
	margin-bottom:0px !important
}
#site-footer {
    position: inherit;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
}

	 }

 @media (max-width:400px) {
	  body {
     text-decoration: none;
     background:#fff;
     font-family: 'Poppins', sans-serif;
     font-size:14px !important;
}
.mobno{display:none;}
     .bottom-content{
         width:100%;
         margin-bottom:2%;
    }
     .bottom-content:nth-child(1){
         width:100%;
         height:auto;
    }
	.container{ padding-left:2%; padding-right:2%}
	.bottom-content:nth-child(3){ width:100%;}
     .bottom-content:nth-child(4){
         min-height:inherit;
         height:auto;
    }
	.financila-home{ width:100%}
	.financila-home ul{ width:100%;}
	.financial-pics{ display:none;}
	.navbar{ position:inherit}
	.product-range{ width:100%; margin-right:0%;}
	.caption-top{ font-size:2em;}
	.banner-caption-mid{ font-size:3em; line-height:50px;}
	.top-wraper{background:#fff !important; padding-top:1%; padding-bottom:1%}
	.top-container{ padding-left:1%; padding-right:1%;}
	.logo-container{ position:inherit; max-width:80%}
	.toggleMenu{ top:25px !important}
	.top-right{ width:100%;  padding-bottom:5px; background-color:#444;}
	.top-for{ border-bottom:0px;}
	.top-cal{ margin-bottom:0px; display:flex; justify-content:center; width:100%}
	.welcome-wraper{ padding-top:1.5em; padding-bottom:1.5em;}
	.menu-container{ width:100%;}
	.nav{ float:none !important;}
	.nav a{ line-height:40px !important;}
	 .contact-enquiry{ width:100%}
	 .contact-address{ width:100%; padding-left:0%;}
	 .products{ width:100%;}
	 .clients{ width:33%;}
	 .career-dtl{ width:100%;}
	 .career-dtl:nth-child(2){ display:none;}
	 .career-dtl p{ text-align:left;}
	 .product-detail-pics-wrap{ width:100%; margin-bottom:2em}
	 .welcome-title{ font-size:2.5em;}
	 .swiper-container{ height: inherit !important;}
	 .banner-caption-title-sub{ font-size:0.85em; }
	 .nav > li > a:hover{ border-bottom:0px !important}
	 .designed p{ font-size:0.82em}
	 .copy-right { font-size:0.82em; width:100%; text-align:center;}
	 .designed{ width:205px; float:none; margin:0 auto;}
	 .techniacl-for{ width:96%}
	 h2.resp-accordion{ text-transform:uppercase !important; color:#666 !important}
	 .job-pic{ width:100%;}
	 .jobs-wrap{ display:inherit; margin-bottom:3em}
	 .job-pic-arrow{ display:none;}
	 .jobs-content{ width:100%; padding-left:0%; padding-top:2em;}
	 .job-content1{ width:100%; padding-right:0%; padding-top:2em;}
	 .jobs-content-title1{ text-align:left;}
	 .mob-pic{ display:block;}
	.dt-division{ display: none}
	.job-pic-arrow1{ display:none}
	.banner-caption-title-sub{ font-size:0.8em; }
}
 @media (max-width:460px) {
	  body {
     text-decoration: none;
     background:#fff;
     font-family: 'Poppins', sans-serif;
     font-size:15px !important;
}
.mobno{display:none;}
.call-top{font-size:0.85em;}
.mail-top {font-size:0.85em;}
     .bottom-content{
         width:100%;
         margin-bottom:1em;
    }
     .bottom-content:nth-child(1){
         width:100%;
         height:auto;
    }
	.container{ padding-left:2%; padding-right:2%}
	.bottom-content:nth-child(3){ width:100%;}
     .bottom-content:nth-child(4){
         min-height:inherit;
         height:auto;
    }
	.financila-home{ width:100%}
	.financila-home ul{ width:100%;}
	.financial-pics{ display:none;}
	.navbar{ position:inherit}
	.product-range{ width:100%; margin-right:0%;}
	.caption-top{ font-size:2em;}
	.banner-caption-mid{ font-size:3em; line-height:50px;}
	.top-wraper{background:#fff !important; padding-top:1%; padding-bottom:1%}
	.top-container{ padding-left:1%; padding-right:1%;}
	.logo-container{ position:inherit; max-width:80%}
	.toggleMenu{ top:32px !important}
	.top-right{ width:100%;  padding-bottom:5px; background-color:#444;}
	.top-for{ border-bottom:0px;}
	.top-cal{ margin-bottom:0px; display:flex; justify-content:center; width:100%}
	.welcome-wraper{ padding-top:1.5em; padding-bottom:1.5em;}
	.menu-container{ width:100%;}
	.nav{ float:none !important;}
	.nav a{ line-height:40px !important;}
	 .contact-enquiry{ width:100%}
	 .contact-address{ width:100%; padding-left:0%;}
	 .products{ width:100%;}
	 .clients{ width:33%;}
	 .career-dtl{ width:100%;}
	 .career-dtl:nth-child(2){ display:none;}
	 .career-dtl p{ text-align:left;}
	 .product-detail-pics-wrap{ width:100%; margin-bottom:2em}
	 .welcome-title{ font-size:2.5em;}
	 .swiper-container{ height: inherit !important;}
	 .banner-caption-title-sub{ font-size:0.85em; }
	 .nav > li > a:hover{ border-bottom:0px !important}
	 .designed p{ font-size:0.82em}
	 .copy-right { font-size:0.82em}
	 .techniacl-for{ width:96%}
	 h2.resp-accordion{ text-transform:uppercase !important; color:#666 !important}
	 .job-pic{ width:100%;}
	 .jobs-wrap{ display:inherit; margin-bottom:3em}
	 .job-pic-arrow{ display:none;}
	 .jobs-content{ width:100%; padding-left:0%; padding-top:2em;}
	 .job-content1{ width:100%; padding-right:0%; padding-top:2em;}
	 .jobs-content-title1{ text-align:left;}
	 .mob-pic{ display:block;}
	.dt-division{ display: none}
	.job-pic-arrow1{ display:none}

}
 @media (min-width:461px) and (max-width:580px){
	  .bottom-content{
         width:100%;
         margin-bottom:2%;
    }
    .call-top{ font-size:0.85em;}
     .bottom-content:nth-child(1){
         width:100%;
         height:auto;
    }
	.container{ padding-left:2%; padding-right:2%}
	.bottom-content:nth-child(3){ width:100%;}
     .bottom-content:nth-child(4){
         min-height:inherit;
         height:auto;
    }
	.financila-home{ width:100%}
	.financila-home ul{ width:100%;}
	.financial-pics{ display:none;}
	.navbar{ position:inherit}
	.product-range{ width:100%; margin-right:0%;}
	.caption-top{ font-size:2em;}
	.banner-caption-mid{ font-size:3em; line-height:50px;}
	.top-wraper{background:#fff !important; padding-top:1%; padding-bottom:1%}
	.top-container{ padding-left:1%; padding-right:1%;}
	.logo-container{ position:inherit; max-width:80%}
	.toggleMenu{ top:32px !important}
	.top-right{ width:100%;  padding-bottom:5px; background-color:#444;}
	.top-for{ border-bottom:0px;}
	.top-cal{ margin-bottom:0px; display:flex; justify-content:center; width:100%}
	.welcome-wraper{ padding-top:1.5em; padding-bottom:1.5em;}
	.menu-container{ width:100%;}
	.nav{ float:none !important;}
	.nav a{ line-height:40px !important;}
	 .contact-enquiry{ width:100%}
	 .contact-address{ width:100%; padding-left:0%;}
	 .products{ width:100%;}
	 .clients{ width:33%;}
	 .career-dtl{ width:100%;}
	 .career-dtl:nth-child(2){ display:none;}
	 .career-dtl p{ text-align:left;}
	 .product-detail-pics-wrap{ width:100%; margin-bottom:2em;}
	 .welcome-title{ font-size:2.5em;}
	 .swiper-container{ height: inherit !important;}
	 .banner-caption-title-sub{ font-size:0.85em; }
	 .nav > li > a:hover{ border-bottom:0px !important}
	 .designed p{ font-size:0.82em}
	 .copy-right { font-size:0.82em}
	 .techniacl-for{ width:96%}
	 h2.resp-accordion{ text-transform:uppercase !important; color:#666 !important}
	 .job-pic{ width:100%;}
	 .jobs-wrap{ display:inherit; margin-bottom:3em}
	 .job-pic-arrow{ display:none;}
	 .jobs-content{ width:100%; padding-left:0%; padding-top:2em;}
	 .job-content1{ width:100%; padding-right:0%; padding-top:2em;}
	 .jobs-content-title1{ text-align:left;}
	 .mob-pic{ display:block;}
	.dt-division{ display: none}
	.job-pic-arrow1{ display:none}
}

 @media (min-width:581px) and (max-width:680px){
.job-pic{ width:100%;}
	 .jobs-wrap{ display:inherit; margin-bottom:3em}
	 .job-pic-arrow{ display:none;}
	 .jobs-content{ width:100%; padding-left:0%; padding-top:2em;}
	 .job-content1{ width:100%; padding-right:0% ; padding-top:2em;}
	 .jobs-content-title1{ text-align:left;}
	 .mob-pic{ display:block;}
	.dt-division{ display: none}
	.job-pic-arrow1{ display:none}
 }
	
	
 @media (min-width:581px) and (max-width:736px){
	 
	  .bottom-content{
         width:50%;
         margin-bottom:2%;
    }
     .bottom-content:nth-child(1){
         width:50%;
         height:auto;
    }
	.container{ padding-left:2%; padding-right:2%}
	.bottom-content:nth-child(3){ width:50%;}
     .bottom-content:nth-child(4){
         min-height:inherit;
         height:auto;
    }
	.financila-home{ width:100%}
	.financila-home ul{ width:100%;}
	.financial-pics{ display:none;}
	.navbar{ position:inherit}
	.product-range{ width:50%; margin-right:0%;}
	.caption-top{ font-size:2em;}
	.banner-caption-mid{ font-size:3em; line-height:50px;}
	.top-wraper{background:#fff !important; padding-top:1%; padding-bottom:1%}
	.top-container{ padding-left:1%; padding-right:1%;}
	.logo-container{ position:inherit; max-width:80%}
	.toggleMenu{ top:32px !important}
	.top-right{ width:100%;  padding-bottom:5px; background-color:#444;}
	.top-for{ border-bottom:0px;}
	.top-cal{ margin-bottom:0px; display:flex; justify-content:center; width:100%}
	.welcome-wraper{ padding-top:1.5em; padding-bottom:1.5em;}
	.menu-container{ width:100%;}
	.nav{ float:none !important;}
	.nav a{ line-height:40px !important;}
	 .contact-enquiry{ width:100%}
	 .contact-address{ width:100%; padding-left:0%;}
	 .products{ width:50%;}
	 .clients{ width:33%;}
	 .career-dtl{ width:100%;}
	 .career-dtl:nth-child(2){ display:none;}
	 .career-dtl p{ text-align:left;}
	 .product-detail-pics-wrap{ width:100%; margin-bottom:2em}
	 .welcome-title{ font-size:2.5em;}
	 .swiper-container{ height: inherit !important;}
	 .banner-caption-title-sub{ font-size:0.85em; }
	 .nav > li > a:hover{ border-bottom:0px !important}
	 .designed p{ font-size:0.82em}
	 .copy-right { font-size:0.82em}
	 .techniacl-for{ width:96%}
	 h2.resp-accordion{ text-transform:uppercase !important; color:#666 !important}
}
 @media (min-width:737px) and (max-width: 768px){
	 .bottom-content{
         width:50%;
         margin-bottom:2%;
    }
     .bottom-content:nth-child(1){
         width:50%;
         height:auto;
    }
	.container{ padding-left:2%; padding-right:2%}
	.bottom-content:nth-child(3){ width:50%;}
     .bottom-content:nth-child(4){
         min-height:inherit;
         height:auto;
    }
	.financila-home{ width:100%}
	.financila-home ul{ width:100%;}
	.financial-pics{ display:none;}
	.navbar{ position:inherit}
	.product-range{ width:50%; margin-right:0%;}
	.caption-top{ font-size:2em;}
	.banner-caption-mid{ font-size:3em; line-height:50px;}
	.top-wraper{background:#fff !important; padding-top:1%; padding-bottom:1%}
	.top-container{ padding-left:1%; padding-right:1%;}
	.logo-container{ position:inherit; max-width:80%}
	.toggleMenu{ top:32px !important}
	.top-right{ width:100%;  padding-bottom:5px; background-color:#444;}
	.top-for{ border-bottom:0px;}
	.top-cal{ margin-bottom:0px; display:flex; justify-content:center; width:100%}
	.welcome-wraper{ padding-top:1.5em; padding-bottom:1.5em;}
	.menu-container{ width:100%;}
	.nav{ float:none !important;}
	.nav a{ line-height:40px !important;}
	 .contact-enquiry{ width:100%}
	 .contact-address{ width:100%; padding-left:0%;}
	 .products{ width:50%;}
	 .clients{ width:33%;}
	 .career-dtl{ width:100%;}
	 .career-dtl:nth-child(2){ display:none;}
	 .career-dtl p{ text-align:left;}
	 .product-detail-pics-wrap{ width:100%; margin-bottom:2em}
	 .welcome-title{ font-size:2.5em;}
	 .swiper-container{ height: inherit !important;}
	 .banner-caption-title-sub{ font-size:0.85em; }
	 .nav > li > a:hover{ border-bottom:0px !important}
	 .designed p{ font-size:0.82em}
	 .copy-right { font-size:0.82em}
	 .techniacl-for{ width:96%}
	 h2.resp-accordion{ text-transform:uppercase !important; color:#666 !important}
}
 @media (min-width:769px) and (max-width:991px){
	  .bottom-content{
         width:50%;
         margin-bottom:2%;
    }
     .bottom-content:nth-child(1){
         width:50%;
         height:auto;
    }
	.container{ padding-left:2%; padding-right:2%}
	.bottom-content:nth-child(3){ width:50%;}
     .bottom-content:nth-child(4){
         min-height:inherit;
         height:auto;
    }
	.financila-home{ width:100%}
	.financila-home ul{ width:100%;}
	.financial-pics{ display:none;}
	.navbar{ position:inherit}
	.product-range{ width:50%; margin-right:0%;}
	.caption-top{ font-size:2em;}
	.banner-caption-mid{ font-size:3em; line-height:50px;}
	.top-wraper{background:#fff !important; padding-top:1%; padding-bottom:1%}
	.top-container{ padding-left:1%; padding-right:1%;}
	.logo-container{ position:inherit; max-width:80%}
	.toggleMenu{ top:32px !important}
	.top-right{ width:100%;  padding-bottom:5px; background-color:#444;}
	.top-for{ border-bottom:0px;}
	.top-cal{ margin-bottom:0px; display:flex; justify-content:center; width:100%}
	.welcome-wraper{ padding-top:1.5em; padding-bottom:1.5em;}
	.menu-container{ width:100%;}
	.nav{ float:none !important;}
	.nav a{ line-height:40px !important;}
	 .contact-enquiry{ width:100%}
	 .contact-address{ width:100%; padding-left:0%;}
	 .products{ width:100%;}
	 .clients{ width:33%;}
	 .career-dtl{ width:100%;}
	 .career-dtl:nth-child(2){ display:none;}
	 .career-dtl p{ text-align:left;}
	 .product-detail-pics-wrap{ width:100%; margin-bottom:2em;}
	 .welcome-title{ font-size:2.5em;}
	 .swiper-container{ height: inherit !important;}
	 .banner-caption-title-sub{ font-size:0.85em; }
	 .nav > li > a:hover{ border-bottom:0px !important}
	 .designed p{ font-size:0.82em}
	 .copy-right { font-size:0.82em}
	 .techniacl-for{ width:96%}
	 h2.resp-accordion{ text-transform:uppercase !important; color:#666 !important}
}
 @media (min-width:992px) and (max-width:1199px){
	 header #logo{width:25%;}
	 .nav a { margin: 0px 18px !important;}
	 .top-cal{ margin-bottom:0%;}
	 .career-dtl p{ text-align:left;}
}