@charset "utf-8";
/* CSS Document */

@media (min-width: 1301px) and (max-width: 1500px) {
    
}

@media (min-width: 1200px) and (max-width: 1300px) {
    .home_banner { min-height: 700px;}
    .home_banner .banner_caption { top: 157px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.home_banner { min-height: 700px;}
    .home_banner .banner_caption { top: 157px;}
    .home_banner img ,
    .home_banner .pavan_ani svg { height: 446px;}

    .cutt_slides .right_slides .mn_infobox .infobox { max-width: 220px;}
    .cutt_slides .right_slides .mn_infobox.colm4 .infobox { max-width: 33.33%;}

    .team_popup .imagebox { padding: 60px;}
    .team_popup .pop_left p { font-size: 18px;}
    .team_popup .pop_left { max-width: 400px;}

    .about_banner .globe_wrap { overflow: hidden;}
    .about_banner .globe_wrap .webgl { width: 443px;}
    .about_banner .globe_wrap .webglN { width: 473px; height: 473px; right: -30px; top: -10px;}
    .about_banner .globe_wrap .top_number img { max-height: 226px;}
    .about_banner .globe_wrap .webgl::after { top: 0; left: -10px; right: -10px;}
    .about_banner .globe_wrap .lines { height: 19px; background-size: auto 19px;}

    .tech_optimal_wrap .arrows.arrow_2 { top: 50px;}
	
/*=============== css add 12-5-2021 ============*/
.team_popup-1 .imagebox { padding: 60px;}
.team_popup-1 .pop_left p { font-size: 18px;}
.team_popup-1 .pop_left { max-width: 400px;}
/*=============== css add 12-5-2021 ============*/

}

@media (min-width: 768px) and (max-width: 991px) {

    .header_wrapper { padding: 20px;}
    #header .logo a {}
    #header .logo a svg { max-height: 24px; width: auto;}
    nav.navigation ul li + li { margin: 0 0 0 20px;}
    nav.navigation ul li a { font-size: 14px;}
    #header .btnbox { margin: 0 0 0 26px;}
    #header .btnbox a { width: 140px;}

    .home_banner { min-height: 700px; max-height: 800px;}
    .home_banner img ,
    .home_banner .pavan_ani svg { height: 300px;}

    .about_home { padding: 80px 0;}
    .about_home .rightpart { padding: 20px 0 0 0;}
    .about_home .iconwrap { text-align: left;}

    .cutting_sl_1 h2 { font-size: 60px;}
    .cutt_slides .left_slides h3 { max-width: none;}
    .cutt_slides .right_slides { padding: 40px 0 0 0; margin: 0;}
        
    .cutt_slides .right_slides .mn_infobox .infobox { max-width: 220px;}
    .cutt_slides .right_slides .mn_infobox.colm4 .infobox { max-width: 33.33%;}

    .home_solution_wrap { padding: 80px 0 40px 0;}
    .home_solution_wrap .solubox a { min-height: 230px; padding: 30px 30px 30px;}
    .home_solution_wrap .solubox a span { text-align: center;}
    .home_solution_wrap .solubox a.frow span { text-align: left;}

    .home_history_wrap {padding: 40px 0 100px 0; }
    .home_history_wrap .nav_his { left: 0; right: 0;}

    .contact_banner { padding: 150px 0 85px 0;}
    .about_banner { padding-bottom: 0;}
    .pg_title h2 { font-size: 40px;}

    .about_mn_wrap { padding: 80px 0;}
    .about_mn_wrap h2 { padding: 0 0 20px 0;}
    .about_mn_wrap p { font-size: 18px;}

    .team_mem_wrap { padding: 80px 0;}
    .advisory_wrap { padding: 80px 0;}

    .team_popup .pop_left { max-width: 45%; padding: 40px 0;}
    .team_popup .pop_left h3 { font-size: 28px;}
    .team_popup .pop_left h6 { font-size: 16px;}
    .team_popup .pop_left p { font-size: 16px;}
    .team_popup .imagebox { padding: 40px 40px 40px 60px;}
    .team_popup .close_btn { left: -30px;}
    .team_popup .close_btn a { width: 60px; height: 60px;}

    .technology_banner { padding: 150px 0 85px 0;}
    .underthehood_wrap .tech_mobile { left: 150px;}
    .battguniq_wrap h2 { padding: 0 0 7px 0;}
    .battguniq_box p { padding: 18px 0 0 0;}
    .battguniq_wrap .imagewrap .imagebox { height: auto;}
    .battguniq_wrap .imagewrap { margin: 50px 0 0 0;}
    .battguniq_wrap .imagewrap .imagebox { justify-content: center;}
    .battguniq_wrap [class*="col-"]:first-child .imagewrap .imagebox { justify-content: center;}
    .battguniq_wrap [class*="col-"]:last-child .imagewrap .imagebox { justify-content: center;}
    .textplusimg_wrap { padding: 100px 0;}
    .textplusimg_wrap .right_part { padding: 50px 0 0 0;}

    .blog_banner { padding: 150px 0 0 0;}

    .blog_banner .pg_title h1 { font-size: 42px;}
    .blog_banner .sub_text p { font-size: 20px;}
    .blog_detail { padding: 60px 0 80px 0;}
    .blog_detail .imagebox { margin: 0 0 60px 0;}
    .blog_detail * + .imagebox { margin-top: 60px;}
    .blog_detail .text_blog p { font-size: 18px;}
    .blog_detail .sharingbox { margin-top: 60px;}

    .about_banner .globe_wrap { overflow: hidden;}
    .about_banner .globe_wrap .webgl { width: 332px; margin: 0;}
    .about_banner .globe_wrap .webglN { width: 350px; height: 350px; right: 7px; top: -10px;}
    .about_banner .globe_wrap .top_number img { max-height: 168px;}
    .about_banner .globe_wrap .webgl::after { top: 0; left: -6px; right: -6px;}
    .about_banner .globe_wrap .lines { height: 16px; background-size: auto 16px;}
    
    .underthehood_wrap .tech_logo { width: 180px; left: 5%;}
    .tech_optimal_wrap .arrows.arrow_2 { top: 95px;}

    .footer_wrap .emailform .input_text { font-size: 26px; padding-right: 150px;}
    .footer_wrap .emailform .submit_btn { width: 150px;}
    .footer_wrap .emailform .placeholder { font-size: 26px;}
    .footer_wrap .emailform .placeholder span { font-size: 18px;}
	
	/*=============== css add 12-5-2021 ============*/
.team_popup-1 .pop_left { max-width: 45%; padding: 40px 0;}
.team_popup-1 .pop_left h3 { font-size: 28px;}
.team_popup-1 .pop_left h6 { font-size: 16px;}
.team_popup-1 .pop_left p { font-size: 16px;}
.team_popup-1 .imagebox { padding: 40px 40px 40px 60px;}
.team_popup-1 .close_btn { left: -30px;}
.team_popup-1 .close_btn a { width: 60px; height: 60px;}
/*=============== css add 12-5-2021 ============*/

}

@media (min-width: 992px) {
    .tablet_show { display: none !important;}
    .grid li { max-width: 33%;}
}
@media (max-width: 991px) {
    .tablet_hide { display: none !important;}

    body.show_menu { overflow: hidden;}

    

}

@media (min-width: 768px) {
    .mobile_show { display: none !important;}
}
@media (max-width: 767px) {
    .mobile_hide { display: none !important;}
    .container { padding-left: 25px; padding-right: 25px;}
    .header_wrapper { padding: 31px 25px 20px;}
    #header .logo { position: relative; z-index: 1111;}
    #header .logo a {}
    #header .logo a svg { max-height: 30px; width: auto;}
    
    body:not(.home).show_menu #header .logo .battletter { fill: #ffffff;}
    body:not(.home).show_menu #header .logo .bottle { fill: #222961;}
    body:not(.home).show_menu #header .logo .shinewave { fill: #ffffff;}

    body.show_menu #header.sticky_header .logo .battletter { fill: #ffffff;}
    body.show_menu #header.sticky_header .logo .bottle { fill: #222961;}
    body.show_menu #header.sticky_header .logo .shinewave { fill: #ffffff;}

    body.show_menu .overlay_close { display: block;}
    nav.navigation { }
    nav.navigation { position: fixed; right: 0; top: 0; bottom: 0; background: #ffffff; width: 100%; z-index: 111; overflow: auto; background: #222961; align-items: stretch;
        -webkit-flex-direction: column; 
        flex-direction: column;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
	}
    nav.navigation ul { padding: 135px 25px 0 25px; display: block;}
    nav.navigation ul li { margin: 0; padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    nav.navigation ul li + li { margin: 24px 0 0 0; padding: 0;}
    nav.navigation ul li a { color: #ffffff; padding: 0 0; letter-spacing: 0; font-size: 24px;}
    nav.navigation ul li a::after {}
    nav.navigation ul li a.active { color: #01DEBD;}
    body:not(.home) nav.navigation ul li a { color: #ffffff;}
    #header.sticky_header nav.navigation ul li a { color: #ffffff;}
	.header_wrapper::after { position: fixed; width: 100vw; z-index: 11; background: none; content: ''; left: auto; top: 0; right: 0; bottom: 0; opacity: 0; visibility: hidden; pointer-events: none; display: block; height: 100vh;
		-webkit-transition: all ease-in-out 0.3s;
		-moz-transition: all ease-in-out 0.3s;
		transition: all ease-in-out 0.3s;
	}
    body.show_menu .header_wrapper::after { opacity: 1; pointer-events: all; visibility: visible;}
    .show_menu nav.navigation {
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		transform: translateX(0%);
	}
    #header .btnbox { margin: 0; padding: 24px 20px 24px 25px;} 
    #header .btnbox a,
    body:not(.home) #header .btnbox a { width: auto; height: auto; border: none; border-radius: 0; color: #ffffff; font-size: 24px; font-family: "Gilroy-Medium"; line-height: normal; position: relative; background: none;}
    #header .btnbox a::after,
    body:not(.home) #header .btnbox a::after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: -2px; background: #01DEBD; opacity: 0;}
    #header .btnbox a:hover,
    body:not(.home) #header .btnbox a:hover { background: none;}
    
    #header .menu_close { padding: 0 23px; position: relative;}

    .home_banner { min-height: 500px; max-height: 800px; overflow: hidden;}
    .home_banner .banner_caption { top: 132px;}
    .home_banner h1 { font-size: 36px; max-width: 291px; margin: 0 auto;}
    .home_banner h1 span { display: inline;}
    .home_banner h1 span::after { height: 4px; bottom: 5px;}
    .home_banner .btnbox { padding: 42px 0 0 0;}
    .home_banner .imagewrap { margin-left: -100px;}
    .home_banner img ,
    .home_banner .pavan_ani svg { height: 190px;}

    .about_home { padding: 70px 0 60px 0;}
    .about_home .left_text h2 { font-size: 36px; max-width: 275px;}
    .about_home .left_text .btnbox { padding: 41px 0 0 0;}
    .about_home .rightpart { padding: 20px 0 0 0;}
    .about_home .iconwrap { max-width: 264px; margin: 0 auto;}
    .about_home .iconwrap .icon img { }
    .about_home .iconwrap .count_ele {}

    .sec_title h2 span::after { height: 6px;}
    .home_history_wrap .sec_title h2 { max-width: 262px;}
    
    .the_future_wrap h2 span::after { height: 6px; bottom: 6px;}
    .cutting_sl_1 h2 span::after { height: 6px; bottom: 7px; left: -5px; right: -5px;}

    .cutting_sl_1 h2 { font-size: 60px;}
    .cutt_slides .right_slides { padding: 186px 0 0 0; margin: 0;}
    .cutt_slides .right_slides .mn_infobox .infobox { max-width: 33.33%; padding:0 20px 0 14px; font-size: 14px; line-height: 1.57;}
    .cutt_slides .right_slides .mn_infobox .infobox:nth-child(3) { padding-right: 0;}
    .cutt_slides .right_slides .mn_infobox .infobox span { width: 6px; height: 6px;}
    .cutt_slides .right_slides .mn_infobox.colm4 .infobox { max-width: 50%;}
    .cutting_sec { display: none !important;}
    .cutting_slide_wrap { position: relative; height: auto;}
    .cutting_slide_wrap .cutt_slides { position: relative; height: auto; left: auto; top: auto; opacity: 1; pointer-events: all; padding: 70px 0;}
    .cutting_slide_wrap .cutt_slides + .cutt_slides { border-top: solid 1px #e5e5e5;}
    .cutting_slide_wrap .cutt_slides.cusec_1 { padding: 80px 0; min-height: 100vh;}
    .cutt_slides.cusec_1 .image img { max-width: none; width: 1110px;}
    .cutt_slides .right_slides .graphmain { padding: 20px;}
    .cusec_1 h2 { font-size: 36px; max-width: 255px; margin: 0 auto; line-height: 1.2777;}
    .cusec_1 h2 span { display: inline;}
    .cutt_slides .right_slides .mn_infobox { position: relative; left: auto; top: auto;}
    .cutt_slides .shine_box { right: 0;}
    .cutt_slides .shine_box svg { max-height: 50vh;}
    .cutt_slides .left_slides { max-width: 100%;}
    .cutt_slides .left_slides h3 { max-width: 100%;}
    .cutt_slides .left_slides p { font-size: 16px; padding: 36px 0 0 0;}

    .home_solution_wrap { padding: 70px 0 30px 0;}
    .home_solution_wrap .solubox a { min-height: 150px; padding: 30px 20px;}
    .home_solution_wrap .solubox a span { text-align: center; display: block; max-width: 228px; margin: 0 auto;}
    .home_solution_wrap .solubox a.frow span { text-align: center;}
    .home_solution_wrap .solubox a.frow {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .home_solution_wrap .solubox a.frow .iconbox { margin: 0;}
    .sec_title h2 { font-size: 36px; max-width: 278px; margin: 0 auto;}
    
    .cutt_slides .right_slides .graphmain .toptitle { font-size: 12px;} 
    .cutt_slides .right_slides .graphmain .toptitle strong { font-size: 16px; line-height: 1.2;}
    .cutt_slides .right_slides .graphmain .lefttitle span { font-size: 13px;}
    .cutt_slides .right_slides .graphmain .bottomtitle { font-size: 13px;}

    .home_history_wrap {padding: 33px 0 60px 0; }
    .home_history_wrap .nav_his { left: 60px; right: 60px; top: 53px;}
    .home_history_wrap .nav_his [class*="swiper-button-"] { width: 22px; height: 22px;}
    .home_history_wrap .nav_his [class*="swiper-button-"] svg { width: 8px; height: auto;}
    .home_history_wrap .nav_his [class*="swiper-button-"] svg path { stroke-width: 2px;}
    .home_history_wrap .hisbox .detailbox h3 { font-size: 32px;}
    .home_history_wrap .hisbox .detailbox { margin: 0; padding: 98px 0 0; width: 212px; position: relative; left: 50%;
        transform: translateX(-50%);
    }
    .home_history_wrap .hisbox .detailbox p { font-size: 16px;}
    .home_history_wrap .hisbox .image_wrap .yearbox { display: none;}
    .home_history_wrap .swiper-container-horizontal > .swiper-scrollbar { width: 100vw; margin-left: -50vw; top: 144px;}
    .home_history_wrap .swiper-container-horizontal > .swiper-scrollbar span.min_yr { left: 25px;}
    .home_history_wrap .swiper-container-horizontal > .swiper-scrollbar span.max_yr { right: 25px;}
    .home_history_wrap .hisbox .image_wrap { width: 83px; height: 83px; left: 50%;
        transform: translateX(-50%);
    }
    .home_history_wrap .swiper-container { margin: 90px auto 0;}
    .home_history_wrap .dashed_line { top: 41px;}
    .home_history_wrap .hisbox .imagebox { width: 83px; height: 83px;}
    .home_history_wrap .swiper-slide-active .hisbox .imagebox { width: 142px; height: 142px;}
    .home_history_wrap .swiper-slide-active .hisbox .imagebox::before { top: -8px; right: -8px; bottom: -8px; left: -8px;}

    .footer_wrap { padding: 70px 0 43px 0;}
    .footer_wrap .emailform .input_text { height: 90px; font-size: 20px;}
    .footer_wrap .emailform .placeholder { font-size: 20px;}
    .footer_wrap .emailform .placeholder span { font-size: 16px; margin: 0 0 0 3px;}
    .footer_wrap .f_row { padding: 49px 0 0 0;}
    .footer_wrap .f_row .fnav { padding: 0;}
    .footer_wrap .f_row .fnav ul li {}
    .footer_wrap .f_row .addbox { padding: 17px 0 0 0; text-align: right;}
    .footer_wrap .f_row .email_tel { padding: 78px 0 0 0;}
    .footer_wrap .f_row .email_tel p { font-size: 20px;}
    .footer_wrap .f_row .socialbox a + a { margin: 0 0 0 34px;}
    .footer_wrap .f_row .socialbox { margin: 0; padding: 30px 0 0 0; justify-content: center;}
    .footer_wrap .copyright_wrap { padding: 60px 0 0 0;
        -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
    }
    .footer_wrap .f_row [class*="col-"] { position: static;}
    .footer_wrap .f_row .logobox { padding: 0 0 34px 0;}
    .footer_wrap .copyright_wrap .copy_col { max-width: 100%; text-align: center;}
    .footer_wrap .copyright_wrap .copy_1 { max-width: 100%; order: 3; padding: 27px 0 0 0;}
    .footer_wrap .copyright_wrap .copy_2 { max-width: 50%; text-align: left;}
    .footer_wrap .copyright_wrap .copy_3 { order: 2; max-width: 50%; text-align: right;}
    

    .cutt_slides.showed_text h2 span::after { width: calc(100% + 10px); transition-delay: 0.7s;}
    .cutt_slides.showed_text h2 span + span::after {
        transition-delay: 1.2s;
    }
    .cutt_slides.showed_text .left_slides h3,
    .cutt_slides.showed_text .left_slides p { opacity: 1;
        transform: translateY(0);
    }
    .cutt_slides.showed_text .left_slides p {
        transition-delay: 0.1s;
    }
    .cutt_slides.showed_text h2 { opacity: 1;
        transform: translateY(0px);
    }

    .cutt_slides.showed_text .movecutshine {
		transform: translateY(0%);
		transition-duration: 2s;
	}


    .contact_banner { padding: 100px 0 40px 0;}
    .about_banner { padding-bottom: 0;}
    .pg_title h2 { font-size: 32px;}
    .about_banner .globe_wrap { margin: 30px 0 0; padding: 0; justify-content: flex-end; overflow: hidden;}
    .about_banner .globe_wrap img { width: auto; max-width: none; max-height: 232px;}
    .about_banner .globe_wrap { overflow: hidden;}
    .about_banner .globe_wrap .webgl { width: 232px; margin: 0;}
    .about_banner .globe_wrap .webglN { width: 250px; height: 250px; right: 16px; top: -10px;}
    .about_banner .globe_wrap .top_number { padding: 0 0 10px 0;}
    .about_banner .globe_wrap .number_hori { padding: 0 0 10px 0;}
    .about_banner .globe_wrap .top_number img { max-height: 120px;}
    .about_banner .globe_wrap .webgl::after { top: 0; left: -6px; right: -6px;}
    .about_banner .globe_wrap .lines { height: 10px; background-size: auto 10px;}
    .about_banner .globe_wrap .lines { animation-duration: 5s;}

    .contact_banner.about_banner .pg_title { padding: 0;}
    .contact_banner.about_banner .pg_title h2 { font-size: 32px; max-width: 325px;}
    .pg_title h2 span::after { height: 6px;}
    .about_mn_wrap { padding: 0 0 111px 0;}
    .about_mn_wrap h2 { padding: 0 0 20px 0; font-size: 24px;}
    .about_mn_wrap p { font-size: 16px; line-height: 1.625; max-width: 276px;}

    .team_mem_wrap { padding: 50px 0 175px 0;}
    .team_mem_wrap h2 { font-size: 24px; padding: 0;}
    .team_mem_wrap .teambox { padding: 37px 30px 40px;}
    .team_mem_wrap .teambox .imagebox { width: 250px; margin: 0 auto 20px;}
    .team_mem_wrap .team_row { padding: 30px 0 0 0;}
    .team_mem_wrap .team_row [class*="col-"] { margin-top: 0;}
    .team_mem_wrap .team_row [class*="col-"] + [class*="col-"] { margin-top: 50px;}
    .advisory_wrap { padding: 114px 0 119px 0;}
    .advisory_wrap h2 { font-size: 24px; padding: 0 0 20px 0;}
    .advisory_wrap p { font-size: 16px;}
    .advisory_wrap .advi_row { padding: 41px 0 0 0;}
    .advisory_wrap .advi_row [class*="col-"] { margin-top: 0;}
    .advisory_wrap .advi_row [class*="col-"] + [class*="col-"] { margin-top: 50px;}
    .advisory_wrap .advisory_block { padding: 43px 30px 53px;
        -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
    }
    .advisory_wrap .advisory_block .imagebox { margin: 0 auto 15px;}
    .advisory_wrap .advisory_block .socialbox { position: relative; right: auto; bottom: auto; top: auto; justify-content: center; padding: 25px 0 0 0; width: 100%;}
    .advisory_wrap .advisory_block .namebox,
    .advisory_wrap .advisory_block .positionbox { text-align: center;}

    
    .team_popup { padding: 0 0 70px 0;}
    .team_popup .pop_left { max-width: 100%; padding: 40px 0;}
    .team_popup .pop_left h3 { font-size: 24px; padding: 0 0 12px 0;}
    .team_popup .pop_left h6 { font-size: 16px;}
    .team_popup .pop_left p { font-size: 16px; padding: 20px 0 0 0;}
    .team_popup .pop_left p + p { padding: 26px 0 0 0;}
    .team_popup .imagebox { padding: 42px; position: relative; width: auto; right: auto; top: auto !important; margin: 0 0 0 16px;}
    .team_popup .close_btn { left: -17px; bottom: 17px;}
    .team_popup .close_btn a { width: 35px; height: 35px;}
    .team_popup .close_btn a img { max-width: 15px; max-height: 15px;}
    .team_popup .container { padding: 0 25px;}


    .technology_banner { min-height: 500px; padding: 131px 0 91px 0;}
    .technology_banner h1 { font-size: 36px; line-height: 1.2777;}
    .technology_banner h1 span::after { height: 6px; bottom: 6px;}
    .technology_banner .captionbox { max-width: 276px;}
    .technology_banner p { padding: 18px 0 0 0; font-size: 20px; line-height: 1.5;}
    .technology_banner .in_right_image { width: 125px;}
    .technology_banner .right_image { margin: 41px 0 0 0;}
    .technology_banner .right_image { justify-content: center;}
    .technology_banner .right_image img,
    .technology_banner .right_image svg { max-width: 100%; height: auto;}
    .technology_banner .in_right_image .backimg { position: relative; top: auto; margin: -50px 0 0 0;}
    .underthehood_wrap .tech_logo { left: 50%; width: 120px; margin: 0 0 0 -60px;}
    .underthehood_wrap .in_underthehood { padding: 121px 0 229px 0;}
    .underthehood_wrap h2,
    .underthehood_wrap p { max-width: 278px;}
    .underthehood_wrap h2 { padding: 0 0 10px 0;}
    .underthehood_wrap p { font-size: 16px; line-height: 1.625;}
    .underthehood_wrap .tech_mobile { left: 0; bottom: -72px;}
    .battguniq_wrap { padding: 70px 0 65px 0;}
    .underthehood_wrap + .battguniq_wrap { padding-top: 152px;}
    .battguniq_wrap h2 { font-size: 24px; line-height: 1.4166; padding: 0 0 7px 0; max-width: 245px;}
    .battguniq_box p { font-size: 16px; line-height: 1.625; padding: 18px 0 0 0;}
    .tech_optimal_wrap .arrows img { display: none;}
    .battguniq_wrap .imagewrap .imagebox { height: auto;}
    .battguniq_wrap .imagewrap span { font-size: 16px;}
    .battguniq_wrap .imagewrap { margin: 30px 0 0 0;}
    .battguniq_wrap [class*="col-"]:last-child .imagewrap span { padding: 14px 0 0 0;}

    .tech_optimal_wrap { padding: 70px 0;}
    .tech_optimal_wrap h2 { font-size: 24px; line-height: 1.4166;}
    .tech_optimal_wrap p { font-size: 18px; line-height: 1.5555; padding: 20px 0 0 0;}
    .tech_optimal_wrap .opti_block_row { margin: 0; max-width: 255px;}
    .tech_optimal_wrap .opti_block { margin: 30px 0 0 0;}
    .tech_optimal_wrap .opti_block.redbg:first-child { margin: 30px 0 0 0;}
    .tech_optimal_wrap .opti_block { animation-delay: 0s !important;}
    .tech_optimal_wrap .mob_arrows { position: absolute; z-index: 1; }
    .tech_optimal_wrap .mob_arrows img { vertical-align: top;}
    .tech_optimal_wrap .marrow_1 { left: 100%; top: 100%; margin: -24px 0 0 -20px;}
    .tech_optimal_wrap .marrow_2 { left: 100%; top: 10px; margin: 0 0 0 -20px;}
    .tech_optimal_wrap .marrow_3 { width: 2px; left: 100%; margin: 0 0 0 38px; top: -18px; bottom: -50px; background: url(../images/m_arrow_p_3.svg) repeat;}
    .tech_optimal_wrap .marrow2_1 { left: 100%; top: 100%; margin: -36px 0 0 -23px;}
    .tech_optimal_wrap .marrow2_2 { left: 100%; top: 100%; margin: -26px 0 0 -23px;}
    .tech_optimal_wrap .marrow2_3 { width: 2px; left: 100%; margin: 0 0 0 38px; top: -60px; bottom: -36px; background: url(../images/m_arrow_p_3.svg) repeat;}

    .tech_cycle_wrap { padding: 110px 0 88px 0;}
    .tech_cycle_wrap.cutt_slides .left_slides { max-width: 100%;}
    .tech_cycle_wrap.cutt_slides .left_slides h3 { font-size: 24px; line-height: 1.4166;}
    .tech_cycle_wrap.cutt_slides .left_slides p { padding: 24px 0 0 0; max-width: 286px; font-size: 18px; line-height: 1.3333;}
    .tech_cycle_wrap.cutt_slides .left_slides .links { max-width: 286px;}
    .tech_cycle_wrap.cutt_slides .left_slides .links a { font-size: 16px; line-height: 1.625;}
    .tech_cycle_wrap.cutt_slides .right_slides{ padding: 50px 0 0 0;}

    .textplusimg_wrap { padding: 63px 0 70px 0;}
    .textplusimg_wrap .left_part h3 { max-width: none; font-size: 24px; line-height: normal;}
    .textplusimg_wrap .left_part p { padding: 27px 0 0 0; max-width: 281px; font-size: 18px; line-height: 1.3333;}
    .textplusimg_wrap .left_part .links { padding: 24px 0 0 0; max-width: 281px;}
    .textplusimg_wrap .left_part .links a { font-size: 16px; line-height: 1.625;}
    .textplusimg_wrap .univer_block { max-width: 255px; margin: 0 auto;}
    .textplusimg_wrap .right_part { padding: 13px 0 0 0;}
    .textplusimg_wrap .right_part [class*="col-"] { padding-top: 58px; padding-bottom: 0;}

    .the_future_wrap { padding: 153px 0 113px 0;}
    .the_future_wrap h2 { font-size: 36px; line-height: 1.2777; max-width: 247px; margin: 0 auto;}
    .the_future_wrap h2 span { display: inline;}
    .the_future_wrap .zikzak_line img { width: 1209px;}

    .contact_banner { /*padding: 142px 0 87px 0;*/ padding: 122px 0 87px 0;}
    .contact_banner .wrapper { margin: -100px 0 -200px 0;}
    .contact_banner .pg_title { padding: 0 0 0 57px;}
    .contact_banner .pg_title h2 { font-size: 36px; line-height: 1.27777;}
    .pg_title .vtxt .in_vtxt { font-size: 16px;}
    .contact_image_wrap .imagebox { background-position: center left;}
    .contact_image_wrap .imagebox::before { padding-top: 143%;}
    .con_form_txt_wrap { padding: 113px 0 70px 0;}
    .con_form_txt_wrap .conleft_txt { max-width: 100%; padding: 0 0 60px 0;}
    .con_form_txt_wrap .coninfobox { padding: 51px 0 0 0;}
    .con_form_txt_wrap .coninfo_row { padding: 21px 0 0 0;}
    .con_form_txt_wrap .coninfo_row label { font-size: 18px; line-height: 1.5555;}
    .con_form_txt_wrap .coninfo_row .info { font-size: 18px; line-height: 1.5555;}
    .con_form_txt_wrap .form_box { padding: 20px 0 0 0;}
    .con_form_txt_wrap .form_wrap h3 { font-size: 24px; line-height: 1.91666;}
    .con_form_txt_wrap .form_row { margin: 0;}
    .con_form_txt_wrap .form_row + .form_row { margin: 30px 0 0 0;}
    .con_form_txt_wrap .form_box .input_text { height: 50px;}
    .con_form_txt_wrap .captchbox { height: 70px; padding: 0; margin: 3px 0 0 0;}
    .con_form_txt_wrap .captchbox img { max-height: 70px; width: auto;}
    .con_form_txt_wrap .btnbox .submit_btn { padding: 0 15px 2px 35px;}

    .blog_banner { padding: 141px 0 0 0;}
    .blog_banner .pg_title h2 span::after { left: 0; right: 0; bottom: 12px; height: 8px;}
    .blog_block { margin: 0 0 39px 0;}
    .grid_wrap { padding-bottom: 25px;}

    .blog_banner .pg_title h1 { font-size: 36px; line-height: 1.28; padding: 0 0 27px 0;}
    .blog_banner .sub_text p { font-size: 20px;}
    .blog_banner .metabox { padding: 28px 0 0 0;}
    .blog_detail { padding: 70px 0 94px 0;}
    .blog_detail .imagebox { margin: 0 0 63px 0;}
    .blog_detail .imagebox .imgbox { height: 350px;}
    .blog_detail .imagebox .imgbox img { display: none;}
    .blog_detail * + .imagebox { margin-top: 63px;}
    .blog_detail .text_blog p { font-size: 16px; line-height: 1.62;}
    .blog_detail .text_blog p + p { padding: 26px 0 0 0;}
    .blog_detail .sharingbox { margin-top: 90px;}
    .blog_detail .text_blog blockquote { padding: 0 0 0 30px; font-size: 20px; line-height: 1.5;}

    .home_banner h1 span::after { left: 0; right: 0;}
    .safari .home_banner h1 span::after { bottom: 7px;} 
    .safari .cutting_sl_1 h2 span::after { bottom: 7px;}
    .home_history_wrap .hisbox .image_wrap::before { top: 42px;}

    .footer_wrap .wpcf7-not-valid-tip { left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .footer_wrap .emailform .placeholder { padding: 0 15px; justify-content: center; height: 90px;}
    .footer_wrap .emailform .input_text { padding: 0 15px; text-align: center;}
    .footer_wrap .emailform .submit_btn { width: 100%; position: relative; top: auto; right: auto; bottom: auto; border: none; border-top: solid 1px #E9E7E7; height: 60px;}
    
    .head-filter { padding: 0 0 29px 0;}
    .head-filter ul { width: 100%;
        -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
    }
    .head-filter ul li { width: 100%; max-width: 33.33%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; align-items: center; justify-content: center;
    }
    .head-filter ul li,
    .head-filter ul li + li { margin: 20px 0 0 0;}
    .head-filter ul li a { text-align: center; font-size: 14px;}
	
	
	/*=============== css add 12-5-2021 ============*/
.team_popup-1 { padding: 0 0 70px 0;}
.team_popup-1 .pop_left { max-width: 100%; padding: 40px 0;}
.team_popup-1 .pop_left h3 { font-size: 24px; padding: 0 0 12px 0;}
.team_popup-1 .pop_left h6 { font-size: 16px;}
.team_popup-1 .pop_left p { font-size: 16px; padding: 20px 0 0 0;}
.team_popup-1 .pop_left p + p { padding: 26px 0 0 0;}
.team_popup-1 .imagebox { padding: 42px; position: relative; width: auto; right: auto; top: auto !important; margin: 0 0 0 16px;}
.team_popup-1 .close_btn { left: -17px; bottom: 17px;}
.team_popup-1 .close_btn a { width: 35px; height: 35px;}
.team_popup-1 .close_btn a img { max-width: 15px; max-height: 15px;}
.team_popup-1 .container { padding: 0 25px;}

.footer_wrap .emailform .wpcf7 form.sent .wpcf7-response-output{     display: inline-block !important;
    width: 100%;
    text-align: center;
    color: #fff;
    position:relative;
    left: 0;
    top: 100%;
    margin: 5px 0 0 0; }
.footer_wrap .emailform .wpcf7 form.sent{ margin-bottom:0px; }
/*=============== css add 12-5-2021 ============*/



}

@media (min-width: 568px) and (max-width: 767px) {

}

@media (min-width: 240px) and (max-width: 567px) {
	
}