@charset "utf-8";
/* CSS Document */
.how-step{
	text-align: center;
}
.exhowto{
	max-width: 90%;
	border: 6px solid yellow;
}
.ggreview{
	max-width: 90%;
	margin: auto;
}
.instant-notice{
	padding: 0 10px;
}
/* faq page */
.link-area{
	padding: 10px 0px;
}
.link-area ul{
}
.link-area ul li{
	float: left;
	margin: 0 30px;
	flex: 1;
}
.link-area ul li a{
	text-decoration: none;
	font-size:18px;
	font-weight: bolder;
}
.faq-groups{
	padding: 10px 10px;
}
.faq-groups .faq-group{
	padding: 10px 0px;
}
.faq-groups .faq-group .faq-group-name{
	font-size: 18px;
	font-weight: bolder;
	color: blue;
}
.faq-groups .faq-group .faq-item{
	padding: 5px 0px;
}
.faq-groups .faq-group .faq-item .ask{
	font-weight: bold;
	text-align: justify;
}
.faq-groups .faq-group .faq-item .ans{
	text-align: justify;
}
/* end FAQ page */


.shipnote{
	max-width: 100%;
	padding: 10px 20px;
}
.shipUPS{
	text-align: center;
}

.gmap{
	width: 100%;
}
.sdmap{
	max-width: 100%;
}

@media screen and (max-width:927px){
	header .header-area .container .topbanner{
		flex-direction: column;
	}
}
@media screen and (max-width:800px){
	#quickorder .form-order-info .form-content .instantform{

		display: block;
	}
}
@media screen and (max-width:482px){
	.mynavclass a:not(:first-child){
		display: none;
	}
	.baricon{
    	display: block;
	}
	header .header-area .container .topseal{
		display: none;
	}

	/* menu iphone */
	.mynavclass .responsive{
		position: relative;
	}
	.mynavclass.responsive a{
		float: none;
		display: block;
	}
	#bbblogo{
		display: none;
	}
	#logo100{
		display: none;
	}
	.col-40, .col-60{
		width: 100%;
	}
	.slogan{
		display: none;
	}
	.toplink{
		display: flex;
	}	
	.sdmap{
		width: 100%;
	}
}