.wrap{
	/*max-width: 1220px;*/
	width:100%;
    margin: 0 auto;
}
.content{
    width: 100%;
    max-width: 1090px;
	margin:0px auto;
padding: 10px 12px 50px 12px;	
transition: none;
background-color:#eeecec;
}
.col-body{min-height:600px;width:100%;}
/* Navbar container */
.navbar {
  position:relative;


}





.navbar-menu-icon{

	color: #000;
    font-size: 22px;
    vertical-align: middle;
    margin-left: 12px;
	display:none;
}
.navbar-search{display:inline-block;}

/* Links inside the navbar */
.navbar a {
  font-size: 16px !important;
  color: white;
  text-align: center;
  padding: 22px 10px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown-m {
  display:inline-block;
  position:relative;
}

/* Dropdown button */
.dropdown-m .dropbtn {
  font-size: 16px !important;
  border: none;
  outline: none;

  padding: 22px 16px !important;
  background-color: inherit;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0 !important; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown-m:hover .dropbtn {
  background-color:#ea7612;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 250px;

  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Mega Menu header, if needed */
.dropdown-content .header {
  background: #004B8C;
  padding: 16px;
  color: white;
}

/* Show the dropdown menu on hover */
.dropdown-m:hover .dropdown-content {
  display: block;
}
.dropdown-right, .login-menu{
	float:right;
	margin-right: 8px;

	
}
.dropdown-right .dropdown-content{
	left:auto;
	right: 0;
}
/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 100%;
  padding: 8px;
  background-color: #f1f1f1;

}

/* Style links inside the columns */
.column a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color on hover */
.column a:hover {
  background-color: #ddd;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
footer{background:##333 ; padding:12px;}
.footer-links{
	text-align:center;
	margin:4px 0;
}
.footer-links a{color:white; text-decoration:underline;margin:0px 4px;}
.footer-links a:hover{ text-decoration:underline;}
.search-dropdown {
    position: absolute !important;
    padding: 4px;
    /* top: 10px; */
    /* right: 24px; */
    margin-top: 10px;
    background-color: #f1f1f1;
    width: 300px;
    /* left: 0; */
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.7s linear;
    z-index: 9999;
    display: none;
}
.input-search {
    position: relative;
	margin-bottom: 4px;
    /* top: 12px; */
    /* right: 24px; */
    z-index: 99;
    font-size: 14px;
}
.input-search input {
margin-left: 24px;
    height: 32px;
    padding: 8px;
    z-index: 99;
    border: 1px solid #ccc;
    margin-top: 0px;
    box-sizing: inherit;
    background: #fff;
    color: #000;
	position:relative;
    vertical-align: middle !important;
}
.tt-menu {
    position: absolute !important;
    padding: 4px;
    top: auto !important;
    left: auto !important;
    /* right: 24px; */
    color: #000;
    text-align: left;
    margin-top: 10px;
    margin-left: 24px;
    background-color: #f1f1f1;
    min-width: 280px;
	max-width: 500px;
	width: 420px;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 10000;
}
.tt-suggestion {
    padding: 8px;
    cursor: pointer;
	list-style:none;
	    background: white;
		margin:2px 0;
		    border: 1px solid #dedede;
    border-radius: 4px;
}
.tt-suggestion.tt-cursor, .tt-suggestion:hover {
    color: #fff;
    background-color: #004B8C;
}
.tt-menu:before {
    position: absolute;
    /* right: 24px; */
    margin-left: 8px;
    left: 0;
    margin-left: 8px;
    top: -10px;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #f1f1f1;
    border-left: 12px solid transparent;
    content: '';
    transition: all 0.7s linear;
    visibility: visible;
    opacity: 1;
}
.search-img{width:50px;height:auto;display:inline-block;    margin-right: 8px;
    vertical-align: middle;}
	.search-title{font-size: 14px;vertical-align:middle;}
	.empty-message{
	    background: white;
    padding: 12px;
    font-size: 14px;
    font-weight: 100;
	margin:2px 0;
		    border: 1px solid #dedede;
    border-radius: 4px;
	}
.navbar .logo{display:none;}
.top-header{
	background-color:#fff;height: 124px;
}
.top-header.fixed{
	position: fixed;
	top: 0px;
	height: 50px;
	z-index: 1;
	width: 100%;
}
.navbar.fixed {
	position: fixed;
	top: 0px;
	z-index: 1;
	width: 100%;
	max-width: 1800px;
}
.navbar.fixed .logo{
	margin-right: 75px;
    display: inline;
	position:relative;
}
.navbar.fixed .logo img{
	    position: absolute;
    max-height: 50px;
    display: inline;
    margin-left: 20px;
    max-width: 150px;
    margin-top: 10px;
    padding: 5px;}
@media (max-width: 689px){
.top-header{height:auto;padding-bottom: 12px;}
.navbar-search{padding-left:20px;}

	.logo-wrap {
		position: relative !important;
		height: auto !important;
		display: block;
		padding-top: 12px;
		text-align:center;
		
		}
.logo-wrap img{float:none !important;width: 210px;}
.logo-wrap .ponumber{float:none !important;display: none; width:100% !important;     padding-top: 8px;   margin: 16px auto !important;;text-align:center !important;}
.navbar.fixed .logo {margin-right: 44px;}
.navbar.fixed .logo img{margin-top:8px;margin-left: 8px;}
		.logo-wrap img{max-width: inherit;}
	.navbar-menu-icon{display:inline-block;}
	.navbar-menu-icon.active{
	  transform: rotateZ(90deg);}
	.navbar-menu{display:none;}
	.navbar-menu.visible{display:block !important;}

	.navbar-search{
		display: inline-block;
		text-align: left;
		width: 260px;
		padding-top:8px;
	}
	.navbar a, .navbar .dropdown {width: 100%;    padding: 12px 10px;text-align:left;border: none !important;}
	.navbar .dropdown-m {text-align:left;}
	.dropdown-m .dropbtn{width:100%;text-align:left;}
	.dropdown-m:hover .dropdown-content {

		}
		
		.dropdown-m:hover .dropdown-content {
	  display: none;

	}
	.dropdown-m.active .dropdown-content {
			display: none;
		}.dropdown-m.active .dropdown-content {
			display: block;
		}
	.dropdown-right, .login-menu{
		float:none;
		
	}
	.dropdown-right .dropdown-content{
		left:0;
		right: auto;
	}
	.tt-menu{    max-width: 320px;}
}