/*========== min ==========*/
@media (min-width:768px) {
    .visible-mobile {
        display: none !important;
    }
    .ct-br-bf-m { display: block; }
}

@media (min-width:1300px) {
    .icon-wrap {
        margin-top: 80px;
    }
    
}
@media (min-width:1441px) {
    .history-slide .history-item {
        max-width: 500px !important;
    }
    #sc-history .sc-content {
        margin-left: calc((((100vw - 500px)/4)) + 30px + 0px) !important;
    }
}

@media (min-width:992px) {
    .visible-device {
        display: none !important;
    }
    .ct-br-desktop { display: block; }
    .term-and-con-footer {text-align: right;}
}

/*========== min and max ==========*/
@media (min-width:768px) and (max-width:991px) {
    .highlights .highlight .content-vertical-center .logo-img.mt-top {
        margin-top: -40px;
    }
    .sc-catalog .catalog-img {
        top: -60px !important;
        max-width: 170px !important;
    }
    .show-products .show-product {
        padding: 20px !important;
    }
    .sc-inner.no-padding { padding: 0; }
    .desc { font-size: 14px; }
    .link span {
        font-size: 18px;
    }
    .link .ic { font-size: 16px; }
    h1, .heading-h1 {
        font-size: 60px;
    }
    h2, .heading-h2 {
        font-size: 50px;
    }
    h3, .heading-h3 {
        font-size: 30px;
    }
    h4, .heading-h4 {
        font-size: 25px;
    }
    h5, .heading-h5 {
        font-size: 20px;
    }
    .sc-heading { margin-bottom: 25px; }
    .title-text span { top: -14px !important; }
    .title-text span .ic { font-size: 16px; }
    .module-text { font-size: 20px; padding-bottom: 5px;}
    .section-highlight .highlights .highlight .desc {
        font-size: 14px;
    }
    .section-highlight .highlights .highlight .page-name {
        font-size: 20px;
    }
    .highlight .content-area {
        padding: 15px 0 0 55px;
        margin-top: 0px;
    }
    .highlight .action {
        margin-top: 20px;
    }
    .highlight .content-area h1 {
        font-size: 60px;
        line-height: 0.8;
    }
    .highlight .content-area .company-name { font-size: 18px; }
    .highlight .content-area .image {
        left: -10px;
        top: -18px;
    }
    #sc-brand .brand-lists .brand-item .content .logo-img-01 {
        max-width: 46px !important;
    }
    #sc-brand .brand-lists .brand-item .content .logo-img-02 {
        max-width: 43px !important;
    }
    #sc-brand .brand-lists .brand-item .content .logo-img-03 {
        max-width: 69px !important;
        margin-top: -12px !important;
    }
    #sc-brand .brand-lists .brand-item .content .logo-img-04 {
        max-width: 58px !important;
        margin-top: -12px !important;
    }
    #sc-brand .brand-lists .brand-item .content .logo-img-05 {
        max-width: 27px !important;
        margin-top: -12px !important;
    }
    #sc-brand .brand-lists .brand-item .content h3 {
        padding-top: 5px !important;
    }
    #sc-brand .brand-lists .brand-item:hover .product-img {
        top: 46% !important;
    }
    #sc-brand .brand-lists .brand-item .content {
        top: 15% !important;
        margin: 0px 15px !important;
    }
    #sc-brand .brand-lists .brand-item .link {
        padding: 55px 0 12px 0 !important;
    }
    #sc-brand .brand-lists .brand-item .link a span {
        font-size: 12px !important;
    }
    #sc-brand .brand-lists .brand-item .link a .ic {
        font-size: 10px !important;
    }
    #sc-brand .brand-all {
        padding: 40px 0px !important;
    }
    #sc-service .service-lists .service-item .service-text {
        font-size: 20px !important;
        line-height: 1 !important;
    }
    #sc-service .service-row-2 { padding: 0 !important; }
    #sc-service .service-content .desc { font-size: 16px !important; }
    #sc-contact .tab-contact .tab-group .tab-content.active { padding: 50px 40px; }
    #sc-contact .tab-contact .tab-content .address .desc { font-size: 14px; }
    .service-lists .service-item i {
        font-size: 40px !important;
        padding: 20px !important;
    }
    .service-lists .service-item .service-title {
        font-size: 27px;
    }
    #service-main .service-lists .service-item i {
        font-size: 22px !important;
        padding: 14px !important;
    }
    .work-slide .slick-slide .work-bg {
        max-width: 500px !important;
    }
    .question-desc {
        margin-right: 0;
        margin-top: 45px;
    }
    #questionnaires-form p.title {
        font-size: 20px !important;
    }
    #questionnaires-form .choice-name { font-size: 14px !important; }
    .choice input.choice-input + .choice-name { padding-left: 20px !important; }
    #questionnaires-form .choice.inline { width: calc(100% / 2); }
    .brand-lists .brand-item .content h3 {
        padding-top: 15px !important;
    }
    .brand-lists .brand-item .content {
        margin: 0px 20px !important; 
    }
    .brand-lists .brand-item .product-img {
        bottom: -22% !important;
    }
    .brand-wrapper .product-main.img-bike-service { max-width: 280px !important; }
    .brand-wrapper .product-main.img-optimate { max-width: 240px !important; }
    .brand-wrapper .product-main.img-texa { max-width: 280px !important; }
    #brand-list .sc-content { margin-left: 0!important; overflow: hidden; }
    #sc-shop-online .lazada, #sc-shop-online .shopee { padding: 20px !important; }
    #sc-shop-online .lazada .product-img, #sc-shop-online .shopee .product-img { position: unset !important; margin: auto; }
    #sc-shop-online .shopee .shop-img { margin-top: 10px; }
    .other-brand .product-main-01 { max-width: 103px !important; }
    .other-brand .product-main-02 { max-width: 79px !important; }
    .other-brand .product-main-03 { max-width: 140px !important; }
    .other-brand .product-main-04 { max-width: 60px !important; }
    .other-brand .product-main-05 { max-width: 290px !important; }
    .other-brand .product-main-06 { max-width: 273px !important; }
    .other-brand .product-main-07 { max-width: 170px !important; }
    .other-brand .product-main-08 { max-width: 217px !important; }
    .other-brand .product-main-09 { max-width: 200px !important; }
    .other-brand .product-main-10 { max-width: 197px !important; }
    .other-brand .product-main-11 { max-width: 119px !important; }
    .other-brand .highlights .highlight .content-vertical-center .heading-h1.mb { margin-bottom: 10px !important; }
    .other-brand .highlights .highlight .content-vertical-center .desc { margin-bottom: 10px !important; }
    .product-list .product-item .product-name { font-size: 20px !important; }
    .section-highlight .highlights .highlight .heading-h1 { line-height: 0.8; }
    #engine-system-tools .product-slide { margin-top: 0 !important; }
    #engine-system-tools .desc { padding-top: 40px; }
    .brand-wrapper .detail .num { font-size: 50px !important; }
    .present-slide.v-center { top:0!important }
}

/*========== max ==========*/
@media (max-width: 1199px) {
    
}

@media (max-width:1024px) {

}

@media (max-width:991px) {
    .hidden-device {
        display: none !important;
    }
    h1, .heading-h1 { 
    font-size: 40px;
    }
    h2, .heading-h2,
    .sc-heading.heading-line .heading { 
        font-size: 35px;
    }
    h3, .heading-h3 { 
        font-size: 28px;
    }
    .sc-inner { padding: 40px 0; }
    .service-img {
        padding: 0;
        margin: 0;
    }
    .blue-bg::before,
    .light-blue-bg::before,
    .green-bg::before {
        width: 100%;
    }
    .navbar-toggler {
        position: relative !important;
        top: -5px !important;
        padding: 0 !important;
    }
    .navbar-collapse.show {
        left: 0;
    }
    .navbar-collapse {
        width: 80%;
        transition: 0.5s;
        height: 100vh;
        overflow-x: hidden;
        position: absolute;
        background-color: #fff;
        display: block;
        top: 0;
        left: -80%;
        padding-top: 50px;
    }
    nav {
        padding: 20px !important;
    }
    nav.navbar .ic {
        font-size: 24px;
    }
    #navbar-mobile .close-nav {
        padding: 0 0 15px 30px !important;
        color: #999999;
    }
    #navbar-mobile .menu .nav-item {
        color: #272727;
        font-size: 30px;
        font-family: 'psl-pro';
        font-weight: normal;
        padding: 5px 30px;
    }
    .nav-contact {
        position: absolute;
        bottom: 5%;
        padding-left: 30px;
        width: 90%;
    }
    .nav-contact .text, .footer-contact .text{
        color: #999999;
        font-size: 25px;
        font-family: 'psl-pro';
        font-weight: normal;
        margin-bottom: 5px;
    }
    .nav-contact .ic {
        color: #272727;
    }
    .nav-contact .shop-line a{
        padding-right: 25px;
    }
    .nav-contact .shop-line a:last-child {
        padding-right: 0;
    }
    .nav-contact .language {
        float: right;
        top: -4px;
    }
    .nav-contact .language span {
        font-family: 'psl-pro';
        font-size: 25px;
        font-weight: normal;
        color: #272727;
    }
    .nav-contact .language .ic {
        position: relative;
        top: 3px;
    }
    .icon-wrap {
        margin-top: 15px;
    }
    .form-contact-page {
        background-image: unset;
        padding-top: 70px;
        height: auto;
    }
    
    .form-contact-page .form {
        width: 100%;
        padding: 0 20px 150px;
    }
    .contact footer {
        color: #fff;
    }
    .form-btn {
        width: 100%;
    }
    .header .header-top {
        padding: 0 20px;
    }
    .header .logo img {
        height: 15px;
    }
    .btn-header {
        right: 70px;
        padding: 0px 10px;
    }
    .tab-img-wrap {
        float: unset;
    }
    .tab-1-img,.tab-2-img,.tab-3-img {
        height: 365px;
        background-size: 100%;
        margin-left: -20px;
        width: 300px;
    }
    .tab-img-wrap {
        float: unset;
    }
    .icon-wrap img {
        width: 15%;
    }
    .tab-content .tab-bg {
        margin-left: auto;
        margin-top: 40px;
        max-width: 400px;
    }
    .service-wrap {
        margin-top: 20px;
    }
    .hs-submit {
        text-align: center;
    }
    #Contact .btn-header {
        color: #2E3192;
        border-color: #2E3192;
    }
    #Contact .hamburger .bars,
    #Contact .hamburger .bars:before {
        background-color: #2E3192;
    }
    .tab-img {
        margin-left: -15px;
        margin-right: -15px;
    }
    .tab1-img {
        background-position: -51% 100%;
        height: 600px;
        background-size: 54%;
    }
    .tab2-img {
        background-position: -40% 145%;
        background-size: 60%;
    }
    .tab3-img {
        background-position: -7% 105%;
        width: 100%;
        height: 600px;
        background-size: 40%;
    }
    .tab-content .sc-heading {
        padding-left: 12%;
        top: 13%;
    }
    .menu {
        padding: 0;
    }
    .service-item .service-cover {
        display: none;
    }
    #sc-history .sc-content {
        margin-left: 0 !important;
    }
    .sc-inner.more-bt {
        padding-bottom: 95px;
    }
    .sc-inner.more-top {
        padding-top: 150px;
    }
    .service .icon-wrap img {
        margin-bottom: 20px;
    }
    .hamburger {
        right: 20px;
    }
    .tab-content .tab-bg {
        max-width: 300px;
    }
    .text-bg img {
        bottom: 0;
    }
    .service-wrap .service-desc .service-icon {
        width: 25px;
        margin-bottom: 10px;
    }
    .footer-wrap {
        padding: 35px 0px !important;
    }
    .footer-wrap .logo {
        max-width: 145px !important;
        padding-bottom: 20px;
    }
    #sc-footer-contact .contact-lists .contact-item .shop-img img:last-child {
        max-width: 80px;
    }
    #sc-footer-contact .contact-lists .contact-item .shop-img img:first-child {
        max-width: 85px;
    }
    #sc-footer-contact .contact-lists .contact-item .social img {
        max-width: 18px;
    }
    .footer-list-m.b-top {
        border-top: 1px solid #ffffff;
    }
    .footer-list-m .heading:after {
        content: "\e91a";
        font-family: 'iconfont';
        font-size: 12px;
        position: absolute;
        top: 8px;
        right: 0;
        color: #fff;
    }
    .footer-list-m {
        border-bottom: 1px solid #ffffff;
        padding-top: 15px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer-list-m .heading {
        position: relative;
    }
    .footer-list-m .footer-menu-list {
        margin-top: 15px;
        min-height: auto;
        height: 0;
        overflow: hidden;
        transition: all 0.5s;
    }
    .footer-list-m .footer-menu-list li {
        transition: 400ms ease-in-out;
        font-size: 26px;
        padding: 2px 0px;
        text-transform: uppercase;
    }
    .footer-list-m.active .footer-menu-list {
        height: auto;
        margin-bottom: 20px;
    }
    .footer-contact .shop-line .ic {
        font-size: 22px;
    }
}

@media (max-width:767px) {
    .highlight .content-area { padding: 0; }
    .service-item .service-02 {
        margin-top: 3%;
    }
    #sc-service .service-lists .service-item .ic-service-02 {
        padding: 32px !important;
    }
    .service-img-01, .service-img-02 {
        max-width: 100% !important;
    }
    .product-list {
        display: block !important;
    }
    .product-list .product-item {
        display: inline !important;
    }
    .product-list .slick-dots li button:before {
        color: #272727 !important;
    }
    .product-list .slick-dots {
        bottom: -12px !important;
    }
    .modal-lg {
        max-width: 100% !important;
    }
    .modalSlide .body-content {
        padding-top: 0px !important;
    }
    .modalSlide .header-content {
        padding-bottom: 10px !important;
    }
    #questionnaires-form .choice.inline {
        width: calc(100% / 3);
        margin-left: -5px;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-left: 20px ;
        padding-right: 20px ;
    }
    .header, .navbar {
        height: 70px !important;
    }
    .header .main-menu .nav-logo {
        padding-top: 0px !important;
        margin: auto !important;
    }
    #navbar-mobile {
        /* background-color: #fff;
        left: 0;
        position: absolute;
        top: 0px;
        padding: 50px 0px; */
    }
    ul.footer-contact {
        padding-left: 20px;
        padding-top: 15px;
    }
    ul.footer-contact li {
        display: inline-block;
    }
    .footer-contact .text{
        color: #999999;
        font-size: 25px;
        font-family: 'psl-pro';
        font-weight: normal;
        margin-bottom: 5px;
        margin-right: 15px;
    }
    .footer-contact a span {
        padding-right: 22px;
    }
    .footer .right-text {
        text-align: center !important;
    }
    .highlight .content-area .company-name {
        font-size: 18px !important;
    }
    .title-text span {
        left: 1px !important;
        position: relative;
        top: -14px !important;
    }
    .title-text span .ic {
        font-size: 16px !important;
    }
    .module-text {
        font-size: 24px !important;
    }
    #sc-contact .sc-inner {
        padding: 0;
    }
    #sc-service .service-bg-text {
        margin-bottom: 0px !important;
    }
    #sc-service .service-content {
        bottom: 8% !important;
    }
    #sc-service .service-row-2 {
        padding: 0px !important;
    }
    #sc-contact .tab-contact .tab-group .control {
        text-align: center;
    }
    #sc-contact .tab-contact .tab-group .tab .control a{
        margin-right: 0 !important;
    }
    #sc-contact .tab-contact .tab-group .tab .control a:last-child {
        padding-left: 25px;
    }
    #sc-contact .tab-contact .tab-group .tab-content.active {
        padding: 30px 15px !important;
    }
    #sc-contact .tab-contact .tab-content .heading {
        font-size: 35px !important;
    }
    #sc-contact .tab-contact .tab-content .address .heading {
        font-size: 30px !important;
    }
    #sc-contact .tab-content .link-map {
        margin-top: 30px !important;
    }
    #sc-contact .tab-contact .bg-img {
        max-width: 215px !important;
    }
    #sc-contact .tab-contact .tab-content .address {
        margin-top: 25px !important;
    }
    #sc-footer-contact .contact-lists .contact-item {
        margin: 0px !important;
        border-bottom: 1px solid #D9DCDD;
        padding: 30px 0px;
    }
    #sc-footer-contact .contact-lists .contact-item .email .ic {
        top: 20% !important;
    }
    #sc-footer-contact .contact-lists .contact-item:last-child {
        border-bottom: unset !important;
    }
    #sc-brand .brand-all {
        padding: 60px 0px;
    }
    .section-highlight .highlights .highlight .logo-img {
        margin-bottom: 20px;
    }
    .section-highlight .highlights .highlight .heading-h1 {
        font-size: 50px !important;
        line-height: 40px;
    }
    .section-highlight .highlights .highlight .page-name {
        font-size: 24px !important;
    }
    .section-highlight .highlights .highlight .desc {
        font-size: 16px;
    }
    .section-highlight .area-inner .content-area { 
        margin-top: 10%;
        margin-left: 20%;
    }
    .section-highlight .area-inner .content-area .action {
        margin-top: 60px;
    }
    .highlight .content-area h1, .head-text {
        font-size: 55px !important;
        line-height: 50px;
    }
    #sc-brand .brand-lists .brand-item {
        padding: 0px !important;
    }
    #sc-brand .brand-lists .brand-item:last-child {
        padding-bottom: 0px !important;
    }
    #sc-brand .brand-lists .brand-item .content {
        top: 15% !important;
        margin: 0px 20px !important;
    }
    #sc-brand .brand-all {
        padding: 60px 0px !important;
    }
    #sc-service .service-lists .service-item {
        margin: 0px;
    }
    #sc-service .container-fluid {
        padding: 0px 15px !important;
    }
    .service-img-1, .service-img-2, .service-img-3, .service-img-4 {
        padding: 10px 0px;
    }
    .tab-page-img {
        padding: 0px 15px !important;
    }
    #sc-service .service-row-3 {
        padding: 10px 0 !important;
    }
    .brand-lists .brand-list:first-child, .brand-lists .brand-list:last-child {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 80px !important;
    }
    .brand-lists .brand-item {
        margin-top: 60px;
    }
    .brand-lists .brand-lists .link {
        text-align: center;
    }
    .brand-lists .brand-item .content {
        margin: 0 20px !important;
    }
    .brand-lists .brand-item .content h2 {
        font-size: 30px !important;
    }
    .brand-lists .brand-item .content .desc {
        font-size: 16px !important;
    }
    #sc-shop-online .lazada, #sc-shop-online .shopee {
        padding: 30px 20px !important;
    }
    #sc-shop-online .lazada .shop-img {
        max-width: 115px !important;
        margin-bottom: 19px !important;
    }
    #sc-shop-online .shopee .product-img {
        max-width: 135px !important;
        margin: auto;
        position: unset !important;
    }
    #sc-shop-online .lazada h2, #sc-shop-online .shopee h2 {
        font-size: 35px !important;
        line-height: 30px;
    }
    #sc-shop-online .lazada .product-img {
        max-width: 220px !important;
        margin: auto;
        position: unset !important;
    }
    #sc-brand .brand-lists .brand-item .link.link-01, #sc-brand .brand-lists .brand-item .link.link-05 {
        padding-top: 150px !important;
    }
    #sc-brand .brand-lists .brand-item .link {
        display: block !important;
        position: relative !important;
        padding-top: 100px !important;
        box-shadow: -8px -5px 12px #888888;
        text-align: center;
    }
    #sc-brand .brand-lists .brand-item .link a:last-child {
        float: unset !important;
        padding-left: 15px !important;
    }
    #sc-brand .brand-lists .brand-item .link a {
        font-size: 22px !important;
    }
    #sc-brand .brand-lists .brand-item .product-img.product-01, #sc-brand .brand-lists .brand-item .product-img.product-05 {
        top: 40% !important;
    }
    #sc-brand .brand-lists .brand-item .product-img {
        max-width: 290px;
        top: 30% !important;
        right: 0 !important;
        left: 15%;
    }
    #other-service .service-lists .service-item {
        margin: 0px;
    }
    .highlight .content-area .image {
        left: -15%;
        top: -15%;
    }
    .title-text {
        font-size: 45px !important;
        line-height: 40px !important;
    }
    .desc {
        /* font-size: 14px !important; */
    }
    #sc-brand .brand-lists .brand-item .content h3 {
        /* font-size: 32px !important; */
    }
    .brand-wrapper .product-main {
        transform: translate(0%, -50%) !important;
        left: 0% !important;
        top: 40px !important;
        padding: 0px 60px;
    }
    .brand-wrapper .summary .map-img {
        max-width: 280px;
        margin: auto;
    }
    .brand-wrapper .detail {
        padding-bottom: 20px;
    }
    .brand-wrapper .sub-title {
        padding-top: 50px;
    }
    .brand-wrapper .detail .unit {
        width: 60% !important;
    }
    .sc-present .title {
        font-size: 50px !important;
    }
    .show-products .show-product {
        padding: 45px !important;
    }
    .show-products .show-product .desc {
        padding-right: 0px !important;
        padding-bottom: 0px !important;
    }
    .show-products .show-product .link p {
        font-size: 28px !important;
    }
    .sc-present .bg-inner {
        top: 0 !important;
        transform: translate(-50%, 0%) !important;
    }
    .present-slide {
        top: 100% !important;
        right: 0 !important;
        left: 50%;
        transform: translate(-50%, 0%) !important;
        width: 100% !important;
    }
    .sc-present .link p { font-size: 28px !important; }
    .link p .ic { font-size: 20px !important; }
    .sc-present .shop-online { font-size: 20px !important; }
    .sc-present .product-img { padding: 15px; }
    .sc-present .shop-online a img {
        max-width: 85px !important;
    }
    .sc-present .shop-online a:last-child img {
        max-width: 80px !important;
    }
    .sc-gallery .img-01 {
        margin: 15px auto !important;
    }
    .sc-gallery .img-03 {
        margin: 15px auto !important;
    }
    .sc-gallery .sc-inner {
        padding-bottom: 100px;
    }
    .sc-catalog {
        text-align: center;
    }
    .sc-catalog .sc-inner .sc-content {
        padding-top: 100px!important;
    }
    .sc-catalog .catalog-img {
        max-width: 180px !important;
        top: -210px !important;
        right: 0 !important;
        left: 50%;
        transform: translate(-50%, 0%) !important;
    }
    .sc-catalog .content .link p span{
        font-size: 28px;
    }
    .sc-catalog .content .size {
        font-size: 17px !important;
    }
    .sc-catalog .content .title {
        font-size: 40px !important;
    }
    .product-list { padding: 20px 0px !important; }
    .product-list .product-item {
        padding-left: 0px;
        padding-right: 0px;
    }
    .service-lists .service-item {
        margin: 50px 0;
    }
    .service-lists .service-item .service-content {
        text-align: center;
        margin-top: 30px;
    }
    .service-lists .service-item .service-content .heading {
        font-size: 30px;
        line-height: 25px;
    }
    .service-lists .service-item .service-content .desc span , .service-lists .service-item .service-content .desc {
        font-size: 13px;
    }
    .service-lists .service-item .service-content ul li {
        font-size: 13px;
    }
    .question-desc {
        margin-right: 0px !important;
        margin-top: 0px !important;
    }
    .question-desc h2 {
        line-height: 40px;
        font-size: 45px !important;
    }
    #questionnaires-form p.title {
        margin-top: 10px;
    }
    #questionnaires-form .choice.inline {
        width: calc(100% / 2);
        margin-left: -5px;
    }
    .work-slide .slick-slide .work-bg {
        max-width: 335px !important;
    }
    .work-slide .slick-slide {
        margin: 0px 5px !important;
    }
    .history-slide {
        overflow: hidden;
    }
    h1, .heading-h1 {
        font-size: 58px !important;
    }
    h2, .heading-h2 {
        font-size: 40px !important;
        line-height: 0.8 !important;
    }
    .hidden-mobile {
        display: none !important;
    }
    .ct-br-m { display: block; }
    h1, .heading-h1, 
    h2, .heading-h2, 
    h3, .heading-h3,
    h4, .heading-h4,
    h5, .heading-h5,
    h6, .heading-h6 {
        line-height: 1; 
    }
    h4, .heading-h4 {
        font-size: 27px;
    }
    .form-contact-wrap {
        background-size: auto 100%;
    }
    .checkbox-field {
        top: 30px;
        right: 10px;
    }
    .pdpa-bar {
        padding: 12px;
    }
    .pdpa-bar .btn {
        height: 30px;
        line-height: 30px;
    }
    .pdpa-bar p {
        margin-bottom: 15px;
    }
    .tab-content .sc-heading {
        padding-left: 0;
    }
    .tab3-img {
        background-size: 70%;
        height: 575px;
    }
    .tab2-img {
        background-position: -100% 110%;
        background-size: 90%;
        height: 575px;
    }
    .tab1-img {
        background-position: -8% 100%;
        background-size: 65%;
        height: 575px;
    }
    .number-list li:before {
        margin-right: 5px;
        display: inline-block;
        vertical-align: top;
    }
    .number-list li p {
        display: inline-block;
        width: 90%;
    }
    .service-wrap .service-desc {
        margin: 0;
        padding: 30px 20px;
    }
    .menu li {
        font-size: 50px;
    }
    #brand-main .sc-heading, #other-service .sc-heading {
        margin-bottom: 0 !important;
    }
    #brand-main .sc-inner {
        padding-bottom: 80px !important;
    }
    #brand-list { overflow: hidden; }
    #brand-list .sc-content {
        margin-left: 0 !important;
    }
    #brand-list .sc-heading {
        margin-bottom: 30px !important;
    }
    .brand-list .brand-list .brand-item .content .link a {
        padding-right: 0 !important;
    }
    .brand-lists .brand-item .product-img {
        bottom: initial !important;
    }
    .brand-lists .brand-item .product-img.product-03 {
        bottom: -30% !important;
    }
    .brand-lists .brand-item .content .link a {
        font-size: 20px !important;
    }
    .brand-lists .slick-dots {
        bottom: -50px !important;
    } 
    #our-business-main .desc {
        margin-top: 0 !important;
    }
    #service-main .sc-heading {
        margin-bottom: 0!important;
    }
    #service-main .service-lists .service-item {
        margin: 30px 0 !important;
    }
    .service-lists .service-item .service-content .ic {
        font-size: 24px !important;
        padding: 16px !important;
    }
    .service-lists .service-item .service-content { margin-top: 45px !important; }
    .work-slide {
        overflow: hidden;
    }
    .service-lists .service-item .service-content .heading {
        font-size: 35px !important;
        line-height: 30px !important;
    }
    .service-lists .service-item .service-content .ic.ic-service-02 {
        font-size: 22px !important;
        padding: 18px !important;
    }
    .service-lists .service-item .service-content ul {
        padding-left: 48px !important;
    }
    .service-lists .service-item .service-content ul li {
        text-align: left;
    }
    .work-slide .slick-slide .work-desc .title {
        font-size: 35px !important;
    }
    .work-slide .slick-slide .work-desc .location {
        font-size: 12px !important;
    }
    #sc-footer-contact .contact-lists .contact-item .heading {
        font-size: 31px !important;
    }
    #sc-footer-contact .contact-lists .contact-item p {
        font-size: 17px !important;
    }
    #sc-footer-contact .contact-lists .contact-item .icon-main {
        font-size: 35px !important;
    }
    #sc-footer-contact .contact-lists .contact-item .tel span, #sc-footer-contact .contact-lists .contact-item .email span {
        font-size: 15px;
    }
    :lang(en) .highlights-home .highlight .content-area h1 {
        font-size: 38px !important;
        line-height: 0.8;
    }
    /* :lang(en) .highlights-home .highlight .content-area .image {
        left: -20%;
        top: -6%;
    } */
    .link span {
        font-size: 18px;
    }
    .highlight .btn-default {
        width: 100%;
        display: block;
        text-align: center;
        padding: 10px;
        max-width: 200px;
    margin: 0 auto;
    }
    .section-highlight .area-inner .content-area {
        padding: 0;
        margin: 0 auto;
    }
    
    .highlight .content-area .image {
        top: -15%;
        left: 0;
    }
    
    .section-highlight .area-inner .content-area h1 {
        padding-left: 15%;
    }
    
    .section-highlight .area-inner .content-area .company-name {
        padding-left: 15%;
    }
    /* :lang(en) .section-highlight .area-inner .content-area h1,
    :lang(en) .section-highlight .area-inner .content-area .company-name {
        padding-left: 25%;
    } */
    :lang(en) h1, :lang(en) .heading-h1 {
        font-size: 38px !important;
    }
    #sc-brand .brand-all .btn-default {
        position: relative;
        z-index: 1000;
    }
}

@media (max-width:375px) {
}