@media only screen and (max-width:1366px) {
	#sortlist li {
	    width: 25%;
	}
}

@media only screen and (max-width:1199px) {
	.hero-content h1 {
		font-size: 36px;
		line-height: 1.3;
	}
	#sortlist li {
	    width: 24.9%;
	}
}


@media only screen and (max-width:991px) {
	.main-nav .navbar-nav > li > a {
		margin-left: 18px;
	}
}

@media only screen and (max-width:900px) {
	.hero-content {
		width: 70%;
	}
}


@media only screen and (max-width:767px) {
	.mobile-center {
		float: none;
		text-align: center;
	}
	.main-nav .navbar-brand {
		padding: 0 15px;
	}
	.main-nav .navbar-toggle {
		border-radius: 0;
		border-color: #ffffff;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background: #ffffff;
	}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	    background-color: transparent;
	}
	.main-nav.top-nav-collapse .icon-bar {
		background: #333333;
	}
	.navbar-collapse {
		margin-top: 20px;
	}
	.container>.navbar-collapse {
		margin-left: 0;
		margin-right: 0;
	}
	.main-nav .navbar-right {
		background: #ffffff;
		margin: 0 -15px;
		padding: 10px 0;
	}
	.main-nav .navbar-nav>li {
		width: 100%;
		text-align: center;
	}
	.main-nav .navbar-nav>li>a {
		margin-top: 0;
		margin-left: 0;
		color: #666666;
	}
}

@media only screen and (max-width:650px) {
	.hero-content {
		width: 80%;
	}
	.hero-content h1 {
		font-size: 28px;
		line-height: 1.3;
	}
}

@media only screen and (max-width:600px) {
	.full-wd600 {
		width: 100%;
	}
	#sortlist li {
	    width: 33.3%;
	}
	.main-nav .navbar-brand {
		width: 180px;
		height: auto;
	}
	.hero-content h1 {
		margin-bottom: 0;
	}
	.hero-content p {
		display: none;
	}
}

@media only screen and (max-width:515px) {
	#sortlist li {
	    width: 33.2%;
	}
}

@media only screen and (max-width:480px) {
	.panel-title {
		line-height: 1.4;
		font-size: 14px;
	}
	.hero-content h1 {
		font-size: 18px;
	}
	#sortlist li {
	    width: 49.9%;
	}
}

@media only screen and (max-width:420px) {
	.main-nav .navbar-brand {
		width: 150px;
		height: auto;
	}
	.navbar-toggle {
		margin-top: 0;
		margin-bottom: 0;
	}
}

@media only screen and max-width:320px) {

}