@import "navigation.css";
/*only for manual*/
.banner{
background:url(/images/ezdupe/webpage/Return_policy/return-policy.jpg)center;
background-size:cover !important;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:7.5%;
}
.banner h1{
font-weight:700;
color:#fff;
font-size:42px;
margin:0
}
.content-r{padding:9.7% 9% 14%}
.nav{
padding:65px 0 4.5%
}
.nav-pills>li:hover span, .nav-pills>li>a.active span{
border-bottom:3px solid #0BFFF8;
}
.nav-pills span{
	padding-bottom:11px;
	line-height:1.5;
}
.nav-pills>li{
padding:20px;
margin: auto;
font-size: 19px;
/*max-width: 250px;*/
}
.nav-pills>li>a{
text-align:center;
color:#373737 !important;
line-height:19px;
border-radius:0;
}
.nav-pills>li>a.active {
padding:10px 12px;
}
.nav-pills img{display:block; margin:auto;}
h2 {
font-weight: 700 !important;
color: #3e3a39;
}
.list{
border-bottom: 1px solid #787878;
padding:1rem 10px;
display: flex;
justify-content: space-between;
}
.list span{
float:right;
}
.list span:last-child {
    margin-right: 50px;
}
.tab-pane{
display:flex;
justify-content:space-between;
position:relative;
}
.tab-pane p {
font-weight: 700;
margin: 3rem 0 0.2rem 10px;
font-size:19px
}
.tab-content>.active{
border-top:1.2px solid #373737;
}
.tab-pane.active:before {
content: "";
position: absolute;
background: #fff;
width: 30px;
height: 30px;
transform: rotate(45deg) skew(-20deg, -20deg);
top: -16px;
left: 10%;
border-color:#373737;
border-left: 1.2px solid;
border-top: 1.2px solid;
}
#flash.active:before {
left:36%;
}
#dvd.active:before {
left:62%;
}
#backup.active:before {
left:88%;
}
.arrow{display:none}

@media screen and (max-width:575px){
.nav-pills img, h2{display:none;}
#flash.active:before, #dvd.active:before, #backup.active:before{
	left:10%;}
.tab-pane.active:before{display:none}
/*nav animate*/
.nav-pills>li:nth-of-type(n+2){display:none}
.nav-pills{position:relative}
.arrow {
    position: absolute;
	top:0;
	right: 22px;
    cursor: pointer;
    z-index: 0;/*2*/
	transition:.2s;
	display:block;
}
.nav-pills>li>a.active span {
    border-bottom: none;
}
.open.arrow{transform:rotate(-90deg)}
.list span:last-child {
    margin-right: 15px;
}
.tab-content{margin-top:30px}
.nav-pills{padding:0px !important;width:100%;margin:auto !Important;}
.tab-content>.active, a.active,#default a{border:none}

.nav-pills>li{padding:0 10px;}
.nav-pills.open li:not(:last-child) >a {border-bottom: 0.5px solid #828282 !important}

.nav-pills li{background:#f5f5f5}
.nav-pills>li>a{text-align:left;padding-left:6px}
.nav-pills.open>li>a.active{padding:10px 6px}
.open .act{background:#f5f5f5 !important; border:none}
.act a{padding:5px 6px !important}
#default, .act{background: transparent !important;border:1px solid #CCCCCC;color: #828282;}
#default a{background:transparent !important;border-bottom:none !important;color:#828282 !important;padding:5px}

/*15*/
.nav-pills>li, .list{font-size:15px;line-height:22px; }
.banner h1{font-size:24px}
/*.banner{min-height: 200px;}*/
.arrow>img {display: block;filter: invert(70%);transform: rotate(90deg) scale(.4);}
}

@media screen and (min-width:576px){
.nav > li > a > img{ width:fill-available;width: -moz-available;width: -webkit-fill-available;max-width:175px}
.nav-pills>li{padding:15px; width:25%}
#default{display:none !important}
}
@media screen and (max-width:1480px){
.nav-pills span{padding-bottom:0}
}

	
/*banner*/
@media screen and (min-width:992px){
	.banner{
		padding:5.5% 7.5%;
		background: url(/images/ezdupe/webpage/Return_policy/RMA-BN_14402x.png) center;
	}
}
@media screen and (max-width:992px){
	.banner{
		padding:7.5%;
		background: url(/images/ezdupe/webpage/Return_policy/RMA-BN_9922x.png) center;
	}
}
@media screen and (max-width:576px){
	.banner{
		padding:19% 7.5%;
		background: url(/images/ezdupe/webpage/Return_policy/RMA-BN_4142x.png) center;			
	}
}