/* Responsive CSS */

@media screen and (max-width: 767px) {
	body {
		overflow-x: hidden;
	}

	/* Navbar */
	span.caret {
		display: block;
		float: right;
		position: relative;
		top: 5px;
	}

	nav.navbar {
		border-right: 0;
	}

	.navbar-nav {
		margin: 0;
	}

	.navbar-header {
		background: #736ea3;
	}

	.nav > li > a {
		padding: 10px;
	}

	.nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .navbar-nav .open .dropdown-menu > li > a {
		background: #736ea3;  
    	color: #FFF;
    	padding: 10px;
	}

	.navbar-nav .open .dropdown-menu {
	    padding: 0;
	}

	/* */
	.sidebar img {
		margin: 0 auto;
	}

	.notice h4, .event h4 {
		font-size: 20px;
	}

	.notice h4:before, .event h4:before {
		position: relative;
		font-size: 26px;
		top: 2px;
	}

	.notice {
		left: 0;
	}

	.notice, .event {
		margin: 20px auto;
    	text-align: center;
	}

	#biblioteconomia h2 {
		margin-left: 15px;
	}

	.biblioteconomia-single {
		width: 45%;
		margin-left: 5%;
		margin-right: 0 !important;
	}

	footer .menu {
		width: 45%;
		margin: 0 0 0 5%;
		float: left;
	}

	footer .menu:nth-child(2n) {
		clear: right;
	}

	footer .social {
		clear: both;
		width: 100%;
		text-align: center;
	}
}

@media screen and (max-width: 674px) {
	.header-logo, .header-title, .header-menu {
		width: 100%;
    	text-align: center;
    	clear: both;
	}

	.header-menu i {
		position: relative;
		right: 0;
		left: 195px;
		top: 2px;
	}
} 

@media screen and (max-width: 481px) { 
	.biblioteconomia-single-title::before {
		left: -5px;
    	top: 4px;
	}

	.biblioteconomia-single {
		width: 90%;
		padding: 0 5%;
		margin: 0 auto;
		margin-right: 0 !important;
	}

	footer .menu {
		width: 100%;
		margin: 0 auto;
		clear: both;
	}
}
@media screen and (max-width: 481px) { 
	.navbar-header {
		left: -5px;
    	top: 4px;
    	width: 0px;
    	height: 0px;
	}

}
@media screen and (max-width: 900px) {
.sidebar1 {
    overflow-y: scroll;
    height: auto;
}

.sidebar1 img {
    width: 100% !important;
    max-width: 100% !important;
}    
}