@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body { font-family: 'Poppins-Regular'; width:100%; height:100%; color:#47535a; }
ol, ul {list-style: none;}
*{ margin:0; padding:0;}
a{ text-decoration:none; outline:none;}
h6,h5,h4,h3,h2,h1{ margin:0; padding:0; font-family: 'Poppins'; font-weight: normal; }
img{ border:none;}
div{display: flow-root;}
.container{position:relative; margin:0 auto; width:1250px; }

/*------Header Section-------*/
header{ position:absolute; left: 0; top:0 ; width: 100%; z-index: 500;}

header .container{ display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
#logo{ width:218px; height:81px; margin:9px 0;}
#logo img, .serviceimg img, .service-img img, #service-img img, #service-img2 img{ width:100%; height:100%; transition: all 0.5s ease;}
#iso-cover{z-index: 800; display: flex; flex-direction: row; background: #03263a; padding: 13px; border-radius: 7px; justify-content: space-around;}
.rslides #iso img{ width: 100px;}

#mobile_menu, #mobile_drop{display:none;}
#menu_part{ float:right; background:url(../images/box.png) no-repeat left 10px; padding:0 0 0 62px;}
.mtoggle{cursor:pointer;float:right;}
.mtoggle i{ color: #FFF; font-size: 25px;}
/*****LEVEL ONE*****/
ul.dropdown{ position: relative;z-index:1000;  margin:0 0 0 -60px;}
ul.dropdown li{float: left; zoom: 1;list-style:none;}
ul.dropdown li a{ display:block; color:#ffffff; padding:37px 23px 28px 0; font-size:15px; font-weight: bold; text-transform: capitalize;}
ul.dropdown li a:hover{ color: #12afdf;}
ul.dropdown li:hover{position: relative; color:#6fb016; }
ul.dropdown li.hover a{ color: #6fb016;}
/*****LEVEL TWO*****/
ul.dropdown ul{ width: 200px; visibility: hidden; position: absolute; top: 100%; left: 0; box-sizing:border-box; }
ul.dropdown ul li{background:#ff6501; color: #FFF; border-bottom: 1px solid #fff; float: none;list-style:none;}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{ border-right: none; width: 100%; display: inline-block; font-size:13px; color:#fff!important;padding:8px 12px;height:auto;text-shadow:none!important;background:none; font-weight:normal;}
ul.dropdown ul li:hover{ background:#022a41;}
/*****LEVEL THREE******/
ul.dropdown ul ul{ left: 100%; top:0; }
ul.dropdown li:hover > ul{ visibility: visible;}
#calltop{font-size:17px;   color:#ffffff; line-height:24px; display: flex; flex-direction: column; position: relative; z-index: 500;  height: 100px; align-items: center; justify-content: center; padding-left: 59px;}
#calltop span{ color: #96c0d5; font-size: 12px;}
#calltop i{position: absolute; left: 22px; top: 37px; font-size: 22px; }
#calltop a{color: #FFF;}
/*------Header Section End-----*/

/*banner section*/
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0 0 100px 0;
    z-index: 0;
  }
  
  .rslides li {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
  }
  
  .rslides img {
    display: block;
    height: 100%;
    width: auto;
    border: 0;
    width: 100%;
  }
  
  .bannercaption {
    line-height: 26px;
    color: #7eacc5;
    display: flow-root;
    font-size: 47px;
    width: 23%;
    background:#052f47 url(../images/captionicon.png) no-repeat left top;
    box-sizing: border-box;
    font-size: 13px;
    position: absolute;
    display: flex;
    align-content: center;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    right: 0; top: 0; padding: 0 37px; box-sizing: border-box;    
  }
  .bannercaption p{ line-height: 22px;}

  
  .bannercaption h2 a {
    font-size: 21px; color: #FFF; margin-bottom: 20px; display: block; margin-top:32px; text-transform: uppercase;
  }
  .bannercaption h2 a:hover{ text-decoration: underline;}
  .bannercaption div{ display: flex; flex-direction: row; margin: 32px 0 0 -200px;}
  .bannercaption div a{ margin: 0 5px; display: block;}
  .rslides .bannercaption div a img{ width: auto;}
  #welcomebanner{ position: absolute; left: 3%; top: 0; color: #FFF; z-index: 330; display: flex; flex-direction: column;  height: 100%; justify-content: center; font-size: 63px; width: 600px;}
  #welcomebanner h1{ line-height: 66px; margin: 135px 0 0 0;}
  #banner-section{ position: relative;}
  #welcomebanner a{ background: #ff6501; padding: 15px 12px; display: inline-block; color: #FFF; font-size: 14px; font-weight: bold; width: 130px; text-align: center; margin: 44px 0 0 0; transition: all 0.5s ease;}
  #welcomebanner a:hover{ background: #c54d00;}
/*banner section end*/

/*content part*/
#welcome-box{  margin:130px 0 0 0;}
#welcome-box .container{ display: flex; flex-direction: row; justify-content: space-between;}
.welcome-img{ margin-bottom: 68px;}
.welcome-img img{float: right;}
.welcome-tect{ width:540px; color:#1C3D4E; font-size: 16px;  line-height:27px; display: flex; flex-direction: column;text-align:justify;}
#welcome-box h1{ font-size: 49px; color: #222222; line-height: 61px; margin-bottom: 60px; text-align: left;}
#welcome-box span{ color: #FF6501; font-weight: bold; font-size: 16px; margin-bottom: 28px;}
#welcome-cnt{ margin:37px 0 0 48px; font-size:16px; color:#434242; position:relative; height:325px;}
.welcome-tect:nth-child(even){ margin-right: 40px;}
.welcome-tect:nth-child(even) .welcome-img img{ float: left;}
#service-section{ background: url(../images/servicebg.jpg) repeat center top; background-size: cover; margin:55px 0 0 0; padding: 84px 0; background-attachment: fixed;}
#service-section h1{ font-size: 116px; text-transform: uppercase; -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ff6501; -webkit-text-fill-color: transparent;}
.service-box{ border:#FFF solid 1px;  float:left; overflow:hidden; position: relative;}
.serviceimg{ width:657px; height:657px;}
.first-sr{ margin-left: -30px;}
.second-sr{ margin: 0 -28px 0 21px;}
.service-detail{ background: #FFF; padding-left: 24px; position: absolute; left: -200px; bottom: -200px; box-sizing: border-box; width: 299px; transition: all 0.8s ease; justify-content: space-between; box-sizing: border-box;}
.service-detail div{ display: flex; flex-direction: column; color: #ff6501; font-size: 16px; margin: 25px 0; float: left; width: 189px;}
.service-detail div h5{ font-size: 20px; color: #2c2b2b; line-height: 25px; margin: 16px 0 0 0; text-transform: capitalize;}
.service-box a{ width:46px; display:flex; align-items: center; justify-content: center; background:#ff6c0c; color:#FFF; float: right; height: 156px;}
.service-box a:hover{ background:#0097f0;}
.service-box a i{ font-size: 20px;}
.service-box:hover .service-detail{ left: 8px; bottom: 8px;}
.second-sr .serviceimg{ width: 624px; height: 298px;}
.second-sr a, .third-sr a, .four-sr a{ height: 142px;}
.third-sr{ margin: 27px 0 0 21px;}
.third-sr .serviceimg, .four-sr .serviceimg{ width: 300px; height: 331px;}
.four-sr{ margin: 27px -27px 0 21px;}
.third-sr .service-detail, .four-sr .service-detail{ width: 275px;}
.service-box:hover .serviceimg img{ transform: scale(1.1); }
#other-services{ display: flex; flex-direction: row; justify-content: space-between; margin: 95px 0; flex-wrap: wrap;}
#other-services div{ width: 262px; display: flex; flex-direction: column;  font-size: 14px;}
#other-services div h3 a{ font-size: 23px; color: #000; line-height: 27px; display: flex; align-items: center; height: 87px; margin: 0;}
#other-services div i{ color: #ff6501; font-size: 24px;}
#other-services div a{ margin: 28px 0 0 0; transition: all 0.5s ease;}
#other-services div h3 a:hover{color: #ff6501; text-decoration: underline;}
#other-services div a:hover{ transform: translate(20px);}
#vender-box{ background:#f1f3f5; padding:84px 0;}
#vender-box span{  font-size:48px; color:#141414; position: relative; width: 780px; display: block; line-height: 61px; margin: 0 0 31px 70px;}
#vender-box span div{  font-size: 25px; color: #ff6501; transform: rotate(270deg); position: absolute; left: -90px; top: 31px;}
#vender-list{ width: 100% !important;}
#vender-list ul{ list-style:none; display: flex; flex-direction: row; justify-content:space-evenly; flex-wrap: wrap;}
#vender-list li{ background:#FFF;    box-shadow: 0px 0px 13px 4px rgba(219, 219, 219, 0.2); margin: 38px 0 0 0; display: flex;  
height: 164px; align-items: center; justify-content: center; width: 280px; margin: 0 35px 0 0;}
.vender-img{ width:267px; height:134px;   filter: grayscale(100%);}
#vender-list li:hover .vender-img {filter: grayscale(0);}
#aims{  position: relative;}
#aims h1{ font-size: 96px; color: #c5c5c5; text-transform: uppercase; transform: rotate(270deg); position: absolute; left: -170px; top: 310px; }
#aims-content{ width: 1080px; display: flex; flex-direction: column; float: right; margin: 122px 0 0 0;}
#aims-content div{ display: flex; flex-direction: row; justify-content: space-around; align-items: center; margin-bottom: 60px;}
#aims-content span{ font-size: 80px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #ff6501; -webkit-text-fill-color: transparent; font-family: 'Poppins';}
#aims-content h3{ font-size: 32px; width: 426px; color: #2d2d2d; line-height: 46px;  font-family: 'Poppins-Regular'; font-weight:bold;}
#aims-content h3 strong{ color: #ff5f1b;}
/*content part end*/

/*innerpage content*/
#content-cover {clear: both;margin-bottom: 110px;line-height: 35px;color: #000;}
#page-title {padding: 221px 0 70px 0;width: 100%;margin: 0 0 137px 0;background: url(../images/pagetitlebg.jpg) no-repeat top center;
box-sizing: border-box;background-size: contain; background-attachment: fixed;}
#page-title h1 {color: #FFFFFF;font-size: 32px; text-align: center; text-transform: capitalize; letter-spacing: 1px;}
#content-cover #about {width: 100%;line-height: 30px;font-size: 15px;}
#content-cover .about-img {float: left;margin: 0 63px 0 0;}
#about h1 {  color: #122129;font-size: 41px;  line-height: 54px;margin: 38px 0;}
#keyarea{ background:url(../images/keyfeature.jpg) no-repeat left top; margin: 85px 0 0 0; padding: 85px 0; color: #FFF; background-size: cover;}
#keyarea h1{ font-size: 35px;}
#keyarea ul{ margin: 40px 0 0 0;}
#keyarea ul li{ position: relative; padding: 0 0 0 25px; font-size: 16px;}
#keyarea ul li::after{ position: absolute; left: 0; top: 15px; background: #FFF; width: 5px; height: 5px; content: ""; border-radius: 100%;}
#service-sectionmain{ display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
#service-sectionmain div{ width: 393px; display: flex; flex-direction: column; text-align: center; align-items: center;  background: #fff2e9; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; padding-bottom: 30px; color: #85634b; margin: 0 0 57px 0;}
#service-sectionmain div .service-img{ width: 393px; height: 290px; position: relative; border-radius: 14px; overflow: hidden; position: relative; margin: 0; padding: 0;}
#service-sectionmain h2{ display: flex; background: url(../images/titlebg.png) repeat-x; height: 187px; position: absolute; left: 0; bottom: 0; width: 100%; align-items: flex-end; color: #FFF; padding: 0 22px; box-sizing: border-box; padding-bottom: 26px; box-sizing: border-box; font-size: 18px; justify-content: center; text-transform: uppercase;}
#service-sectionmain div a{ font-size: 14px; color: #f5751c; border: #f5751c solid thin; display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; border-radius: 100%; }
#service-sectionmain div p{ font-size: 15px; line-height: 26px; margin: 30px 0; padding: 0 32px;}
#service-sectionmain div a i{transform: rotate(320deg); transition: all 0.5s ease;}
#service-sectionmain div a:hover i{transform: rotate(-0deg);}
#service-sectionmain div:hover .service-img img{ transform: scale(1.2) rotate(10deg);}
#other-service{  border-radius: 14px; padding: 37px 53px; display: flex; flex-direction: column; background: #fff0e7; box-sizing: border-box; color: #FFF; margin: 80px 0 0 0; clear: both; }
#other-service div{ display: flex; flex-direction: row;  flex-wrap: wrap;}
#other-service a{ color: #6c3d21; font-size: 14px; line-height: 51px; border-bottom: #ddcabe  solid thin; width: 376px; text-transform: capitalize;}
#other-service a i{ margin-right: 7px;}
#other-service h2{ color: #5e2918; font-size: 23px; text-transform: uppercase; margin-bottom: 8px;}
#other-service a:hover{ color: #955d3c; text-decoration: underline;}
#service-head{ font-size: 25px; margin-bottom: 32px; text-transform: uppercase;}
#service-img{ float: left; margin: 0 50px 35px 0; line-height: 0;}
#service-img2{ float:right; margin: 0 0 35px 50px; line-height: 0;}
#srs{ display: flex; flex-direction: column; align-items: center; text-align: center;}
#srs #service-img{ margin-right: 0;}
#content-cover #vender-list ul{ display: flex; flex-direction: row; justify-content: start;}
#content-cover #vender-list li{ box-shadow: 0px 0px 13px 4px rgb(171 171 171 / 20%); margin: 0 32px 30px 0;}
#content-cover .vender-img{ filter: grayscale(0);}
#content-cover .vender-img img{ width: 100%; height: 100%;}
.services-list{ position: relative; margin-top: 9px;}
.services-list li{ position: relative; padding: 0 0 0 20px;}
.services-list li::after{ content:""; position: absolute; left: 0; top: 16px; background: #f56101; width: 5px; height: 5px; border-radius: 100%;}
#jointeam{  font-size: 68px; text-align: center; text-transform: uppercase; -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ff944f; -webkit-text-fill-color: transparent;}
#career-cover{ display: flex; flex-direction: row; flex-wrap: wrap;  margin: 57px 0 0 0;}
.career-box{ width:415px; margin:0 0px 44px 0;  padding:36px 39px; box-sizing:border-box; box-shadow: 0px 0px 13px 4px rgb(153 153 153 / 20%); line-height: 23px; font-size: 14px; color: #707070; border-left:#ff6a0a solid 2px;}
.career-box h2{ font-size:20px; color:#ff6a0a;  text-transform:capitalize; margin-bottom:28px;}
.apply-btn{ background:#939393; padding:8px 20px; color:#FFF;border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border:#FFF solid 3px; display:block; width:65px; margin:25px 0 0 0; font-size:12px;}
.apply-btn:hover{ background-color:#ff6501;}


fieldset{ width:550px;border:0; margin: 0 auto; padding: 20px 30px; box-sizing: border-box; background: #f3f3f3;}
legend{ color:#6e6e6e;font-size:13px;font-weight:bold;}
.dropfield{	width:82px;font-size:12px;color:#6e6e6e;padding:5px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;border:solid 1px #ccc;}
.dropfield1{ margin-left:0px;font-size:12px;	line-height:12px;font-weight:normal;color:#454545;width:260px;border:solid 1px #ccc;padding:5px;	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
fieldset label{ color:#343434; font-size:14px; margin-bottom: 5px;}
.lab1{text-align:left;float: left;width: 125px;margin-right: 1em;color:#000}
fieldset input {margin-left:0px;font-size:14px;line-height:12px;font-weight:normal;color:#454545;border:none;padding:18px 16px;border-radius: 6px; background: #ffffff; outline:none; box-sizing: border-box; border: #ddd solid thin; width: 100%;}
.from-cover{ display: flex; flex-direction: row; justify-content: space-between;}
.from{ width: 236px;}
fieldset select {margin-left:0px;font-size:13px;line-height:12px;font-weight:normal;color:#454545;border:none;padding:15px;border-radius: 6px; background: #ebebeb; outline: none;}
fieldset li { margin-bottom: 22px; color:#2c2c2c;font-size:13px;list-style:none; background-image:none !important; padding-left:0 !important; border-bottom:none !important; clear:both; display: flex; flex-direction: column;} 
fieldset li span {color:#F00;font-size:13px;} 
.txt{margin-left:0px;margin-right:15px;font-size:11px;line-height:12px;font-weight:normal;color:#000000;width:125px;}
.label1{margin-left:0px;margin-right:35px;font-size:11px;line-height:12px;font-weight:normal;color:#000000;width:125px;}
.spantxt { color:#000;font-size:12px;} 
.err { font-size:10px;font-weight:normal;font-family:Tahoma, Geneva, sans-serif;color:#F00;font-size:11px;} 
.sub_mit {width:264px;background:#0091e7;color:#fff;cursor:pointer;border:0!important; padding:19px 15px;  font-family: 'Poppins SemiBold';font-size:15px;} 
.sub_mit:hover{background:#07649b;}  
fieldset textarea{border-radius: 6px;padding:5px;color:#6e6e6e; height:82px; border:none; background: #ffffff; resize: none; outline: none; padding: 20px 15px; box-sizing: border-box; font-family: Arial, Helvetica, sans-serif; font-size: 13px; border: #ddd solid thin; width: 100%;}
fieldset submit{width:500px!important;}
#rc-imageselect,.g-recaptcha {transform: scale(0.78);-webkit-transform: scale(0.78);transform-origin: 0 0;-webkit-transform-origin: 0 0;}



.half-box{ width: 570px; float: left;}
.half-box:nth-child(even){ float: right;}
#cnt-cover{ color: rgb(14, 10, 10);}
#cnt-cover span{ font-size: 19px; font-weight: bold;  margin: 0 0 13px 0; display: block; color: #000; }
#cnt-cover h1{ font-size: 52px; font-family: 'Poppins-Regular'; font-weight: normal; line-height: 61px;}
#contact-detailmain-cover{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin: 30px 0 0 0;}

.contact-detailmain{  line-height:24px; font-size:15px; margin:30px 0 0 0; color:#444444; width: 238px;}
.contact-detailmain a{ color:#383838; display:block;  margin-top: 7px;}
.contact-detailmain a:hover{ text-decoration: underline;}
.contact-detailmain span{ display:block; font-size:15px; margin:8px 0;}
.contact-detailmain #social-top{ justify-content: flex-start;}
.contact-detailmain #social-top a{ color: #000; border: none; width: auto; margin-right: 31px;}
.contact-detailmain #facebook:hover, .contact-detailmain #linkedin:hover, .contact-detailmain #twitter:hover, .contact-detailmain #insta:hover { background: none; text-decoration: none;}
.contact-detailmain #facebook i:hover{ color: #0065f7;}
.contact-detailmain #linkedin i:hover{ color: #0a63bc;}
.contact-detailmain #twitter i:hover{ color: #000000;}
.contact-detailmain #insta i:hover{ color: #c4079b;}


.contact-frm{display:flex; clear:both; flex-direction: column;  background: rgb(243, 243, 243);  box-sizing: border-box; padding: 68px 50px 10px 50px; position:relative; border-radius: 30px; justify-content:space-between;}
.contact-frm input{ width:100%; border:none;font-family:'Poppins-Regular'; padding:15px 0; box-sizing:border-box; outline:none; color:#646464;font-size:14px; background:none; border-bottom: #959595  solid thin;}
.contact-frm span{ color: rgb(255, 0, 0); font-size: 13px;}
.contact-frm textarea{ width:100%; border-bottom: #959595  solid thin; padding:11px 0; box-sizing:border-box; outline:none; color:#646464; height:111px;  overflow:hidden; resize:none; font-size:14px; font-family: 'Poppins-Regular'; background:none; border-left: none; border-right: none; border-top: none;}
.contactfrm-cover{ width:100%; height:87px; text-align:left;}
.contact-frm .captha{ width:170px; float:right; margin-top:0;}
.contact-frm #frmsubmit{background:#1d9fd9; color:#FFF; padding:13px 0; cursor:pointer; font-size:14px;  font-family: 'Poppins SemiBold'; border: none; border-radius: 8px;}
.contact-frm #frmsubmit:hover{ background:#136a91;}

#mapcnt{ width:100%; height:500px; clear:both; margin:100px 0 0 0;}
#mapcnt iframe{ width:100%; height:100%;}
.servicesub{ font-size: 17px; margin: 30px 0 4px 0;}
/*innerpage content end*/


/*footer section*/
footer{ background:#1e1d1d; padding:91px 0 39px 0;  margin:95px 0 0 0; color:#a4a4a4;}
#footertop{ display: flex; flex-direction: row; justify-content: space-between;}
#bottom-logo{ width: 400px;}
#footertop h1{ font-size: 34px; color: #FFF; line-height: 44px; margin: 29px 0 0 0; }
#line{ width:100%; height:1px; background:#4a4a4a; margin:49px 0;}
.bottom-contact{ display: flex; flex-direction: column; width: 218px; font-size: 15px;}
.bottom-contact h4{ color:#ffffff; font-size:20px; margin-bottom: 19px;}
#social-top{ display: flex; flex-direction: row; margin-top: 24px; justify-content: center;}
#social-top a{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: #645c5c solid thin; border-radius: 100%; margin: 0 8px 0 0; transition: 0.5s; color: #FFF;}
.mail{ text-decoration: underline; color:#a4a4a4; margin-bottom: 5px;}
#facebook:hover{background: #0065f7;}
#linkedin:hover{background: #0a63bc;}
#twitter:hover{background: #000000;}
#insta:hover{background: #d304b7;}
.call{ color: #FFF; font-size: 20px;}
ul.botomlinks{ list-style:none; padding:0; position:relative; float: left; width: 726px;}
ul.botomlinks li a{  color:#a4a4a4; font-size:14px; margin:0 40px 0 0; float: left; text-transform: capitalize;}
ul.botomlinks li a:hover{ color:#8d8d8d;}
#copyrt{font-size:14px;  float:right;}
/*footer section end*/

@media (max-width:1250px){
.container{ width:992px;}
ul.dropdown{ display:none;}
.welcome-img img, #aims-content{ width: 100%;}
.mtoggle{ margin:0 0 0 320px;}
.automation-img{ height:327px;}
#mobile_menu{display:block;text-align:right;}
#mobile_drop{display:block;position:relative;background:#022a41;}
#mobile_drop_fix{display:block;padding:20px 0px 10px 0px;}
#mobile_drop_fix ul li{list-style:none;display:block}
#mobile_drop_fix ul li ul li{margin:0 0 0 35px;}
#mobile_drop_fix ul li ul li a{border-bottom:0!important}
#mobile_drop_fix a{display:block;color:#fff;display:block;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration:none;padding:6px 0; font-size:13px; text-transform: capitalize;}
.bannercaption{ width: 28%;}
.welcome-tect:nth-child(2n){ margin-right: 0;}
#welcome-box .container{ justify-content: space-between;}
#welcome-box h1{ font-size: 42px;}
.welcome-tect{ width: 450px;}
.first-sr{ margin-left: 0;}
.serviceimg{ width: 500px; height: 500px;}
.second-sr .serviceimg{ width: 464px; height: 224px;}
.second-sr{ margin: 0 0 0 21px;}
.third-sr .serviceimg, .four-sr .serviceimg{ width: 460px; height: 456px;}
#other-services div{ width: 197px;}
#aims h1{ transform: rotate(0deg); position: static;}
#aims, #aims-content{ margin: 40px 0 0 0;}
#content-cover .about-img{ float: none;}
#page-title{ background-attachment: scroll; background-size: cover;}
#service-sectionmain{justify-content: space-evenly;}
.career-box{ width: 495px;}
.half-box{ width: 450px;}
.contact-detailmain{ width: 208px;}
ul.botomlinks{ width: 596px;}
}

@media (max-width:992px){
.container{ width:768px;}
#vender-box span, #aims-content h3, #bottom-logo, .bottom-contact, .career-box, .half-box{ width: 100%; float: none;}
#calltop, .bannercaption, header::after, #vender-box span div{ display: none;}
.mtoggle{ position: relative; z-index: 500;}
#welcomebanner{ font-size: 44px;}
#welcomebanner h1{ line-height: 50px;}
.welcome-tect{ width: 348px;}
#service-section h1{ font-size: 90px;}
.serviceimg{ width: 768px; height: 768px;}
.service-detail{ width: 425px;}
.service-detail div{ width: 279px;}
.service-box a{ height: 143px;}
.second-sr{ margin: 25px 0 0 0;}
.second-sr .serviceimg{ width: 768px; height: 370px;}
.third-sr, .contact-frm{ margin: 27px 0 0 0;}
.third-sr .serviceimg, .four-sr .serviceimg{ width: 372px; height: 369px;}
.third-sr .service-detail, .four-sr .service-detail{ width: 353px;}
.second-sr a, .third-sr a, .four-sr a{ height: 117px;}
#other-services div{ width: 377px; margin-bottom: 37px;}
#vender-box span{ margin-left: 0;}
#aims-content div, #footertop{ flex-direction: column;}
#aims h1{ text-align: center; margin: 80px 0 0 0;}
#aims-content h3{ text-align: center; margin-bottom: 47px;}
#social-top{ justify-content: flex-start;}
.bottom-contact{ margin: 20px 0;}
#social-top{ margin-top: 0;}
#copyrt{ float: left;}
#service-img, #service-img2{ float: none; margin-right: 0;}
#other-service a{ width: 331px;}
#service-img2{ margin-left: 0;}
.contact-detailmain{ width: 154px;}
ul.botomlinks{ width: 100%; margin-bottom: 30px;}
#content-cover #vender-list li{ width: 244px; margin: 0 12px 30px 0;}
}


@media (max-width:768px){
.container{ width:448px;}
.welcome-tect, .service-box, #other-services div, ul.botomlinks li a, ul.botomlinks, #content-cover .about-img img, #other-service a, fieldset{ width: 100%;}
.mtoggle{ margin: 0;}
#welcomebanner{ display: none;}
#logo{ width: 162px; height: 63px;}
#welcome-box .container{ flex-direction: column;}
#service-section h1{ font-size: 59px;}
.serviceimg{ width: 448px; height: 448px;}
.second-sr .serviceimg{ width: 448px; height: 216px;}
.service-detail{ width: 355px;}
.four-sr, #content-cover .about-img{ margin: 27px 0 0 0;}
.third-sr .serviceimg, .four-sr .serviceimg{ width: 448px; height: 444px;}
#other-services div, #other-services div h3 a{ text-align: center; justify-content: center;}
#vender-box span{ font-size: 42px;}
#aims h1{ font-size: 73px;}
#aims-content h3{ margin-bottom: 0;}
#aims-content div img{ margin-top: 26px;}
#copyrt{ margin-top: 20px;}
#page-title { padding: 151px 0 70px 0;}
#page-title h1{ font-size: 25px;}
#keyarea ul li{ line-height: 27px; margin-bottom: 20px;}
#other-service{ padding: 37px 29px;}
#jointeam{ font-size: 51px;}
#mapcnt{ height: 400px;}
#content-cover #vender-list li{ width: 212px; height: 145px;}
#content-cover .vender-img{ width: 212px; height: 106px;}

}

@media (max-width:448px){
.container{ width:300px;}
#welcome-box h1{ font-size: 34px; line-height: 45px;}
#service-sectionmain div,.contact-detailmain, #content-cover #vender-list li{ width: 100%;}
#welcome-box{ margin: 90px 0 0 0;}
#service-section h1{ font-size: 46px; line-height: 53px; margin-bottom: 25px;}
.serviceimg, .second-sr .serviceimg, .third-sr .serviceimg, .four-sr .serviceimg{ width: 100%; height: 100%; line-height: 0;}
.service-detail{ width: 265px;}
.service-detail div{ width: 175px; margin: 15px 0;}
.service-detail div h5{ font-size: 17px;}
.service-box a{ height: 122px; width: 41px;}
.second-sr a, .third-sr a, .four-sr a{ height: 100px;}
.third-sr .service-detail, .four-sr .service-detail{ width: 273px;}
.service-box a i{ font-size: 16px;}
#vender-box span{ font-size: 31px; line-height: 47px;}
#aims h1{ font-size: 61px;}
#aims-content div img{ width: 100%;}
#aims-content h3{ font-size: 25px; line-height: 37px;}
#footertop h1{ margin-top: 29px;}
#about h1{ font-size: 32px;}
#service-sectionmain div .service-img{ width: 300px; height: 221px;}
#service-sectionmain h2{ line-height: 22px;}
#service-head{ font-size: 21px;}
#cnt-cover h1{ font-size: 36px;}
.contact-frm{ padding: 68px 30px 10px 34px;}
#content-cover .vender-img{ width: 267px; height: 134px;}
.services-list li{ line-height: 26px; margin-bottom: 9px;}
.services-list li::after { top: 12px;}
#other-service a{ font-size: 13px;}
}