div.scrollmenu {
    background-color: #333;
    overflow: auto;
    white-space: nowrap;
}

div.scrollmenu a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px;
    text-decoration: none;
}

div.scrollmenu a:hover {
    background-color: #777;
}

ul.navigation {
    margin:0px auto;
    position:relative;
    border-left:1px solid #c4dbe7;
    border-right:1px solid #c4dbe7;
}
 
ul.navigation li {
    display:inline;
    font-size:14px;
    font-weight:bold;
    margin:0;
    padding:0;
    position:relative;
}
 
ul.navigation li a {
    padding:10px 10px;
    color:#007d39;
    text-shadow:1px 1px 0px #fff;
    text-decoration:none;
    display:inline-block; 
    -webkit-transition:color 0.2s linear, background 0.2s linear;
    -moz-transition:color 0.2s linear, background 0.2s linear;
    -o-transition:color 0.2s linear, background 0.2s linear;
    transition:color 0.2s linear, background 0.2s linear;
}
 
ul.navigation li a:hover {
    background:#f8f8f8;
    color:#282828;
}

ul.navigation li:hover > ul
{
/*these 2 styles are very important,
being the ones which make the drop-down to appear on hover */
    visibility:visible;
    opacity:1;
}
 
ul.navigation ul, ul.navigation ul li ul {
    list-style: none;
    margin: 0;
    padding: 0;
/*the next 2 styles are very important,
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
    width:180px;
    background:#f8f8f8;
    box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
    -webkit-transition:opacity 0.2s linear, visibility 0.2s linear;
    -moz-transition:opacity 0.2s linear, visibility 0.2s linear;
    -o-transition:opacity 0.2s linear, visibility 0.2s linear;
    transition:opacity 0.2s linear, visibility 0.2s linear;
}
 
ul.navigation ul {
    top: 43px;
    left: 1px;
}

ul.navigation > li.current_page_item{
	background-color: #fff !important;
}
ul.navigation > a:nth-child(1){
	color:#000;
}
ul.navigation ul li ul {
    top: 0;
    left: 181px; /* strong related to width:180px; from above */
}
 
ul.navigation ul li {
    clear:both;
    width:100%;
    border:0 none;
    border-bottom:1px solid #c9c9c9;
}
 
ul.navigation ul li a {
    background:none;
    padding:7px 15px;
    color:#007d39;
    text-shadow:1px 1px 0px #fff;
    text-decoration:none;
    display:inline-block;
    border:0 none;
    float:left;
    clear:both;
    width:150px;
}

body > div.site-container > header > div:nth-child(1) > div > section{
display:block;
}
		.panel > .full-width-content{
		padding-bottom: 1%;
	}
	div.panel.show > div.full-width-content > ul > li{
		margin:0;
		padding-right:15px;
	}
	div.panel.show > div.two-thirds > ul > li{
		margin:0 ;
		width:50%;
		    padding: 5px 20px 0 0;
	}
/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 480px) and (min-width: 300px){
	 div.title-and-button > div.two-thirds{
		width:100% !important;
		text-align:center;
	}
	div.title-and-button > div.two-thirds > h2 > span.float-left{
		float:none !important;
	}
	 div.title-and-button > div.two-thirds > strong > span.float-right{
		float:none !important;
	}
	 div.title-and-button > div.dropdown.one-third{
		width:100% !important;
	}
	.title-and-button{
		height:105px !important;
	}
	li.tab-link{
		width:100% !important;
	}
	#spinner-company-list > div > div:nth-child(1), #spinner-company-list > div > div:nth-child(2), #spinner-state-list > div > div:nth-child(1), #spinner-state-list > div > div:nth-child(2){
		width:50% !important;
	}
	#spinner-company-list > div > div:nth-child(3),#spinner-company-list > div > div:nth-child(2),#spinner-company-list > div > div:nth-child(1), #spinner-state-list > div > div:nth-child(3){
		width:100% !important;
		margin-bottom:15px !important;
	}
	.item{
	display:block;
margin-bottom:10px;
		flex-direction:column;
}
h2.state{
clear:both;
}
	#spinner-company-list > div{
		display:block !important;
	}
	div.clearfix.title-and-button > div.dropdown{
		text-align:center !important;
	}
	#tab-spinners.tab-content.clearfix.gallery-panes div.clearfix.title-and-button div.dropdown button.dropbtn{
		width:65% !important;
	}
	#tab-spinners > div.clearfix.title-and-button{
		height:55px !important;
	}
div.item > div.one-third,  div.item > div.two-thirds{
width: 100% !important;
margin-bottom: 10px;
}
	.gallery-panes > div > div.clearfix.title-and-button > div:nth-child(1) > button, .gallery-panes > div > div.clearfix.title-and-button > div:nth-child(2) > button{
		padding: 5px 14px !important;
		width:100% !important;
	}
	.gallery-panes > div > div.clearfix.title-and-button > div:nth-child(1) > span, .gallery-panes > div > div.clearfix.title-and-button > div:nth-child(2) > span{
		display:none;
	}
	.gallery-panes > div:nth-child(1) > div.clearfix.title-and-button, .gallery-panes > div:nth-child(2) > div.clearfix.title-and-button{
		height:44px !important;
	}
	#tab-associations > div.clearfix.title-and-button > div{
		width:100% !important;
	}
	#tab-associations > div.clearfix.title-and-button{
		height:54px !important;
	}
	#woven-knit-filter{
		width:100% !important;
		clear:both;
		margin-bottom: 15px !important;
		float:none !important;
		margin-left:0 !important;
	}
	.page-id-688 div.panel.show > div.one-third{
		width:100% !important;
	}

	.page-id-688 div.panel.show > div.two-thirds{
		width:100% !important;
		margin-left:0 !important;
	}
	#tab-fabric-sales > div.clearfix, #fabric-country-list, #fabric-fiber-list, #fabric-fiber-list-knits{
		width:100% !important;
	}
	.fiber-company{
		display:block !important;
	}
	.fiber-company > div.one-sixth{
		width:49% !important;
		padding-bottom:1%;
		margin-left:0;
	}
	.fiber-table > div.panel.show{
		border-top: 1px solid #000;
	}
	.fiber-table{
		border-right:1px solid #000;
	}
	td, th{
		padding:2px 3px !important;
	}
	.sidebar-addendum li{
		border-bottom:none !important;
	}
	body > div.site-container > header > div:nth-child(2), #mega-menu-wrap-primary{
	display:none;
}
}

@media only screen and (max-width : 600px) and (min-width:481px) {
	ul.tabs-menu{
		display:inline-flex; 
	}
	.content-sidebar main.content{
		padding-left:0 !important;
	}
	.title-and-button{
		padding:15px 0 !important;
	}
	 div.title-and-button > div.two-thirds{
		width:62.5% !important;
	}
	div.title-and-button > div.dropdown.one-third{
		margin-left:3.5% !important;
	}
	body > div.site-container > header > div:nth-child(2), #mega-menu-wrap-primary{
	display:none;
}
	
}
@media only screen and (max-width : 767px) and (min-width:601px) {
	.content-sidebar main.content{
		padding-left:0 !important;
	}	
	div.title-and-button > div.two-thirds{
		width:62.5% !important;
	}
	div.title-and-button > div.dropdown.one-third{
		margin-left:3.5% !important;
	}
	.one-half{
		width:50% !important;
	}
	div.container{
		display:none;
	}
}

/* Desktops and laptops ----------- */
@media only screen and (max-width : 1600px){
	.scrollmenu{
		display:none;
	}
	.container{
		display:none;
	}
}