@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: 'Metropolis-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: 'Metropolis-Bold'; font-weight:normal; }
img{ border:none;}
.clear{ clear:both;}
.container{position:relative; margin:0 auto; width:1200px;}
.container::after {content: '';display: table;clear: both;}

/*------Header Section-------*/
#intro{ float:left; font-size:13px; color:#1a1919; padding:16px 0;}
#intro span{ color:#e34338;}
#social-icontop{ float:right; text-transform:uppercase; margin:10px 0 0 0;}
#social-icontop span{ float:left; font-size:12px; margin:6px 13px 7px 0;}
#social-icontop a{ float:left; height:27px; width:30px; border:#cacaca solid thin; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; padding:6px; box-sizing:border-box; text-align:center; margin:0 5px 0 0;}
.fbtop:hover{ background:#176dbd url(../images/facebook2.png) no-repeat center;}
.trtop:hover{ background:#00bdfb url(../images/twitter2.png) no-repeat center;}
.lintop:hover{ background:#1c44b7 url(../images/linkedin2.png) no-repeat center;}
.tubetop:hover{ background:#bd0e15 url(../images/youtube2.png) no-repeat center;}
.fbtop:hover img, .trtop:hover img, .lintop:hover img, .tubetop:hover img, .fbbottom:hover img, .trbottom:hover img, .linbottom:hover img, .tubebottom:hover img{ display:none;}
#topbg{ background: url(../images/topbg.jpg) no-repeat center; background-size:cover;}
.topicon-box{ float:left; color:#FFFFFF; font-size:12px; padding:0 0 0 54px; line-height:24px; background:url(../images/calltop.png) no-repeat left center; margin:19px 0;}
.topicon-box h2{ font-size:23px; color:#FFF;}
.topicon-box2{ float:right; background:url(../images/mailtop.png) no-repeat left center; padding:0 0 0 52px; margin:25px 0; line-height:29px;}
.topicon-box2 span{ display:block; font-size:17px;}
#logo{ width:536px; height:111px; position:absolute; left:336px; top:0;}
#logo img, #mission-img img, .team img{ width:100%; height:100%;}
#menu_part{ background:url(../images/menubg.jpg) repeat;}
#mobile_menu, #mobile_drop{display:none;}
.mtoggle{cursor:pointer;float:right;}
/*****LEVEL ONE*****/
ul.dropdown{ position: relative;z-index:1000; text-align:center; background: url(../images/line-left.png), url(../images/line-right.png); background-position:left center, right center; background-repeat:no-repeat, no-repeat;}
ul.dropdown li{ display:inline-block; zoom: 1;list-style:none; background:url(../images/linkline.png) no-repeat right;}
ul.dropdown li a{ display:block; color:#000000; padding:18px 30px 18px 7px; font-size:14px; font-weight:bold; letter-spacing:0.5px;}
ul.dropdown li a:hover{ color: #e40007;}
ul.dropdown li:hover{position: relative; color:#e40007; }
ul.dropdown li.hover a{ color: #e40007;}
/*****LEVEL TWO*****/
ul.dropdown ul{ width: 170px; visibility: hidden; position: absolute; top: 100%; left: 0; box-sizing:border-box; }
ul.dropdown ul li{background:#b51c23; color: #FFF; border-bottom: 1px solid #d13f46; float: none;list-style:none; display:block; text-align:left;}
/* 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;}
/*------Header Section End-----*/

/*banner section*/
.rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;}
#shadow{ position:absolute; top:-40px; left:0; width:100%; background: url(../images/shadow.png) no-repeat center; height:60px; background-size:98% 100%;}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides img {display:block; width:100%; height:auto;}
.bannercaption{ font-size:27px; line-height:61px; height:302px; color:#FFFFFF; position:absolute;  left:0; top:90px; z-index:500 !important; text-transform:uppercase; padding:58px 0 0 73px; box-sizing:border-box; background:url(../images/captioncircle.png) no-repeat left top;}
.bannercaption h2{  line-height:57px; font-size:64px; color:#FFF;}
/*banner section end*/

/*content part*/
#service-sec{ background:url(../images/servcebg.jpg) repeat; -moz-box-shadow:inset 0px 58px 17px #0b0d27;
-webkit-box-shadow:inset 0px 58px 17px #0b0d27;
box-shadow:inset 0px 58px 17px #0b0d27; padding-bottom:26px; border-bottom:#4f54af solid thin;}
#service-slide{ line-height:none; width:100% !important; position:relative; margin:-50px 0 0 0; padding:8px 0 0 0;}
#service-slide:after{ background: url(../images/servcebg.jpg) repeat; right:0; top:264px; width:42px; height:20px; content:""; position:absolute; z-index:800;}
#service-slide li{ text-align:center; height:auto !important; width:264px !important; color:#8c8da7; font-size:14px; position:relative; overflow:visible !important; margin:0 50px 0 0; line-height:18px;}
#service-slide li:after{ position:absolute; right:-47px; bottom:87px; width:89px; height:16px; background:url(../images/arrow.png) no-repeat; content:"";}
.service-img{ width:235px; height:235px; position:relative; margin:0 auto; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; position:relative; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; overflow:hidden; border:#FFF solid 4px;}
.service-img:after{ position:absolute; left:0; top:0; background:url(../images/circleouter.png) no-repeat center; width:235px; height:235px; content:""; z-index:50; background-size:cover;}
.service-img img{ width:100%; height:100%; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; }
.globe{ margin:-28px auto 0 auto; display:table; z-index:500; position:relative;}
#service-slide li span{ display:block; color:#f2343f; font-size:14px; text-transform:uppercase; margin:5px 0;}
#service-slide li h2{ color: #FFF; font-size:17px; text-transform:uppercase; margin:0 0 8px 0;}
#service-slide li:hover .service-img{ transform:rotate(-20deg);}
#service-slide li:hover .service-img img{ filter: blur(2px);
 -webkit-filter: blur(2px);}
.service-more{ position:absolute; width:40px; height:40px; background:#222222 url(../images/more.png) no-repeat center; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; left:40%; top:-50px; z-index:200; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; border:#FFF solid 2px; cursor:pointer;}
.service-more:hover{ background-color:#f21e2a;}
#service-slide li:hover .service-more{ left:40%; top:40%;}
.spin {animation: spin_9704 1.5s linear infinite;transform-origin: 50% 50%;}
@keyframes spin_9704 {
  0% { transform:rotate(0deg) }
  100% { transform:rotate(359deg) }
}
#contact-info{ background:#1a1a1a; padding:29px 0;}
#contact-infotext{ float:right; color:#ffbcbe; font-size:15px;width:446px; line-height:25px; background:#a0070c; padding:18px 38px; border-radius:48px; -moz-box-shadow: 1px 4px 7px #000000;
-webkit-box-shadow: 1px 4px 7px #000000;
box-shadow: 1px 4px 7px #000000;}
#contact-infotext h2{ font-size:19px; color:#FFF; text-transform:uppercase;}
#contact-infotext span{ color:#FFF; text-transform:uppercase; background:url(../images/more.png) no-repeat right center; background-size:13px; padding:0 22px 0 0; font-size:14px; float:right;}
#contact-infotext:hover{ background-color:#bf1a20;}
.cnt-detail{ float:left; background:url(../images/mobile.png) no-repeat left center; line-height:29px; padding:0 0 0 58px; color:#FFF; font-size:30px; margin:0 47px 0 0;}
.cnt-detail span{ display:block; color:#969696; font-size:16px;}
.pointer{ background:url(../images/pointer.png) no-repeat left center; font-size:15px; padding:11px 0 11px 58px; line-height:23px; margin-top:15px;}
#forklift{ position:absolute; right:279px; bottom:-52px;}
#whweare{ text-align:center; background: url(../images/whowearelone1.png), url(../images/whowearelone2.png); background-position:left 6px, right 6px; background-repeat:no-repeat; font-size:30px; color:#000; margin:30px 0 0 0; line-height:30px; width:900px; margin:32px auto 30px auto;}
#whweare span{ display:block; font-size:20px; text-transform:uppercase; color:#f21e2a;}
#welcome-box{ background: url(../images/welcomeing.jpg) no-repeat center bottom; background-size:contain; padding:0 0 35px 0; margin:0 0 33px 0;}
#welcome-box2{ background-image: url(../images/aboutbg.jpg), url(../images/aboutimg.jpg); background-position:left top, right top; background-size:50% 271px, 50% 72%; background-repeat:no-repeat;}
#welcome-cnt{ float:left; width:560px; margin:12px 0 20px 0; font-size:15px; color:#FFFFFF; line-height:26px;}
#welcome-cnt span{ color:#FFF; background:url(../images/truck.png) no-repeat right bottom; display:block; font-size:35px; padding:30px 0 0 0; line-height:normal; margin:0 0 20px 0;}
#welcome-cnt a{ float:right; background:url(../images/more2.png) no-repeat right; padding:0 31px 0 0; font-size:14px; color: #FFF; margin:15px 0 0 0;}
#welcome-cnt a:hover{ color:#e67375;}
#chairman-box{ float:left; width:600px; position:relative;}
#chairman-top{ background:#212121; padding:20px 0;}
#chairman-top h2{ background:url(../images/chairmanicon.png) no-repeat center left; color:#FFF; font-size:21px;   font-family: 'Metropolis-Regular'; text-transform:uppercase; padding:28px 42px 20px 78px; float:right;} 
#chairman{ position:absolute; left:-31px; top:-45px;}
#chairman-detail{ background:#FFF; border:#d32c2f solid thin; padding:62px 20px 26px 30px; font-size:15px; line-height:21px;}
#chairman-detail span{ display:block; color:#e52c2f;}
#chairman-detail a{ position:absolute; right:36px; bottom:-13px; background:#d22c2f url(../images/arrow-right.png) no-repeat center; width:35px; height:35px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;}
#chairman-detail a:hover{ background-color:#143358;}
#mission a:hover{ background-color:#d22c2f;}
#chairman-detail a:hover.pulse, #mission a:hover.pulse {animation: pulse_2281 4s linear infinite;transform-origin: 50% 50%;}
@keyframes pulse_2281 {
  0% { transform: scale(1.1) }
  25% { transform: scale(0.8) }
  50% { transform: scale(1.1) }
  100% { transform: scale(1.1) }
}
#mission{ background:#143358 url(../images/mission.png) no-repeat right top; padding:32px 36px; color:#c1ccd8; font-size:15px; float:right; width:540px; box-sizing:border-box; line-height:27px; position:relative; margin:172px 60px 0 0;}
#mission h2{ font-size:20px; color:#143358; position:absolute; left:43px; bottom:-38px;}
#mission:before{ position:absolute; left:0; bottom:-28px; background:url(../images/shape.png); width:31px; height:28px; content:"";}
#mission a{ position:absolute; right:36px; bottom:-26px; background:#143358 url(../images/arrow-right.png) no-repeat center; width:35px; height:35px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; border:#FFF solid 2px;}
/*content part end*/

/*innerpage content*/
#content-cover{ background:#ffeaeb;padding:0 0 27px 0; clear:both; margin:0 0 10px 0;}
#page-title{ background:url(../images/pagetitelbg.jpg) no-repeat center; background-size:cover; text-align:center; box-sizing:border-box; margin:0 0 25px 0;}
#page-title h1{  color:#FFFFFF; font-size:25px; text-transform:uppercase; padding:27px 0;}
#about-img{ background: #bf2027 url(../images/about.jpg) no-repeat  16px 10px; position:relative; height:367px;}
#about-img div{ position:absolute; left:0; top:64px; background:#bf2027; width:492px; box-sizing:border-box; padding:25px 40px; color:#FFF;}
#left-box{ background:#FFF; padding:20px 21px; width:935px; float:left; color:#47535a; font-size:14px; line-height:24px; box-sizing:border-box; position:relative;}
#left-box h2{ color:#000; font-size:21px; margin:0 0 10px 0; text-transform:uppercase;}
#fixed-box{ background:#FFF; padding:16px 19px; width:100%;color:#47535a; font-size:14px; line-height:24px; box-sizing:border-box; position:relative;}
#right-box{ width:250px; float:right; background:#FFF; padding:14px 13px 0 14px; position:relative; text-align:center;  box-sizing:border-box;}
#right-box h2{font-size:21px;text-transform:uppercase; color:#ea3e43; padding:56px 0 14px 0; background:url(../images/icon.png) no-repeat center top; background-size:105px;}
ul#service-list{ margin:0 0 6px 0; padding:0; list-style:none;}
ul#service-list li{ position:relative; margin:0 0 7px 0;  background:#FFFFFF; }
ul#service-list li a{  padding:0 20px; text-align:center; display:table; width:100%; height:44px;box-sizing:border-box; font-size:13px; position:relative; z-index:50; line-height:17px; color:#001729; border-radius:50px; background:#e7e8f5; border-bottom:#b3b4c5 solid 2px; font-family: 'Metropolis-Bold'; text-transform:uppercase; cursor:pointer;}
ul#service-list li a span{ display:table-cell; vertical-align:middle;}
ul#service-list li a:hover{ color:#ea3e43;}
#mission-img{ float:left; width:300px; height:193px;}
#mission-cnt{ background:#e8e8e8; padding:43px 31px; float: left; width:593px; box-sizing:border-box;}
#vision{  display:block; text-align:center; background:url(../images/vision.jpg) no-repeat center bottom; height:181px;}
#vision strong{ font-family: 'Metropolis-Bold'; color:#da151d; font-size:16px; display:block;}
#value{ background:url(../images/value.jpg) no-repeat center; background-size:cover; position:relative; height:251px; box-sizing:border-box; padding:65px 0;}
#value div{  margin:0 auto; width:589px; background:rgba(0,0,0,0.8); padding:32px; text-align:center; box-sizing:border-box; color:#FFF; font-size:18px; border-radius:100px;}
#chairman-name{ background:#c63235; padding:16px 0; margin:1px 0 20px 88px; font-size:17px; color:#FFF; text-transform:uppercase; border-radius:30px;}
.service-main{ display:inline-block; width:285px; text-align:center; margin:0 1px 33px 0;}
.service-cnt{ background:#404040; padding:26px 15px 13px 15px; clear:both; border-radius:9px; -webkit-border-radius:9px; -moz-border-radius:9px; margin:-13px 0 0 0; color:#b3b3b3; font-size:14px; line-height:18px;}
.service-cnt h2{ font-size:16px; margin:0 0 10px 0; text-transform:uppercase; color:#FFF;}
.service-main .service-img:after{ display:none;}
.service-cnt a{ display:block; margin:6px auto 0 auto; width:25px; height:25px; background:url(../images/more.png) no-repeat center;}
.service-main:hover .float{animation: float_9616 2s linear infinite;transform-origin: 50% 50%;}
@keyframes float_9616 {
  0% { transform: translateY(0) }
  50% { transform: translateY(-6px) }
  100% { transform: translateY(0) }
}
.passing {animation: passing_9597 2s linear infinite;transform-origin: 50% 50%;}
@keyframes passing_9597 {
  0% { transform:translateX(-50%); opacity:0 }
  50% { transform:translateX(0%); opacity:1 }
  100% { transform:translateX(50%); opacity:0 }
}
.passing:hover{ animation: passings_9597 2s linear infinite;}
.service-main:nth-child(even) .service-cnt{ background:#b92c32; color:#ffc8ca;}
.service-main:nth-child(even) .service-img{border:#b92c32 solid 5px;}
.service-main .service-img{border:#404040 solid 5px;}
#servicemore-img img{ width:100%; height:auto; margin:0 0 15px 0;}
.team-cover{ display:inline-block; margin:0 2px 0 0; text-align:left;}
.team{ float:left; width:195px; height:157px;}
.team-detail{ float:left; width:247px; background:#b11218; padding:15px 20px; line-height:20px; height:157px; color:#FFF; font-size:14px; box-sizing:border-box; margin:0 0 0 0;}
.team-detail h3{ font-size:15px; text-transform:uppercase; margin:0 0 9px 0; line-height:19px;}
.team-detail p{ margin:7px 0 0 0; line-height:19px;}
.team-detail img{ float:left; margin:0 10px 0 0;}
#contact-frmcover{ background:#FFFFFF; padding:19px 32px 20px 32px; float:right; width:1051px; -moz-box-shadow: 1px 1px 13px #afafaf;
-webkit-box-shadow: 1px 1px 13px #afafaf;
box-shadow: 1px 1px 13px #afafaf; box-sizing:border-box;}
.contact-frm{ float:right; width:711px; margin:38px 0 0 0;}
.contact-frm h2{ color:#1d1d1d; font-size:31px; margin:0 0 7px 0;}
.contact-frm input{ width:100%; border:#cccccc solid thin;  font-family: 'Metropolis-Regular'; padding:13px 10px; box-sizing:border-box; outline:none; color:#a2a2a2;font-size:13px;}
.contact-frm textarea{ width:98%; border:#cccccc solid thin; padding:11px 10px; box-sizing:border-box; outline:none; color:#a2a2a2; height:83px; margin:0px 0 12px 0; overflow:hidden; resize:none; font-size:13px;  font-family: 'Metropolis-Regular';}
.contactfrm-cover{ width:340px; float:left; margin:0 15px 0 0; height:67px;}
.contact-frm .captha{ width:225px; float:right; margin-top:0;}
.contact-frm #frmsubmit{ margin-top:0; background:#b71a24; color:#FFF;   font-family: 'Metropolis-Bold'; padding:13px 0; cursor:pointer; border:none; font-size:14px; letter-spacing:1px;}
.contact-frm #frmsubmit:hover{ background:#212465;}
#contact-main{ background:#0a2832; padding:31px 36px; box-sizing:border-box; float:left; width:363px; margin:11px 0 0 -121px;}
#contact-main h2{ color: #FFF;  font-family: 'Metropolis-Regular'; font-size:27px;}
#contact-main .contact-detail{ border:none; padding-right:0; color:#a4bcc3; margin:17px 0 0 0; height:auto;}
#contact-main #social-icontop.botom-social{ float:left; margin:10px 0 0 57px;}
#contact-main #social-icontop span{ display:block; float:none; margin:8px 0;}
#map{ float:right; width:100%; height:250px;}
#map iframe{ width:100%; height:100%;}
.address-detail{ background:#282a51 url(../images/location.png) no-repeat 16px 58px; float:left; width:568px; color:#FFF; padding:24px 31px 21px 178px; box-sizing:border-box; margin:0 0 0 25px;}
.address-detail h2{ font-size:19px; margin:0 0 5px 0;}
.time{ background:#242424 url(../images/time.png) no-repeat right center; padding:24px 178px 21px 88px; margin-left:0;}

/*innerpage content end*/

/*footer section*/
footer{ background:#0a2832 url(../images/footertop.jpg) repeat-x  top; background-size:100% auto; clear:both; padding:32px 0 30px 0; color:#b3cad2;}
ul.botom-link{margin:32px 0 0 0; list-style:none; float:left; width:575px; border-right:#2e5866 solid thin; padding:0 0 23px 0;}
ul.botom-link h2{ font-size:17px; color:#FFF;   font-family: 'Metropolis-Regular'; text-transform:uppercase; margin:0 0 10px 0;}
ul.botom-link li a{ color:#b3cad2; float:left;font-size:15px; margin:0 36px 0 0; background:url(../images/linkarow.png) no-repeat left center; padding: 0 0 0 21px;}
ul.botom-link li a:hover{ color:#9fd0e0;}
#footer-address{ float:left; font-size:14px; line-height:23px; margin:35px 0 0 42px;}
#footer-address h2{ text-transform:uppercase; color:#FFF;}
#social-icontop.botom-social{ float:right; margin:29px 0 0 0; width:156px;}
.fbbottom:hover{ background:#FFFFFF url(../images/facebook.png) no-repeat center;}
.trbottom:hover{ background:#FFFFFF url(../images/twitter.png) no-repeat center;}
.linbottom:hover{ background:#FFFFFF url(../images/linkedin.png) no-repeat center;}
.tubebottom:hover{ background:#FFFFFF url(../images/youtube.png) no-repeat center;}
{ display:none;}
.botom-social span{ display:block; float:none;color:#FFF; font-size:13px !important;}
#social-icontop.botom-social a{ float:left; margin:0 5px 0 0; border:#2e5866 solid thin; line-height:21px; padding:4px;}
#line{ width:100%; height:1px; background:#2e5866; clear:both;float:left;}
.contact-detail{float:left; line-height:19px; font-size:14px; border-right:#2e5866 solid thin; padding:12px 48px 0 61px; background:url(../images/footercall.png) no-repeat left 10px; margin:26px 48px 0 0;}
.contact-detail span{ color:#FFF; font-size:14px; display:block; text-transform:uppercase;}
#footer-mail{ background:url(../images/footermail.png) no-repeat left 10px; height:69px; box-sizing:border-box;}
#footer-fax{ background:url(../images/footerfax.png) no-repeat left 10px; height:69px; box-sizing:border-box;}
#footer-adrs{ background:url(../images/footeraddress.png) no-repeat left 10px;}
#copyright{font-size:13px;line-height:22px; margin:40px 0 0 0; float:right; width:310px;}
#copyright a{ color:#d22c2f;}
#copyright a:hover{ color:#b3cad2;}
/*footer section end*/

@media (max-width:1200px){
.container{ width:992px;}
#logo{ left:295px; width:487px; height:91px; top:10px;}
#forklift, #social-icontop.botom-social{ display:none;}
ul.dropdown{ background-size:235px;}
#service-slide li{ width:283px !important;}
#service-slide:after{ top:255px; width:86px;}
#welcome-cnt{ width:447px;}
#welcome-box2{ background-size:50% 296px, 50% 69%;}
#chairman-box{ width:496px;}
#chairman-top h2{ background-image:none;}
#mission{ margin:145px 60px 0 0; width:436px;}
.contact-detail{ padding:12px 32px 0 50px; margin:26px 14px 0 0;}
#right-box{ width:229px;}
#contact-main #footer-mail{ padding-bottom:0;}
#left-box{ width:749px;}
#mission-cnt{ padding:30px 31px; width:407px;}
.service-main{ width:313px;}
#contact-frmcover{ width:861px; padding:19px 32px 12px 32px;}
.contact-frm{ width:521px;}
.contactfrm-cover{ width:245px;}
.team-detail{ width:377px;}
.contact-frm .captha{ width:145px;}
.topicon-box2{ padding:0 0 0 38px;}
#contact-infotext{ width:239px;}
.address-detail{ margin:0; width:477px;}
}

@media (max-width:992px){
.container{ width:768px;}
#intro, .topicon-box2, .pointer{ display:none;}
#logo{ left:0; width:462px; height:86px;}
ul.dropdown{ background-image:none;}
.topicon-box{ float:right;}
.bannercaption{ top:30px; height:239px; background-size:contain; padding:46px 0 0 73px; font-size:27px;}
.bannercaption h2{ font-size:46px; line-height:48px;}
#service-slide li{ width:210px !important;}
.service-img, .service-img:after{ width:210px; height:210px;}
#service-slide:after{ top:249px;}
#contact-infotext{ width:385px;}
.cnt-detail{ margin:0 0 0 60px;}
#welcome-box2{ background-image:url(../images/aboutbg.jpg), url(../images/aboutimg2.jpg); background-size:100% 250px;}
#welcome-cnt, #whweare, #chairman-box, #mission, #copyright, #left-box, #right-box, #contact-frmcover, .contact-frm, .contact-frm textarea, .address-detail{ width:100%;}
#welcome-box{ background-image:none;}
#right-box{ margin:15px 0 0 0;}
#chairman-top h2{ background:url(../images/chairmanicon.png) no-repeat center left; float:left; margin:0 0 0 247px;}
#welcome-cnt{ margin:12px 0 51px 0;}
#mission{ margin:26px 0 0 0;}
ul.botom-link{ padding:0 0 23px 0; width:466px;}
ul.botom-link li a{ margin:0 16px 0 0;}
.contact-detail{ padding:12px 42px 0 50px; margin:26px 37px 0 0;}
footer{ background-size:auto;}
.service-main{ width:359px;}
.team{ width:154px; height:123px;}
#footer-address{ width:252px;}
.team-detail h3{ font-size:14px;}
.team-cover{ margin:0 8px 0 0;}
#contact-frmcover{ padding:0; box-shadow:none;}
#contact-main{ margin:0; width:100%;}
#contact-main .contact-detail{ width:322px; box-sizing:border-box; height: auto;}
.contactfrm-cover{ width:349px;}
#map{ height:199px;}
#contact-main #footer-mail{ padding-bottom:19px;}
#contact-infotext{ width:290px;}
}


@media (max-width:768px){
.container{ width:448px;}
#social-icontop, .topicon-box, .bannercaption, #service-slide li:after, #service-slide:after{ display:none;}
#topbg{ margin:0; height:100px;}
#logo{ width:448px; height:83px;}
ul.dropdown{ display:none;}
.mtoggle{ margin:10px 0 4px 0;}
.automation-img{ height:327px;}
#mobile_menu{display:block;text-align:right;}
#mobile_drop{display:block;position:relative;background:#20215d;}
#mobile_drop_fix{display:block;padding:20px 0px 10px 0px;margin:0 auto 0 auto;}
#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;border-bottom:solid 1px #60619e;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:14px;}
#mobile_drop_fix a:hover{border-bottom:solid 1px #4a4a7d;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;
color:#10aedd;}
#service-slide li{ width:190px !important;}
.service-img, .service-img:after{ width:190px; height:190px;}
.cnt-detail{ margin:20px 0 0 0;}
#whweare{ background-image:none;}
.team-detail{ width:244px; height:173px; padding:23px 16px;}
#welcome-box2{ background-size:100% 308px;}
#about-img div, #value div, .service-main, .contactfrm-cover, #footer-address, #contact-infotext{ width:100%;}
ul.botom-link{ width:100%; border:none; margin:49px 0 0 0;}
#contact-infotext{ box-sizing:border-box; margin:20px 0 0 0;}
#contact-infotext span{ float:left;}
#welcome-cnt{ margin:12px 0 59px 0;}
#chairman-top h2{ margin:0 0 0 220px;}
#chairman-top{ padding:14px 0;}
#footer-address{ margin:4px 0 19px 0;}
.contact-detail{ margin:26px 13px 0 0; padding:12px 31px 0 50px;}
#vision{ background-size:contain;}
#chairman-name{ padding:16px 21px}
.contact-frm .captha{ width:270px;}
.address-detail{ padding:24px 31px 21px 140px; background-position:-4px 25px;}
.time{ background-position:right center; padding:24px 31px 21px 42px;}
}

@media (max-width:448px){
.container{ width:300px;}
#logo{ width:300px; height:56px; top:2px;}
#topbg {height:60px;}
.mtoggle img{ width:30px;}
#service-slide li{ width:300px !important;}
.service-img, .service-img:after{ width:200px; height:200px;}
#service-slide{ margin:-26px 0 0 0;}
#service-sec{ box-shadow:inset 0px 32px 17px #0b0d27; -webkit-box-shadow:inset 0px 32px 17px #0b0d27; -moz-box-shadow:inset 0px 32px 17px #0b0d27;}
#contact-infotext{ width:100%;}
#welcome-cnt span{ background-position:63px 3px}
#welcome-box2{ background-size:100% 360px;}
#chairman-top h2{ margin:126px 0 0 33px;}
#chairman{ left:59px; top:-16px;  width:197px;}
#welcome-cnt{ margin:12px 0 32px 0;}
#chairman-detail{ padding:26px 20px 26px 30px;}
#mission h2{ font-size:17px;}
#mission a, #chairman-detail a{ right:-4px;}
ul.botom-link li a, #mission-cnt, #contact-main .contact-detail{ width:100%; margin-bottom:5px;}
footer{ background-position:-435px 0;}
.contact-detail{ width:100%; border:none; box-sizing:border-box; margin:10px 16px 0 0;}
.cnt-detail{ font-size:27px; padding:5px 0 0 58px;}
#about-img div{ padding:25px 20px; top:0;}
#about-img{ height:387px; background-image:none;}
#page-title h1{ padding:19px 0; font-size:21px;}
#mission-img{ width:258px; height:166px;}
#value div{ font-size:16px;}
#value{ height:357px;}
#contact-infotext span{ float:none; display:block;}
#contact-infotext h2{ font-size:17px;}
.team-detail{ height:auto;}
.team{ margin:0 auto; float:none; width:196px; height:157px;}
.team-detail{ margin:0 0 20px 0; padding:23px 16px; width:196px;}
.contact-frm .captha{ width:154px;}
.team-detail{ width:257px;}
.address-detail{ padding:24px 31px 21px 29px; background-image:none;}
}