/*320 - 767*/
@media screen and (max-width: 767px) {
    
    .banner-item{
        height: 30vh
    }
    .banner-content {
    position: relative;
        
    }
    header.main-header{
        position: relative
    }
    .navbar-brand img{
         filter: invert(1) brightness(11);
    width: 245px;   
        padding: 0
    }
    .banner-content h1{
        width: 100%;
        border-radius: 0;
        background: #1b3848
    }
        .how-work-item-image img {
         max-width: 100%; 
    }
        .interactive-process-layout .interactive-inner-process {
        padding: 10px 0 10px;
        border-right: none;
    }
    
        .world-map-counter-box {
        margin-top: 0;
        padding-top: 0;
    }
        .world-map-counter-item {
        width: 46%;
    }
    .world-map-counter-box{
        justify-content: center;
        
    }
        .world-map-counter-content h2 {
        font-size: 23px;
    }
        .world-map-counter-content p {
        font-size: 13px;
        line-height: 17px;
    }
    .footer-copyright-text p{
        text-align: center
    }
    .page-header{
            height: 30vh;
    background-size: cover !important;
        padding: 0
    }
    .abt-page h2 {
    font-size: 20px;
}
    .abt-page .about-us-item .about-us-item-content p:last-child{
        margin-bottom: 10px
    }
    .quality-policy-text .approach-item h2{
        font-size: 25px
    }
    .quality-policy-text .approach-item {
    padding: 30px 20px;
}
    .quality-policy-text .approach-item p, .quality-policy-text-second .approach-item p{
        text-align: left
    }
    .timeline__item:after{
      top: 50px !important;  
    }
    .timeline--mobile .timeline__item .timeline__content:before{
        display: none
    }
    .our-partner{
        padding-top: 0
    }
    .timeline:not(.timeline--horizontal):before{
            background-color: #104b5a !important;
    }
    .page-header-box h1 {
        font-size: 20px;
    }
    .unit-detail.section .image-anime{
        margin-bottom: 20px
    }
    .unit-second h6{
        margin: 20px 0
    }
    .opening-hour-box ul li{
        display: block
    }
    .opening-hour-box ul li span{
        margin-right: 10px
    }
    .gallery-images-section {
        padding-top: 0
    }
 .design-application-page .section-title p {
    font-size: 20px;
     line-height: 25px
    }
    
    .our-brands.state-of-art-data .mt-50{
        margin-top: 0
    }
   .our-brands.state-of-art-data .arrow{
        margin: 30px 0
    }
    .manufacturing-process .our-brand-item {
    width: 100%;
}
    .manufacturing-process .our-brand-item {
    padding: 10px;
}
    .list-flex{
        display: block
    }
    .frs-min-box{
        min-height: inherit
    }
    .tw-bx{
        padding: 20px
    }
    .project-benefit-item-cust{
        margin-bottom: 10px
    }
}