@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 991px) {
	.nav>li>a {
		padding: 10px 10px;
		font-size: 13px;
	}
	.resizrform {
		max-width: 100%;
	}
	ul.menu li a {
		padding: 24px 15px;
	}
	ul.dropdown-menu li a {
		padding: 10px 15px;
	}
	.dropdown-menu {
		left: -50px;
	}
	.navbar {
		margin-bottom: 0px;
	}

}

@media screen and (max-width: 767px) {
	/*	==============================Home Page=========================================*/
	.siderbar_section, .advance-search {
		display: none;
	}
	.form-horizontal .form-group {
		padding: 0px 0px;
		margin: 10px auto;
		margin-left: -15px;
		margin-right: -15px;
	}
	.small_header span {
		padding: 0px 0px;
		position: static;
		top: 0px;
		left: 0px;
	}
	/* header {
		height: auto;
	} */
	.logo {
		width: 100%;
		margin-left: 0px;
	}
	.logo img {
		width: 131px;
	}
	.margin-left30 {
		margin-left: 0px;
	}
	.navbar-toggle {
		margin: 0px;
		margin-top: 5px;
		/* position: absolute; */
		right: 0px;
	}
	ul.menu li {
		display: block;
		border-bottom: 1px solid #E6E6E6;
	}
	ul.menu, ul.menu li a {
		width: 100%;
		background: #fff;
	}
	ul.menu {
		margin-top: 13px;
	}
	.navbar-collapse.in {
		overflow: visible
	}
	ul.menu li a {
		padding: 16px 25px;
	}
	ul.menu li a:hover, ul.menu li.active a {
		color: #FFFFFF;
		/* background: #337AB7; */
	}
	.search {
		padding: 0px;
	}
	.optiondropdown {
		width: 25%;
	}
	.optiondropdown .new {
		font-size: 13px;
		padding: 6px;
	}
	.arrow:before, .arrow:after {
		right: 5px;
		background: #ADADAD;
		width: 7px;
	}
	.arrow:before {
		top: 16px;
	}
	.arrow:after {
		bottom: 15px;
	}
	.input-search input {
		/*  left: 25%;*/
		width: 68%;
	}
	.input-search .ep-button {
		position: absolute;
		right: 0px;
		padding: 7px 10px;
		left: none;
	}
	.search {
		height: 33px;
	}
	.TabbedPanelsTab {
		padding: 6px 25px;
		margin: 0px;
		padding: 6px 25px;
		margin: 0px;
		width: 33.33%;
		text-align: center;
	}
	.list-col-full {
		padding: 0px;
	}
	.TabbedPanelsTabSelected {
		background: none;
	}
	.eep_Product_listing p {
		font-size: 13px;
		text-align: justify;
	}
	.list-col1, .list-col2, .list-col3 {
		width: 100%;
		padding-left: 0px;
	}
	.paging {
		width: 80%;
	}
	.pager li>a, .pager li>span {
		padding: 5px 8px;
	}
	.xs-btn-block {
		margin-bottom: 10px;
	}
	.ep-form-description {
		padding: 0px 0px;
	}
	.go-back {
		margin-top: 12px;
	}
	h3, .h3 {
		font-size: 18px;
	}
	.floatright {
		float: none;
	}
	hr.clear-both {
		display: none;
	}
	.form-body .form-group .control-label {
		padding-right: 15px;
	}
	.login-form-control {
		border: none;
	}
	.form {
		padding: 15px 0px;
		margin: 0px auto;
	}
	.tablink li a {
		font-size: 12px;
	}
	.login-desc {
		margin-top: 20px;
	}
	.f-single-colum .ep-button {
		margin-left: 0px;
	}
	.right_side {
		float: none;
	}
	.navbar-collapse {
		margin-top: 45px;
	}
	.dropdown-menu {
		padding-left: 0px !important;
	}
	.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header
		{
		padding: 10px 20px;
	}
	.nav>li {
		border-bottom: 1px solid #e2e1e1;
	}
	.navbar-nav {
		display: inline;
	}
	.navbar-default .navbar-brand {
		display: inline;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-nav .dropdown-menu>li>a {
		color: red;
		background-color: #ccc;
		border-radius: 4px;
		margin-top: 2px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #333;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
		.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
		background-color: #ccc;
	}
	.navbar-nav .open .dropdown-menu {
		border-bottom: 1px solid white;
		border-radius: 0;
	}
	.dropdown-menu {
		padding-left: 10px;
	}
	.dropdown-menu .dropdown-menu {
		padding-left: 20px;
	}
	.dropdown-menu .dropdown-menu .dropdown-menu {
		padding-left: 30px;
	}
	li.dropdown.open {
		border: 0px solid red;
	}
	
	
	.eproc-listing-main .cta-links ul.list-unstyled li.action-list-item{ padding-left:0 !important;}
	
	.wid-89{width:89%;}

	/*==============================End Home Page=======================================*/
	
 	.res-d-flex{ display:flex;}	
	
	.res-d-flex .ep-button{margin-right:8px;}	
	
	.plr-0{
			padding-left:0; 
			padding-right:0;
			}
	
	.word-wrap{ word-wrap:break-word;}	
	
	.mb-10{ margin-bottom:10px;}
	
	.res-form-group{margin:0 auto;}
	
	.mlr{ margin-left:0; margin-right:0}	
	
	.advance-search-wrapper{ padding:0 0 20px !important;}	
	
	footer .d-flex{ flex-flow:row wrap;}
	
	.form-horizontal .custom-form-group-1{ 
											padding: 0px 15px;
											display:block !important;
											}

	.custom-form{ padding:15px 0 !important}
	
	.wid-100{width:107%}
	
	.pl-15{padding-left:15px !important;}
	
	
	.pull-right .file-uploader{margin:5px 0}	
	
	.res-colon-position{
							position: absolute;
							left: 6.5rem;
						 }		
	#calbtns .group-fbtn span{
						margin: 5px 5px;
						display: inline-block;
						width: 30px; 
					}
	.btn-action-complete{ margin-left:0 !important; }
	
	.res-table-matrix tbody tr td,
	.res-table-matrix thead tr td{
									background-color:#fff !important;
									position:inherit !important;
								 }	
	.pl-7{ padding-left:0}
	
	.plr-15{ padding-left:15px; padding-right:15px;}
	
	 ol{ padding-left:15px;}	
	 
	 /******* accordion ******/
	 .res-TabbedPanels,
	.responsive-table-format{ display:none}

	.accordion-box{ 
				width:100%;
				padding:10px 0px;
				display:block;
			}

	.panel-subbody{ display:block}
 	#accordion {width:100%;}
	.accordion-box > .panel-group .panel-body{
	width: 98%;
	padding-bottom:20px;
	margin:10px auto;
	border-radius: 3px;
	background: #ffffff;
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	border:0;
	overflow-x:hidden;
}

/*.accordion-box > .panel-group .panel-body .row { 
												border:1px solid #ddd;
												width:98%;
												margin:0 auto;
												}*/
.accordion-box > .panel-group .panel-body .panel-subheading {background:#F0F0F0; }
.accordion-box > .panel-group .panel-body .panel-subheading h5{
																font-size:14px;
																color:#272727 !important;
																font-weight:400;
																margin-top:0;
																padding:10px 10px;
}	
.accordion-box > .panel-group .panel-body .panel-subbody{ margin-bottom:8px;}
.accordion-box > .panel-group .panel-body .panel-subbody .links{
															display:flex;
															flex-flow:column;
															justify-content:flex-start;	
															list-style:none;
															padding-left:10px;
}		

.accordion-box > .panel-group .panel-body .panel-subbody .links li a:hover,
.accordion-box > .panel-group .panel-body .panel-subbody .links li a:active,
.accordion-box > .panel-group .panel-body .panel-subbody .links li a:focus { text-decoration:none !important}									

.accordion-box > .panel-group .panel-body .row ul li{
														font-size:14px;
														color:#272727 !important;
														font-weight:400;
													}
.accordion-box > .panel-group .panel-body .row .links  {	
															display:flex;
															flex-flow:column;
															justify-content:flex-start;			
															}
.accordion-box > .panel-group .panel-body .row .links li{
															position:relative;
															padding-right:5px;}															
															
.accordion-box > .panel-group .panel-body .row .links li:after{
																	content:"";
																	position:absolute;
																	left:0;
																	top:0;
																	width:1px;
																	height:10px;
																	background-color:#ddd;
																}															
															
																																								
.accordion-box > .panel-group{
								border: 1px solid #ccc;
								border-radius:5px;
								}

.accordion-box > .panel-group .panel .panel-collapse{padding:0 10px; }

/* .accordion-box > .panel-group .panel-heading {  */
/* 												background-color: #bb8114; */
/* 												border-color:transparent; */
/* 												} */
 .accordion-box > .panel-group .panel-heading a {
	 display: block;
	 position: relative;
	 font-weight: 600;
	 text-transform:uppercase;
	 color:#fff;
	 font-size:14px;
	 text-decoration:none;
}
 .accordion-box > .panel-group .panel-heading a::after {
	 content: "";
	 border: solid #fff;
	 border-width: 0 3px 3px 0;
	 display: inline-block;
	 padding: 5px;
	 position: absolute;
	 right: 0;
	 top: 0;
	 transform: rotate(45deg);
}
 .accordion-box > .panel-group .panel-heading a[aria-expanded="true"]::after {
	 transform: rotate(-135deg);
	 top: 5px;
}
.panel-row .form-group{ 
						 display:flex;
						 width:100%;
						 margin-bottom:8px;
						}
.panel-row .form-group .srno{ width:25px;}
	
.panel-row .form-group .label-group .floatright	{ position:static;}		

.panel-row > div:not(:first-child) .form-group .label-group label{ padding-left:22px;}
		

.res-text-center{ text-align:center}

.res-advance-search-btn{
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: normal !important;
	-ms-flex-flow: row nowrap !important;
	flex-flow: row nowrap !important;
	margin: 20px 0;
} 	

.justify-content-center{ justify-content:center}

.eproc-listing-main .res-listing-content span { display:block !important}

.bid-block{ display:block;}	
	
.bid-block span a {width:100%;}		
.pull-left{ 
			float:left !important;
			padding-left:14px;
			}	
.pleft-0{ padding-left:0 !important}	

.res-icou-right,
.res-price-section{
						display:flex;
						flex-direction:column;
						float:left !important; 
					}	
.res-price-section span:nth-child(3) label{ padding-left:0px !important;}	
.wid-100-sm{ width:100%}		
				 		
}

@media ( max-width : 575px){
	
	.pull-left-sm{ float:left !important}
	
	.form-body .form-group .control-label .floatright {
		position: static;
		right: 0;
	}
	
	.advance-search-btn  .cta-button-outline{
		width:100%;
		display: block !important;
	}
	
	.eproc-listing-main .cta-links ul.list-unstyled{ justify-content: flex-start !important;}
	
	.alert-points{padding-left:0 !important}
	
	.wizard{ 
			  justify-content:flex-start;
			  padding-left:15px;
			  margin-bottom:20px;
			}
	
	.wizard-row{
				 flex-flow:column !important;
				 overflow-x: hidden !important;
				}
	
	.wizard-step {  
					flex-flow:row !important;
					min-width:200px !important;
					margin-left:0px;
					margin-bottom:5px;
					 }
	
	.wizard-step a{ margin-right:10px;}
	
	.wizard-step p{ text-align:left !important;}
	
	.wizard::after {
					 width: 1.2px !important;
					 height:100% !important;
					 top:0 !important;
					 left:29px ;
					}
	
	.btn-circle{ padding:5px 10px !important;}
	
	
	.mr-1 { margin-right:1rem !important;}
	
	/*.tablink li:not(:last-child) {margin-bottom: 0px !important;}*/
	
	.tablink{ align-items: flex-start !important}
	
	.bidder-form-3 .form{margin-top:0; margin-bottom:0}
	
	.custom-btn-row >span{
							width: 100%;
							display: flex;
							flex-flow:column;
							flex-wrap: wrap;
							}
	.custom-btn-row >span span{ margin:10px 0;}	
	
	#colAdd td:not(:first-child){width:10%}
	
	.xs-btn-block {
		width: 100%;
		display:block;
		margin-bottom: 10px;
	}
	
	.mr-20{ margin-right:20px;}
	
				
	
}

@media ( min-width : 576px) and (max-width:767px){
	
	.wizard{ 
			  justify-content:flex-start;
			  padding-left:15px;
			  margin-bottom:20px;
			}
	
	.wizard-row{
				 flex-flow:column !important;
				 overflow-x: hidden !important;
				}
	.btn-circle{ padding:5px 10px !important;}
	
	.wizard-step {  
					flex-flow:row !important;
					min-width:200px !important;
					margin-left:0px;
					margin-bottom:5px;
					 }
	
	.wizard-step a{ margin-right:10px;}
	
	.wizard-step p{ text-align:left !important;}
	
	.wizard::after {
					 width: 1.2px !important;
					 height:100% !important;
					 top:0 !important;
					 left:29px ;
					}
					
	.btn-action-complete{ margin-left:0}
		
	.footer .d-flex{ flex-flow:row wrap;}
	
	.custom-form-group label { min-width:180px;}
	
	.bidder-form-3 .form{margin:0 auto !important}
	
	.eproc-listing-main .cta-links ul.list-unstyled li.action-list-item { padding-left:0}
	
	.eproc-listing-main .cta-links .list-inline > li.action-list-item a { white-space:nowrap;}
	
	.custom-btn-row >span{
							width: 100%;
							display: flex;
							flex-flow:row;
							flex-wrap: wrap;
							}
	.custom-btn-row >span span{ margin:10px 0;}	
	
	.eproc-listing-main .res-listing-content{ width:68%}
	
	.eproc-listing-main .res-cta-links{ width:32%;}
	.panel-row .form-group .label-group { 
										width:100%;
										display:flex;
									}
	.panel-row .form-group .label-group .floatright	{ position:absolute !important;}
	.pos-static{ position:static !important;}	
	.left-30{
				position:relative;
				left: calc(100% - 350px);
			}										
}

@media ( min-width : 768px) {
	.navbar-nav>li>a {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	ul.nav li:hover>ul.dropdown-menu {
		display: block;
	}
}

