@media (max-width: 767px) {
  .sec {
    padding-top: 70px!important; /* match your navbar height */
  }
}

@media (min-width: 768px) {
  .sec {
    padding-top: 80px; /* match your desktop navbar height */
  }
}

.prodfeat {
	border-radius:0px!important;	
	padding-top:60px;
	padding-left:20px!important;
}	

.prodfeat__img img {    
    width: 93%;      /* scale beyond container */
    max-width: 120%;
    height: auto;
    transform: scale(1.1);
	margin-top: -58px;	
}

@media (max-width: 767px) {
	.prodfeat__img img {    
		width: 110%;      /* scale beyond container */
		max-width: 120%;
		height: auto;
		transform: scale(1.1);
		margin-top: -28px;	
	}
}

.wrap{max-width:1200px;margin:0 auto;}

.zone-label{
font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;
color:#4B4B4B;margin:28px 2px 15px;
}
.zone-label:first-of-type{margin-top:0;}

table{
	width:100%;
	border-collapse:collapse;
	border-radius:20px;
	overflow:hidden;
}
thead th{
	background:#000000;
	color:#FFFFFF;
	text-align:left;
	font-size:20px;
	font-weight:500;
	padding:18px 20px;
}
tbody td{
	padding:18px 20px;
	font-size:16px;
	color:#000000;
	border-bottom:1px solid #E6E6E6;
	background:#fff;
}
tbody tr:last-child td{border-bottom:none;}
td.country{color:#000000);font-weight:400;}
td.tariff{white-space:nowrap;}

@media(max-width:700px){
	thead{display:none;}
	table{border-spacing:0 12px;border-collapse:separate;}
	table, tbody, tr, td{display:block;width:100%;}
	tbody tr{
	  border:1px solid #E6E6E6;
	  border-radius:10px;
	  overflow:hidden;
	  margin-bottom:12px;
	}
	tbody td{
	  border-bottom:none;
	  padding:10px 16px;
	}
	td.country{
	  background:#000000;
	  color:#FFFFFF;
	  font-weight:700;
	  font-size:16px;
	  padding:14px 16px;
	  margin:0;
	}
	td.tariff{
	  display:flex;
	  align-items:baseline;
	  justify-content:space-between;
	  gap:12px;
	  text-align:right;
	}
	td.tariff::before{
	  content:attr(data-label);
	  color:#4B4B4B;
	  font-weight:400;
	  text-align:left;
	}
}