@charset "utf-8";
/* CSS Document */

.btn-show-categories {
	display: none;	
}

@media only screen and (max-width: 980px) {
	
	.inner-wrapper .art-title {
		position: fixed;
		width: 100%;
		left: 0;
		top: -20px;
		border-bottom: none;
		padding-bottom: 0;	
	}
	
	.inner-wrapper .art-title span {
		width: 90%;
		margin: 0 auto;
		display: block;
		padding-bottom: 10px;
		border-bottom: 1px solid #fff;
			
	}
	
	.art-section {
		margin-top: 148px;
	}
	
	.side_nav {
		width: 100%;
		position: fixed;
		left: 0;
		top: 142px;
		float: none;
		z-index: 500;	
	}
	
	.side_nav ul {
		width: 90%;
		margin: 0 auto;
		top: 146px;	
	}
	
	.side_nav li {
		background-color: none;
		margin-left: 2px;
		width: calc(20% - 2px);
		float: left;	
	}
	
	.side_nav #filters ul li {
		margin-left: 0;	
		margin-bottom: 1px;
	}
	
	.side_nav #filters li a {
		display: block;
		width: 100%;
		background-color: #fff;
		font-size: 17px;
		position: relative;	
	}
	
	.side_nav #filters li:last-child a{
		font-size: 14px;
	}
	
	.side_nav #filters li {
		background-color: transparent;
	}
	
	.side_nav #filters li .side.active_side, 
	.side:hover, 
	.side:focus, 
	.side_nav #filters li .side:active {
		background-color: #CACACA;
		color: #fff;
	}
	
	.side_nav #filters li .side:focus,
	.side_nav #filters li .side:hover,
	.side_nav #filters li .side:active {
		background-color: #CACACA;
		color: #fff;	
	}
	
	.side_nav #filters li:first-child {
		margin-left: 0;	
	}
	
	.accordian {
		position: relative;
	}
	
	.side_nav ul ul {
		position: absolute;
		width: 100%;
		top: 50px;
		left: 0;	
	}
	
	.side_nav #filters ul li {
		width: 100%;	
	}

	.all-works {
		width: 100%;
		left: 0;
	}	
	
}
@media only screen and (max-width: 748px) {
	.side_nav #filters li a:last-child{
		font-size: 17px;
	}
}

@media only screen and (max-width: 790px) {
	
	#filters {
		display: block;
		margin-top: 6px;
		height: 0;
		overflow: hidden;
		-webkit-transition: height 0.3s ease;
		transition: height 0.3s ease;	
	}
	
	.mw-show-menu #filters {
		height: 274px;	/* 559px fully expanded */
	}
	
	.mw-show-sub-menu #filters {
		height: 559px;	
	}
	
	.side_nav #filters li {
		background-color: none;
		margin-left: 0;
		width: 100%;
		float: none;
		margin-bottom: 1px;	
	}
	
	.btn-show-categories {
		display: block;
		background-color: #fff;
		color: #474747;
		border: none;
		line-height: 30px;
		padding: 10px;
		width: 90%;
		margin: 0 auto;
		text-align: left;
		font-family: inherit;
		font-size: 18px;
		position: relative;
		cursor: pointer;
		outline: none;
		z-index: 500;
	}
	
	.btn-show-categories:after {
		background: url(../images/arrow.png) no-repeat top left;
		content: "";
		display: block;
		position: absolute;
		width: 16px;
		height: 16px;
		background-position: 0 -66px;
		right: 20px;
		top: 19px;
	}
	
	.btn-show-categories:hover{
		color: #fff;
		background-color: rgba(255, 128, 29, 1);
		-webkit-transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s;
		-ms-transition: all 0.2s ease-in-out 0s;
		transition: all 0.2s ease-in-out 0s;
	}
	
	.btn-show-categories:hover:after{
		background-position: 0 0;
	}
	
	.side_nav .accordian ul {
		margin-top: 2px;
	}
	
	.side_nav #filters li a {
		font-size: 18px;
	}
	
	.accordian > .side:first-child:after {
		left: auto;
		right: 19px;
		top: 19px;
		z-index: 9999;
	}
	
	.side_nav ul ul {
		position: static;
	}
	
.side_nav  #filters .accordian ul li a {
	background-color: #94BEB6;
	color: rgb(255, 111, 31);
	line-height: 18px;
	padding-left: 30px;
}

		
}