/*.serviceSec ul { padding: 0; }
.gallery-content-center-full { padding-right: 10px; }
.owl-pagination {white-space: nowrap;}*/

@media (min-width: 768px){
  .navbar-expand-md .navbar-nav .nav-link {
      padding: 0;
      position: relative;
  }
  .navbar-expand-md .navbar-nav .nav-link span {
    position: absolute;
    font-size: 35px;
    left: 0;
    top: 0;
    line-height: 4px;
  }
  .nav-item {padding: 0 12px;}
  .navbar-expand-md .navbar-nav {
    width: calc(100% - 3px);
    justify-content: flex-end;
}
  
}
@media (min-width: 992px){
  .navbar-expand-md .navbar-collapse {
    padding: 0;
    margin-right: 50px;
  }
  .navbar-expand-md .navbar-nav {width: calc(100% - 25px);}
}
@media (min-width: 1024px){
  .abtMidCol:hover .abtMidColBox:after {bottom: -30px;}
  .abtMidCol:hover .abtColBoxTop { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
  .abtMidCol:hover .abtColBoxTopRound { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); }
  .abtMidCol:hover .abtMidColBox {padding-top: 60px;}
  .abtMidCol:hover .abtMidColBoxTxt { height: 124px;}
}
@media (min-width: 1751px){
  .nav-item {
      padding: 0 26px;
  }
  .navbar-expand-md .navbar-collapse { margin-top: -12px; }
}
@media (min-width: 1500px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1420px;
  }
}
@media (max-width: 1850px){
  .recentPostOuter { background-size: 50%; }
  .abotContainer h1, .abotContainer h1 span { font-size: 50px; line-height: 60px; }
  .abotContainer { max-width: 80%; }
  .abtSldTxt p { font-size: 15px; line-height: 21px; margin-top: 20px; }
  .aboutSlideBoxIm { margin: -250px auto 0; max-width: 930px; }
  .aboutSlideBox { padding: 70px 25px 50px; margin-top: 200px; }
  .aboutTxtSlide .carousel-control-prev, .aboutTxtSlide .carousel-control-next { height: 30px; width: 70px; bottom: -64px; }
  .abtMidlLft { margin-top: 100px; width: 750px; }
  .abtMidlContainer {padding: 0 20px;}
}
@media (max-width: 1750px){
  .nav-item { padding: 0 18px; }
  .navbar>.container-fluid { padding: 0 20px; }
  .navbar-brand img { width: 160px; margin-top: 6px; }
  .navbar-expand-md .navbar-collapse { margin-top: -5px; }
  .featureLeft {width: 420px;}
  .featureLeft img {width: 100%;}
  .featureSec .carousel-control-prev, .featureSec .carousel-control-next { width: 50px; height: 50px; background-size: 100%; }
  .featureBox h2 { font-size: 45px; line-height: 52px; }
  .featureBox h2 span { font-size: 37px; font-weight: 600; line-height: 40px; }
  .featureSec { width: 700px; }
  .offerRoundInner { width: 700px; height: 700px; padding-top: 230px; }
  .offerRound { width: 700px; height: 350px; }
  .offerCol { width: 280px; margin-left: -140px; }
  .offerCol:nth-child(2n) .offRndText, .offerCol:nth-child(3) .offRndText, .offerCol:nth-child(5) .offRndText { width: 260px; }
  .offerCol:nth-child(2n) { width: 400px; left: -130px; top: 40px; }
  .offerCol:nth-child(3), .offerCol:nth-child(5) { width: 400px; left: auto; right: -130px; top: 40px; }
  .offerCol:nth-child(4) { left: -225px; top: 200px; }
  .offerCol:nth-child(5) {top: 200px; right: -225px; }
  .appSecLeft { padding-left: 25px; height: 450px; }
  .appSecLeftText h2, .appSecLeftText h3 { font-size: 70px; line-height: 72px; }
  .appSecRight { height: 450px; width: 68%; }
  .appSecRight img { margin: -220px auto 0; width: 300px; }
  .drop { width: 600px; height: 810px; }
  .dropForm { width: 320px; margin: 190px auto 0; }
  .dropForm input[type="submit"] { width: 100px; height: 100px; margin: 255px auto 0; background-size: 22px; }
  .routBoxSec { width: 1300px; margin: 0 auto; }
  .routtBox { width: 31%; }
  .routtBoxMap { width: 100%; height: 245px; }
  .routtBoxForm { width: 360px; }
  .footerLogo img { width: 190px; }
  .banner .carousel { margin-top: 63px; }
  .banner .carousel-caption h1 { font-size: 40px; width: 475px; font-weight: 700; line-height: 50px; }
  .eeTop { margin-top: 65px; padding: 40px 20px 100px; }
  .eeServLeftRnd { width: 400px; height: 400px; }
  .eeServLeft:before { margin-top: -110px; height: 200px; }
  .eeServRight h2 { font-size: 34px; line-height: 42px; }
  .eeServRight h2 span { font-size: 34px; }
  .eeServRight ul li { font-size: 15px; line-height: 20px; margin-top: 14px; }
  .eeServRight ul:before { left: 8px; }
  .eeRow { margin-top: 50px; }
  .eeRowLeft { width: 48%; padding-left: 20px; }
  .eRowLeft h3, .eeRowLeft h3 { font-size: 30px; line-height: 34px; }
  .eeRowLeft h2, .eeRowLeft h2 { font-size: 34px; line-height: 39px; margin: 0 0 20px; }
  .eeRowRight, .eeRow:nth-child(2n) .eeRowRight { min-height: 450px; padding-left: 60px; background-size: 100% 100%; }
  .eeRow:nth-child(2n) .eeRowRight {justify-content: flex-start;}
  .eeRowRight img, .eeRow:nth-child(2n) .eeRowRight img, .eeRow:nth-child(3n) .eeRowRight img { max-width: 84%; height: auto; }
  .eeRowLeft p, .eeRowLeft p { font-size: 14px; line-height: 19px; margin-top: 15px; }
  .eeTopLeft h2 { font-size: 32px; line-height: 40px; }
  .eeTopLeft h2 span { font-size: 26px; line-height: 30px; }
  .eeTopLeft p { font-size: 15px; line-height: 22px; margin-top: 15px; }
  .eeTopRightBox { width: 170px; height: 170px; }
  .eeTopRight { width: 358px; height: 370px; }
  .eeTopRightBox:nth-child(3), .eeTopRightBox:nth-child(4) { margin-top: 0; }
  .eeTopRightBoxIm img {width: 50px;}
  .eeTopRightBoxTxt h3 { font-size: 18px; line-height: 20px; }
  .eeTopRightBoxTxt p { font-size: 14px; line-height: 19px; margin-top: 2px; }
  .recentPostContainer { padding: 0 20px; }
  .recentPost { width: 50%; }
  .ourBlogBox { margin: 45px auto; width: 80%; }
  .ourBlogBoxText { padding: 20px 20px 50px; }
  .ourBlogBoxText h3 { font-size: 20px; line-height: 26px; }
  .ourBlogBoxText p { font-size: 14px; line-height: 19px; }
  .ourBlogBoxTextBot { font-size: 14px; line-height: 18px; margin-top: 14px; }
  .ourBlogBoxTop:after { height: 100px; }
  .ourBlogBoxTop { height: auto; }
  .routSearch input[type="text"] { font-size: 18px; padding-left: 18px; background: url(../image/rtSrch.png) 101% top no-repeat; width: 600px; background-size: auto 60px; padding-right: 100px; border-radius: 10px; height: 60px; }
  .routSearch button { width: 220px; margin-left: 20px; font-size: 18px; border-radius: 10px; height: 60px; }
  .routContainer h1 { font-size: 30px; line-height: 32px; }
  .routContainer { margin-top: 50px; }
  .routMain { margin-top: 80px; padding: 30px 20px 80px; }
  .routBox { margin-top: 25px; border-radius: 30px; padding: 50px 40px; }
  .routBoxLeft { width: 630px; }
  .routBoxTopText h2 { font-size: 20px; line-height: 24px; }
  .routBoxTopArrow img {width: 45px;}
  .routBoxTopbutton { font-size: 15px; width: 150px; height: 40px; border-radius: 40px; line-height: 18px; }
  .routBoxLeftIm { width: 350px; margin: 10px 0; }
  .routBoxTopText h2 span { font-size: 15px; line-height: 19px; margin-top: 6px; }
  .routBoxBottomText { font-size: 17px; line-height: 24px; margin-top: 10px; }
  .careerBanerContainer { padding: 0 20px 50px; }
  .softService .careerBaner { margin-top: 40px; }
  .cmAdv { padding: 40px 20px; }
  .softService .careerBanerText h2 { font-size: 32px; line-height: 38px; }
  .softService .careerBanerIm img { max-width: 80%; }
  .cmAdvLft { width: 40%; }
  .cmAdvRght h3 { font-size: 25px; line-height: 30px; }
  .cmAdvRghtRow h2 { font-size: 32px; line-height: 40px; }
  .cmAdvRghtRow ul:before { left: 8px; }
  .cmAdvRghtRow ul li, .careerBanerText ul li { font-size: 16px; line-height: 22px; }
  .bkendPanel h2 span { font-size: 25px; line-height: 30px; }
  .bkendPanel h2 { font-size: 35px; line-height: 45px; }
  .bckPnlSlid { margin-top: 50px; }
  .bkPnlContainer img {width: 95%;}
  .bkPnlContainer { max-width: 65%; }
  .careerBanBus { width: 480px; }
  .careerBanerText h2, .rentBanerRight h2, .recentBotLft h2 { font-size: 28px; line-height: 34px; }
  .careerBanerText h2 span, .rentBanerRight h2 span, .recentBotLft h2 span { font-size: 28px; }
  .careerBanerIm img { max-width: 70%; }
  .careerBanerText ul li {margin-top: 10px;}
  .careerBanerText ul:before {left: 7px;}
  .careerBotContainer {padding: 0 20px; width: 80%;}
  .careerTbRowLftTxt h2 { font-size: 20px; line-height: 24px; }
  .careerTbRowLftTxt p { font-size: 14px; line-height: 18px; margin: 8px 0 0; }
  .careerTbRowLft img { max-width: 60px; }
  .careerTbRowLftTxt { margin-left: 24px; }
  .careerTbRowRgtBotton { width: 150px; height: 40px; font-size: 14px; line-height: 18px; }
  .careerTbRowRgt { width: 320px; }
  .careerTbRow { padding: 15px 40px; margin-top: 30px; }
  .careerBotContainer .nav-pills .nav-link { width: 200px; height: 44px; font-size: 14px; line-height: 18px; }
  .rentBanBus { width: 1000px; left: -420px; bottom: -90px; }
  .rentBaner { margin-top: 60px; justify-content: space-between; }
  .rentBanerLeft { width: 35%; }
  .rentBanerRight { padding-top: 50px; }
  .rentBanerRight ul li, .recentBotLft ul li { font-size: 16px; line-height: 24px; margin-top: 12px; }
  .rentBanerRight ul:before { left: 7px; }
  .recentBot { padding: 180px 20px; margin-top: 40px; }
  .recentBotRght { width: 500px; padding: 34px; }
  .rentBotCar { width: 420px; bottom: -80px; }
  .recentBotContainer {align-items: center; z-index: 1;}
  .greenBox { height: 670px; width: 60%; padding: 60px 250px 14px 60px; background-size: 100%; }
  .blueBox { left: 36%; top: 220px; width: 60%; height: 360px; padding: 10px 200px 10px 300px; background-size: 100%; }
  .abtBottomSecCar { left: 75%; width: 350px; }
}
@media (max-width: 1500px){
  .offerRoundInner { width: 500px; height: 500px; padding-top: 230px; }
  .offerCol:nth-child(2n) { width: 400px; left: -90px; top: 40px; }
  .offerCol:nth-child(3), .offerCol:nth-child(5) { width: 400px; left: auto; right: -90px; top: 40px; }
  .offerCol:nth-child(4) { left: -135px; top: 200px; }
  .offerCol:nth-child(5) { top: 200px; right: -135px; }
  .routBoxSec { width: 1170px; }
  .routtBoxForm { width: 328px; }
  .routSec h2 { font-size: 40px; line-height: 70px; margin: 0 0 40px; }
  .ourBlogBox { width: 96%; }
  .blogSlider .owl-prev, .blogSlider .owl-next { height: 50px; width: 50px; background-size: 100% 100% !important; }
  .rpline a { font-size: 14px; line-height: 19px; padding: 8px 30px; border-radius: 30px; }
  .recentPostBoxRow p { font-size: 14px; line-height: 18px; }
  .recentPostOuter { min-height: 530px; }
  .abotContainer h1, .abotContainer h1 span { font-size: 40px; line-height: 50px; }
  .abtMidlLft { margin-top: 140px; width: 610px; margin-left: -230px; }
  .greenBox h2 { font-size: 40px; line-height: 42px; }
  .greenBox p { font-size: 16px; line-height: 24px; }
  .blueBox ul li {  font-size: 16px; line-height: 20px; }
  .aboutTopArea { margin-top: 65px; }
}
@media (max-width: 1299px){
  .blogTop { margin-top: 90px; padding: 338px 20px 300px; }
  .ourBlogBoxTop:after { height: 70px; }
  .ourBlogBoxTop { height: auto; }
  .routBoxLeft { width: 500px; }
  .routBoxTopText h2 { font-size: 17px; line-height: 22px; }
  .routBoxTopArrow img { width: 36px; }
  .routBoxTopbutton { font-size: 13px; width: 114px; height: 30px; border-radius: 30px; line-height: 16px; }
  .routBoxTopArrow { margin-right: 17px; }
  .routBoxBottomText { font-size: 15px; line-height: 22px; margin-top: 10px; }
  .careerBanBus { width: 340px; right: -46px; }
  .careerTbRowLft { width: calc(100% - 330px); }
  .rentBanerRight { padding-top: 25px; }
  .rentBanBus { width: 800px; left: -338px; bottom: -60px; }
  .blueBox { top: 220px; height: 284px; padding: 40px 150px 10px 170px; align-items: flex-start; }
  .greenBox { height: 580px; }
  .blueBox ul li { margin-top: 14px; }
  .abtBottomSecCar { left: 68%; width: 320px; top: 430px; }
  .abtMidlContainer { position: static; text-align: center; transform: translate(0, 0); margin-top: 290px; }
  .abtMidlLft { margin-top: 40px; width: 100%; margin-left: 0; text-align: center; }
  .abtMidlLft img {width: 470px;}
}

@media (max-width: 1199px){
  .featureSecOuter { margin-top: 0; }
  .banner .carousel-control-prev { left: 40px; }
  .banner .carousel-control-next { right: 40px; }
  .featureBox { width: 510px; height: auto; padding: 35px 25px 30px; }
  .featureBox h2 { font-size: 38px; line-height: 44px; }
  .featureBox h2 span { font-size: 32px; line-height: 35px; }
  .offerSec { margin-top: 0; }
  .offerRoundInner { width: 400px; height: 500px; padding-top: 220px; }
  .offRndInner { width: 75px; height: 75px; }
  .offRnd { width: 90px; height: 90px; }
  .offerCol { width: 204px; margin-left: -102px; }
  .offRndText p { font-size: 13px; line-height: 17px; margin-top: 6px; }
  .offRndText h3 { font-size: 16px; line-height: 18px; }
  .offRndText { margin-top: 10px; }
  .offerCol:nth-child(2n) { width: 300px; left: 28px; top: 70px; }
  .offerCol:nth-child(2n) .offRndText, .offerCol:nth-child(3) .offRndText, .offerCol:nth-child(5) .offRndText { width: 190px; }
  .offerCol:nth-child(3), .offerCol:nth-child(5) { width: 300px; left: auto; right: 40px; top: 70px; }
  .offerCol:nth-child(4) { left: -2px !important; top: 210px !important; }
  .offerCol:nth-child(5) { right: -2px !important; top: 210px !important; }
  .offerRound { width: 700px; height: 330px; }
  .appSecLeftText h2, .appSecLeftText h3 { font-size: 40px; line-height: 44px; }
  .appBoxButtonSec .featureBoxButton { width: 150px; height: 40px; font-size: 15px; }
  .appBoxButtonSec { width: 320px; margin: 40px 0 0; }
  .appSecLeft { height: 290px; }
  .appSecRight { height: 290px; width: 70%; top: 60px; padding-left: 320px; }
  .appSecRight img { margin: -160px auto 0; width: 200px; }
  .appSec { margin-top: 140px; }
  .routBoxSec { width: 930px; }
  .routtBoxMap { height: 180px; }
  .routtBoxForm { width: 250px; }
  .routtBoxForm input[type="text"] { height: 50px; font-size: 15px; border-radius: 10px; padding: 0 13px; margin-top: 10px; }
  .routtBoxForm input[type="submit"] { width: 40px; height: 40px; margin-top: -16px; right: 14px; background-size: 100%; }
  .mainComponent { padding-bottom: 50px; }
  .routSec h2 { font-size: 32px; line-height: 40px; margin: 0 0 30px; }
  .footerLogo img { width: 160px; }
  .footer { padding: 18px 25px; }
  .footerMenu ul li { margin-top: 14px; }
  .socialIcon { margin-top: 2px; }
  .navbar-expand-md .navbar-nav .nav-link { font-size: 13px; }
  .offerText { width: 90%; }
  .eeTopLeft { width: calc(100% - 380px); max-height: 444px; overflow: auto; padding-right: 20px; }
  .eeTopLeft p { font-size: 14px; line-height: 19px; margin-top: 15px; }
  .eeTop:before { width: 180%; height: 1100px; top: -500px; left: -40%; }
  .eeServLeftRnd { width: 300px; height: 300px; }
  .eeServLeft:before { margin-top: -85px; height: 160px; }
  .eeTop { height: 600px; }
  .recentPostOuter { background: url(../image/recent-post.png) right center no-repeat; background-size: 50%; }
  .recentPostBox { margin-top: 20px; border-radius: 20px; }
  .rpline a { font-size: 12px; line-height: 12px; padding: 12px 30px; }
  .recentPostBoxRow { margin-top: 12px; }
  .recentPostBoxRow p { font-size: 13px; line-height: 18px; color: #fff; }
  .rpline { margin-top: 10px; }
  .blogTop:before { height: 200px; background: url(../image/block-back-top.png) center top no-repeat; background-size: auto 100%; }
  .blogTop h2 { margin-top: -2px; margin-bottom: 0; }
  .blogTop { margin-top: 90px; padding: 130px 20px 130px; }
  .blogTop:after { background: url(../image/block-back-bot.png) center top no-repeat; height: 188px; background-size: auto 100%; }
  .ourBlogBox { width: 100%; }
  .ourBlogBoxText h3 { font-size: 18px; line-height: 22px; }
  .routBoxLeftIm { width: 270px; margin: 10px 0; }
  .routBoxMap { width: 420px; }
  .routBoxLeft { width: 420px; }
  .routBox { padding: 30px; }
  .sasTp.eeTop:before { height: 1000px; }
  .sasTp.eeTop { height: 500px; }
  .careerBanerText { width: 58%; }
  .careerBanerIm { width: 40%; }
  .careerBanerIm img { max-width: 86%; }
  .careerBotContainer { width: 95%; }
  .recentBot { padding: 100px 20px; margin-top: 25px; }
  .recentBotRght { width: 370px; padding: 28px; }
  .rentBotCar { width: 260px; bottom: -40px; right: -40px; }
  .rentBanerRight h2, .rentBanerRight h2 span, .recentBotLft h2, .recentBotLft h2 span {font-size: 24px; line-height: 28px;}
  .rentBanerRight ul { margin-top: 20px; }
  .rentBanerRight ul li, .recentBotLft ul li { font-size: 15px; line-height: 22px; margin-top: 8px; }
  .abotContainer h1, .abotContainer h1 span { font-size: 30px; line-height: 34px; }
  .aboutTopArea { padding-top: 20px; }
  .abtSldTxt p { font-size: 14px; line-height: 20px; }
  .greenBox h2 { font-size: 30px; line-height: 32px; }
  .greenBox { height: 450px; }
  .blueBox { top: 150px; height: 260px; padding: 40px 120px 10px 150px; }
  .abtBottomSecCar { left: 68%; width: 300px; top: 330px; }
  .aboutSlideBoxIm { margin: -230px auto 0; }
  .aboutSlideBox { margin-top: 170px; }
}
@media (max-width: 991px){
  .login img { margin-right: 5px; width: 28px; }
  .login a { font-size: 12px; min-width: 70px; }
  .navbar-expand-md .navbar-nav .nav-link { font-size: 14px; white-space: nowrap; }
  .footerRight { width: 350px; }
  .routBoxSec { width: 730px; }
  .routtBoxForm { width: 90%; }
  .routtBoxMap { height: 140px; border-radius: 20px; }
  .routtBox { border-radius: 20px; }
  .offerRoundOuter { width: 730px; margin: 100px auto 0; }
  .offerCol:nth-child(2n) { width: 230px; left: 15px; top: 40px; }
  .offerCol:nth-child(2n) .offRndText, .offerCol:nth-child(3) .offRndText, .offerCol:nth-child(5) .offRndText { width: 130px; }
  .offerCol:nth-child(3), .offerCol:nth-child(5) { width: 230px; right: 8px; top: 40px; }
  .offerCol:nth-child(4) { left: -10px !important; top: 185px !important; }
  .offerCol:nth-child(5) { right: -10px !important; top: 185px !important; }
  .offRndText h3 { font-size: 14px; line-height: 18px; }
  .offRndText p { font-size: 12px; line-height: 15px; }
  .featureSecOuter { height: 810px; padding-top: 120px; background: url(../image/feature-back.png) left -90px no-repeat; background-size: auto 111%; }
  .featureBox { width: 380px; height: auto; padding: 20px 20px 22px; border-radius: 20px; }
  .featureBox h2 { font-size: 32px; line-height: 34px; }
  .featureBox h2 span { font-size: 24px; line-height: 28px; }
  .featureBox ul li { font-size: 13px; margin-top: 11px; line-height: 17px; padding-left: 30px; }
  .featureBox ul { margin: 20px 0 0; }
  .featureBoxButton { width: 150px; height: 40px; font-size: 14px; }
  .featureBoxButtonSec { width: 100%; margin: 30px auto 0; }
  .appSecLeftText h2, .appSecLeftText h3 { font-size: 30px; line-height: 32px; }
  .appSecLeft { height: 210px; padding-left: 15px; }
  .appBoxButtonSec { margin: 20px 0 0; }
  .appSecRight { height: 210px; width: 70%; top: 40px; padding-left: 250px; }
  .appSecRight img { margin: -130px auto 0; width: 150px; }
  .dropBack { margin-top: 100px; padding-bottom: 70px; }
  .banner .carousel-caption { padding-top: 0; margin-top: -120px; }
  .banner .carousel-caption h1 { font-size: 26px; width: 475px; line-height: 30px; }
  .banner .ctxtButton { width: 170px; height: 40px; margin: 10px auto; font-size: 15px; }
  .offerText h2 { font-size: 34px; line-height: 40px; }
  .eeTopLeft h2 { font-size: 22px; line-height: 28px; }
  .eeTopLeft h2 span { font-size: 20px; line-height: 24px; }
  .eeTop { padding: 25px 20px 0; }
  .eeTopLeft p { font-size: 13px; line-height: 18px;  margin-top: 15px; }
  .eeTopRightBox { width: 120px; height: 120px; }
  .eeTopRight { width: 258px; height: 270px; }
  .eeTopRightBoxIm img {width: 30px;}
  .eeTopRightBoxTxt h3 { font-size: 15px; line-height: 17px; }
  .eeTopRightBoxTxt p { font-size: 13px; line-height: 18px; margin-top: 2px; }
  .eeTopLeft { width: calc(100% - 270px); }
  .eeServRight h2 span { font-size: 24px; }
  .eeServRight h2 { font-size: 26px; line-height: 30px; }
  .eeServLeftRnd { width: 220px; height: 220px; }
  .eeServRight { width: 48%; padding-right: 15px; }
  .eeServRight ul li { font-size: 14px;  line-height: 19px; margin-top: 10px; }
  .eeServRight ul:before { left: 9px; }
  .eRowLeft h3, .eeRowLeft h3 { font-size: 22px; line-height: 26px; }
  .eeRowLeft h2, .eeRowLeft h2 { font-size: 26px; line-height: 30px; }
  .eeRow {align-items: inherit;}
  .eeRowRight, .eeRow:nth-child(2n) .eeRowRight { min-height: 1px; }
  .routBoxTop { flex-wrap: wrap; }
  .routBoxLeft { width: 58%; }
  .routBoxTopRight { width: 38%; }
  .routBoxMap { width: 100%; }
  .routBoxMap img { height: auto; }
  .routSearch input[type="text"] { width: 450px; }
  .routContainer h1 { font-size: 25px; line-height: 32px; }
  .sasTp.eeTop:before { height: 850px; }
  .sasTp.eeTop { height: 350px; }
  .careerBanerText h2 { font-size: 24px; line-height: 30px; }
  .careerBanerText ul li { font-size: 15px; line-height: 20px; margin-top: 10px; }
  .careerBanerText ul:before { left: 8px !important; }
  .softService .careerBanerText { width: 50%; }
  .cmAdvRght h3 { font-size: 18px; line-height: 24px; }
  .cmAdvRghtRow h2 { font-size: 24px; line-height: 30px; }
  .cmAdvRghtRow ul li { font-size: 15px; line-height: 20px; margin-top: 10px; }
  .cmAdvRghtRow { margin-bottom: 20px; }
  .bkendPanel h2 span, .careerBanerText h2 span { font-size: 20px; line-height: 26px; }
  .bkendPanel h2 { font-size: 24px; line-height: 32px; }
  .bckPnlSlid { margin-top: 20px; }
  .bkendPanel { padding: 30px 15px 0; }
  .bkPnlContainer .carousel-indicators [data-bs-target] { width: 10px; height: 10px; }
  .bkPnlContainer .carousel-indicators .active { width: 40px; }
  .bkPnlContainer .carousel-indicators { bottom: -28px; }
  .softService .careerBanerContainer { padding: 0 20px 20px; }
  .careerBanBus { width: 260px; right: -52px; }
  .careerBanerIm img { max-width: 90%; }
  .careerBotContainer .nav-pills .nav-link { width: 170px; height: 40px; font-size: 13px; line-height: 16px; }
  .careerTbRow { padding: 15px 18px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; }
  .careerTbRowLftTxt h2 { font-size: 16px; line-height: 20px; }
  .careerTbRowRgtBotton { width: 120px; height: 34px; font-size: 12px; line-height: 16px; }
  .careerTbRowRgt { width: 250px; }
  .careerTbRowLft { width: calc(100% - 260px); }
  .careerTbRowLftTxt { margin-left: 18px; }
  .careerBotCar { width: 350px; }
  .careerBot { padding: 60px 0 110px; }
  .rentBanerLeft { width: 42%; }
  .rentBanBus { width: 600px; left: -253px; bottom: -50px; }
  .rentBanerRight { margin-right: 10px; }
  .rentBanerRight ul:before { left: 8px; }
  .rentBanerRight ul li, .recentBotLft ul li { font-size: 14px; line-height: 19px; margin-top: 8px; }
  .rentBanerRight h2, .rentBanerRight h2 span, .recentBotLft h2, .recentBotLft h2 span { font-size: 22px; line-height: 28px; }
  .recentBotRght { width: 300px; padding: 20px; }
  .recentBotRghtLft, .recentBotRghtRght { width: 140px; height: 80px; }
  .recentBotRghtIm { border-radius: 15px; }
  .recentBotRghtLft { border-bottom-left-radius: 32px; }
  .recentBotRghtRght { border-top-right-radius: 32px; }
  .recentBot:after {height: 128px;}
  .recentBot { padding: 70px 20px; }
  .aboutSlideBoxIm { margin: -185px auto 0; }
  .aboutSlideBox { margin-top: 130px; }
  .abtMidRgt { width: 100%; }
  .abtMidRgt { width: 100%; }
  .abtColBoxTop { width: 180px; height: 180px; top: -142px; margin-left: 20px; }
  .abtColBoxTopRound { width: 150px; height: 150px; border: 16px solid #1fa113; }
  .abtMidCol { width: 220px; }
  .abtMidColBox { padding: 30px 15px 20px; height: 205px; }
  .abtMidColBox:after {width: 160px;}
  .abtBottomSec { margin-top: 60px; padding: 50px 0 0; }
  .abtMidlContainer { margin-top: 220px; }
  .aboutTxtSlide .carousel-control-prev {left: 80px;}
  .aboutTxtSlide .carousel-control-next {right: 80px;}
  .greenBox { height: 380px; padding: 30px 200px 14px 30px; }
  .blueBox { top: 150px; height: 182px; padding: 20px 90px 10px 85px; }
  .blueBox ul li { font-size: 14px; line-height: 18px; margin-top: 10px;}
  .abtBottomSecCar { left: 66%; width: 240px; top: 300px; }
  .abtMidColBox p { font-size: 14px; line-height: 18px; }
  .abtMidColBox h2 { font-size: 20px; line-height: 26px; }
}

@media (max-width: 768px){
  .navbar-brand { width: calc(100% - 230px); display: inline-block; }
  .talk { position: absolute; right: 18px; top: 16px; }
  .recentPostOuter { background: url(../image/recent-post.png) right top no-repeat; padding-top: 600px; background-size: 100%; }
  .recentPost { width: 100%; }
}
@media (max-width: 767px){
  .nav-item { border-bottom: 1px dashed #333; }
  .nav-item:last-child {border-bottom: none;}
  .navbar-expand-md .navbar-nav { width: 100%; }
  .navbar-expand-md .navbar-collapse { margin-right: 4px; }
  .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {background: none; color: #000; font-weight: 600; padding-bottom: 8px; }
  .navbar-dark .navbar-toggler-icon {background: url(../image/menu.png) left top no-repeat; width: 30px; height: 18px; background-size: 100%; }
  .navbar-dark .navbar-nav .nav-link {margin-top: 0;}
  .navbar-expand-md .navbar-collapse { margin-top: 12px; }
  .nav-item { padding: 0; }
  .banner .carousel-control-prev, .banner .carousel-control-next { height: 40px; width: 40px; top: 15%; left: 20px; background-size: 100%; }
  .banner .carousel-control-next {left: auto; right: 20px;}
  .offerRoundInner { width: auto; height: auto; padding-top: 0; border: none; text-align: left; }
  .offerRound { width: auto; height: auto; }
  .offerRoundOuter { width: auto; margin: 40px auto 0; display: block; }
  .offerCol, .offerCol:nth-child(2n), .offerCol:nth-child(3), .offerCol:nth-child(5) { width: 100%; margin-top: 15px; margin-left: 0; position: static; display: flex; text-align: left; align-items: center; padding: 0 15px; }
  .offRndText { margin-top: 0; text-align: left; }
  .offRnd { margin-right: 14px; }
  .offRndText h3 { font-size: 16px; line-height: 18px; }
  .offRndText p { font-size: 13px; line-height: 17px; }
  .offerColOuter { display: block; position: static; }
  .offerCol:nth-child(2n) .offRnd { order: 1; margin: 0; }
  .offRndText, .offerCol:nth-child(2n) .offRndText, .offerCol:nth-child(3) .offRndText, .offerCol:nth-child(5) .offRndText { text-align: left; width: calc(100% - 100px); order: 2; }
  .appSec { margin-top: 120px; }
  .featureContainer { display: block; }
  .featureLeft { width: 100%; text-align: center; }
  .featureLeft img { max-width: 350px; }
  .featureSec .carousel-control-prev {margin-top: -75px; right: 25px;}
  .featureSec .carousel-control-next {right: 25px;}
  .featureBox { width: calc(100% - 100px); height: auto; margin: 20px 0 0 10px; }
  .featureSecOuter { height: auto; padding-top: 120px; background: url(../image/feature-back.png) left -90px no-repeat; background-size: auto 120%; padding-bottom: 180px; }
  .appBoxButtonSec { width: 160px; display: block; }
  .featureBoxButton:last-child {margin-top: 10px;}
  .featureBoxButtonSec .featureBoxButton:last-child {margin-top: 0;}
  .appSecLeft { height: 240px; }
  .appSecRight { height: 235px; }
  .drop { width: 480px; height: 650px; }
  .dropForm { width: 268px; margin: 130px auto 0; }
  .dropForm input[type="submit"] { width: 80px; height: 80px; margin: 190px auto 0; background-size: 18px; }
  .routBoxSec { width: 94%; }
  .featureSec { width: 100%; }
  .banner .carousel-caption { padding-top: 20px; margin-top: -120px; }
  .eeTopContainer { flex-wrap: wrap; justify-content: center; }
  .eeTop { background-color: rgb(213,255,179); background: linear-gradient(0deg, rgba(213,255,179,1) 0%, rgba(252,253,238,1) 100%); padding-bottom: 20px; height: auto; }
  .eeTopLeft { width: 100%; order: 2; padding-right: 10px; }
  .eeTop:before {display: none;}
  .eeTopLeft h2 { text-align: center; }
  .eeServ, .eeRow { flex-wrap: wrap; }
  .eeServRight { width: 100%; padding: 0 15px; }
  .eeServLeft { padding-left: 0; width: 100%; text-align: center; }
  .eeServLeft:before {display: none;}
  .eeRowLeft { width: 100%; padding: 0 15px; order: 2; }
  .eeRowRight, .eeRow:nth-child(2n) .eeRowRight { width: 100%; padding: 0 20px 30px; height: auto; text-align: center; background: transparent; }
  .eeRowRight img, .eeRow:nth-child(2n) .eeRowRight img, .eeRow:nth-child(3n) .eeRowRight img { margin: 0 auto; }
  .eeServRight h2 { text-align: center; margin-top: 10px; }
  .eRowLeft h3, .eeRowLeft h3, .eeRowLeft h2, .eeRowLeft h2 { text-align: center; }
  .eeRowRight img, .eeRow:nth-child(2n) .eeRowRight img, .eeRow:nth-child(3n) .eeRowRight img { max-width: 300px; }
  .eeRow { margin-top: 35px; }
  .routSearch input[type="text"] { font-size: 14px; padding-left: 11px; background: url(../image/rtSrch.png) 101% top no-repeat; width: 320px; background-size: auto 50px; padding-right: 70px; border-radius: 7px; height: 50px; }
  .routSearch button { width: 160px; margin-left: 7px; font-size: 14px; border-radius: 10px; height: 50px; font-weight: 500; }
  .routContainer h1 { font-size: 20px; line-height: 24px; }
  .routContainer { margin-top: 30px; }
  .routBox { flex-wrap: wrap; }
  .routBoxLeft .routBoxTopRight { width: 170px; }
  .routBoxLeft { width: 100%; order: 2; text-align: center; }
  .routBoxTopRight { width: 100%; margin-bottom: 20px; }
  .routBoxLeftIm { margin: 10px auto; }
  .routBoxTopText h2 {text-align: left;}
  .sasTp.eeTop { height: auto; }
  .eeTopLeft h2 span, .bkendPanel h2 span { font-size: 17px; line-height: 24px; }
  .eeTopLeft h2, .careerBanerText h2, .cmAdvRghtRow h2, .bkendPanel h2 { font-size: 20px; line-height: 26px; }
  .careerBanerText ul { margin-top: 12px; padding-left: 21px; }
  .careerBanerText ul li, .cmAdvRghtRow ul li { font-size: 13px; line-height: 17px; margin-top: 8px; }
  .softService .careerBaner { margin-top: 25px; }
  .softService .careerBanerContainer, .cmAdvContainer, .careerBanerContainer { display: block; text-align: center; }
  .careerBanerIm, .cmAdvLft, .careerBanerIm {width: 100%; text-align: center;}
  .careerBanerIm img, .cmAdvLft img, .careerBanerIm img {margin: 0 auto; width: 280px;}
  .softService .careerBanerText, .cmAdvRght, .careerBanerText { width: 280px; margin: 20px auto 0; text-align: left; }
  .cmAdvRghtRow ul, .careerBanerText ul {width: 100%;}
  .cmAdvRght h3 { font-size: 15px; line-height: 19px; }
  .bkPnlContainer { max-width: 280px; }
  .bkPnlContainer img { width: 100%; }
  .careerBotContainer ul { justify-content: space-around; margin-bottom: 0 !important; }
  .careerBotContainer ul li.nav-item {border-bottom: none;}
  .rentBaner, .recentBotContainer { flex-wrap: wrap; }
  .rentBanBus { width: 100%; position: static; padding: 20px 50px 0; }
  .rentBanerLeft {display: none;}
  .rentBanerRight { width: 350px; padding: 15px 20px; margin: 0 auto; }
  .recentBotLft { width:100%; order: 2; margin: 20px auto; }
  .recentBotRght { width: 280px; margin: 0 auto; }
  .recentBot:after {background-size: auto 100%;}
  .abotContainer { max-width: 100%; padding: 0 20px; }
  .aboutSlideBoxIm {width: 86%; margin: -170px auto 0;}
  .aboutSlideBox { margin-top: 110px; }
  .abtMidRgt { flex-wrap: wrap; }
  .abtMidCol, .abtMidCol:nth-child(2) {width: 100%; margin-top: 185px; }
  .abtMidColBox {height: auto; }
  .abtMidCol:first-child { margin-top: 0; }
  .abtColBoxTop { margin-left: -90px; left: 50%; }
  .abtMidlContainer { margin-top: 160px; }
  .abtMidColBox:after { width: 90%; left: 5%; }
  .abtMidColBoxTxt { max-height: 140px; height: auto; min-height: 58px; }
  .greenBox { padding: 20px 20px 30px; width: 100%; background-size: 120%; height: auto; }
  .blueBox { height: auto; padding: 30px 20px 20px; position: static; width: 100%; background: url(../image/about-blue-box.png) -250px -22px no-repeat; background-size: 200%; }
  .greenBox p { font-size: 14px; line-height: 22px; }
  .greenBox h2 { font-size: 24px; line-height: 26px; }
  .abtBottomSec { margin-top: 60px; padding: 0; }
  .abtMidlLft img { width: 390px; }
  .abtBottomSecCar { left: auto; width: 240px; top: 300px; right: 20px; }
}
@media (max-width: 690px){
  .carousel-caption h1 { font-size: 24px; width: 100%; line-height: 30px; }
  .carousel-caption h1:after {display: none;}
  .carousel-item .container { max-width: 100%; left: 0; }
  .carousel-caption { background: rgba(0,0,0,0.5); padding: 10px; }
  .carousel-caption p { width: 100%; }
  .routtBox { width: 100%; margin: 10px 0; }
  .routBoxSec { display: block; }
  .routtBoxMap { height: 250px; }
  .banner .carousel-caption p { font-size: 14px; width: 100%; margin: 10px 0 0; line-height: 19px; }
  .banner .carousel-caption h1 { font-size: 18px; width: 100%; line-height: 22px; font-weight: 600; }
  .banner .carousel-caption { padding: 20px 30px 8px; margin-top: -160px; }
  .footer { padding: 15px; display: block; }
  .footerRight { width: 100%; }
  .footerLogo { width: auto; display: block; margin-top: 0; text-align: center; }
  .appSecLeftText h2, .appSecLeftText h3 { font-size: 25px; line-height: 26px; }
  .appSecLeftText { font-size: 24px; line-height: normal; margin-top: -30px; }
  .appSecRight { padding-left: 180px; }
  .appSecRight img { margin: -100px auto 0; width: 150px; }
  .appSec { margin-top: 78px; }
  .recentPostOuter { padding-top: 500px; }
  .routContainer h1 { font-size: 18px; line-height: 22px; }
  .careerTbRowRgt { width: 120px; flex-wrap: wrap; }
  .careerTbRowRgtBotton:last-child { margin-top: 10px; }
  .careerTbRowLft { width: calc(100% - 130px); }
  .careerBotContainer { width: 100%; }
  .careerBotContainer .nav-pills .nav-link { width: 140px; height: 36px; font-size: 12px; line-height: 16px; }
}
@media (max-width: 635px){
  .careerBanerText { background: rgba(255,255,255,0.7); padding: 20px 15px 15px 22px; border-radius: 15px; }
  .aboutSlideBoxIm { width: 400px; margin: -136px auto 0; }
  .aboutSlideBox { margin-top: 75px; }
  .abotContainer h1, .abotContainer h1 span { font-size: 24px; line-height: 28px; }
}
@media (max-width: 535px){
  .drop { width: 400px; height: 540px; }
  .dropForm { width: 200px; margin: 120px auto 0; }
  .dropForm input[type="text"] { width: 100%; height: 40px; border-radius: 6px; padding: 0 12px; margin-top: 12px; font-size: 14px; }
  .dropBack { margin-top: 80px; padding-bottom: 40px; }
  .appSecRight { width: 100%; text-align: center; height: auto; padding: 0; position: static; background: url(../image/app-right.png) right top no-repeat; background-size: 190%; }
  .appSec { display: flex; flex-wrap: wrap; margin-top: 40px; }
  .appSecLeft { height: 240px; width: 100%; background-size: 200%; order: 2; }
  .appSecRight img { margin: 20px 0; }
  .featureSec .carousel-control-prev { margin-top: 0; right: 58%; top: 104%; }
  .featureSec .carousel-control-next { right: 36%; top: 100%; }
  .featureBox { width: 100%; margin: 20px 0 0 0; }
  .recentPostOuter { padding-top: 400px; }
  .recentPost h2 { font-size: 27px; line-height: 28px; }
  .ourBloSec { padding: 0 17px; }
  .blogTop h2 { font-size: 34px; line-height: 34px; }
  .blogTop:before, .blogTop:after { height: 90px; }
  .blogTop { padding: 57px 1px; }
  .ourBlogBox { margin: 30px auto; }
  .ourBlogBoxTextbutton { font-size: 15px; width: 180px; height: 42px; line-height: 20px; bottom: -21px; margin-left: -90px; }
  .routSearch input[type="text"] { font-size: 14px; padding-left: 8px; background: url(../image/rtSrch.png) 109% top no-repeat; width: 280px; background-size: auto 40px; padding-right: 49px; border-radius: 7px; height: 40px; }
  .routSearch button { width: 128px; margin-left: 7px; font-size: 13px; border-radius: 7px; height: 40px; font-weight: 500; }
  .routMain { margin-top: 60px; padding: 30px 15px 50px; }
  .routBoxTopText { width: 100%; }
  .routBoxTopText h2 { margin-bottom: 15px; }
  .routBox { border-radius: 18px; padding-left: 18px; }
  .eeTopLeft h2 span, .bkendPanel h2 span { font-size: 16px; line-height: 24px; }
  .careerTbRowLftTxt h2 { font-size: 14px; line-height: 18px; }
  .careerTbRowRgtBotton { width: 100px; height: 28px; font-size: 11px; line-height: 13px; }
  .careerTbRowRgt { width: 100px; }
  .careerTbRowLft { width: calc(100% - 110px); }
  .careerTbRow {margin-top: 10px;}
  .abtColBoxTopRound img { max-width: 70%; }
}
@media (max-width: 479px){
  .careerBotContainer .nav-pills .nav-link { width: 107px; height: 36px; font-size: 11px; line-height: 13px; padding: 3px 10px; }
  .aboutSlideBoxIm { width: 280px; margin: -122px auto 0; }
  .greenBox { background-size: 135%; }
  .blueBox { background: url(../image/about-blue-box.png) -242px -22px no-repeat; background-size: 250%; }
}
@media (max-width: 450px){
   .drop { width: 310px; height: 418px; }
   .dropForm { width: 178px; margin: 84px auto 0; }
   .dropForm input[type="submit"] { width: 60px; height: 60px; margin: 115px auto 0; background-size: 14px; }
   .dropBack { margin-top: 40px; padding-bottom: 40px; }
   .banner .carousel-item { min-height: 200px; }
   .featureSecOuter { padding-top: 92px; background: url(../image/feature-back.png) left -180px no-repeat; background-size: auto 144%; padding-bottom: 100px;}
   .routtBoxMap { height: 180px; }
   .routSec h2 { font-size: 25px; line-height: 34px; margin: 0 0 11px; }
   .routSec { margin: 25px 0 0; }
   .mainComponent { padding-bottom: 30px; }
   .navbar-brand img {max-width: 120px;}
   .navbar>.container-fluid { padding: 0 12px; }
   .navbar-brand { width: 130px; }
   .banner .carousel { margin-top: 52px; }
   .featureSec .carousel-control-next { right: 24%; }
   .featureSec .carousel-control-prev { right: 50%; }
   .eeRowRight img, .eeRow:nth-child(2n) .eeRowRight img, .eeRow:nth-child(3n) .eeRowRight img { max-width: 250px; }
   .eeTop { padding: 25px 15px 20px; }
   .eeTopLeft h2 span { font-size: 18px; line-height: 24px; }
   .recentPostOuter { padding-top: 330px; }
   .routBox { padding: 18px; }
   .routSearch form {width: 280px;}
   .routSearch button { margin-left: 0; margin-top: 10px; }
   .routBoxBottomText { font-size: 13px; line-height: 18px; margin-top: 10px; }
   .routMain { padding: 30px 15px; }
   .abtMidlLft img { width: 280px; }
   .abtBottomSecCar { width: 120px; top: auto; right: 0px; bottom: -36px; }
   .aboutTxtSlide .carousel-control-prev, .aboutTxtSlide .carousel-control-next { height: 20px; width: 45px; bottom: -40px; }
   .aboutTxtSlide .carousel-control-prev { left: 5px; }
   .aboutTxtSlide .carousel-control-next { right: 5px; }
   .aboutSlideBox { border-radius: 15px; padding-bottom: 30px; }
   .aboutTopArea { margin-top: 50px; }
   .abotContainer h1, .abotContainer h1 span { font-size: 20px; line-height: 26px; }
}
@media (max-width: 390px){
  .recentPostOuter { padding-top: 290px; }
  .recentPost h2, .blogTop h2 { font-size: 24px; line-height: 24px; }
  .ourBlogBoxText h3 { font-size: 16px; line-height: 20px; }
  .rentBanerRight h2, .rentBanerRight h2 span, .recentBotLft h2, .recentBotLft h2 span { font-size: 20px; line-height: 27px; }
  .rentBanBus {padding: 20px 20px 0;}
}
@media (max-width: 374px){
  .careerBotContainer ul li.nav-item { margin: 5px; }
  .careerBotContainer .nav-pills .nav-link { width: 130px; height: 36px; }
  .careerTbRow { flex-wrap: wrap; }
  .careerTbRowLftTxt h2 { font-size: 13px; line-height: 16px; }
  .careerTbRowLftTxt p { font-size: 12px; line-height: 14px; }
  .careerTbRowLft { width: 100%; }
  .careerTbRowRgt { width: 100%; margin-top: 10px; }
  .careerBotCar { width: 220px; left: -30px; bottom: -30px; }
  .rentBanerRight { width: 280px; }
  .aboutSlideBoxIm { width: 280px; margin: -122px 0 0px -12px; }
  .abotContainer { padding: 0 15px; }
  .aboutSlideBox { margin-top: 60px; }
}

@media (max-width: 349px){
  .routBoxBottom {flex-wrap: wrap; justify-content: flex-start;}
  .routBoxBottomText { width: 100%; text-align: left; margin-top: 3px; }
  .aboutSlideBoxIm { width: 250px; margin: -110px 0 0px; }
  .aboutSlideBox { margin-top: 50px; }
}