.i-grd-top {
	width: 96%;
	margin: 0 2% 0 2%;
	margin-bottom: 2vw;
}
.i-grd-top ol, .i-grd-top ul {
  list-style: none;
  margin: 0;
	padding: 0;
}
.i-grd-top > ul {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	grid-gap: 2vw;
	grid-template-areas:
    'topboxsmalla topboxbig topboxsmallb';
}
.i-grd-top > ul > li.i-grd-top-a {
	grid-area: topboxsmalla;
	position: relative;
}
.i-grd-top > ul > li.i-grd-top-b {
	grid-area: topboxbig;
}
.i-grd-top > ul > li.i-grd-top-c {
	grid-area: topboxsmallb;
}


li.i-grd-top-a > div {
	position: absolute;
	top: 0;
	left: 0;
	color: rgba(255,255,255,1.00);
	padding: 10% 5% 0 5%;
}
li.i-grd-top-a > div > h1 {
	font-weight: 500;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: clamp(0.95rem, -0.2000rem + 2.5000vw, 2.8rem);
	line-height: 1.2125em;
}

li.i-grd-top-a > div > h3 {
	font-size: clamp(0.7rem, 0.0970rem + 1.3108vw, 1.67rem);
}

.i-bx-l-img:before,
.i-bx-l:before {
	content: "";
	display: block;
}
.i-bx-l {
	width: 100%;
	margin: 0;
	overflow: hidden;
	font-family: 'NoSpace';
    vertical-align: top;
}
.i-bx-l .content {
	overflow: hidden;
}
.i-bx-l-img:before,
.i-bx-l:before {
	padding-top: 50%;
}
.i-bx-l-t {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: inline-block;
	margin: 0;
    padding: 0;
	font-family: 'NoSpace';
}
.i-bx-l-t > h2,
.i-bx-l-t > h3 {
    position: absolute;
    left: 5%;
    display: inline-block;
    margin: 0 auto;
    padding: 0 3% 0 3%;
    font-size: clamp(0.95rem, 0.2351rem + 1.5541vw, 2.1rem);
    font-weight: 500;
    line-height: 1.52em;
    text-transform: uppercase;
    background-color: rgba(0,0,0,0.75);
    white-space: nowrap;
    color: rgba(255,255,255,1.00);
}
.i-bx-l-t > h2 {
    top: 10%;
}
.i-bx-l-t > h3 {
    top: 23%;
}

.i-bx-l-t > .article-widget > ul.seller-contact-box-name  {
	position: absolute;
	bottom: 2%;
	left: 5%;
	right: 5%;
    display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 2.0vw;
}

.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li  {
	text-align: center;
}
.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li > h2  {
	display: inline-block;
    width: auto;
    overflow: hidden;
    margin: 0;
    padding:0.23rem 0.32rem 0.23rem 0.32rem;
    background-color: rgba(255,242,0,1.00);
	font-size: clamp(1.05rem, 0.3165rem + 1.5946vw, 2.23rem);
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
	border-radius: .5rem;
	text-align: center;
	text-transform:uppercase;
}


.i-bx-l-t > .article-widget > ul.seller-contact-box-tel > li  {
	text-align: center;
}
.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li > #art-lnk, 
.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li > a.art-lnk {
    display: inline-block;
    width: auto;
    overflow: hidden;
    background-color: rgba(255,242,0,1.00);
    margin: 0;
    padding:0.23rem 0.32rem 0.23rem 0.32rem;
    color: rgba(0,0,0,1.00);
    font-size: clamp(0.5rem, 0.0027rem + 1.0811vw, 1.3rem);
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
	border-radius: .3rem;
	white-space: nowrap;
}
.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li > #art-lnk:after,
.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li > a.art-lnk:after {
    display: none;
}

.i-bx-l-t > .article-widget > ul.seller-contact-box-tel  {
	position: absolute;
	bottom: 12%;
	left: 8%;
	right: 5%;
    display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 2.0vw;
}

.i-bx-l-t > .article-widget > ul.seller-contact-box-i  {
	position: absolute;
	bottom: 3%;
	left: 8%;
	right: 5%;
	padding: 0;
    display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 2.0vw;
}

.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li > p  {
	margin: 0;
	font-size: clamp(0.45rem, 0.1081rem + 0.7432vw, 1rem);
	background-color: rgba(0,0,0,0.75);
	color: rgba(255,255,255,1.00);
    padding:1.0% 2.0%1.5% 2.0%;
}

@media (min-width:1152px) and (max-width:1279px)  {

    
}
@media (min-width:1280px) and (max-width:1367px){

	
}
@media (min-width:1368px) and (max-width:1489px){

    
}
@media (min-width:1490px) and (max-width:1689px){

    
}
@media (min-width:1690px){

	
    
}
@media (min-width:1920px){
 

    
}
@media (min-width:360px) and (max-width:567px) {

.i-grd-top > ul {
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		'topboxsmalla topboxsmallb'
		'topboxbig topboxbig';
}
.i-bx-l {
    width: 100%;
}
.i-bx-l-t > h2,
.i-bx-l-t > h3 {
    left: 3%;
}
.i-bx-l-t > .article-widget > ul.seller-contact-box-name  {
	left: 1%;
	right: 1%;
	grid-gap: 0.0vw;
}
.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li > #art-lnk,
.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li > a.art-lnk {
    padding:1.0% 3.0% 1.5% 3.0%;
}
    
}
@media (min-width:568px) and (max-width:639px) {

.i-grd-top > ul {
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		'topboxsmalla topboxsmallb'
		'topboxbig topboxbig';
}
.i-bx-l {
    width: 100%;
}
	
}
@media (min-width:640px) and (max-width:735px) {

.i-grd-top > ul {
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		'topboxsmalla topboxsmallb'
		'topboxbig topboxbig';
}
.i-bx-l {
    width: 100%;
}
    
}
@media (min-width:736px) and (max-width:979px) {
 
}
@media (min-width:980px) and (max-width:1151px) {

	
}
@media (max-width:735px) {
li.i-grd-top-a > div > h1 {
	font-size: clamp(0.95rem, 0.2946rem + 3.2771vw, 1.8rem);
}	
li.i-grd-top-a > div > h3 {
	font-size: clamp(0.7rem, 0.1063rem + 2.9687vw, 1.47rem);
}

.i-bx-l-img:before, 
.i-bx-l:before {
    padding-top:50%;
}
	
.i-bx-l-t > h2,
.i-bx-l-t > h3 {
    font-size: clamp(0.9rem, 0.2060rem + 3.4699vw, 1.8rem);
}
.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li > h2  {
	font-size: clamp(1.05rem, 0.3175rem + 3.6627vw, 2rem);
}
.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li > #art-lnk,
.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li > a.art-lnk {
    font-size: clamp(0.5rem, -0.0398rem + 2.6988vw, 1.2rem);
}
.i-bx-l-t > .article-widget > ul.seller-contact-box-name > li > p  {
	font-size: clamp(0.45rem, 0.1030rem + 1.7349vw, 0.9rem);
}
	
}
@media (max-width:359px) {

.i-grd-top > ul {
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		'topboxsmalla topboxsmallb'
		'topboxbig topboxbig';
}
.i-bx-l {
    width: 100%;
}
.i-bx-l-t > h2,
.i-bx-l-t > h3 {
    left: 3%;
}
.i-bx-l-t h1 {
  top: 25%;
}
	
.i-bx-l-t > .article-widget > ul.seller-contact-box-name  {
	left: 1%;
	right: 1%;
	grid-gap: 1.0vw;
}

}