@media (max-width:991px){

#navbar{
	text-align: left;
	padding: 10px 20px;
}
	#navbar .menu{
		display: none;
	}
	#navbar .logo {
		background-size: 65px auto;
		width: 65px;
		height: 40px;
		position: static;
	}

	#navbar .btn-menu{
		width: 20px;
		height: 13px;
		text-decoration: none;
		outline: none;
		position: relative;
		float: right;
		top: 13px;
		cursor: pointer;
		background: transparent url(../images/icon-menu.png) no-repeat center;
		background-size: 20px 13px;
	}
		#navbar .btn-menu.close{
			width: 23.5px;
			height: 19.5px;
			background-image: url(../images/icon-close.png);
			background-size: 23.5px auto;
		}

.navbar-space{
	height: 60px;
}

#mobile-menu{
	background: #fff;
	position: fixed;
	z-index: 19;
	width: 100%;
	height: 100%;
	top: 0;
	right: -110%;
	padding: 80px 20px;
	transition: all 1s;
	box-shadow: -3px 2px 4px rgba(170, 170, 170, 0.5);
}
	#mobile-menu.show{
		right: 0;
	}
	#mobile-menu .menu{
		margin: 0;
		padding: 0;
		list-style: none;
	}
		#mobile-menu .menu li{
			display: block;
			margin: 10px 0;
			padding: 0;
		}
			#mobile-menu .menu li a{
				display: block;
				text-decoration: none;
				outline: none;
				font-family: "Avenir", sans-serif;
				font-weight: bold;
				color: #2b2b2b;
			}
			#mobile-menu .menu li a:hover{
				color: #BF3730;
			}

.section-triangle {
	display: none;
}

#hero-banner {
	height: 100vw;
}
	#hero-banner .item {
		height: 100vw;
	}
	#hero-banner .slick-dots{
		bottom: 20px;
	}
	#hero-banner .slick-dots li button{
		width: 10px;
		height: 10px;
	}

.section {
	padding: 40px 0;
}
.section-desc {
	font-size: 12px;
	margin: 0 0 30px;
	padding: 0;
}
	.section-desc-padding {
		padding-left: 40px;
		padding-right: 40px;
	}
.section-desc-small {
	font-size: 12px;
}

.specials-panel {
	padding: 20px 18px;
	font-size: 12px;
}
.specials-panel-light{
	padding-right: 0;
	padding-left: 0;
}

#section-specials {
	padding: 40px 0;
}

#about-us .specials-panel-1 p, 
#about-us .specials-panel-2 p {
	padding-right: 0;
	padding-left: 0;
}

#section-specials .specials-panel-2,
#section-specials .specials-panel-3,
#section-specials .specials-panel-4 {
	padding-bottom: 18px;
}
#section-specials .specials-panel p{
	padding-right: 70px;
	padding-left: 70px;
}

.section-heading {
	font-size: 16px;
	margin: 0 0 30px;
}

.people h4,
.people p {
	font-size: 20px;
	margin: 0 0 14px;
}
	.people p {
		font-size: 16px;
	}

#section-contact {
	background: #DF4040;
}
	#section-contact .poster {
		font-size: 35px;
		padding: 100px 0;
	}
	#section-contact .info {
		font-size: 14px;
		padding: 35px 0;
		text-align: center;
		background: transparent url(../images/bg-contact-mobile.png) no-repeat center center;
		background-size: cover;
	}
		#section-contact .info content {
			position: static;
			transform: translate(0,0);
		}

#footer {
	padding: 85px 70px;
}

.content-wrap {
	padding-top: 35px;
	padding-bottom: 35px;
}

#content {
	font-size: 14px;
}
	#content .content-title {
		font-size: 16px;
	}

.tinycontent img {
	width: 100% !important;
}

.sidebar .title{
	font-size: 18px;
}
.sidebar-portfolio {
	font-size: 18px;
}

.carosel-portfolio .slick-slide,
.portfolio-card{
	height: 170px;
}

}

@media (max-width:767px){

#section-specials .specials-panel p{
	padding-right: 15px;
	padding-left: 15px;
}
#section-specials .specials-panel-3 p,
#section-specials .specials-panel-4 p{
	padding-right: 40px;
	padding-left: 40px;
}

}

@media (max-width:494px){

#section-specials .specials-panel p{
	padding-right: 0;
	padding-left: 0;
}
#section-specials .specials-panel-3 p,
#section-specials .specials-panel-4 p{
	padding-right: 25px;
	padding-left: 25px;
}

}

@media (max-width:434px){

#section-specials .specials-panel p{
	padding-right: 0;
	padding-left: 0;
}

#section-specials .specials-panel-2{
	padding-bottom: 38px;
}

}

@media (max-width:360px){

#section-specials .specials-panel-2{
	padding-bottom: 18px;
}

#section-specials .specials-panel p{
	padding-right: 0;
	padding-left: 0;
}

}