@charset "utf-8";


@media only screen and (max-width:1200px){
    .container{max-width: 98%}
    }
    
@media only screen and (max-width:1100px){
    .member_info span{font-size: 12px;}
    .member_info h3 {
        font-weight: 600;
        font-size: 16px;
        margin: 0 0 5px;
    }

    .member_info{
        min-height: 100px;
        padding: 10px 4px 0;
    }

    .group_tab_wrap li {
        display: inline-block;
        font-size: 12px;
        margin: 0 2px;
    }

    .banner_caption h2{
        font-size: 40px;
        margin: 0 0 10px;
    }

    .banner_caption span {
        font-size: 25px;
        margin: 0 0 12px;
    }

    .prod_tab li span{font-size: 16px;}
    .prod_tab li{height: 60px;}
}

@media only screen and (max-width: 1024px){
    .banner_caption h2{
        font-size: 40px;
        margin: 0 0 10px;
    }

    .banner_caption span {
        font-size: 25px;
        margin: 0 0 12px;
    }

    .prod_tab li span{font-size: 16px;}
    .prod_tab li{height: 60px;}
    .prod_tab {
        text-align: center;
        margin-top: 9px;
    }

    h1.title{font-size: 34px;}
    .group_tab_wrap li{
        margin: 0 0px 18px;
        font-size: 12px;
    }
}





@media only screen and (max-width: 767px){

    .banner_caption{
        transform: translateY(-65%);
    }
    .banner_caption h2{
        font-size: 25px;
        margin: 0 0 10px;
    }

    .banner_caption span {
        font-size: 16px;
        margin: 0 0 5px;
    }

    .prod_tab li span {
        font-size: 13px;
    }

    .prod_tab_cont h2 {
        font-size: 32px;
    }

    h1.title {
        font-size: 32px;
    }

    .prod_tab_cont h2{
        margin:0 0 18px;
    }

    .prod_tab_cont p{font-size: 14px;}
    .prod_serv_btm_cont{padding: 0}

    h1.title{font-size: 22px;}
    .team_section h2{font-size: 16px;}
    .team_section h2{margin:0 0 20px;}
    .indi_info{margin: 0; padding: 30px;}
    .group_section h1{margin: 0 0 20px;}
    .indivisual_section h1{margin: 0 0 20px;}
    .prod_tab_cont h2{font-size: 22px;}
    .group_tab_wrap {
        margin: 0 0 15px;
    }
    .group_tab_content h2 {
        font-size: 17px;
        margin: 0 0 20px;}
        .group_right{
            font-size: 14px;
        }   
        
        .prod_tab_cont h3 {
            font-size: 15px;
        }

        .prod_serv_btm_cont span{font-size: 14px;}
        .process_list li{font-size: 14px;}
    
}

@media only screen and (max-width: 575px){
    
    .prod_tab li{
        display: block;
        width: 100%;
    }

    .product_service_wrap{
        padding-top:20px; 
    }

    .prod_tab{
         margin: 0
    }

    .prod_tab li{margin: 0}

    .prod_tab li span {
        font-size: 15px;
    }

    .banner_caption a.down_arrow{display: none}
    .prod_serv_btm_cont h4{
        padding: 2px 0 12px;
    }

    .member_info {
        min-height: inherit;
        padding: 12px 5px;
    }

    .member_info span{
        margin: 0
    }

    .team_box{
        margin-bottom:10px; 
    }

    h1.title {
        font-size: 21px;
    }
    .indivisual_section h1 {
        margin: 0 0 18px;
        text-align: center;
    }

    .indivisual_section h1 br{display: none; text-align: center}
    .indi_info{margin: 0}

    .group_right{
        padding: 20px 0 0;
    }

    .group_tab_content h2 br{
        display: none
    }
    .group_right span {
        display: block;
        padding: 14px 0;
    }
    .time_btm{padding: 12px 0}
    .prod_tab li {
        height: 46px;
    }
}

@media screen and (max-width: 479px){
    .prod_tab li span {
        font-size: 13px;
    }
    .indi_info{padding: 20px; font-size: 16px;}
    .banner_caption h2{
        font-size: 19px;
        margin:0 0 6px;
    }

    .group_tab_wrap li{
        width: 100%;
        display: block;
        margin: 0 0 4px;
    }

    .group_right p{
        /*text-align: justify*/
    }

    .group_tab_content h2{
        font-size: 14px;
    }

    h1.title {
        font-size: 18px;
    }

    .prod_tab_cont h2{
        font-size: 18px;
    }

    .team_section h2 {
        font-size: 12px;
    }
}