#g-navigation .g-main-nav .g-dropdown{z-index:2}
.nav-pills.top > li{z-index:5}
#g-intro{z-index:auto}
#g-header{z-index:1;}
.all h1 {max-width: 481px;}
#tab1{
	padding-top:0;
	margin-top:-9rem
}
#first{
	position:relative;
	background:#000;
	color:#fff;
	padding:15% 9%;
}
#first .pic{
	position:absolute;
	/*bottom:0;*/
	bottom:10%;
	left:0;
}
#first.content-r, #touch.content-r, #center{
	max-width:1920px
}
#touch{
	background:url(/images/ezdupe/products/hdd/nvme/img_NVMe-Duplicator_friendly-user-interface_2-1.png);
    position: relative;
    padding: 7vw 0 4vw;
	color:#fff;
}
#center{
	background: url(/images/ezdupe/products/hdd/nvme/img_NVMe-Duplicator_copy-all-in-one_3.png);
	transition:.8s;
	color:#fff;
	padding:9% 4% 0;
}
#tab_move{max-width:100%;}
#tab_move .tab-pane.active{animation:fadeIn .8s linear 1;}
#tab_move .content-r{padding-bottom:0}
#tab_move .content-r .content{padding:1% 4%;text-align:left}
.middle{display:flex;justify-content:center; transition:all 1s ease-out;flex-wrap:nowrap !important}
.middle li{
	background: linear-gradient( to left, #000 0%, #000 100% ) left bottom no-repeat;
    background-size: 100% 4pt;
	color:#717071;
	min-width:16vw;/*16vw*/
	text-align:center;
	padding-bottom: 5px;
}
.middle li.active, .middle li:hover{
	background:linear-gradient( to left, #06ffff 0%, #3858f9 100% ) left bottom no-repeat;
    background-size: 100% 4pt;
}
.middle li.active>a, .middle li>a, .middle a.active{
	background:none !important;
}
.middle li>a{color:#4e5d9a}
.middle li:hover a{color:#fff}
.pro2{max-width:1240px;text-align:center}
.pro2#touch.content-r{padding:9vw 4% 22vw}
.pro2>div {padding: 0 7% 12%;max-width:1140px} /*padding:0 7% 12%*/
.pro2#center>div {padding: 0 7% 6vw;}
#touch>img{position:absolute; bottom:0}
#other{padding-top:6vw}
@keyframes fadeIn{
	0%{opacity:0;transform:translateY(60px)}
	100%{opacity:1; transform:translateY(0px)}
}
@media screen and (max-width:575px){
	.pro2 img{width:auto; height:auto;}
	.middle li{min-width:50%}
	.middle{justify-content:flex-start !important}
}
@media screen and (max-width:992px) and (min-width:769px){#tab1{margin-top:-5rem !important}}
@media screen and (max-width:768px){
	#tab1{margin-top:-2rem !important}
}
@media screen and (max-width:992px){
	#first{flex-direction:column-reverse}
	#first .pic{position:relative}
	.middle li{min-width:50%}
	.middle{justify-content: flex-start;}
	.tab_move .content-r{padding:0}
}