/***************************************************/
/******************* responsive ********************/
/***************************************************/

div.hamburguer-menu, div.mobile-menu {
	width: 50%;
	background-color: #ffffff;
	top: 140px;
	position: fixed;
	z-index: 999;
	display: none;
	overflow-y:scroll;
}
	div.mobile-menu.shrinkMenu, div.hamburguer-menu.shrinkMenu {
		top: 80px !important;
		overflow: hidden !important;
	} 
	div.hamburguer-menu ul.hamburguer-sub-menu, div.mobile-menu ul.hamburger-sub-menu {
		display: none;
		float: left;
		list-style: none;
		margin-top: 40px !important;
		margin-bottom: 40px !important;
		border-left: 1px solid #cccccc;
		padding-left: 20px;
	}
	div.hamburguer-menu ul.hamburguer-principal, div.mobile-menu ul.grid_3 {
		float: left !important;
		list-style: none;
		margin-top: 40px !important;
		margin-bottom: 40px !important;
	}
	div.mobile-menu ul.grid_3 { width: 100%; }
	div.hamburguer-menu ul li a, div.mobile-menu ul li a{
		color: #333333;
		font-weight: 700;
		font-size: 12px;
		text-transform: uppercase;
		cursor: pointer;
	}
		div.hamburguer-menu ul li a:hover, div.mobile-menu ul li a:hover{
			color: #0099CC;
			text-decoration: none;
			opacity: 1;
		}
		div.hamburguer-menu ul li, div.mobile-menu ul li{
			margin-top: 5px;
		}
			div.hamburguer-menu ul li:first-child, div.mobile-menu ul li:first-child{
				margin-top: 0;
			}
		div.hamburguer-menu ul li.active > a, div.mobile-menu ul li.active > a{
			color: #0099cc;
			opacity: 1;
		}
			div.mobile-menu ul li ul {
				display: none;
				list-style: none;
				margin-top: 10px;
				margin-left: 10px !important;
			}
				div.mobile-menu ul li ul li ul {
					margin-top: 5px;
				}
@media screen and (max-width: 1366px) {
	div.homepage-content div.title { font-size: 36px !important; }
	div.homepage-content div.description { font-size: 36px !important; }
	div.homepage-content { top: 45% !important;	}
}
@media screen and (max-width : 1024px){
	div.homepage-social-slideshow div.owl-controls div.owl-buttons div.owl-next { right: -30px;	}
	div.events{ text-align: center; }
	article.each-event{ float:left !important; display: inline-block; }
	footer div.col2{ margin-right: 65px; }
	footer div.col2, footer div.col3{ width: 200px !important; }
	header nav,header div.header-private-area { display: none; }
	header.smaller div.header-logo a img { margin-top: 0px; }
	div.homepage-social-slideshow div.item { margin-right: 10px; margin-left: 10px; width:300px;}
	div.homepage-social-slideshow div.owl-controls div.owl-buttons div.owl-prev { left: -25px; }
	div.homepage-social-slideshow div.owl-controls div.owl-buttons div.owl-next { right: -25px; }
	header div.header-logo { float:none; margin: 0 auto; border-right:0px none;}
	header div.header-logo img { border:0px none; margin-top: 30px; }
	.hamburger { height: 50px; width: 50px; position: absolute; right: 30px; top: 45px; font-size: 50px; cursor: pointer; left: 0; margin-left:20px;}
	header.smaller .hamburger { top: 15px; }
	.hamburger:hover > a{ opacity:1; cursor: pointer; }
	.box-shadow-menu { position: relative; padding-left: 1.25em; display: block;}
	.box-shadow-menu:before {
	    content: "";
		font-size: 29px;
		position: absolute;
		left: 0px;
		top: 0.5em;
		width: 1em;
		height: 0.12em;
		background: #FFF none repeat scroll 0% 0%;
		box-shadow: 0px 0.25em 0px 0px #FFF, 0px 0.5em 0px 0px #FFF;
	}
	.login-area .closeArea{display: block !important;}
	.respostas-total h2 { font-size: 60px; line-height: 60px; }
	.grid_2_2 { width:31%; }
	div.news-spaces2 {
    width: 48%;

}
}
@media screen and (max-width : 768px) {
	div.title-news {
		text-align: center;
	}
	div.events article.each-event div.title {
		text-align: center;
	}
	footer .grid.col1 { height: 260px !important; margin-bottom: 0px !important; }
	footer .grid{ margin: 55px 60px 0px 0px; }
	footer .col2, footer .col3{ margin:0; }
	footer .col3{ margin-top: 30px; padding-bottom: 40px; }
	
	div.events article.each-event { width:46%; }
	div.homepage-social-slideshow div.owl-controls div.owl-buttons div.owl-prev, div.homepage-social-slideshow div.owl-controls div.owl-buttons div.owl-next{display:none;}
	footer .grid{ clear:both; }
	div.gallery div.gallery-each{ width: 48% !important; height: 295px; }
	.c-grid{ width: 100% !important; }
	.c-week-day { width: 14.28% !important; }
	.c-event-grid{ width: 100% !important; }
	div.gallery div.gallery-each.omega { margin-right: 2% !important; }
	div.about-side-hide { display:none; }
	.respostas-total h2 { font-size: 36px; line-height: 36px; }
	div.aboutus div.respostas-main-title div { font-size: 24px; line-height: 24px; }
	.grid_2_2 { width:48%; }
}
@media screen and (max-width : 640px) {
	div.news-spaces2 {
    width: 97%;
}
div.aboutus aside.about-side-content { display:none !important; }
.grid_8 {
    width: 100%;
}
.singleitem {
    width: 50%;
    
}
article.each-event{ display: block; width: 100% !important; }
}
@media screen and (max-width : 480px) {
	div.gallery div.gallery-title {

    top: -70px;

}
	div.shadow-effect{margin-bottom:70px;}
div.gallery div.gallery-each {

    margin-top: 8% !important;
}
	div.slideshow-footer div.item div.description{ width: 80%; font-size: 22px; }
	
	div.homepage-content{ position: unset; }
	div.homepage-content div.title{ position: absolute; top: 35%; margin-left:10px; }
	div.homepage-content div.description{ position: absolute; top: 45%; line-height: 38px; margin-left:10px; }
	div.homepage-content div.know-more{ position: absolute; top: 70%; margin-left:10px; }
	div.homepage-content div.button{ position: absolute; top: 80%; margin-left:10px; }
	div.homepage-content div.homepage-social-slideshow{ margin-top: 0; }
	div.homepage-content div.setCenter{ width: 100%; }
	article.homepage-quality{ margin-top: -10px; }
	article.homepage-quality h1{ font-size: 48px; }
	article.homepage-quality div.summary{ font-size: 20px; }
	div.homepage-social-slideshow div.item{ width: 100%; margin:0 !important; padding:10px !important; }
		#social-slideshow .owl-pagination{
		position: absolute;
		bottom: 10px;
		left: 0;
		right: 0;
	}
	article.each-event { margin-left: 0px !important; margin-right:0px !important;}
	.c-event-grid { margin-top: 20px }
	.grid_2_2 { width: 100%; }
	div.aboutus aside.about-side-content { display:none !important; }
	div.aboutus div.shadow-effect div.grid_4 { display: none !important }
	div.aboutus div.grid_4 h2 { text-align: left }
	div.aboutus div.grid_4 hr { display: none !important }
	div.aboutus div.about-main-title { margin-top: 10px !important; }
}
@media screen and (max-width : 480px) {
	div.events div.title-main, article.homepage-quality h1,div.aboutus div.about-main-title h1{ font-size: 24px; line-height: 24px; }
	div.gallery div.gallery-each { width: 100% !important; height: 440px; margin-bottom: 100px !important; }
	div.hamburguer-menu { display:none !important; }
	.respostas-total { width: 100%; height: 60px; margin-bottom: 0px !important; }
	.grid_3.respostas-total hr { margin-bottom: 0px !important; float:left; bottom: -70px;}
	.respostas-total h2 { height: 100px; font-size: 24px }
	.respostas-main-title { height: 140px; width:100%; }
	.respostas-main-title p { font-size: 18px; line-height: 28px;text-align: center; }
	.respostas-main-title div { height: 100px; }
	div#aboutus div.shadow-effect div.grid_3.respostas-total, div#fundacoes div.shadow-effect div.grid_3.respostas-total, div#contacts div.shadow-effect div.grid_3.respostas-total { display:none; }
	div#aboutus div.about-main-title h1, div#fundacoes div.about-main-title h1 { padding: 60px 0px; }
	div#aboutus .respostas-main-title p , div#fundacoes .respostas-main-title p { margin-top: 0px; text-align: center; }
	.respostas-main-title p { margin-top: 30px; }
	div.breadcrumb div.grid_4 { display: none !important; }
	div.breadcrumb ul.grid_7 { width: 100%; }
	div.aboutus.gallery div.grid_3.respostas-total { display:none !important;}
	#googleMap{
		height:400px; 
		} }
}
@media screen and (max-width: 320px){
	.setCenter{ width: 280px; }
	div.aboutus aside.about-side-content { width:100% !important; }
	div.aboutus section.about-main-content { width: 100% !important; margin-top: 40px !important }
	div.aboutus aside.about-side-content { display:none !important; }
	div.gallery div.gallery-each { height: 280px; }
}