@media screen and (max-width: 1920px){
	
	section.index-part2:before{ background-size:contain; height:90px;}
	section.index-part2:after{background-size: contain; height:90px; bottom: -90px;}

	}

@media screen and (max-width: 1600px){
	.logo_container p{font-size:36px;}
	}

@media screen and (max-width: 1400px){
	footer .logo,footer .QR{margin:0 auto 40px;text-align: center;}
	footer .logo p{ text-align: center;}
	.btnSearchBox{float:right;display:block;position:relative;}
	.item.open .searchBox{display:block;position:absolute;right: 50px;bottom: -30px;}
	header .logo p{display:none;}
	section.aboutUs{margin-bottom:0;}
	section.map .mapAddress{width:60%;}
	section.map .asia{margin-left:-200px;}
	header .icon{top:24px;}
    header li:after {display:none;}
	nav{position:fixed;height:100%;left: 0%;top: 0%; right: 0%; ;z-index:98;display:none;opacity:0;}
	header .btnMenu{display:block !important; float: right;margin-top: 14px; position: relative; z-index: 10000;}
	header .btnMenu.open .icon{ height:30px; width:30px; top: 12px; left: 0px; right: unset;}
    header .btnMenu i{width:30px;height:2px;background:var(--word);display:block;margin:5px auto; transition: all .5s ease;}
    header .btnMenu.open{display:block; margin-top: 10px;}
    header .btnMenu.open i{position:absolute;transform:rotate(45deg);top:20px;left:0; transition: all .5s ease;background:var(--white)}
    header .btnMenu.open i:first-child{transform:rotate(135deg); transition: all .5s ease;}
    header .btnMenu.open i:last-child{opacity:0 ;transition: all .5s ease;}
	.menuDropdown .icon-arrow{ background-image:url('/images/header/icon-arrow2.png');}
    header .btnMenu:hover{background:none;border-color:var(--secondary);}
    header .btnMenu:hover i{background:var(--secondary);}
	header.top{box-shadow: 24px 24px 24px var(--shadow);width: 100%;}
    nav .menuBar{height:100%; width:100%;overflow:hidden; padding:120px 30px 60px; animation: open .2s ease-in; background-color:var(--blue); margin-top:0;}
	.menuBar .dropdown.aboutDropdown .dropdownContent{width:auto}
	nav.open{display:block; opacity:1; top: 0px; transition: open 0.5s ease-in; padding:0 !important;}
    nav ul{padding:50px 0;width:100%;font-size:16px;text-transform:uppercase;}
    nav ul li{ white-space: normal;}
	.menuBar .menuDropdown a{overflow:visible;}
    nav i{width:30px;height:1px;background:#FFF;margin:auto;display:block}
    nav a:hover > i{opacity:1;right:-20px}
    nav ul li a{position:relative; text-decoration:none; cursor: pointer;}
	.menuBar .menuDropdown a p{ color: var(--white);}
	.menuBar .menuDropdown a:hover p{ color: var(--secondary);}
	.dropdownArea{position:relative; left:0;}
	.dropdownColPicture{display:none;}
	.dropdownCol{display:block;}
	.menuDropdown .dropdownCol{float:none;display:block; opacity:1; background-color:transparent;}
	.menuDropdown:hover .dropdownCol{float:none;display:block; opacity:1; background-color:transparent; padding:0;}
	header .menuBar ul li{padding:10px 20px;}
	.menuBar .menuDropdown .dropdown.open{display:block; padding:0; top:0; background-color:transparent; border-bottom: none; box-shadow:none;}
	.menuBar .dropdown p svg .btn-arrow2{stroke: var(--white);}
	.dropdownWrapper{width:96%;}
	.menuBar .menuDropdown a p{ color: var(--white);}
	header.index .menuBar .menuDropdown svg.downArrow .arrow{ stroke: var(--white);}
	header.index .menuBar a .menuDropdown svg.downArrow .arrow{ stroke: var(--white);}
	.menuBar .menuDropdown a:hover { color: var(--blue);}
	.menuBar .menuDropdown a svg.downArrow .arrow{fill:none; stroke:var(--white);stroke-miterlimit:10;stroke-width:1px;}
	.menuBar .menuDropdown a svg.downArrow{ margin-bottom: 2px;}
	.menuBar .menuDropdown a.open svg.downArrow{ transform:rotate(180deg);}
	header .menuBar .dropdown ul li ul{display:contents;}
	header .menuBar .dropdown.open ul li{padding-top:10px;}
    nav ul li a i{width:10px;height:13px;position:absolute;top:13px;right:0;border:none;margin:0;background:none;opacity:0; font-style:normal;}
	header .navigation nav ul{width:260px; background-color:#fff; padding:0; float:none;display: grid;}
	header .lang p{padding:2px 0 8px;}
    header ul li .btn_dorpdown{display:block;}
	header ul{  padding:0; float:none; margin:0;overflow-x: hidden; overflow-y: auto;}
	header .menuBar ul li{ float: left;overflow:auto; width:50%; height:360px;}
	.menuBar .menuDropdown{height:auto;}
	header .menuBar .dropdown ul li{min-width:unset;}
	.menuBar .dropdown .dropdownContent{box-shadow:unset; background:transparent;width:unset;padding:0;min-height:unset; width:100%;}
	.menuBar .dropdown .dropdownCol{height:auto;}
	.menuBar .dropdown{width:100% !important;}
	.menuBar .dropdown p{float:none; margin:0; width: max-content;}
	header .menuBar .dropdown{position:relative;}
	header .menuBar .dropdown{padding-top: 0; margin-left: 0;}
	header .menuBar .dropdown img{display:none;}
	.parallelogram:before{ left: -47%; background-image: url(/images/index/icon-logo-watermark2B.png); }
	.video-slogan p.slogan{font-size:42px;}
	.video-slogan p.subslogan{font-size:32px;}
	p.card_products_PartsNo{font-size:18px;}
	section.part2{background-size:cover;}
	p.contents_additional_result_title{margin:10px auto; float:none;}
	.benefit-slogan{width: 100%; float: none; margin: auto;}
	.benefit-images{padding: 10px;}
	.benefit-images .box-content{padding: 10px 20px;}
	.benefit-images3{width:400px;}
	.benefit-images5{height:360px; margin-right: 40px;}
	footer .footer_area{padding-right:10px; }
}
/*
@media screen and (min-width: 1199px){
	.rsOverflow {height:auto !important;}
}
*/
@media screen and (max-width: 1200px){
	header.index{transition:none; animation:none;}
	header.index .logo{opacity:1 !important;}
	header nav.open .wrapper{flex-direction: column; margin-top:60px;}
	header.index nav.open .wrapper{margin-top:120px;}
	.dropdownArea{margin:0;}
	.menuBar .dropdownCol li{float: left;width: 40%;overflow:visible;}
	.menuBar .menuDropdown{height:32px; overflow:hidden; transition: height .5s ease;}
	.menuBar .menuDropdown.open{height:auto;overflow:hidden; transition: height .5s ease;}
	.menuBar .menuDropdown.open p.menuDropdownTitle{color:var(--secondary)}
	.menuBar .menuDropdown.open .icon-arrow{background-position:bottom;}
	.menu_area{width: 50%;}
	header .menuBar ul li{width:100%;}
	section{margin: 0 auto;}
	header .menuBar .dropdownArea ul li{width:100%;}
	header .menuBar ul li{height:auto;}
	.index-part1 .wrapper{margin:0 auto;}
	.video{left: 0!important; top:0 !important; width:100%;animation:none; opacity:1 !important;}
	.video.index{animation:none; width:100%; height:100%;}
	.video-wrapper{display:none !important;}
	.parallelogram{display:block !important;}
	.parallelogram {position: relative; top: 0;  left: 0;  width: 100%; height: 100%; transform: skew(0deg); z-index:90;}
	.parallelogram.animationend{ transform: skew(0deg);}
	.parallelogram.index{animation:none;height:100%; width:100%; }
	.parallelogram-wrapper{ transform: skew(0deg); margin-left:0; height:100%; width:100%; }
	.parallelogram-wrapper.index{animation:none;height:100%; width:100%; }
	.parallelogram-wrapper.animationend{ transform: skew(0deg); margin-left:0; height:100%; width:100%; }
	.parallelogram.index{animation:none;}
	.parallelogram:before{display:none !important;}
	.parallelogram-bottom{display:none !important;}
	.parallelogram-right{display:none !important;}
	.parallelogram video.animationend{width:100%; height:100%; transform: skew(0deg);animation:none;}
	.parallelogram video.index{ transform: skew(0deg);animation:none; height:100%; width:100%; opacity:1 !important;}
	.video-slogan.animationend{position:absolute;top: 0; left: 100px; z-index: 102; margin-top: 60px;float:left; width:90%; text-shadow:none;}
	/*
	.index-part1 .btnMore{border:1px solid var(--white);}
	.index-part1 .btnMore .btnArrow{background-image:url('/images/icon-btnMoreWhite.png');}
	p.subslogan{color:var(--white);}
	p.slogan{color:var(--white)}
	*/
	a.btn_website_content{margin-bottom: 30px;}
	.website_content{margin-top:0;}
	.BG_section{display:none;}
	.video-slogan{width:60%;}
	section.index-part2{padding-top:180px; padding-bottom:0px;}
	section.index-part2:before{display:none;}
	section.index-part2:after{display:none;}
	section.index-part2 .wrapper{margin:100px auto; padding:0 40px 160px;}
	.benefit-wrapper{width:100%; float:left;margin:auto; }
	.benefit-wrapper:last-of-type{margin-bottom:120px;}
	.benefit-images{width:47.5%; margin:auto; height: 240px; float:left;}
	.index-number-part1{padding: 30px 65px 60px 85px;}
	.index-number-part2{padding: 30px 65px 60px 85px;}
	.index-number-part3{margin-top:0; padding: 30px 65px 60px 85px;}
	section.index-part6{margin-top:0 !important;}
	.logo_container p{font-size:24px;}
	footer .wrapper{padding:0 20px; width:90%;}
	footer .logo{margin:60px auto;}
	footer .footer-infoArea p{margin:0 5px; letter-spacing:0;}
	footer .footer_area{width:100%; height:370px; padding-right:0; }
	footer .footer_area img{ width:26px;}
	footer .footer_area.right{float:left !important; text-align:left !important;}
	footer .logo-ERAI{display:block;}
	footer .logo-ERAI a{float:right;}
	footer .info p{font-size:14px}
	.copyright p{letter-spacing:0;}
}
/*
@media screen and (min-width: 992px){
	html.block{overflow-y: scroll;}
}
*/
@media screen and (max-width: 991px){
	.mobile{display:block !important;}
	.desktop{display:none !important;}
	html.block header{box-shadow:unset;}
	html.block header.top{box-shadow:unset;}
	section.index{padding:90px 0;}
	section.products{margin-top:60px;}
	.sitemap_wrapper p{letter-spacing:0;}
	header .headerWrapper{float:right; padding:10px 30px 10px 10px;}
	header .itemBox{padding:16px 0 0 0; margin-top:2px;}
	header li p{font-size:18px; font-weight:200;}
	header a:hover{color:var(--secondary) !important;}
	header a svg.downArrow .arrow{stroke:var(--white);}
	header a:hover svg polyline{stroke:var(--secondary) !important;}
	header .btnRFQ{padding-right:0 ;}
	header .btnSearchBox{margin:10px;}
	header .btnSearch{display:block;}
	header .searchBox{display:none; background-color:var(--white); right:-117px; top:58px;}
	header .searchBox input[type="text"]{width:200px;}
	header .btnSearchBox.open .searchBox{display: block; position: fixed; width: 100vw; right: 0; top: 54px; background-color: var(--white);}
	.menuBar .menuDropdown{height:32px; overflow:hidden; transition: height .5s ease;}
	.menuBar .menuDropdown.open{height:300px;overflow:hidden; transition: height .5s ease;}
	.menuBar .dropdownCol li{width:100%;}
	section.index .wrapper{width:100%;}
	header.noIndex nav{padding:0;}
	.grid_middle_content{height:480px;}
	swiper-slide{display: flex; justify-content : center; align-items: center;}
	section.index_center_style a.btn_website_content{margin:30px 0 0;}
	a.link_card_products{width:100%;}
	section.index-part3 .wrapper{padding:0; width:100%;}
	.swiper-slide-visible.swiper-slide-active .bannerArea{min-width:80vw;}
	.index-number-part1{padding:30px 10px;}
	.pieContainer{transform:scale(.7)}
	section.index-part5 .bannerArea{height:80%; padding:10px 0;}
	section.index-part5 .bannerArea p.title{font-size:32px;}
	section.index-part6 .img-index-USIEonline{display:none;}
	section.index-part6{background-image:url('/images/index/BG-index6B.jpg'); background-size:cover;}
	.img_EndOfLife{text-align:center;}
	.img_EndOfLife img{margin:auto; margin-bottom:60px;}
	.inner_part.half{min-height:unset;}
	.companyName_contents p.subtitle.blue.bold{font-size:18px; font-weight:100; }
	.companyProfile_wrapper .contactUs_contents .info p{padding:0;}
	
	footer .wrapper{width:100%;float:left; padding:0 5%;}
	footer .footer_area{ transition: all .5s ease;margin-top:0;padding-top:0; max-height:46px; overflow:hidden; cursor:pointer; width:60%;}
	footer .footer_area:before{content:''; background-image:url('/images/header/icon-arrow.png'); width:12px; height:6px;float:right;margin:16px 3px 0;}
	footer .footer_area p.Bold{color:var(--word)}
	footer .footer_area:hover p.Bold{color:var(--secondary)}
	footer .footer_area:hover:before{background-position:bottom;} 
	footer .col-md-2 .footer_area:before{content:none;}
	footer .col-md-2 .footer_area{max-height:unset; height:auto}
	footer .col-md-2 .footer_area:hover p.Bold{color:var(--word)}
	footer .col-md-2 .footer_area a:hover p.Bold{color:var(--secondary)}
	
	footer .footer_area.open{max-height:unset; height:auto; transition: all .5s ease;}
	footer .copyright p{font-size:14px}
}
/*
@media screen and (min-width: 669px){
	.rsOverflow {height:auto !important;}
}
*/

@media screen and (max-width: 760px){
	.desktop2{display:none;}
	.mobile2{display:block;}
	.flex.footer-infoArea-office-flex{flex-wrap: wrap;margin-left:4%;}
	.flex.footer-infoArea-office-flex a{width:48%;}
	.footer-infoArea-office-flex{margin-left:4%;}
	.footer-infoArea-Email{margin-left:4%;}
	footer .footer-infoArea p{margin:0;}
	section.index-part5 .swiper-slide-active .solution1 .bannerArea{background-image:url('/images/index/BG-part5A-M.jpg');}
	section.index-part5 .swiper-slide-active .solution2 .bannerArea{background-image:url('/images/index/BG-part5B-M.jpg');}
	section.index-part5 .swiper-slide-active .solution3 .bannerArea{background-image:url('/images/index/BG-part5C-M.jpg');}
	section.index-part5 .swiper-slide-active .solution4 .bannerArea{background-image:url('/images/index/BG-part5D-M.jpg');}
	section.index-part5 .swiper-slide-active .solution5 .bannerArea{background-image:url('/images/index/BG-part5E-M.jpg');}
	section.index-part5 .swiper-slide-active .solution6 .bannerArea{background-image:url('/images/index/BG-part5F-M.jpg');}
	section.index-part5 .swiper-slide-active .solution7 .bannerArea{background-image:url('/images/index/BG-part5G-M.jpg');}
}

@media screen and (max-width: 670px){
	html{width:100%;}
	header{padding-bottom: 0;}
	header.noIndex{padding: 0;}
	header.noIndex .logo{margin: 0 10px;}
	header .wrapper{padding:0; margin: 0 auto;}
	header .logo_container{margin:0;}
	header .logo img{height:50px; margin:9px 0;}
	header .btnMenu{margin-top:22px;}
	header .btnLang{padding-left:0;padding-top:14px;}
	header .btnSearch{padding-top: 20px;}
	header .btnSearch .search p{display:none;}
	header .btnSearch a:hover .search p{color:var(--secondary)} 
	header .btnSearch .search{background-color:transparent; border:0; padding:5px 0 3px;}
	header .btnSearch .search .icon-search{width:32px; height:28px; background-image:url('/images/header/icon-search-mobile.png'); margin:0;}
	.video-slogan{left:20px; width:90%; margin-top: 100px;}
	.video-slogan.animationend{left:20px;}
	section.index-part2{background-image:url('/images/index/BG-index2B.jpg');}
	section.index-part2 .benefit-slogan p{color:var(--word)}
	.benefit-images{width:100%; margin:auto; height: 240px; float:left;}
	.grid_info_content p.subtitle{margin:30px 0;}
	section.index-part2 .wrapper{width:86%; padding:0 0 160px;}
	.dropdownCol ul{padding: 10px 0 0 10px;}
	.dropdownArea p{margin-right:0;}
	header .menuBar ul li{padding: 10px 0 10px 20px;}
	header .menuBar .dropdownArea ul li{padding: 5px;}
	section.index-part5{padding:120px 0 0;}
	section.index-part5 .swiper-slide-visible .solution{padding-top:54px; width:100%;}
	.swiper-slide-visible.swiper-slide-active .bannerArea{min-width:90vw;}
	.swiper-slide-visible.swiper-slide-active .supplier{transform: scale(1);border: none;}
	section.index-part5 .bannerArea .Content{padding: 20px;;}
	section.index-part5 .swiper-pagination{margin-top: -40px; float:left; padding:0 20px;}
	section.index-part5 .swiper-slide-active .bannerArea{transform:skew(0deg);width:96%; margin:auto;}
	section.index-part5 .swiper-slide-active .bannerArea .Content{transform:skew(0deg);}
	section.index-part5 .swiper-button-prev,section.index-part5 .swiper-button-next{display:none;}
	section.index-part5 .sliderContainer{height:auto; padding-bottom:20px;}
	.swiper-pagination-wrapper{left:-32px; right:unset; }
	.swiper-pagination-wrapper:after{left:18px; right:unset; }
	.index-number-part1-wrapper{padding:10px;}
	.index-number-part1 p.subtitle{font-size:24px;}
	.pieChart{margin-top:-60px; margin-left:-10px;}
	.index-map{margin-top:-100px}
	.pieContainer{transform:scale(.6)}
	section.index-part4 .numerical p{font-size:32px;}
	.numerical img{width:56px;}
	.numerical1{right:-64%;}
	.numerical2{left:-56%;}
	.numerical3{left:-70%;}
	
	.st9_mobile{display:block;}
	.st9_desktop{display:none;}
	.st9{font-size:90px !important;}
	.st6{font-size:60px !important;}
	
	swiper-slide{margin-top: 0;}
	.swiper .swiper-slide{height:500px;}
	section.index-part3 .wrapper{width:100%;}
	.index-number-part1{padding: 30px 15px 20px 35px;}
	.index-number-part2{padding: 30px 35px 0 55px;}
	.index-number-part3{padding: 30px 35px 0 55px;}
	section.index-part6{padding-top: 90px;}
	/*
	.st6{font-size:72px !important;}
	.st9{font-size:120px !important;}
	*/
}
@media screen and (max-width: 580px){
	.pieContainer{transform:scale(.5)}
	footer .footer_area{width:100%;}
}