/* only small desktops */
/* tablets */
/* only small tablets */
@media (min-width: 768px) and (max-width: 991px) {
	.top-header .navbar .navbar-collapse ul li a{
		padding: 5px 15px;
	}
	.about-img{
		margin-bottom: 30px;
		margin-top: 30px;
	}
	.comunity-box ul li{
		width: 33.33%;
	}
}

@media (min-width: 992px){
	.top-header .navbar .navbar-collapse ul li a {
		
		text-align: center;
	}
}

/* mobile or only mobile */
@media (max-width: 767px) {
	.navbar-brand{
		margin-left: 15px;
	}
	.top-header .navbar .navbar-collapse ul li a{
		padding: 5px 15px;
	}
	.lbox-details h1{
		font-size: 24px;
	}
	.lbox-details h2{
		font-size: 18px;
	}
	.lbox-details p strong{
		font-size: 20px;
	}
	.lbox-details a.btn{
		display: none;
	}
	.title-box h2{
		font-size: 40px;
	}
	.about-main-info h2{
		font-size: 24px;
	}
	.about-img{
		margin-bottom: 30px;
	}
	.main-timeline-box .separline::before{
		left: 15px !important;
	}
	.main-timeline-box .iconBackground{
		left: 15px !important;
	}
	.main-timeline-box .timeline-text-content{
		margin-left: 0px;
	}
	.main-timeline-box .reverse .timeline-text-content{
		margin-right: 0px;
		text-align: left;
	}
	.main-timeline-box .time-line-date-content{
		margin-right: 0px;
	}
	.main-timeline-box .time-line-date-content p{
		float: left;
	}
	.main-timeline-box .timeline-element{
		padding: 0px 15px;
	}
	.comunity-box ul li{
		width: 50%;
	}
	.main-timeline-box .reverse .time-line-date-content .mbr-timeline-date{
		margin-left: 0px;
	}

	.main-timeline-box .timeline-element {
		margin-bottom: 16px;
	  }
	.email{
		display: none;
	}
	.email-phone{
		display: block;
	  }
	.mobile-display{
		display: block;
	}
	.web-display{
		display: none;
	}
	
}
@media (min-width: 1200px){
	.container {
		max-width: 1179px;
	}
  }

@media screen and (max-width: 768px) {
	#atentionArea .event-wrap {
	  margin-bottom: 10px;
	}
	.footer-box .socialNetworks{
		display: inline-block;
		flex-flow: row nowrap;
	}
	.footer-box{
		padding: 15px 17px;
		text-align:center;
	}

  }