@media all and (max-width: 1250px) {
    .subsidiary-item:before {padding-top: 70%;}
}

@media all and (max-width: 1200px) {
    .subsidiary-item:before {padding-top: 80%;}
}

@media all and (max-width: 1150px) {
    .mega-menu-nav-item-col a {font-size: 13px !important;}
    .about-link-short-desc:before {padding-top: 45%;}
    .about-link-button .button-text {font-size: 14px; padding: 6px 5px 4px 5px}
    .about-link-title {font-size: 16px;}
    .about-profile-title {font-size: 15px;}
    .about-brand-button .button-text {font-size: 15px; padding: 6px 5px 3px 5px}
    .about-profile-desc {font-size: 14px;}

    .subsidiary-title {font-size: 16px;}
    .subsidiary-desc {font-size: 15px;}
    .feature-title {font-size: 14px;}

    .segmentation-text {font-size: 14px;}
}

@media all and (max-width: 1100px) {
    #section-about-link .inline-container, #section-about-profile-brand .inline-container {padding-left: 10%; padding-right: 10%;}
    .about-profile-content {width: 67%;}
    .about-link-short-desc:before {padding-top: 35%;}

    .subsidiary-title {font-size: 15px;}
    .subsidiary-desc {font-size: 14px;}

    .segmentation-text {font-size: 12px;}
}

@media all and (max-width: 1050px) {
    .navigation-wrapper li {padding: 10px 1%;}
    .footer-col {padding-left: 10px; padding-right: 10px;}
    .about-link-short-desc:before {padding-top: 40%;}

    .category-item {width: 31%;}
    .category-container .clear-4 {display: none;}
    .category-container .clear-3 {display: block;}

    .dist-col {width: 25%;}
    .indo-dist-container .clear-6 {display: none;}
    .indo-dist-container .clear-4 {display: block;}
}

@media all and (max-width: 1000px) {
    .brand-link-container {width: 100%;}
    .mega-menu-title h3 {font-size: 20px;}
    .about-link-short-desc:before {padding-top: 50%;}

    .subsidiary-item-inner {padding-left: 5%; padding-right: 5%;}

    #section-certification .highlight {padding-left: 15%; padding-right: 15%;}
}

@media all and (max-width: 950px) {
    .slide-desc-box {top: 20%; left: 10%; width: 50%;}
    .slide-decoration-bottom img {height: 170px;}

    #section-about-link .inline-container {padding-left: 5%; padding-right: 5%;}
    .about-link-title:before {padding-top: 20%;}
    .about-link-short-desc:before {padding-top: 55%;}

    fieldset .inline-container {padding-left: 2%; padding-right: 2%;}
}

@media all and (max-width: 900px) {
    .inline-container {padding-left: 5%; padding-right: 5%;}
    .footer-col {padding-left: 15px;}
    .slide-desc-box {top: 15%; left: 5%;}
    .about-link-short-desc:before {padding-top: 60%;}
    #section-about-profile-brand .inline-container {padding-left: 5%; padding-right: 5%;}
}

@media all and (max-width: 850px) {
    .slide-desc-box-title {font-size: 26px;}
    .slide-desc-box-header {padding-top: 12px; padding-left: 23px; padding-right: 10px;}
    .slide-desc-box-desc, .slide-desc-box-link {font-size: 10pt;}
    .slide-desc-box-link img {height: 20px;}
    .slide-desc-box-desc {margin-bottom: 10px;}

    .subsidiary-title {font-size: 14px;}
    .subsidiary-desc {font-size: 13px;}
    .feature-title {font-size: 13px;}

    #footer {height: 550px; margin-top: -550px;}
    .back-to-top {top: 122px;}
}

@media all and (max-width: 800px) {
    .about-link-title:before {padding-top: 25%;}
    .about-link-short-desc:before {padding-top: 70%;}
    .about-link-button .button-text {font-size: 12px; padding: 7px 5px 5px 5px;}

    .facility-intro-title, .standard-title, .principal-title {font-size: 16px;}
    .facility-intro-desc, .standard-desc, .principal-desc {font-size: 15px;}

    #section-certification .highlight {padding-left: 10%; padding-right: 10%;}

    .segmentation-item {width: 50%;}
    .segmentation-item.end-3 {border-right: 1px solid #acacac;}
    .segmentation-item.end-2 {border: 0;}
    .segmentation-text {font-size: 16px;}
}

@media all and (max-width: 768px) {
    .navigation-wrapper {display: none;}
    #header-fixed {display: none !important;}
    .social-media-wrapper {display: none;}

    .burger-menu {display: block;}

    .brand-link-left, .brand-link, .brand-link-right {float: none; width: 100%;}
    .brand-link-left {font-size: 16px; -webkit-border-radius: 20px 20px 0px 0px; -moz-border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px;}
    .brand-link-right {-webkit-border-radius: 0px 0px 20px 20px; -moz-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px;}
    .brand-link, .brand-link-right {text-align: left; padding: 10px 20px 10px 20px}
    .brand-link-container {width: 100%; max-width: 333px;}
    .our-brand-image {display: none;}
    .our-brand-image-mobile {display: block;}
    .our-brand-col {width: 50%;}

    .slick-prev {left: 5% !important;}

    #footer {height: 1060px; padding-top: 85px; margin-top: -450px; background: none;}
    .footer-col {width: 100%; float: none; padding-left: 0; padding-right: 0; border-right: 0;}
    .footer-first-col {margin-bottom: 55px;}
    /* .back-to-top {top: 12px;} */
    #footer .inline-container {padding-left: 10%; padding-right: 10%;}
    .footer-pc-version {display: none;}
    .footer-mobile-version {display: block;}

    .slick-slide img.slide-image-desktop {display: none;}
    .slick-slide img.slide-image-mobile {display: block;}

    #section-hakiki-today fieldset .col-left {width: 100%; float: none; padding-right: 0;}
    #section-hakiki-today fieldset .col-right {width: 100%; float: none; padding-left: 0;}
    #section-hakiki-today fieldset .col-right img {margin-bottom: 30px;}

    .about-link-item {width: 50%; float: none; margin: auto; margin-bottom: 40px;}
    .about-link-item.last {margin: auto; margin-bottom: 40px;}
    .about-link-title:before {padding-top: 15%;}
    .about-link-short-desc:before {padding-top: 30%;}
    .about-profile-content .col-left {float: none; width: 100%; padding-right: 0;}
    .about-profile-content .col-right {float: none; width: 100%; padding-left: 0;}
    .about-profile-content {width: 50%;}

    .subsidiary-item {width: 100%; float: none; border-left: 0;}
    .subsidiary-item:before {padding-top: 30%;}
    #section-who-we-are .col-left {float: none; width: 100%; padding-right: 0;}
    #section-who-we-are .col-right {float: none; width: 100%; text-align: center;}
    .subsidiary-title {font-size: 17px;}
    .subsidiary-desc {font-size: 16px;}
    .feature-title {font-size: 16px;}
    .feature-item {width: 50%;}
    .feature-container .clear-2 {display: block;}

    .facility-intro-title, .standard-title, .principal-title {font-size: 15px;}
    .facility-intro-desc, .standard-desc, .principal-desc {font-size: 14px;}

    #section-milestone {margin-bottom: 130px;}

    .category2-item {width: 48%;}
    .category2-container .clear-3 {display: none;}
    .category2-container .clear-2 {display: block;}
    .category2-image {-webkit-filter: none;  -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none;}

    .article-category-item {width: 33%;}
    .filter-by-year {float: none; width: 100%; margin-bottom: 20px;}
    .search-article-wrapper {float: none; width: 100%; margin-left: 0;}
    .news-item {width: 46% !important; margin: 2%;}
    .article-container .clear-3 {display: none;}
    .article-container .clear-2 {display: block;}
}

@media all and (max-width: 700px) {
    .about-link-item {width: 60%;}

    #section-vision-mission .highlight {font-size: 18px;}

    .facility-intro-title, .standard-title, .principal-title {font-size: 14px;}
    .facility-intro-desc, .standard-desc, .principal-desc {font-size: 13px;}

    .category-item {width: 48%;}
    .category-container .clear-3 {display: none;}
    .category-container .clear-2 {display: block;}

    .segmentation-text {font-size: 14px;}

    .distribution-area, .market-segmentation, .inter-dist-item {width: 48%;}
    .inter-dist-container .clear-3 {display: none;}
    .inter-dist-container .clear-2 {display: block;}
}

@media all and (max-width: 650px) {
    .section-title {font-size: 24px;}

    #section-subsidiaries fieldset {border-right: 0; border-left: 0;}
    #section-subsidiaries .inline-container {padding-left: 0; padding-right: 0;}

    #section-certification .highlight {padding-left: 5%; padding-right: 5%;}

    .dist-col {width: 33%;}
    .indo-dist-container .clear-4 {display: none;}
    .indo-dist-container .clear-3 {display: block;}
}

@media all and (max-width: 600px) {
    .news-carousel-wrapper {padding-left: 0; padding-right: 0;}
    .news-item-image:before {padding-top: 60%;}
    .news-item-title:before {padding-top: 20%;}
    .news-item-short-desc:before {padding-top: 25%;}

    .slide-desc-box-header {padding: 10px 10px 8px 20px;}
    .slide-desc-box-title {font-size: 20px;}
    .slide-desc-box-desc, .slide-desc-box-link {font-size: 8pt;}
    .slide-desc-box-link img {height: 15px;}
    .slide-desc-box-desc {margin-bottom: 20px;}
    .slide-desc-box-desc p {line-height: 1.5em;}

    .about-link-item {width: 70%;}
    .about-profile-wrapper {background: none;}
    .about-profile-content {width: 100%; padding: 0; padding-bottom: 40px;}
    .about-profile-5-img {display: block; margin-bottom: 30px;}
    .about-profile-content .col-left, .about-profile-content .col-right {padding-left: 5%; padding-right: 5%;}

    #section-who-we-are .col-left {column-count: 1;}
    .subsidiary-item:before {padding-top: 40%;}
    #section-vision-mission .highlight {font-size: 16px;}

    .facility-intro-title, .standard-title, .principal-title {font-size: 17px;}
    .facility-intro-desc, .standard-desc, .principal-desc {font-size: 16px;}
    .facility-intro-container {border-left: 1px solid #a5a7a9;}
    .facility-intro-col-left, .standard-col-left, .principal-col-left {float: none; width: 100%;}
    .facility-intro-col-right, .standard-col-right, .principal-col-right {float: none; width: 100%; position: relative;}
    .facility-intro-desc-wrapper, .standard-desc-wrapper, .principal-desc-wrapper {position: static; -ms-transform: none; transform: none; padding-top: 40px; padding-bottom: 40px;}
    .facility-intro-border.border-top, .facility-intro-border.border-bottom, .standard-border.border-top, .standard-border.border-bottom, .principal-border.border-top, .principal-border.border-bottom {left: 0;}
    .facility-intro-container .green-decor, .standard-container .green-decor, .principal-container .green-decor {left: 0;}

    .standard-desc-wrapper, .principal-desc-wrapper {width: 100%;}
    .standard-border, .principal-border {right: 0;}
    .standard-container, .principal-container {border-right: 1px solid #a5a7a9;}

    .certification-item {width: 50%; padding-bottom: 50px; padding-top: 0;}
    .certification-container .clear-2 {display: block;}
    .certification-container .clear-3 {display: none;}
    .certification-item.last-item {border-right: 1px solid #acacac;}
    .certification-item.even-item {border-right: 0;}

    .category-brand-item {width: 50%;}
    .category-brand-container .clear-2 {display: block;}
    .category-brand-container .clear-3 {display: none;}

    .segmentation-text {font-size: 12px;}

    .news-item {width: 100% !important; margin: 0; margin-bottom: 40px;}
    .article-container .clear-2 {display: none;}
}

@media all and (max-width: 550px) {
    .our-brand-col {width: 100%; padding-right: 0;}

    .slide-desc-box {width: 60%;}

    .feature-title {font-size: 14px;}

    .brand-item {width: 50%;}
    .brand-container .clear-2 {display: block;}
    .brand-logo {height: 250px;}

    .category2-item {width: 100%; margin-right: 0; float: none;}
    .category2-container .clear-2 {display: none;}

    .distribution-area, .market-segmentation {width: 100%; margin-bottom: 30px; margin-right: 0; margin-left: 0;}

    .article-category-item {width: 50%;}

    .result-item {margin-bottom: 20px; width: 100%; margin-left: 0 !important; margin-right: 0 !important;}
}

@media all and (max-width: 500px) {
    .section-title {font-size: 21px;}

    .slide-desc-box {width: 70%;}

    .about-link-item {width: 80%;}

    .accordion-header {font-size: 12px;}
    .accordion-body {padding: 7%; font-size: 14px;}
    .brand-logo {height: 200px;}

    #section-milestone {display: none;}
    #section-milestone-mobile {display: block;}
    .milestone-container:before {content: none;}
    .milestone-item {height: auto; padding: 5%;}
    .milestone-item img {margin-bottom: 20px;}

    .segmentation-text {font-size: 16px;}
    .segmentation-item {float: none; width: 100%; border-right: 0 !important;}
    #section-segmentation fieldset {border-right: 0; border-left: 0;}

    .inter-dist-item {width: 100%;}
}

@media all and (max-width: 450px) {
    .news-item-image:before {padding-top: 70%;}
    .news-item-title:before {padding-top: 30%;}
    .news-item-short-desc:before {padding-top: 30%;}

    .slide-desc-box-header {padding: 5px 5px 3px 15px;}
    .slide-desc-box-body {padding: 10px}
    .slide-desc-box-desc {margin-bottom: 10px;}
    .current-slide-line {width: 100px; margin-left: -50px;}
    .slide-decoration-bottom img {height: 135px;}

    .subsidiary-item:before {padding-top: 50%;}

    .accordion-header {font-size: 10px;}
    .accordion-body {padding: 5%; font-size: 12px;}

    .certification-item {width: 100%; float: none; border: 0 !important;}
    #section-certification fieldset {border-right: 0; border-left: 0; border-bottom: 0;}

    .brand-logo {height: 150px;}

    .category-item {width: 100%; margin-right: 0; float: none;}
    .category-container .clear-2 {display: none;}

    .dist-col {width: 50%;}
    .indo-dist-container .clear-3 {display: none;}
    .indo-dist-container .clear-2 {display: block;}
}

@media all and (max-width: 400px) {
    .news-item-image:before {padding-top: 70%;}
    .news-item-title:before {padding-top: 45%;}
    .news-item-short-desc:before {padding-top: 50%;}
    .news-item-title {font-size: 17px;}
    .news-item-short-desc {font-size: 9pt;}

    .about-link-item {width: 90%;}
    .about-link-short-desc:before {padding-top: 35%;}

    .subsidiary-item:before {padding-top: 60%;}
    .feature-title {font-size: 16px;}
    .feature-item {width: 100%; float: none; padding: 0;}

    .brand-item {width: 100%;}
    .brand-logo {border-right: 0; height: 250px;}

    #section-indo-dist {display: none;}
    #section-indo-dist-mobile {display: block;}

    .article-category-filter-wrapper .inline-container {padding-left: 5%; padding-right: 5%;}
    .article-category-dropdown-wrapper {display: block;}
    .article-category-container {display: none;}
    .search-article-button-wrapper {width: 50px;}
    /* .search-article-textinput {width: 100%; padding-right: 0; margin-bottom: 20px;} */
    /* .search-article-button {float: none; width: 100%;} */
}

@media all and (max-width: 350px) {
    .about-link-title:before {padding-top: 20%;}
    .about-link-short-desc:before {padding-top: 40%;}

    .subsidiary-item:before {padding-top: 70%;}

    .brand-logo {height: 200px;}
}