@media screen and (max-width: 1600px){
	header .btnRFQ{ padding:0 9px;}
	header .searchBox{width:340px;}
	.banner1 img{margin: 160px 0 0 0;}
	.banner2 img{margin: 160px 0 0 0;}
	.banner3 img{margin: 160px 0 0 0;}
	section.product{ height:720px;}
	.product .productBranding .pic{width:100%; height:100%; float:right;}
    .product .productCategory{top:300px;}
    .product .productCategory .pic{width:75%; height:75%; float:right;}
    .product .productInventory .pic{width:75%; height:75%; float:left;}
    .product .productApplication{top:300px;}
    .product .productApplication .pic{width:100%; height:100%; float:left;}
	.product .productContent .content{margin:140px 0 0 60px}
	.footer .logo img{padding: 0;}
	.footer .logoISO img{width:100%;}
    .product .productCategory a:hover .word{width:75%;}
    .product .productInventory a:hover .word{width:75%;}
}


@media screen and (max-width: 1200px){
	
	header .searchBox{position: absolute;width: 100%;top: 80px; left: 0; display:none;}
	header .searchBox.open{display:block;}
	header .btnSearchBox{display:block;}
	header .searchBox input {width: 68%;}
	.product .productCategory{top:260px;}
	.product .productApplication{top:260px;}
	.product .pic .word{padding:20px;}
	.product a:hover .word p.title{font-size: 24px;}
    .product .productApplication .pic .word{ padding-top:60px;}
	.footer .logo img{float:inherit;}
	.footer .footerMenu{padding:40px 40px 0;}
	.footer .footerCol{width:18vw;}
	.footer .logo, .logoISO{float:inherit; margin:auto; text-align: center;}
}
	

@media screen and (max-width: 991px){
	section{width:100% !important;}
	header .btnMenu{display:block !important; float: right;}
	header .btnMenu.open .icon{ height:52px; width:52px; top:-5px; left:-2px;}
    header .btnMenu i{width:25px;height:4px;background:#228dac;display:block;border-radius:4px;margin:5px auto;}
    header .btnMenu.open{display:block;}
    header .btnMenu.open i{position:absolute;transform:rotate(45deg);top:20px;left:12px;}
    header .btnMenu.open i:first-child{transform:rotate(135deg);}
    header .btnMenu.open i:last-child{opacity:0}
    header .btnMenu:hover{background:none;border-color:#0095da;}
    header .btnMenu:hover i{background:#0095da;}
    header .triangle{margin: -8px;}
    header li:after {display:none;}
	nav{position:fixed;width:100%;height:100%;top:0;left:0;z-index:98;display:none;opacity:0;}
    nav .menuBar{width:100%;position:absolute;background:rgba(255,255,255,1); padding-bottom:60px;box-shadow: -2px 12px 14px rgba(0,0,0,0.2); animation: open .2s ease-in; }
	nav.open{display:block; opacity:1; transition: open 0.5s ease-in;}
    nav ul{padding:50px 0;width:100%;font-size:16px;text-transform:uppercase;}
    nav ul li{width:100%;display:inline-block;margin:10px 20px; display:inline-block;}
    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; font-size:24px}
    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;}
	.dropdownCol ul li a{ font-size:18px; margin:auto; text-align:center;}
	.menuBar .menuDropdown .dropdown{margin-left:0 !important;}
	.menuBar .menuDropdown:hover .dropdown{display:none;}
	.menuBar .menuDropdown .dropdown.open{display:block; height:auto; opacity:1; animation: open .5s ease-in; }
	.menuBar .dropdown{padding-top: 0; margin-left: 0; position:relative; width:100%;}
	.menuBar .dropdown .dropdownCol{width:100%; float:inherit; height: auto;}
	.menuBar .dropdown .dropdownCol li{padding: 10px 0; border-bottom:1px solid #eee;}
	.menuBar .menuDropdown{height:auto;}
    .menuBar .dropdown p{ line-height:0;}
	.menuBar .dropdown img{display:none;}
	.menuBar .dropdown .dropdownContent{padding:13px 18px; width:100%; box-shadow:0 0 0 #fff; background: rgba(255,255,255, 0)}
	header .menuBar .dropdown li:after{margin-top:0;}
	.btnWhite{margin: auto; float: inherit; display: flex;}
	.content{text-align:center; margin: auto; float: inherit; margin-left: 0 !important;}
	.mobile{display: block;}
	.title{text-align:center; margin: auto; float: inherit; display: inline-block;}
	.description{text-align:center; margin: auto; float: inherit;}
	.mobile.title{float: inherit; margin:0 auto 60px;}
	.desktop{display:none;}
	.aboutUs img{padding: 0 5%;}
	.aboutUs .aboutUs-list{flex-direction:column}
	.aboutUs p.description{padding:0 60px;}
	/* section.product{ height:auto; background: linear-gradient(60deg, rgba(0,172,193,1)  0%, rgba(84,58,183,1) 100%);padding:80px 0;} */
	section.product{ height:auto; background-color: rgba(34,141,172,.2);padding:80px 0;}
	.wave{display:none;}
	.product .productContent .content{margin:0 0 60px 0 ;}
	.product .productBranding {display:none;}
    .product .productCategory{display:none;}
    .product .productInventory{display:none;}
    .product .productApplication{display:none;}
	.product .pic .word{padding:40px; text-align:left;}
	.footer .footerMenu{padding: 40px 0 0; display: block;}
	.footer .footerCol{width: auto; height: 30px; overflow: hidden; float: inherit; margin:10px 0; cursor:pointer;}
	.footer .footerCol.open{width: auto; height: auto; overflow:visible; float: inherit;}
	.footer .logoISO{float:inherit; margin:20px auto 0; text-align: center;}
	.cookieBar p{font-size:16px}
}

@media screen and (max-width: 650px){
	header .btnMenu:hover{background:none;border-color:#228dac;}
    header .btnMenu:hover i{background:#228dac;}	
	header .searchBox{position: absolute;width: 100%;top: 80px; left: 0; margin-left:0}
	.searchBox form{float:none}
	header .searchBox input {width: 50%;}
	.banner1{background-position-x: 60%;}
	.banner1 img{float: inherit; margin: 100px auto; padding:0 30px; width:100%; height:auto;}
	.banner2{background-image:url(../image/index-banner2-bg.jpg); background-size:cover; background-position:center; height:100%;}
	.banner2 img{float: inherit; margin: 100px auto; padding:0 30px; width:100%; height:auto;}
	.banner3{background-image:url(../image/index-banner3-bg.jpg); background-size:cover; background-position:center; height:100%;}
	.banner3 img{float: inherit; margin: 100px auto; padding:0 30px; width:100%; height:auto;}
	.product .mobile .m_word{padding:30px;}
    .product .mobile p.title{font-size:24px; height:30px;}
    .product .mobile p{color:#fff;font-size:16px;}
	.testing p.title{font-size:24px;}
	.cookieBar{height:60px;}
	.copyright {display: flex;}
	.privacy{display: flex; float:left}
}