@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 300px) and (max-width: 600px) {
 .res-bg {
	margin-top:96%;
}


.clock{
top: 161%!important;
left:16%!important;
}


.icons{

	margin-left:1%;
	padding-bottom: 2%; 

}
.bg-giftcard {
	
	height: 450px;
	
}
.bg-giftcard-naming{
	position:relative;
    top:20%;
    left: 4%;
}

.giftfont{
	font-size:10vw;
}

.ot {
	position:absolute;
	top:36%;
	left:5%;
	text-align: center;
	text-decoration: none;
	color:rgba(255,255,255,0.7);

}

.mallplan-img{

	padding: 5% 5% 10% 5%;
}

.col-sm-2{
	padding: 20% 20% 5% 20%;
}

}


@media only screen and (min-width: 600px) and (max-width: 980px) {


.clock{
	
top: 125%!important;
left:16%!important;
}

.icons{

	margin-left:4%;
	padding-bottom: 3%; 

}

.bg-giftcard {
	
	height: 450px;
	
}
.bg-giftcard-naming{
	position:relative;
    top:100px;
    left: 10%;
}

.giftfont{
	font-size:6vw;
}

.ot {
	position:absolute;
	top:5%;
	left:5%;
	text-align: center;
	text-decoration: none;
	color:rgba(255,255,255,0.7);

}

.mallplan-img{

	padding: 5% 5% 10% 5%;
}

.col-sm-2{
	padding: 20% 20% 5% 20%;
}

.redblock{

background-color: #f84545;
width: 90%;
margin-left:5%;
}



}