/*XS*XS*****************/
@media screen and (max-width : 420px ){

/*now-soon-sale******************/
.on-sale-title{
color:rgba(156,55,29,1.00);
padding: 5px 2px 2px 0px;
font-size: 14px;
font-weight: bolder;
letter-spacing: 2px;
margin-top: 50px;
}

.on-sale-title2{
float: right;
font-weight: normal;
font-size: 9px;
letter-spacing: 0;
transform:scaleY(0.8);
margin-top: -6px;
margin-left: 8px;
text-align-last: justify;
line-height: 1.2em;
}
.on-sale-titile3{
float: right;
font-size: 9px;
font-weight: normal;
letter-spacing: -1px;
}
.comming-soon-title{
color: rgba(21,177,206,1.00);
font-weight: bolder;
font-size: 14px;
margin-top: 20px;
}
.sale-unit{
position: relative;
border-bottom: rgba(0,0,0,0.31) 1px solid ;
padding: 5px 0px;
}
.sale-unit img{
width:18%;
float: left;
box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
display: block;
}
 .sale-name {
 float: left;
font-size: 10px;
text-decoration: none;
color: #666666;
font-weight: normal;
padding-left: 15px;
}
.sale-name-2{
font-size: 14px;
font-weight: normal;
margin-top: 10px;
}
a .sale-unit:hover{
background: rgba(255,255,255,0.35);
}
.sale-rank, .sale-ctg{
width: 16%;
}
.sale-rank img{
position: absolute;
top: 25%;
left: 89%;
width: 8%;
box-shadow: none !important;
}
.sale-date{
position: absolute;
top: 40%;
left: 86%;
font-size: 12px;
}
a .sale-date{
color: #555555;
}
.sale-ctg img{
position: absolute;
top: 25%;
left: 70%;
width: 14%;
height: auto;
box-shadow: none !important;
}


}

/*SM*SM*****************/
@media screen and (min-width:421px) and (max-width:600px){

/*now-soon-sale******************/
.on-sale-title{
color:rgba(156,55,29,1.00);
padding: 5px 2px 2px 0px;
font-size: 14px;
font-weight: bolder;
letter-spacing: 2px;
margin-top: 70px;
}
.on-sale-title2{
float: right;
font-weight: normal;
font-size: 10px;
letter-spacing: 0;
transform:scaleY(0.8);
margin-top: -6px;
margin-left: 3px;
text-align-last: justify;
line-height: 1.2em;
}
.on-sale-titile3{
float: right;
font-size: 10px;
font-weight: normal;
}
.comming-soon-title{
color: rgba(21,177,206,1.00);
font-weight: bolder;
font-size: 14px;
margin-top: 20px;
}
.sale-unit{
position: relative;
border-bottom: rgba(0,0,0,0.31) 1px solid ;
padding: 5px 0px;
}
.sale-unit img{
width:12%;
float: left;
box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
display: block;
}
 .sale-name {
 float: left;
font-size: 11px;
text-decoration: none;
color: #666666;
font-weight: normal;
padding-left: 15px;
}
.sale-name-2{
font-size: 16px;
font-weight: ;
margin-top: 10px;
}
a .sale-unit:hover{
background: rgba(255,255,255,0.35);
}
.sale-rank, .sale-ctg{
width: 16%;
}
.sale-rank img{
position: absolute;
top: 25%;
left: 89%;
width: 8%;
box-shadow: none !important;
}
.sale-date{
position: absolute;
top: 40%;
left: 89%;
font-size: 12px;
}
a .sale-date{
color: #555555;
}
.sale-ctg img{
position: absolute;
top: 30%;
left: 70%;
width: 9%;
height: auto;
box-shadow: none !important;
}

}

/*MD*MD*****************/
@media screen and (min-width:601px) and (max-width:770px){

/*now-soon-sale******************/
.on-sale-title{
color:rgba(156,55,29,1.00);
padding: 5px 2px 2px 0px;
font-size: 16px;
font-weight: bolder;
letter-spacing: 2px;
margin-top: 60px;
}
.on-sale-title2{
float: right;
font-weight: normal;
font-size: 10px;
letter-spacing: 0;
transform:scaleY(0.8);
margin-top: -6px;
margin-left: 3px;
text-align-last: justify;
line-height: 1.2em;
}
.on-sale-titile3{
float: right;
font-size: 10px;
font-weight: normal;
}
.comming-soon-title{
color: rgba(21,177,206,1.00);
font-weight: bolder;
font-size: 16px;
margin-top: 40px;
}
.sale-unit{
position: relative;
border-bottom: rgba(0,0,0,0.31) 1px solid ;
padding: 5px 0px;
}
.sale-unit img{
width:12%;
float: left;
box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
display: block;
}
 .sale-name {
 float: left;
font-size: 11px;
text-decoration: none;
color: #666666;
font-weight: normal;
padding-left: 15px;
}
.sale-name-2{
font-size: 16px;
font-weight: ;
margin-top: 10px;
}
a .sale-unit:hover{
background: rgba(255,255,255,0.35);
}
.sale-rank, .sale-ctg{
width: 16%;
}
.sale-rank img{
position: absolute;
top: 25%;
left: 89%;
width: 8%;
box-shadow: none !important;
}
.sale-date{
position: absolute;
top: 40%;
left: 87%;
font-size: 12px;
}
a .sale-date{
color: #555555;
}
.sale-ctg img{
position: absolute;
top: 30%;
left: 70%;
width: 11%;
height: auto;
box-shadow: none !important;
}

}

/*LG*LG*****************/
@media screen and (min-width:771px){

/*now-soon-sale******************/
.on-sale-title{
color:rgba(156,55,29,1.00);
padding: 5px 2px 2px 0px;
font-size: 20px;
font-weight: bolder;
letter-spacing: 2px;
margin-top: 60px;
}
.on-sale-title2{
float: right;
font-weight: normal;
font-size: 10px;
letter-spacing: 0;
transform:scaleY(0.8);
margin-top: -6px;
margin-left: 3px;
text-align-last: justify;
line-height: 1.2em;
margin-right: 15px;
}
.on-sale-titile3{
float: right;
font-size: 10px;
font-weight: normal;
margin-right: 10px;
}
.comming-soon-title{
color: rgba(21,177,206,1.00);
font-weight: bolder;
font-size: 20px;
margin-top: 40px;
}
.sale-unit{
position: relative;
border-bottom: rgba(0,0,0,0.31) 1px solid ;
padding: 5px 0px;
}
.sale-unit img{
width:12%;
float: left;
box-shadow: rgba(0,0,0,0.2) 3px 3px 3px;
display: block;
}
 .sale-name {
 float: left;
font-size: 11px;
text-decoration: none;
color: #666666;
font-weight: normal;
padding-left: 15px;
}
.sale-name-2{
font-size: 16px;
font-weight: ;
margin-top: 10px;
}
a .sale-unit:hover{
background: rgba(255,255,255,0.35);
}
.sale-rank, .sale-ctg{
width: 16%;
}
.sale-rank img{
position: absolute;
top: 25%;
left: 89%;
width: 8%;
box-shadow: none !important;
}
.sale-date{
position: absolute;
top: 40%;
left: 87%;
font-size: 12px;
}
a .sale-date{
color: #555555;
}
.sale-ctg img{
position: absolute;
top: 30%;
left: 70%;
width: 11%;
height: auto;
box-shadow: none !important;
}


}