@media screen and (max-width:1200px){.selection{padding-left:20px;padding-right:20px}#wrapper .page-banner-container{margin-top:-3px}#wrapper #page-about .page-wrapper .principle img{width:60px}#wrapper #page-about .page-wrapper .principle-details{margin-top:8px}#wrapper #page-about .page-wrapper .principle-details-title{font-size:18px}#wrapper #page-about .page-wrapper .principle-details-info{font-size:14px;margin-top:3px}#wrapper #page-service .page-wrapper .service-list-info-title{font-size:20px}#wrapper #page-process .page-wrapper .process-chart{background:url(../images/Process/background-process-2.png) center 57px no-repeat;height:1210px}#wrapper #page-process .page-wrapper .process-chart .process-info img{width:85px}#wrapper #page-process .page-wrapper .process-chart .process-info .process-details-title,#wrapper #page-process .page-wrapper .process-chart .process-info .process-details-info{width:205px}#wrapper #page-contact .page-wrapper .contact-map-info h1{letter-spacing:4px}}@media screen and (max-width:990px){header#topNav #head-logo{padding-top:15px}header#topNav #head-logo img{width:80px;margin-top:10px;margin-right:5px}header#topNav #head-logo .logo-text{width:230px}header#topNav #head-logo .logo-text-ch{margin-bottom:-5px;font-size:24px;letter-spacing:4px}header#topNav #head-logo .logo-text-en{margin-top:10px;font-size:14px;letter-spacing:1px}header#topNav div.nav-main-collapse nav.mega-menu ul li a .menu-text{font-size:11px}#header_shadow{top:70px}#wrapper .page-banner-container{margin-top:-20px}#wrapper #page-process .page-wrapper .process-chart{background:url(../images/Process/background-process-3.png) center top no-repeat;height:1220px}#wrapper #page-process .page-wrapper .process-chart .process-info{margin-bottom:15px}#wrapper #page-process .page-wrapper .process-chart .process-info img{display:none}#wrapper #page-process .page-wrapper .process-chart .process-info .float-left #wrapper #page-process .page-wrapper .process-chart .process-info .float-right{float:none}#wrapper #page-process .page-wrapper .process-chart .process-info .process-details{margin-top:10px;height:145px}#wrapper #page-process .page-wrapper .process-chart .process-info .process-details-title,#wrapper #page-process .page-wrapper .process-chart .process-info .process-details-info{width:auto}#wrapper #page-process .page-wrapper .process-chart .process-info .process-details-title{border-bottom:1px dotted #7a7a7a;padding:0 0 5px 0}#wrapper #page-contact .page-wrapper .contact-map-info h1{letter-spacing:0}#wrapper #page-service .page-wrapper .service-list .service-list-info{margin-top:20px}#wrapper #page-service .page-wrapper .service-list .service-list-info01{background:url('../images/Service/icon-service-01.png') no-repeat left top}#wrapper #page-service .page-wrapper .service-list .service-list-info02{background:url('../images/Service/icon-service-02.png') no-repeat left top}#wrapper #page-service .page-wrapper .service-list .service-list-info03{background:url('../images/Service/icon-service-03.png') no-repeat left top}#wrapper #page-service .page-wrapper .service-list .service-list-info04{background:url('../images/Service/icon-service-04.png') no-repeat left top;margin-top:35px}#wrapper #page-service .page-wrapper .service-list .service-list-info05{background:url('../images/Service/icon-service-05.png') no-repeat left top;margin-top:35px}#wrapper #page-service .page-wrapper .service-list .service-list-info06{background:url('../images/Service/icon-service-06.png') no-repeat left top}#wrapper #page-service .page-wrapper .service-list .service-list-info07{background:url('../images/Service/icon-service-07.png') no-repeat left top}#wrapper #page-service .page-wrapper .service-list .service-list-info08{background:url('../images/Service/icon-service-08.png') no-repeat left top}}@media screen and (max-width:768px){header#topNav #head-logo{padding-top:0}header#topNav #head-logo img{margin-top:5px;margin-right:5px}header#topNav #head-logo .logo-text{width:175px}header#topNav #head-logo .logo-text .logo-text-ch{margin-bottom:-5px;font-size:18px;letter-spacing:3px}header#topNav #head-logo .logo-text .logo-text-en{font-size:12px;letter-spacing:0}header#topNav div.nav-main-collapse{background:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;margin:10px}header#topNav div.nav-main-collapse nav.mega-menu ul li{background:#f4f5f7;margin-bottom:5px;border:none;padding:5px}header#topNav div.nav-main-collapse nav.mega-menu ul li a .menu-text{padding:0;font-size:16px}header#topNav div.nav-main-collapse nav.mega-menu ul li:hover{background:#005aa0}header#topNav div.nav-main-collapse nav.mega-menu ul li:hover a:hover .menu-text{color:#fff}#header_shadow{top:70px}footer .l-footer-body #footer-logo{display:none}#wrapper .page-banner-container{margin-top:-20px;height:150px}#wrapper .page-wrapper .page-title-layout{border-bottom:1px dashed rgba(0,42,71,.5);text-align:center}#wrapper .page-wrapper .page-title-layout .page-title{width:auto;padding:20px 15px 15px 10px}#wrapper .page-wrapper .page-title-layout .page-title div img{display:none}#wrapper .page-wrapper .page-title-layout .page-title .page-title-ch{font-size:25px;margin-left:10px}#wrapper .page-wrapper .page-title-layout .page-title .page-title-en{font-size:15px;margin-left:3px}#wrapper #page-about .about-banner{background:url('../images/About/about-banner-s.jpg') center no-repeat}#wrapper #page-about .page-wrapper .principle{margin-bottom:10px}#wrapper #page-process .process-banner{background:url('../images/process/process-banner-s.jpg') center no-repeat}#wrapper #page-process .page-wrapper .process-chart{background:none;height:auto}#wrapper #page-process .page-wrapper .process-chart .process-info .process-details{height:auto}#wrapper #page-contact .contact-banner{background:url('../images/contact/contact-banner-s.jpg') left no-repeat}#wrapper #page-service .service-banner{background:url('../images/service/service-banner-s.jpg') center left}#wrapper #page-service .page-wrapper .service-list{margin:50px 0 30px 0}#wrapper #page-service .page-wrapper .service-list img{display:none}#wrapper #page-service .page-wrapper .service-list .service-list-info{margin:20px 0}#wrapper #page-service .page-wrapper .service-list .service-list-info .service-list-title{font-size:25px}#wrapper #page-service .page-wrapper .service-list .service-list-info .service-list-text{padding:15px 0 0 0}#wrapper #page-service .page-wrapper .service-list .service-list-info01{background:url('../images/Service/icon-service-01.png') no-repeat left top}#wrapper #page-service .page-wrapper .service-list .service-list-info02{background:url('../images/Service/icon-service-02.png') no-repeat left top}#wrapper #page-service .page-wrapper .service-list .service-list-info03{background:url('../images/Service/icon-service-03.png') no-repeat left top}#wrapper #page-service .page-wrapper .service-list .service-list-info04{background:url('../images/Service/icon-service-04.png') no-repeat left top}#wrapper #page-service .page-wrapper .service-list .service-list-info05{background:url('../images/Service/icon-service-05.png') no-repeat left top}#wrapper #page-service .page-wrapper .service-list .service-list-info06{background:url('../images/Service/icon-service-06.png') no-repeat left top}#wrapper #page-service .page-wrapper .service-list .service-list-info07{background:url('../images/Service/icon-service-07.png') no-repeat left top}#wrapper #page-service .page-wrapper .service-list .service-list-info08{background:url('../images/Service/icon-service-08.png') no-repeat left top}}@media screen and (max-width:350px){header#topNav{height:70px}header#topNav #head-logo img{width:60px;margin-top:5px;margin-right:5px}header#topNav #head-logo .logo-text .logo-text-ch{margin-top:8px;font-size:17px;letter-spacing:1px}header#topNav #head-logo .logo-text .logo-text-en{display:none}}@media(min-width:768px){.project-modal .modal-lg{width:88%}}@media screen and (max-width:1860px){.project-modal .projects-gallery{width:500px;height:480px;padding:21px 13px}.project-modal .projects-gallery .flexslider,.project-modal .projects-gallery .flex-viewpor,.project-modal .projects-gallery .flexslider .flex-viewport .slides li{height:270px}}@media screen and (max-width:1560px){.modal-content .row .col-lg-7,.modal-content .row .col-md-7,.modal-content .row .col-sm-7{width:55%}}@media screen and (max-width:1450px){.modal-content .row .col-lg-7,.modal-content .row .col-md-7,.modal-content .row .col-sm-7{width:50%}}@media screen and (max-width:1300px){.modal-content .row .col-lg-7,.modal-content .row .col-md-7,.modal-content .row .col-ms-7{width:45%}}@media screen and (max-width:1200px){.item-wrapper figcaption p{font-size:16px !important;line-height:22px !important}.item-wrapper figure.effect-bubba:hover a{font-size:14px !important;padding:4px 12px !important}.modal-content .row .col-lg-7,.modal-content .row .col-md-7,.modal-content .row .col-ms-7{width:40%}}@media screen and (max-width:1100px){.project-modal .col-lg-7,.project-modal .col-md-7,.project-modal .col-ms-7{width:38%}.project-modal .projects-gallery{width:430px;height:380px;padding:19px 12px}.project-modal .projects-gallery .flexslider,.project-modal .projects-gallery .flex-viewpor,.project-modal .projects-gallery .flexslider .flex-viewport .slides li{height:230px}.project-modal .projects-gallery .flexslider .flex-control-nav{margin-top:24px}}@media screen and (max-width:990px){.project-modal .modal-body .details .title-unit{font-size:22px;margin-bottom:2px}.project-modal .modal-body .details .title-project{margin-bottom:5px;font-size:22px}.project-modal .modal-body .details .description{line-height:25px;font-size:16px}.project-modal .projects-gallery{width:400px;height:350px;padding:19px 12px}.project-modal .projects-gallery .flexslider,.project-modal .projects-gallery .flex-viewpor,.project-modal .projects-gallery .flexslider .flex-viewport .slides li{height:212px}.project-modal .projects-gallery .flexslider .flex-control-nav{margin-top:24px}}@media screen and (max-width:850px){.project-modal .col-lg-7,.project-modal .col-md-7,.project-modal .col-ms-7{width:38%}}@media screen and (max-width:768px){.item-wrapper figcaption p{line-height:28px !important;font-size:20px !important}.item-wrapper figure.effect-bubba:hover a{font-size:16px !important;padding:6px 15px !important}.project-modal .modal{padding-top:40px;padding-bottom:35px}.project-modal .modal-body .view{margin-top:25px}.project-modal .modal-content .row .col-lg-7,.project-modal .modal-content .row .col-md-7,.project-modal .modal-content .row .col-ms-7{width:100%}.project-modal .projects-gallery{height:520px;width:600px}.project-modal .projects-gallery .flexslider,.project-modal .projects-gallery .flex-viewpor,.project-modal .projects-gallery .flexslider .flex-viewport .slides li{height:327px}.project-modal .projects-gallery .flexslider .flex-control-nav{margin-top:65px}#wrapper #page-project .page-wrapper .col-lg-4,#wrapper #page-project .page-wrapper .col-md-4,#wrapper #page-project .page-wrapper .col-ms-4{margin-bottom:30px}#wrapper #page-project .row{margin-bottom:0}}@media screen and (max-width:690px){.project-modal .projects-gallery{padding:21px 13px;width:500px;height:440px}.project-modal .projects-gallery .flexslider,.project-modal .projects-gallery .flex-viewpor,.project-modal .projects-gallery .flexslider .flex-viewport .slides li{height:270px}.project-modal .projects-gallery .flexslider .flex-control-nav{margin-top:-2px}}@media screen and (max-width:590px){.project-modal .projects-gallery{padding:19px 12px;width:450px;height:390px}.project-modal .projects-gallery .flexslider,.project-modal .projects-gallery .flex-viewpor,.project-modal .projects-gallery .flexslider .flex-viewport .slides li{height:244px}}@media screen and (max-width:530px){.project-modal .projects-gallery{padding:17px 10px;width:400px;height:350px}.project-modal .projects-gallery .flexslider,.project-modal .projects-gallery .flex-viewpor,.project-modal .projects-gallery .flexslider .flex-viewport .slides li{height:215px}.project-modal .projects-gallery .flexslider .flex-control-nav{margin-top:-32px}}@media screen and (max-width:480px){.project-modal .modal-body .details .title-unit{font-size:21px;margin-bottom:2px}.project-modal .modal-body .details .title-project{font-size:21px}.project-modal .modal-body .details .description{line-height:22px;font-size:15px}.project-modal .projects-gallery{padding:14px 9px;width:350px;height:300px}.project-modal .projects-gallery .flexslider,.project-modal .projects-gallery .flex-viewpor,.project-modal .projects-gallery .flexslider .flex-viewport .slides li{height:186px}.project-modal .projects-gallery .flexslider .flex-control-nav{margin-top:-63px}.project-modal .projects-gallery .flex-control-paging li a{width:9px;height:9px}}@media screen and (max-width:430px){.project-modal .projects-gallery{padding:13px 8px;width:300px;height:260px}.project-modal .projects-gallery .flexslider,.project-modal .projects-gallery .flex-viewpor,.project-modal .projects-gallery .flexslider .flex-viewport .slides li{height:160px}.project-modal .projects-gallery .flexslider .flex-control-nav{margin-top:-92px}}@media screen and (max-width:380px){.project-modal .projects-gallery{padding:12px 7px;width:250px;height:230px}.project-modal .projects-gallery .flexslider,.project-modal .projects-gallery .flex-viewpor,.project-modal .projects-gallery .flexslider .flex-viewport .slides li{height:128px}.project-modal .projects-gallery .flexslider .flex-control-nav{margin-top:-124px}}@media screen and (max-width:990px){.projects .projects-gallery{height:450px;width:500px;padding:22px 22px 149px 21px}.projects .projects-gallery .flex-viewport{height:270px}.projects .projects-gallery .flexslider .flex-control-nav{bottom:-65px}}@media screen and (max-width:920px){.projects .projects-gallery{height:420px;width:483px;padding:21px 24px 149px 21px}.projects .projects-gallery .flex-viewport{height:260px}.parallax{padding:50px 0}}@media screen and (max-width:890px){.projects .projects-gallery{height:390px;width:470px;padding:20px 44px 149px 20px}.projects .projects-gallery .flex-viewport{height:244px}.projects .projects-gallery .flexslider .flex-control-nav{bottom:-58px}}@media screen and (max-width:830px){.projects .projects-gallery{height:370px;width:448px;padding:19px 44px 149px 18px}.projects .projects-gallery .flex-viewport{height:227px}}@media screen and (max-width:768px){.projects-gallery{margin:0 auto;margin-top:10px;height:472px;width:540px;padding:24px 24px 149px 23px}.projects-gallery .flex-viewport{height:300px}.projects-summary{min-height:280px !important}.projects-summary-info-detail{min-height:90px !important}.projects-summary-info-detail table tbody tr:nth-child(3){display:none}}@media screen and (max-width:590px){.projects-gallery{height:430px;width:488px;padding:22px 21px 149px 21px}.projects-gallery .flex-viewport{height:269px}}@media screen and (max-width:530px){.projects .projects-gallery{height:380px;width:436px;padding:19px 21px 149px 19px}.projects .projects-gallery .flex-viewport{height:236px}}@media screen and (max-width:480px){.projects .projects-gallery{height:350px;width:403px;padding:18px 21px 149px 17px}.projects .projects-gallery .flex-viewport{height:220px}.projects .projects-gallery .flexslider .flex-control-nav{bottom:-51px}}@media screen and (max-width:450px){.projects .projects-gallery{height:300px;width:349px;padding:15px 21px 149px 15px}.projects .projects-gallery .flex-viewport{height:185px}.projects .projects-gallery .flex-control-paging li a{width:10px;height:10px}}@media screen and (max-width:390px){.projects .projects-gallery{height:270px;width:315px;padding:14px 21px 149px 13px}.projects .projects-gallery .flex-viewport{height:170px}.projects .projects-gallery .flexslider .flex-control-nav{bottom:-45px}.projects .projects-gallery .flex-control-paging li a{width:9px;height:9px}}