@media only screen and (max-width: 767px) {
	#wrapper {
		width: auto;
		min-width: 0;
	}

	.ils-user-account {
		top: -0px;
	}

	#search input {
		border: 1px solid #3D3D3D;
	}
	#search .button {
		border: 1px solid #3D3D3D;
	}

	.nav-bar > li::after {
		border-right: none;
	}

	.slide.content {
		padding: 17px;
	}

	#sub .archive {
		padding-top: 0;
	}

	.powered-by a {
		margin-top: 23px;
		background-position: 50% 50%;
	}

	.theme-changer-wrap {
		display: none;
	}

	#branding h1 {font-size: 30px;}		

	.carousel {margin-top: 0px;}

	h1#reading {margin-bottom: 10px;}
	
	.show {display: none;}
	.hide {display: block;}
	

	
	
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)  {.nav-bar > li > a:first-child {
	font-size: 14px !important;
}
}


@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min-device-pixel-ratio: 1.5) {
	.social-profile-icon {
		background-size: 50px 50px;
	}
	.social-profile-icon.facebook {
		background: url(../images/icons/facebook-light@2x.png) no-repeat 50% 50%;
	}
	.social-profile-icon.twitter {
		background: url(../images/icons/twitter-light@2x.png) no-repeat 50% 50%;
	}
	.social-profile-icon.google-plus {
		background: url(../images/icons/google-plus-light@2x.png) no-repeat 50% 50%;
	}
	.social-profile-icon.flickr {
		background: url(../images/icons/flickr-light@2x.png) no-repeat 50% 50%;
	}
	.social-profile-icon.linkedin {
		background: url(../images/icons/linked-light@2x.png) no-repeat 50% 50%;
	}
	.social-profile-icon.pinterest {
		background: url(../images/icons/pinterest-light@2x.png) no-repeat 50% 50%;
	}
	.social-profile-icon.tumblr {
		background: url(../images/icons/tumblr-light@2x.png) no-repeat 50% 50%;
	}

}



@media screen and (max-width: 320px) { 
	#currently-reading .book-fan {height: 250px !important;}
	#attentionGrabber, #openAttentionGrabber, #attentionGrabberWrap  {display: none !important;}
	#sidebar h1 {margin-top: 30px;}
	#branding h1 {text-align: center;}	
}

/*desktops */
@media only screen and (min-width: 992px) {		

	.theme-changer-wrap {display: block;}

	}

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

	.nav-bar > li::after {border-right: none;}

	}


@media only screen and (max-width: 800px) {
	.nav-bar > li > a:first-child {font-size: 17px;padding-top: 1px;}

	}