@charset "utf-8";
/* CSS Document */

@media (max-width: 1200px) {
}
/* I-pad Landscape */
@media (max-width: 1024px) {
}
/* Google Nexus 7 Landscape */
@media (max-width: 992px) {
	a.menu-icon { display:block; margin:0 auto;}
	a.menu-text { display:block;}

	#header .main-nav {max-width: 43px;}

	#header .top-nav {max-width: 100%;	width: 100%;	position: relative;}


	.header-box.top .header-box {position: relative;}
	#nav { float:none; margin:0 auto; text-align:center; position: relative;}
	#nav ul {
		display: none;
		overflow: hidden;
		width: 270px;
		position: absolute;
		top: 43px;
		left: 0px;
		z-index: 11;
		background-color: #fff;
		box-shadow: 0px 0px 4px #ccc;
		border-radius: 10px;
	}
	#nav ul li {
		width: 100%;
		margin: 0px !important;
		padding: 0px !important;
		border: none !important;
		border-bottom: 1px solid #ccc !important;
	}
	#nav ul li a {
	color: #720b28 !important;
	text-align: left !important;
	padding: 10px !important;
	padding-right: 30px;
}

#nav ul li a.dropdown-toggle::after {
	position: absolute;
	top: 47%;
	right: 10px;
}
#nav ul li .dropdown-menu.show {
	position: relative !important;
	transform: translate(0px ) !important;
	top: auto !important;
	left: auto !important;
	width: 100%;
}

#nav ul li a.dropdown-item {
	white-space: normal;
	font-size: 16px !important;
	line-height: 18px;
	padding: 10px !important;
}

	#header .top a {color: #000 !important;}
	#header .nav-bottom {
		text-align: center;
		max-width: 60px;
	}
	#header .top a {
		color: #000 !important;
		font-size: 17px;
		display: inline-block;
		vertical-align: middle;
	}
		
	#top-nav a img {
		filter: invert(100%);
		width: 27px;
		display: inline-block;
		vertical-align: middle;
		margin-top: -5px;
	}
	#top-nav {
		position: absolute;
		right: 15px;
		top: 45px;
	}
	#header .top-nav ul {
	margin-top: 0px !important;
	margin: 0px !important;
}
#header .top-nav {
	max-width: 100%;
	width: 100%;
	position: relative;
	flex: 0 0 100%;
}
}
/* I-pad Portrait */
@media (max-width: 768px) {
	

	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-md-1, .order-md-2 {-ms-flex-order: inherit !important; order: inherit !important;}


	.gift-card .row [class*="col-"] {flex: 0 0 50%;	max-width: 50%;}
	#gift .gift-card p {font-size: 20px;}

	.section-title h1 {font-size: 24px;}

	.Amount-block ul li {padding: 10px;	position: relative;	flex: 0 0 33.33%;	max-width: 33.33%;}

	.gift-detail-box .form-row .col {flex: 0 0 100%;	max-width: 100%;	margin-bottom: 10px;}
	#top-nav {	right: 5px;}


	.gift-card {
		display: block;
		text-align: center;
	}

	.select-amount .input-group {
		width: 100%;
		/* text-align: center; */
		padding: 0px !important;
		flex: 0 0 100%;
		max-width: 100%;
		display: block !important;
	}

	.select-amount .gift-card .btn {
		padding: 10px 15px;
		margin: 13px 0;
	}

	.select-amount {
		padding: 15px 0;
	}

	.e-gift-box .submit-btn .btn {
		padding: 10px 13px !important;
		margin: 5px 0px;
	}

	#e-gift .row.justify-content-end.basket-table .col-sm-6 {
		margin: 0px !important;
	}

	.row.justify-content-end.basket-table .row [class*='col-'] {
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row.justify-content-end.basket-table .row .col-sm-3 {
		text-align: right;
	}
}

@media (max-width: 480px)
{
	.gift-card .row [class*="col-"] {flex: 0 0 100%;	max-width: 100%;}
	#gift .gift-card p {font-size: 20px;}
	.Amount-block ul li {padding: 10px;	position: relative;	flex: 0 0 50%;	max-width: 50%;}
}