.responsive-search {
    height: 21px;
    width: 19px;
    background: url('/images/r-search.png') no-repeat center center;
    display: none;
}
@media (max-width: 1366px) and (min-width: 1150px) {
    #header #menu h1 {
        /*width: 180px;*/
        margin-right: 0px;
        float: left;
        margin-left: 10px;
    }
    #header #menu .badge {
        /*width: 280px;*/
        margin-left: 0px;
        float: right;
        padding: 10px 0;
        margin-right: 10px;
    }
    #header #menu .badge img {
        max-width: 100%;
    }
    #header #menu .main-menu ul li {
        padding: 15px 0;
        margin-right: 10px;
    }
}
@media only screen and (max-width: 1180px) {
    #header #menu .main-menu ul li a {
        font-size: 12px;
        line-height: 14px;
    }
}
@media only screen and (max-width: 1300px) {
    .highlight-list {
        width: 100%;
    }
    .homepage .two-col {
        width: 100%;
    }
    .about-text .inner .wrapper {
        width: 100%;
    }
    .about-text .inner {
        padding-left: 60px;
    }
    .homepage .two-col .info {
        width: 45%;
        float: left;
        margin: 0 2.5%;
    }
    .homepage .two-col .image {
        width: 45%;
        float: left;
        margin: 0 2.5%;
    }
    .highlight-list .highlight-box {
        width: 31%;
        height: auto;
        float: none;
        margin: 0 1% 20px;
        padding-bottom: 20px;
        display: inline-block;
        vertical-align: top;
    }
    .highlight-list .highlight-box .info {
        width: 90%;
    }
    .about .page-content {
        width: 100%;
    }
    .about .page-content .about-list .box {
        width: 31%;
        height: 250px;
        margin: 1%;
    }
    #footer .footer-sitemap .inner .col {
        width: 250px;
    }
    .highlightdetail .page-content {
        width: 100%;
        padding: 50px 5%;
    }
    .highlightdetail .highlight-content {
        width: 100%;
        padding: 50px;
        box-sizing: border-box;
    }
    .services-list {
        width: 100%;
    }
    .service {
        width: 48%;
        float: left;
        margin: 0 1% 3vw;
    }
    .ballballs {
        width: 100%;
    }
    .job-search-box .inner {
        width: 100%;
        padding: 0 1%;
        box-sizing: border-box;
    }
    .job-search-box .inner select, .job-search-box .inner input[type="text"] {
        width: 24%;
        margin-right: 2%;
    }
    .job-search-box .inner .submit-btn {
        width: 22%;
    }
}
@media only screen and (max-width: 1200px) {
    .company-history .page-content {
        width: 100%;
        padding: 50px 5%;
    }
    .timeline {
        width: 100%;
    }
}
@media only screen and (max-width: 1100px) {
    .search .page-content{
        width: 100%;
    }
    .careers-list {
        width: 100%;
        text-align: center;
    }
    .careers-list .box {
        display: inline-block;
        float: none;
        margin: 10px;
    }
    .meet-experts .experts-list {
        width: 100%;
    }
    .meet-experts .experts-list .row2, .meet-experts .experts-list .row3 {
        height: auto;
        width: 510px;
        margin: 0 auto;
    }
    .meet-experts .experts-list .row2 .expert, .meet-experts .experts-list .row3 .expert, .meet-experts .experts-list .row3 .expert:last-child {
        float: none;
        margin: 0 auto 50px;
        width: 100%;
        height: 414px;
        display: block;
    }
    .ppl-desc {
        width: 100%;
    }
    .ppl-desc .image {
        display: block;
        float: none;
        margin: 0 auto 50px;
    }
    .ppl-desc .info {
        width: 100%;
        height: auto;
        margin: 0 auto;
        border: none;
        padding: 0;
        float: none;
        min-height: 0;
    }
    .frontpage .page-content, .subpage .page-content {
        width: 100%;
        padding: 50px 5% 0;
    }
    .frontpage .section+ .section {
        margin-bottom: -25px;
    }
    .subpage .section {
        width: 100%;
    }
    .subpage .section .reference-list .box-wrapper {
        margin-bottom: 0;
    }
    .subpage .section .reference-list .box-wrapper .box {
        width: 48%;
        height: auto;
        float: left;
        margin: 0 1% 2%;
    }
    .result .page-content {
        width: 100%;
        padding: 50px 5%;
    }
}
@media only screen and (max-width: 1150px) {
    .responsive-menu-btn {
        display: block;
        position: absolute;
        right: 15px;
        top: 38px;
        margin: 0 auto;
    }
    #header #menu .inner {
        padding: 10px 50px 10px 10px;
    }
    #header #menu .main-menu {
        display: none;
    }
    #header #menu h1 {
        margin-right: 0;
        width: 290px;
        margin-bottom: 0px;
        float: left;
    }
    #header #menu .badge {
        margin-left: 0px;
        display: inline-block;
        float: right;
        padding: 10px 0;
        margin-right: 10px;
    }
    #header #menu .badge img {
        max-width: 100%;
    }
}
@media only screen and (max-width: 1100px) {
    .ppl-desc .line {
        display: none;
    }
}
@media only screen and (max-width: 1024px) {
    .company-profile .what-we-do {
        padding: 50px 5%;
        box-sizing: border-box;
    }
    .company-profile .video-wrapper a.custom-btn {
        width: 100%;
    }
    .company-profile .what-we-do .text {
        width: 100%;
    }
    .frontpage .video-section {
        padding: 50px 5%;
        box-sizing: border-box;
    }
    .six-col {
        height: auto !important;
    }
    .six-col .col {
        width: 33.3333333%;
        height: 33vw;
    }
    .six-col .col.active, .six-col .col.inactive {
        width: 33.3333333%;
    }
    .six-col .col .title> p {
        width: 100%;
        height: 50px;
        bottom: 0;
        top: auto;
        left: 0;
        padding-left: 25px;
        box-sizing: border-box;
    }
    .about-text .inner {
        padding-left: 60px;
    }
    .about-text .inner .wrapper {
        width: 100%;
    }
    .homepage .two-col {
        width: 100%;
        box-sizing: border-box;
    }
    .homepage .two-col .image {
        width: 100%;
        float: none;
        text-align: center;
        margin: 0 0 50px 0;
    }
    .homepage .two-col .info {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .homepage .two-col .info .text {
        width: 595px;
        margin: 0 auto;
    }
    .highlight-list {
        width: 100%;
    }
    .homepage .three-col {
        height: auto;
    }
    .homepage .three-col .col {
        height: 33vw;
    }
    .homepage .section .text {
        width: 100%;
    }
    .highlight-list .highlight-box {
        width: 400px;
        float: none;
        margin: 0 auto 20px;
        display: block;
    }
    #footer .footer-contact .inner .col {
        width: 100%;
        box-sizing: border-box;
        height: auto;
    }
    #footer .footer-contact .inner .col.c1 {
        width: 50%;
        float: left;
        display: block;
        text-align: center;
    }
    #footer .footer-contact .inner .col.c3 {
        padding-right: 70px;
    }
    #footer .footer-contact .inner .col-wrapper {
        width: 50%;
        float: left;
        display: block;
        border-left: 1px solid white;
        box-sizing: border-box;
    }
    #footer .footer-contact .inner .col.mid-col {
        border: none;
        margin-bottom: 35px;
    }
    #footer .footer-sitemap .inner .col {
        width: auto;
        margin-right: 80px;
    }
    #footer .footer-sitemap .inner .col.s4 {
        width: auto;
        margin-right: 0;
    }
    .page-content {
        width: 100%;
        padding: 50px 5%;
    }
    .test-service .page-content .what-we-do {
        width: 100%;
        padding: 50px 5%;
        box-sizing: border-box;
    }
    .test-service .services-list {
        padding: 0px 5%;
        box-sizing: border-box;
    }
    /* About Us */
    .about .page-content {
        width: 100%;
    }
    .about .page-content .about-list {
        text-align: center;
    }
    .about .page-content .about-list .box {
        display: inline-block;
        float: none;
        width: 335px;
        height: 250px;
        margin: 10px;
    }
    .company-profile .page-content {
        width: 100%;
    }
    .frontpage .video-wrapper, .test-service .video-wrapper, .company-profile .video-wrapper {
        width: 100%;
    }
    .frontpage .video-wrapper iframe, .test-service .video-wrapper iframe, .company-profile .video-wrapper iframe {
        width: 100% !important;
        height: 52vw !important;
    }
    .accreditation .page-content {
        width: 100%;
    }
    .accreditation .page-content .badge-list .row .image {
        width: 30%;
        margin-right: 5%;
        float: left;
        display: block;
    }
    .accreditation .page-content .badge-list .row .image img {
        max-width: 170px;
    }
    .accreditation .page-content .badge-list .row .badge-text {
        width: 65%;
        float: left;
        display: block;
    }
    .highlightdetail .highlight-content {
        width: 100%;
        padding: 50px;
        box-sizing: border-box;
    }
    .services-list {
        width: 100%;
    }
    .service {
        width: 550px;
        float: none;
        display: block;
        margin: 0 auto 30px;
    }
    .test-service .page-content .what-we-do .text {
        width: 100%;
    }
    .ballballs {
        width: 100%;
    }
    .ballball-wrap {
        display: block;
        margin: 0 auto 40px;
    }
    .ppl-desc {
        width: 100%;
    }
    .ppl-desc .image {
        display: block;
        float: none;
        margin: 0 auto 50px;
    }
    .ppl-desc .info {
        width: 100%;
        height: auto;
        margin: 0 auto;
        border: none;
        padding: 0;
        float: none;
        min-height: 0;
    }
    .frontpage .section {
        padding-bottom: 0;
    }
    .subpage .section {
        width: 100%;
    }
    .subpage .section .reference-list .box-wrapper {
        margin-bottom: 0;
    }
    .subpage .section .reference-list .box-wrapper .box, .subpage .section .reference-list .box-wrapper .box+ .box {
        width: 500px;
        float: none;
        display: block;
        margin: 0 auto 25px;
    }
    .subpage .section .reference-list .btn-group {
        margin-top: 20px;
    }
    .careers-list {
        width: 100%;
        text-align: center;
    }
    .careers-list .box {
        display: inline-block;
        float: none;
        margin: 10px;
    }
    .culture .page-content .text {
        width: 100%;
    }
    .job-search-box {
        padding: 40px 5%;
        box-sizing: border-box;
    }
    .job-search-box .inner {
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .job-search-box .inner select, .job-search-box .inner input[type='text'] {
        width: 100%;
        margin: 0 auto 15px;
        float: none;
    }
    .job-search-box .inner .submit-btn {
        width: 100%;
        float: none;
        display: block;
    }
    .opportunity .section {
        padding: 50px 5%;
        box-sizing: border-box;
    }
    .opportunity .page-content .text {
        width: 100%;
    }
    .result .page-content {
        width: 100%;
    }
    .culture .section {
        width: 100%;
        padding: 50px 5%;
        box-sizing: border-box;
    }
    .timeline .stright-line {
        left: 9px;
    }
    .timeline .box.left .text, .timeline .box.right .text {
        float: none;
        width: 100%;
        padding-right: 0;
        padding-left: 40px;
    }
    .timeline .box.right .text .dot, .timeline .box.left .text .dot {
        left: 0px;
        right: auto;
    }
    .timeline .box.left .text .title, .timeline .box.left .text .year {
        text-align: left;
    }
    .timeline .box.left .text h2 {
        text-align: left;
    }
}
@media only screen and (max-width: 860px) {
    .culture-slideshow-wrapper, .culture-slideshow {
        width: 100%;
        height: 56vw;
    }
    .culture .bx-wrapper .bx-controls-direction {
        display: none;
    }
    .culture-slideshow-wrapper {
        margin: 25px auto 60px;
    }
    .culture .section .custom-btn {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .responsive-menu-btn {
        top: 20px;
    }
    .responsive-search {
        display: none;
        vertical-align: middle;
        margin-right: 20px;
    }
    #header #search-bar a.download-cat{
        width: 0;
        height: 22px;
        overflow: hidden;
    }
    #header #menu h1 {
        float: left;
        width: 290px;
        display: block;
        margin: 0 auto 10px;
    }
    #header #menu .badge {
        display: block;
        margin-left: 0;
        float: left;
        padding: 0;
        margin-right: 0;
        width: 100%;
        text-align: left;
    }
    #header #search-bar {
        padding: 0 25px;
    }
    #header #search-bar .search-box {
        /* display: none; */
        margin-right: 0;
    }
    #header #search-bar a.download-cat {
        float: left;
        margin-right: 0;
    }
    .page-content .text p {
        /*        font-size: 14px;
                line-height: 16px;*/
    }
    .page-content .text h3 {
        margin-bottom: 30px;
    }
    .six-col .col, .six-col .col.active, .six-col .col.inactive {
        width: 50%;
        height: 50vw;
    }
    .three-col {
        width: 100%;
    }
    .homepage .three-col .col, .homepage .three-col .col+ .col, .homepage .three-col .col+ .col+ .col {
        width: 90%;
        height: 90vw;
        float: none;
        margin: 0 auto 5%;
    }
    .homepage .two-col {
        padding: 40px 5%;
    }
    .homepage .two-col .info {
        width: 100%;
    }
    .homepage .two-col .image img {
        max-width: 100%;
    }
    .homepage .two-col .info .text .title {
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 20px;
    }
    .homepage .two-col .info .text .btn-group {
        margin-top: 20px;
    }
    .homepage .two-col .image {
        margin-bottom: 30px;
    }
    .homepage .two-col .info .text {
        width: 100%;
    }
    .homepage .two-col .info .text .btn-group a.custom-btn {
        float: none;
        width: 100%;
    }
    .about-text {
        width: 100%;
        height: 100vw;
        padding: 0 5%;
        box-sizing: border-box;
    }
    .about-text .inner {
        padding: 0;
    }
    .about-text .inner .text {
        width: 100%;
    }
    .six-col .col .title> p {
        font-size: 11px;
        line-height: 13px;
        padding-left: 20px;
    }
    #footer .footer-contact {
        padding: 35px 5% 30px;
    }
    #footer .footer-contact .inner .col, #footer .footer-contact .inner .col.c1, #footer .footer-contact .inner .col-wrapper {
        width: 100%;
        float: none;
        margin-bottom: 25px;
        border: none;
        text-align: left;
        padding: 0;
    }
    #footer .footer-contact .inner .col.mid-col, #footer .footer-contact .inner .col.c3 {
        padding: 0;
        margin-bottom: 25px;
    }
    #footer .footer-contact .inner .col-wrapper, #footer .footer-contact .inner .col.c3 {
        margin-bottom: 0;
    }
    #footer .footer-sitemap {
        padding: 30px 5%;
        text-align: left;
    }
    #footer .footer-sitemap .inner .col {
        display: block;
        margin: 0 0 25px 0;
    }
    #footer .footer-sitemap .inner .col ul li {
        margin-bottom: 5px;
    }
    .homepage .section {
        padding: 30px 5%;
        box-sizing: border-box;
    }
    .highlight-list .highlight-box {
        width: 100%;
        height: auto;
        max-width: 400px;
    }
    .highlight-list .highlight-box .image {
        margin-bottom: 30px;
    }
    .highlight-list .highlight-box .info {
        width: 90%;
        height: auto;
        padding-bottom: 50px;
    }
    .highlight-list .highlight-box .info a {
        bottom: 20px;
    }
    .highlight-list {
        margin-bottom: 10px;
    }
    .homepage .section .custom-btn, .company-profile .video-wrapper a.custom-btn {
        width: 100%;
    }
    .about-text .inner .text a.custom-btn {
        width: 100%;
        float: none;
    }
    .about .page-content .about-list .box {
        width: 335px;
        height: 250px;
        margin: 0 auto 20px;
    }
    .page-content .text {
        text-align: justify;
    }
    .page-content .text h3 {
        text-align: center;
    }
    .company-profile .page-content .text {
        /* margin-bottom: 70px; */
    }
    .accreditation .page-content .badge-list {
        margin-top: 80px;
    }
    .accreditation .page-content .badge-list .row .image, .accreditation .page-content .badge-list .row .badge-text {
        width: 100%;
        float: none;
    }
    .accreditation .page-content .badge-list .row .image {
        margin-bottom: 30px;
        text-align: center;
    }
    .highlightdetail .highlight-content {
        padding: 0;
    }
    .highlight-content .bx-wrapper .bx-controls-direction a, .highlightdetail .highlight-content a.previous-btn, .highlightdetail .highlight-content a.next-btn {
        display: none;
    }
    .service {
        width: 100%;
        height: 90vw;
        padding: 5%;
        box-sizing: border-box;
    }
    .services-list {
        margin-bottom: 50px;
    }
    .service .caption {
        width: 100%;
        height: 100%;
        position: relative;
        top: auto;
        left: auto;
        box-sizing: border-box;
    }
    .service .caption p.title {
        font-size: 20px;
    }
    .service .caption p.title {}
    .subpage .section {
        margin: 0 auto 50px;
    }
    .subpage .section .reference-list .box-wrapper .box, .subpage .section .reference-list .box-wrapper .box+ .box {
        width: 100%;
        height: auto;
    }
    .subpage .section .reference-list .box-wrapper .box .content {
        padding: 15px 10px;
    }
    .subpage .section .reference-list .btn-group a.custom-btn {
        width: 100%;
    }
    .subpage .section .reference-list .box-wrapper .box .title {
        line-height: 24px;
        padding: 16px 20px;
        height: auto;
    }
    .custom-btn {
        line-height: 16px;
        padding: 14px 0;
        box-sizing: border-box;
    }
    .test-service .video-wrapper a.custom-btn {
        width: 100%;
        line-height: 16px;
        padding: 14px 0;
        box-sizing: border-box;
    }
    .careers-list .box {
        width: 335px;
        height: 250px;
        margin: 0 auto 5vw;
    }
    .culture .section {
        padding: 50px 5%;
        box-sizing: border-box;
    }
    .culture-slideshow-wrapper, .culture-slideshow {
        width: 100%;
        height: 56vw;
    }
    .culture .bx-wrapper .bx-controls-direction {
        display: none;
    }
    .culture-slideshow-wrapper {
        margin: 25px auto 60px;
    }
    .culture .section .custom-btn {
        width: 100%;
    }
    .opportunity .ballballs {
        margin-bottom: 25px;
    }
    .result .page-content {
        padding: 50px 5%;
    }
    .page-title h3 {
        margin-bottom: 40px;
    }
    .search-result-list .box-wrapper .box-inner {
        padding: 15px;
    }
    .custom-btn.download-btn {
        width: 100%;
        float: none;
        margin: 0 auto 15px;
    }
    .custom-btn.apply-btn {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .apply-box {
        width: 100%;
        height: 100%;
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        overflow-y: auto;
    }
    .pop-up-box .box {
        width: 80%;
        background: white;
        position: absolute;
        top: 50px;
        left: 10%;
        margin-left: 0;
        display: table;
        padding: 20px 10px;
        box-sizing: border-box;
    }
    .contact-form {
        width: 100%;
    }
    .contact-form .select-group .form-group+ .form-group, .contact-form .select-group .form-group, .contact-form .form-group {
        width: 100%;
        float: none;
        margin-bottom: 15px;
    }
    .contact-form .select-group .form-group {
        margin-bottom: 20px;
    }
    .contact-form .form-group select, .contact-form .form-group input[type='text'], .contact-form .form-group textarea {
        width: 100%;
        font-size: 14px;
    }
    .contact-form .form-group input[type="text"] {
        padding: 0 15px;
    }
    .contact-form .form-group textarea {
        padding: 15px;
    }
    .contact-form .form-group label {
        width: 100%;
        float: none;
        font-size: 16px;
        line-height: 30px;
    }
    .contact-form .form-group> div {
        float: none;
        width: 100%;
    }
    .contact-form .btn-group {
        margin-top: 25px;
        text-align: center;
        overflow: hidden;
    }
    .contact-form .btn-group .custom-btn {
        width: 100%;
        float: none;
    }
    .talent .page-content .section {
        padding: 50px 5%;
        box-sizing: border-box;
    }
    .talent .page-content .section .inner {
        width: 100%;
        box-sizing: border-box;
    }
    .frontpage .slideshow .slide, .subpage .slideshow .slide {
        height: 30vh;
    }
    .banner {
        height: 30vh;
    }
}
@media only screen and (max-width: 585px) {
    .meet-experts .experts-list .row2, .meet-experts .experts-list .row3 {
        width: 100%;
    }
    .meet-experts .experts-list .row2 .expert, .meet-experts .experts-list .row3 .expert, .meet-experts .experts-list .row3 .expert:last-child {
        width: 100%;
        height: 70.5vw;
        margin-bottom: 5%;
    }
}
@media only screen and (max-width: 375px) {
    .ballball-wrap {
        width: 100%;
    }
    .ballball, .ballball .cover {
        width: 80vw;
        height: 80vw;
        margin: 0 auto;
    }
    .careers-list .box {
        width: 100%;
        height: 65vw;
        margin: 0 auto 5vw;
    }
    .about .page-content .about-list .box {
        width: 100%;
        height: 65vw;
        margin: 0 auto 20px;
    }
}