@media only screen
and (max-height : 280px) {
    .coup-content{height: 234px; overflow: scroll;border-radius: 5px; overflow-x: hidden;}
}
@media only screen
and (max-width : 700px) {
    .modal-coupon{padding-top:40px !important;}
    .coup-text { line-height: 60px !important; }
}
@media only screen
and (max-width : 606px) {
    .coup-wrapper2 b{font-size: 44px !important;}
    .coup-text { font-size: 31px !important; line-height: 45px !important; }
}
@media only screen
and (max-width : 600px) {
    .searchButton .fa-search{position: absolute;
    left: 10px;
    top: 7px;}

}
@media only screen
and (max-width : 720px) {
	.coup-wrapper2 { font-size: 26px; }
	.coup-wrapper2 b{ font-size: 44px; }
}

@media only screen
and (max-width : 480px) {
	html, body{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
	#wrapper {width:100%;}
	#wrapper img {max-width:100%;}
	header,#banner,#maincontent,#bottom,#contact {padding-left:10px;padding-right:10px;}
	.bottom-container {padding:0;}
	#banner img {width:100%;height:auto;}
	.bottom-box {text-align:center;padding:0 20px;}
	.slogan {margin:10px 0;}
	.slogan h3 span {padding-left:0;}
	.slogan h3 {text-align:center;padding-left:0;}
	#contact {padding-bottom:14px;}
	footer {padding-bottom:20px;}
	.contact {min-height:auto;padding-bottom:15px;}
	#maincontent h1 {margin-bottom:14px;}
	footer h3 {margin:10px 0;}
     .coup-wrapper2{
               line-height: 58px;
               min-height: auto;
     }
}

@media only screen
and (max-width : 461px) {
#maincontent h1 span {display:block;}
.coup-wrapper { float: none; display: block; margin: 7px auto;}
.wrap { width: 187px; display: block; right: 0; float: none; margin-left: 21%; }
}

@media only screen
and (max-width : 453px) {
.delivery {background-image:none;background:#8A0000;padding:16px;text-align:center;min-height:auto;border-radius:15px;border:5px solid #FFF53D;}
.delivery h2 {padding-left:0;padding-top:0;margin-bottom:5px;}
.delivery a {float:none;margin:15px auto 0;text-align:left;}
}

@media only screen
and (max-width : 460px) {
.header_btn a {display:block;float:none;width:auto;margin-bottom:5px;text-indent:0;padding-left:42%;}
.callus::before {left:18px;top:3px;}
.emailus::before {left:18px;top:3px;}
#banner {padding-top:10px;}
}

@media only screen
and (max-width : 411px) {
.bottom-box {padding:0;}
.contents {padding:0;}
.bottom-box h2 {font-size:22px;text-align:center;}
#banner h2::before {content:"";}
#banner h2::after {content:"";}
#banner h2 {margin:8px 0;}
}

@media only screen
and (max-width : 403px) {
.contact p {float:none!important;padding:0;margin:0 0 12px!important;width:auto!important;text-align:center;}
}

@media only screen
and (max-width : 366px) {
.slogan h3 {font-size:43px;}
}

@media only screen
and (max-width : 360px) {
	header,#banner,#maincontent,#bottom,#contact {padding-left:5px;padding-right:5px;}
	#contact  {padding-bottom:5px;}
}

@media only screen
and (max-width : 338px) {
    .wrap { width: 142px;  }
    .searchButton .fa-search{position: absolute;
left: 10px;
top: 7px;}
.coup-content {
    padding: 0 13px;
}
}