@charset "utf-8";

/* CSS Document */

@media (max-width: 1200px) 
{
	#banner .banner-block {padding: 0px 0px 285px 0px;}
	.banner_content {max-width: 50%;}
	.page_title.padding_leftright {min-width: 190px !important;}

	#auctions.login .auctions-box {margin-top: -273px !important;}
}

@media (max-width: 1024px) 
{
	.info_contents p {
	margin: 0;
	color: #000;
	margin-top: 15px;
	margin-bottom: -10px;
}

	body.open {overflow: hidden;}
	#scrollUp {background-color: #e3a628 !important;}
	#scrollUp {position: fixed;	right: 15px; font-size: 20px; line-height: 40px; width: 40px; height: 40px;	bottom: 40px; background-color: #e3a628;		color: #fff;		text-align: center;		-webkit-transition-duration: 500ms;		-o-transition-duration: 500ms;		transition-duration: 500ms;		border-radius: 50%;		-webkit-box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);	box-shadow: 0 2px 40px 8px rgba(15, 15, 15, 0.15);	z-index: 15962536;}	
	#scrollUp span {width: 100%; height: 100%; display: block; position: relative;}
	#scrollUp span::after {content: "\f176"; display: block; font-family: 'fontawesome'; color: #fff;}
	
	body {background-color: #fff !important;}

	.btn.btn-yellow {font-size: 14px !important;}
	.section-title h1 {font-size: 27px;}
	.section-title .content {font-size: 14px;}
	p {font-size: 15px;}
	.section-title h1 {	font-size: 27px;	text-align: left;}
	#about .section-title h1 {margin-left: 15px;}
	.section-title h1::after {left: 0px;transform: translate(0, 0) skew(-10deg);}
	.section-title .content {	font-size: 15px;	max-width: 100%;		font-weight: 300;	margin: 0 15px;		text-align: left;	}

	#pagewapper .pagewapper-box {margin-top: 0px;	box-shadow: none;	padding: 40px 0 0 0;}
	#pagewapper .pagewapper-box  .faq-box {margin-top: 0;	padding: 0px;	padding-bottom: 0;}
	#pagewapper .pagewapper-block {padding-bottom: 50px;}

	.section-title p {text-align: left;}



	.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%;
	}
	.order-md-1, .order-md-2 {-ms-flex-order: inherit !important; order: inherit !important;}
	.btn.btn-blue {font-size: 13px !important;}
	#services .col-md-4 {margin-bottom: 30px;	flex: 0 0 50%;	max-width: 50%;}

	#footer .footer-block {background: #fff;padding: 0;}
	#footer .col-md-5.forms {order: 1;flex: 0 0 100%;max-width: 100%;background-color: #1d1e4e;	padding: 60px 15px;}
	#footer .col-md-4.info {order: 2; flex: 0 0 50%;max-width: 50%;padding: 40px 15px;}
	#footer .col-md-3.links {order: 3; flex: 0 0 50%;max-width: 50%;padding: 40px 15px;}

	#footer .footer_links_box .section-title h1::after {right: 0 !important; transform: translate(0, 0) skew(-10deg);}
	#footer .footer_links_box {text-align: end;	}
	#footer .footer_info ul li p, .footer_info ul li p a {color: #000 !important;}
	#footer .footer_info ul li.icons .des-img {	display: none;}
	#footer .footer_info ul li.icons .res-img.d-none {display: block !important;}
	#footer .logo-box img.res-logo.d-none {	display: block !important;}
	#footer .logo-box img.des-logo {display: none;}
	#footer .footer_links_box ul li a {	color: #000;}
	#footer .footer_links_box h1 {color: #000 !important;}
	#footer .copy p {color: #000;margin: 0px;}
	#footer .footer_info ul {align-items: center;}
	.d-none.mail-info {	display: block !important;}
	#footer .social_icon {padding: 22px 0;}
	.contact_form .col-md-6 {flex: 0 0 100%;max-width: 100%;}
/*	.form-group.dec-text {display: none !important;}*/
	.form-group.res-text.d-none {display: block !important;}
	.d-none.mail-info a {color: #000;}

	#header .top {display: none !important;}
	#header .header-block {text-align: left;	background: #0041cf; padding: 15px 0px !important;	position: relative !important;	z-index: 1111 !important;}
	#header .header-block.isStuck {margin: 0px!important;	background: #0041cf; padding: 15px 0px !important;	position: fixed !important;	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.2);	top: 0px !important;}
	#header .header-block .logo-box {display: block;	max-width: 200px;}
	#header .header-box {display: flex;	align-items: center !important;	justify-content: space-between;}	
	#header .mobile_navs.d-none {display: block !important;}
	#header .mobile_navs.d-none > ul  {display: flex;	align-items: center;	margin: 0px -10px;}
	#header .mobile_navs.d-none > ul > li {padding: 0px 10px;}
	#header .mobile_navs.d-none > ul > li > a {color: #699e36 !important;	font-size: 16px !important;}
	#header .mobile_navs.d-none > ul > li > a span {margin-left: 10px;}

	.main-nav {display: flex;	align-content: center;	justify-content: flex-end;	padding: 0px;}

	#nav {display: none !important;}
	#res_nav {display: block !important;	margin-left: 25px;}

	a.menu-icon {height: auto;	width: 30px;	display: block;	padding: 0px;	margin: 0px;	background: transparent;}
	a.menu-icon span {display: block;	margin: 5px 0px;	background: #699e36;	height: 2px;}
	#navigation {position: absolute;	width: 100%;	background: #fff;	top: 0px;	padding: 0px;	z-index: 11111;	left: -105%;	transition: 0.5s ease-in-out;}
	#navigation.open {left: 0px;}
	.nva_header {background: #1d1e4e;	padding: 10px 15px;	display: flex;	align-items: center;	justify-content: space-between;}
	.nva_header ul {display: flex;	align-items: center;}
	.user_img {flex: 0 0 50px;	height: 50px;	background: #fff;	border-radius: 50%;	text-align: center;	padding: 7px;	line-height: 44px;	margin-right: 15px;}
	.nva_header ul li a {color: #fff !important;	white-space: nowrap;}
	.user_img i {color: #1d1e4e;	font-size: 25px;}
	#close_nav, #close_nav i {font-size: 25px;	color: #fff !important;	cursor: pointer;}

	.nav_section {padding: 15px;	height: calc(100vh - 58px);	overflow: hidden;	overflow-y: auto;}
	#navs > li {border-bottom: 1px solid #000;	padding: 15px 0px;	display: block;}
	#navs li a, #navs li p {color: #000;	font-weight: 400;	font-size: 17px;	margin: 0px;	padding: 0px;	line-height: 25px;}
	#navs li a.active {color: #f79533;	font-weight: 700;}
	#navs > li#location ul {display: flex;	align-items: center;	justify-content: space-between;}
	#location ul li #change_loc {color: #f79533;	font-weight: 700;	font-size: 17px;	cursor: pointer;}
	#location ul li #current_loc {font-weight: 700;}
	

	#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: 40px;	right: 0px;	z-index: 11; background-color: rgba(211, 175, 3,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;}

	/* Drop Down */
	#nav ul li ul { position:relative; top:0; width:100%; background:#ccc;  }
	/* Drop Down */
	#nav ul li.active a {color: #fff;}
	#nav ul li a:hover {color: #fff;}

	.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%;
	}
	.order-md-1, .order-md-2 {-ms-flex-order: inherit !important; order: inherit !important;}
	#footer .form-control,#footer .custom-select {	border-radius: 2px;padding: 15px !important;}

	#footer .col-md-5.forms {
		order: 1;
		flex: 0 0 100%;
		max-width: 100%;
		background-color: #1d1e4e;
		padding: 60px 15px;
	}

	div#logintabs div#login {
	    padding: 0px !important;
	}
	div#logintabs div#login .contact_form {
    border: none !important;
    padding: 20px !important;
    padding-bottom: 10px !important;
}
}
@media (max-width: 768px)
{

	.banner_content {max-width: 100%;}
	#banner .banner_content h4 span {display: block;}

.content-title h1 {font-size: 26px;}
	#pagebanner .pagebanner-box ul li {font-size: 15px;}
	#pagebanner .pagebanner-box ul li a {font-size: 15px;}
	p {	font-size: 14px;}
	
	#login .contactus_content .titles h4 {font-size: 26px;}
	#login .contactus_content .titles p {font-size: 16px;}
	#login .contactus_content .titles {padding-top: 0;}
}
@media (max-width: 640px)
{
	#banner .banner_content h4 span {display:inline;}
	#banner .banner-block {padding: 30px 0px 205px 0px;}
		#services .col-md-4 {
	margin-bottom: 30px;
	flex: 0 0 100%;
	max-width: 100%;
}
.cardss_boxs .cards_img {
	aspect-ratio: auto;
}

}
@media (max-width: 500px) 
{

	#banner .banner_content h4 {font-size: 18px;}
	#banner .banner_content p {	font-size: 17px;}

	.card-header a {font-size: 15px;}
	.content-title h1 {font-size: 23px;}
	.content-title h1::after {width: 50px;}
	
	#login .contactus_content .titles p {font-size: 15px; padding: 15px 0 30px 0;}
	#login .contactus_content .titles h4 {font-size: 20px;}
	#login .links_boxs {padding: 0 0 20px 0;}
	#login .links_boxs {display: flex !important; flex-wrap: wrap; justify-content: flex-end !important; }
	#login .links_boxs li:first-child{order: 2 ;}
	#login .links_boxs li:last-child {order: 1;text-align: end;	margin-bottom: 15px;}

	#footer .footer_form_box h1 {font-size: 22px;	padding-bottom: 28px;	line-height: 28px;}
	#footer .col-md-5.forms {padding: 30px 15px !important;}	
	#footer .col-md-3.links {order: 2;	flex: 0 0 100%;	max-width: 100%;	padding: 40px;}
	#footer .col-md-4.info {padding: 0px 15px; order: 3;}
	#footer .footer_info ul {align-items: center;}
	#footer .footer_info ul:first-child {align-items: flex-start;}
	#footer .footer_info ul li.icons {padding-top: 2px;}
	#footer .col-md-3.links {padding: 20px 15px;}
	#faq .faq_box li .faq_icons {margin-bottom: 8px;}
	#footer .footer_links_box {text-align: start;}
	#footer .col-md-4.info {padding: 0px 15px;	order: 3;	flex: 0 0 100%;	max-width: 100%;}
	#footer .footer_info {padding-top: 10px;}
}