@charset "utf-8";
/* CSS Document */
@media (max-width: 992px) 
{

}
@media (max-width: 768px) 
{
	a.menu-icon { display:block; margin:0 auto; float: right;}
	a.menu-text { display:block;}

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

	#nav { float:none; margin:0 auto; text-align:center; position: relative;}
	#nav > ul {display: none;	overflow: hidden;	margin: 10px 0 0 0;	width: 270px;	position: absolute;	top: 49px;	right: 0px;	z-index: 11; background-color: rgba(22, 69, 153,0.8);}
	#nav ul li { width:100%; margin:0; padding:0; border:none; border-bottom:1px solid #fff !important;}
	#nav ul li a { padding:10px 0; color:#fff;}
	#nav ul li:last-child {border-bottom: none !important;}
	#nav ul li .svg-inline--fa {margin: 10px 0px; font-size: 18px;}
	
	#nav ul li ul 
	{
		position: relative;
		top: auto;
		width: 102%;
		background: #ffa51f;
		left: -5px !important;
		padding: 0px !important;
		margin-bottom: -7px;
		margin-top: -1px;
		display: block !important;
	}
	#nav ul li:hover .svg-inline--fa {color: #ffa51f !important}
	#nav ul li a {color: #fff !important}
	#nav ul li:hover a {color: #ffa51f !important}
	#nav ul li:hover ul li a {color: #fff !important}
	#nav ul li ul li:hover a {color: #164599 !important}

	#nav ul li.search_box {margin-left: 0;}
	#nav ul li .svg-inline--fa {margin: 0;}

	.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 
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.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;}


	#category .category_box {border-right: none;	padding-top: 0;}
	#category .category_box ul li {padding: 15px 0px;	padding-left: 43px;}

	#category .slider-box {padding: 20px;}
	#category .title_box {width: calc(100% + 40px);	left: -20px;}

	.section-title h1 {padding: 0px 0px; padding-bottom: 20px;}
	.section-title h1::before {display: none;}
	.section-title h1::after {content: "";	display: block;	width: 100px;	height: 2px;	position: absolute;	top: auto;	left: 50%;	background: #eaeaea;	transform: translate(-50%, 0%);	bottom: 10px;}

	.footer-block {text-align: center;}

	.footer-nav {margin-top: 20px;}
	.footer-nav .d-flex.justify-content-end.align-items-center {display: block !important;	text-align: center !important;}
	.footer-nav ul li {padding: 2px 0px !important;}


	.social-icons ul.justify-content-end {-ms-flex-pack: center !important;	justify-content: center !important;}
	.footer_boxs.text-right {text-align: center !important;}


	#category .owl-prev {left: -20px;	display: block !important;}

	#category .title_box {border-bottom: none;	position: relative;}
	.filter_box {background: #164599;	display: flex !important;	border-radius: 5px;	padding: 10px;	position: relative;	right: 0px;	top: auto;	width: 100%;	bottom: auto;	margin: 10px 0px;}
	#category .title_box::after {content: "";	display: block;	position: absolute;	top: 50px;	left: 0px;	background: #ffa51f;	width: 100%;	height: 2px;}

	#cart_section .table tr:first-child td:first-child {white-space: nowrap; word-wrap: normal;width: 480px !important;display: table;}

	.score_main {padding: 15px;	border: 1px solid #ccc;	margin: 15px 0px;}
	.score_main h6 {font-size: 22px;	margin: 4px 0;}

	#prodetail .col-md-2 {-ms-flex: 0 0 33.333333%;	flex: 0 0 33.333333%;	max-width: 33.333333%;	margin: 15px 0;}
	#prodetail .shaprator {border-bottom: 1px solid #ccc;	margin-top: 15px;}
	#prodetail .row.custom_stor {margin-top: 15px;}


	.register_form h3 {font-size: 22px;	padding-bottom: 10px;}
	.register_form h3::before {display: none;}
	.register_form h3::after {content: "";	display: block;	width: 100px;	height: 2px;	background-color: #17459a;	position: absolute;	top: auto;	left: 50%;	bottom: 0;	transform: translate(-50%, 0);}

	.cart_count {line-height: 24px;    top: 5px;    right: 38%;}

	.search_box button .svg-inline--fa {color: #fff !important;}
	.dropdown-menu.user_info_sub {
    display: block;
    position: relative !important;
    opacity: 1;
    height: auto;
    width: 96%;
    visibility: visible;
    transform: translate(0, 0) !important;
    left: auto !important;
    top: auto !important;
}
#nav ul li a.dropdown-item {
	color: #000 !important;
	width: 100%;
	text-align: center;
}
}
@media (max-width: 640px) 
{
	#category .pro_img {max-height: 350px;}
	.score_main p {font-size: 18px;}
	.score_main h6 {font-size: 18px;}
	#prodetail .nav-item {margin: 0px;	padding: 5px;	width: 100%;	display: block;}
}
@media (max-width: 480px) 
{
	#category .pro_img {max-height: none;}
	#category .title_box h4 {padding: 10px 25px;	color: #fff;	font-size: 15px;}
	#category .title_box::after {top: 38px;}
	#footer .download_box ul li {max-width: 49%;}

	#prodetail .col-md-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

	.store_time {display: inline-block;	width: calc(100% - 50px);	vertical-align: top; max-width: none;}
	.store_call {max-width: 40px;}
}