/* To make Responsive
---------------------------------------------------------------------- /
*
*  1 - media screen and (max-width: 992px)
*  2 - media screen and (max-width: 800px)
*  3 - media screen and (max-width: 768px)
*  4 - media screen and (max-width: 640px)
*  5 - media screen and (max-width: 500px)
*  6 - media screen and (max-width: 480px)
*  7 - media screen and (max-width: 320px)
*  8 - media screen and (max-width: 1170px)
*
---------------------------------------------------------------------- */


/* 1 - media screen and (max-width: 992px)
---------------------------------------------------------------------- */
.manchor{
	position: absolute;
	margin-top: -100px;
}

.manchor2{
	position: absolute;
	margin-top: -50px;
}

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

	.container {
		width: 100%;
	}
	.slider-txt-container {
		padding: 60px 15px 100px 15px;
	}
	.top-section .thin-txt {
		font-size: 2.25em;
		line-height: 30px;
	}
	.top-section .bold-txt {
		font-size: 3em;
		line-height: 55px;
	}
	.meida-container {
		margin: 15px auto;
	}
	.time-circle .time-number {
		line-height: 120px;
		width: 120px;
		height: 120px;
		margin-bottom: 0;
	}
	.service-box {
		padding: 25px 0;
	}
	.media-content.media-right {
		margin-top: 0px;
	}
	.media-content.media-left,
	.pricing-section .content-box,
	.contact-form-container,
	#event-slide,
	#causes-carousel {
		margin-bottom: 50px;
	}
	.footer-social-btn.pull-right,
	.copyrights.pull-left {
		float: none!important;
		text-align: center!important;
	}
	.post-category {
		display: none;
	}
	.footer-social-btn {
		padding-bottom: 15px;
	}
	.navbar-default .navbar-nav>.active>a, 
	.navbar-default .navbar-nav>.active>a:hover, 
	.navbar-default .navbar-nav>.active>a:focus {
		color: #0d0d0d;
	}

	.navbar-default .navbar-nav>li>a:hover, 
	.navbar-default .navbar-nav>li>a:focus {
		color: #0d0d0d;
	}
}

@media (min-width: 992px){
	.container {
		width: 100%;
	}
}

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.navbar-nav>li {
		background-color: #E7D2AA;
		padding: 0;
        float: none;
        border-bottom: 1px solid #e1e1e1
    }
    .navbar-nav>li:last-child{
    	border-bottom: 0px solid transparent;
    }
    .collapse.in {
  		display:block !important;
	}
	.navbar-toggle {
		margin-top: 0;
    	margin-bottom: 15px;
    	padding: 10px 0px;
	}
	.container>.navbar-header, 
	.container-fluid>.navbar-header, 
	.container>.navbar-collapse, 
	.container-fluid>.navbar-collapse {
		margin-left: -15px;
		margin-right: -15px;
	}
	.navbar>.container .navbar-brand, 
	.navbar>.container-fluid .navbar-brand {
		margin-left:0;
	}
	.navbar-default .navbar-toggle, 
	.navbar-default .navbar-toggle {
		color: #7E5953;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	.navbar-default .navbar-toggle:hover, 
	.navbar-default .navbar-toggle:focus{
		background-color: transparent;
		color: #7E5953;
	}
	.navbar-default .navbar-toggle:focus{
		background-color: transparent;
		color: #F59B36;
	}
	.menu-bg .navbar-default .navbar-toggle:hover, 
	.menu-bg .navbar-default .navbar-toggle:focus{
		color: #0d0d0d;
	}
	.navbar-default .navbar-toggle{
		border-color: transparent;
		font-size: 3em;
		line-height: 25px;
	}
	.navbar-collapse.in {
		overflow-y: auto!important;
		border:0;
	}
	.section-description{
		max-width: 100%;
	}
	.blog-sidebar {
		padding-left: 15px;
	}



/* 1 - media screen and (max-width: 992px)  End
---------------------------------------------------------------------- */


/* 2 - media screen and (max-width: 800px)
---------------------------------------------------------------------- */
@media screen and (max-width: 800px){
	
}

/* 2 - media screen and (max-width: 800px) End 
---------------------------------------------------------------------- */


/* 3 - media screen and (max-width: 768px)
---------------------------------------------------------------------- */

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

	.section-title {
		text-align: left;
		float: none;
		width: inherit;
		display: inline-block;
		padding-right:0px;
		padding-bottom: 30px;
	}
	.section-title:after{
		width: 100%;
		height: 10px;
		top: inherit;
		bottom: 20px;
	}
	.section-description {
		margin-left: 0;
	}
	.top-section .thin-txt {
		font-size: 1.75em;
		line-height: 30px;
	}
	.top-section .bold-txt {
		font-size: 2.5em;
		line-height: 55px;
	}
	#submited-comment .comment .children {
		margin-left: 30px;
	}
	
}

@media (max-width: 774px)
{
	.verticalcenter{
		top: 45%;
	}
	
	#top-section{
		display: none;
	}
	
	#top-section-mobile{
		display: block;
		margin-top: 80px!important;
	}
	
	.section-padding{
		padding-top: 60px;
	}
	
	.navbar-default{
		
	}
}

@media (max-width: 769px){
	.dados_estatistica{
		top: 120px;
	}
	
	.dados_estatistica2{
		top: 160px;
	}
	
	#content_rec6{
		margin-top: 30px;
	}
	
	#titulos{
		top: 210px;
	}
	
	.rec6{
		height: 400px;
	}
	
	.verticalcenter{
		top: 46%;
	}
	
	.team-member-box figure img{
		width: 70%;
	}
	
	.sponsor{
		width: 60%;
	}
	
	h5{
		margin-bottom: 0px;
	}
	
	#img6{
		bottom: 0;
	    position: absolute;
	}
}

@media (max-width: 737px)
{
	.tacamobile{
		margin-top: 20px;
	}
	
	#abe{
		width: 50px;
	}
	
	.content-title{
		font-size: 14px;
	}
	
	h5{
		font-size: 20px!important;
	}
	
	.verticalcenter{
		top: 43%;
	}
	
	
	.team-member-box figure{
		height: auto;
	}
	
	.team-member-box figure img{
		width: 50%;
	}
}

@media (max-width: 668px)
{
	#pontos2{
		margin-right: 78px;
	}
	
	#pontos{
		right: 185px;
	}
	
	.verticalcenter{
		top: 42%;
	}
	
	.emblema{
		width: 50%;
	}
	
	.itemfull{
		display: none!important;
	}
	
	.itemmobile{
		display: block!important;
	}
}

@media (max-width: 569px)
{
	.biografia_btn{
		padding: 20px 15px;
	}
	
	#img6{
		display: none;
	}
	
	h4{
		font-size: 34px!important;
	}
	
	.content-title{
		font-size: 12px;
	}
	
	h5{
		font-size: 16px!important;
	}
	
	.verticalcenter{
		top: 39%;
	}
}

@media (max-width: 436px)
{
	.biografia_btn{
		font-size: 23px;
	}
	
	h4{
		font-size: 30px!important;
	}
	
	.verticalcenter{
		top: 40%;
	}
}

@media (max-width: 415px)
{
	.biografia_btn{
		font-size: 20px;
		padding: 15px 40px;
	}
	
	.verticalcenter{
		top: 41%;
	}
	
	.section-padding{
		padding-top: 50px;
		padding-bottom: 60px;
	}
	
	.section-padding2{
		padding-bottom: 60px;
	}
	
	h4{
		font-size: 32px!important;
	}
	
	h5{
		font-size: 16px!important;
	}
	
	.fa-caret-right{
		right: 30px;
		top: 25px;
		font-size: 50px;
	}
	
	.fa-caret-left{
		right: 175px;
		top: 25px;
		font-size: 50px;
	}
	
	#content_rec6{
		margin-top: 0px;
		float: none;
		margin-right: 0px;
	}
	
	.fa-caret-left{
		position: relative;
		right: 0;
	}
	
	#ano{
		position: relative;
		right: 0;
		top: 12px;
		font-size: 22px;
	}
	
	#ano_estatistica{
		text-align: center;
	}
	
	.fa-caret-right{
		position: relative;
		right: 0;
	}
	
	#titulos{
		position: relative;
		top: 125px;
		right: 0;
		text-align: center;
	}
	
	.dados_estatistica{
		position: relative;
		top: 15px;
		right: 0;
	}
	
	#jogos{
		position: absolute;
		right: 15px;
	}
	
	#pontos{
		position: absolute;
		right: 0;
		left: 15px;
	}
	
	.dados_estatistica2{
		position: relative;
		top: 60px;
		right: 0px;
	}
	
	#pontos2{
		position: absolute;
		left: 15px;
	}
	
	#jogos2{
		position: absolute;
		right: 15px;
	}
	
	#img6{
		display: none;
	}
	
	#pontos2{
		margin-right: 70px;
	}
	
	.rec6{
		height: 320px;
	}
	
	#barra{
		height: 60px;
	}
	
	#abe{
		width: 40px;
	}
	
	.navbar-brand .logo{
	}
	
	.menu-bg-overlay{
		padding: 0px 0;
	}
	
	.mobilenone{
		display: none;
	}
	
	#top-section {
    	background: url(../../images/background/top-section-bg2.jpg) 50% 0 no-repeat fixed;
    	background-position: 50% 0px!important;
    }
    
    .parallax-overlay{
        background-color: rgba(0,0,0,0)!important;
    }
}

@media(max-width: 412px)
{
	.verticalcenter{
		top: 41%;
	}
	
	body{
		font-size: 13px;
	}
}


@media(max-width: 376px)
{
	h4{
		font-size: 28px!important;
	}
	
	.biografia_btn{
		padding: 15px 20px;
		margin-bottom: 10px;
	}
}

@media(max-width: 321px)
{
	.navbar-brand .logo{
	}
	
	h4{
		font-size: 24px!important;
	}
	
	h5{
		font-size: 20px!important;
	}
	
	.biografia_btn{
		padding: 5px 8px;
		margin-bottom: 10px;
	}
	
	#pontos{
		right: 140px;
	}
	
	#pontos2{
		margin-right: 30px;
	}
	
	body{
		font-size: 14px;
	}
	
	#abe{
		width: 30px;
	}
	
	#barra{
		height: 40px;
	}
	
	.verticalcenter{
		top: 48%;
	}
}

/* 3 - media screen and (max-width: 768px) End
---------------------------------------------------------------------- */


/* 4 - media screen and (max-width: 640px)
---------------------------------------------------------------------- */
@media screen and (max-width: 640px){
	
	.pricing-table .pricing-item{
		float: none;
		width: 100%;
		max-width: 350px;
		margin: 60px auto;
		border:none;
	}
	.pricing-item .item-head:before,
	.pricing-item .item-footer:after {
		content: inherit;
		height: 0;
	}
}

/* 4 - media screen and (max-width: 640px) End
---------------------------------------------------------------------- */


/* 5 - media screen and (max-width: 500px)
---------------------------------------------------------------------- */
@media screen and (max-width: 500px){
	
	
}

/* 5 - media screen and (max-width: 500px)  End
--------------------------------------------------------------------- */


/* 6 - media screen and (max-width: 480px)
---------------------------------------------------------------------- */
@media screen and (max-width: 480px){
	.about-section .content-title,
	.volunteer-section .content-title  {
		overflow: inherit;
		padding-top: 0px;
	}
	.news-article .post-meta {
		text-align: left;
		width: 100%;
		float: none; 
		padding-top: 45px;
	}

	.news-article .post-meta span,
	.news-article .post-meta time {
		display: inline-block;
		padding-right: 10px;
	}
	.news-article .meta-icon {
		display: inline-block;
		margin-left: 0;
		margin-right: 15px;
	}
	.news-article .meta-icon span {
		padding-right: 0;
	}
	.news-article .post-details {
		margin-left: 0;
		padding: 0;
		padding-top: 15px;
	}
	.content-icon-hex {
		margin:30px auto;
		float: none !important;
	}
	.pricing-sec-hex {
		margin-bottom: 60px;
	}
}

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

	
}

/* 6 - media screen and (max-width: 480px) End
---------------------------------------------------------------------- */


/* 7 - media screen and (max-width: 320px)
---------------------------------------------------------------------- */
@media screen and (max-width: 320px){
	#submited-comment .comment .children {
		margin-left: 0px;
	}
}

/* 7 - media screen and (max-width: 320px) End 
---------------------------------------------------------------------- */



/* 8 - media screen and (max-width: 1170px)
---------------------------------------------------------------------- */

@media screen and (max-width: 1170px){
	.slider-txt-container{
		padding-left: 15px;
		padding-right: 15px;
	}
	
}


@media (min-width: 1170px){
	.container {
		width: 1378px;
	}
}

/* 8 - media screen and (max-width: 1170px) End
---------------------------------------------------------------------- */


/* 9 - media screen and (max-width: 1050px)
---------------------------------------------------------------------- */
@media screen and (max-width: 1050px){
	
	.navbar-nav>li>a {
		padding: 0 15px;
	}
}


/* 9 - media screen and (max-width: 1050px) End End
---------------------------------------------------------------------- */