.navbar-light .navbar-toggler {
	border:0;
	padding:10px;
	outline: none;
	transition: transform .3s;
	transform: rotate(00deg);
}

.navbar-light .navbar-toggler:not(.collapsed) {
	transform: rotate(180deg);
}

.navbar-light .navbar-toggler > span {
	display:block;
	width: 25px;
	height:2px;
	margin-bottom: 7px;
	background-color: #7F7F7F;
	transition: .2s all;
	border-radius: 5px;
}

.navbar-light .navbar-toggler > span:last-child {
	margin: 0;
}

.navbar-light .navbar-toggler:not(.collapsed) > span {
	display:none;
}

.navbar-light .navbar-toggler:not(.collapsed) > span:first-child {
	display:block;
	transform: rotate(45deg);
	position:relative;
	bottom:-4px;
}

.navbar-light .navbar-toggler:not(.collapsed) > span:last-child {
	display:block;
	transform: rotate(-45deg);
	position:relative;
	top:-5px;
	width: 26px;
}

@media(min-width:1921px) {
	section.banner .banner-image {
		height:1000px;
		position: relative;
	}
}

@media(min-width:1499px) {
	.testimonial-area .slick-prev {
		left: -125px;
	}
	
	.testimonial-area .slick-next {
		right: -125px;
	}
}

@media(max-width:1299px) {
	.testimonial-area .slick-prev {
		left: 0px;
	}
	
	.testimonial-area .slick-next {
		right: 0px;
	}
	
	.testimonial-area > .container {
		width: 100%;
		max-width: none;
	}
	
	.testimonial-area .slick-prev {
		left: 10px;
	}
	
	.testimonial-area .slick-next {
		right: 10px;
	}

	.testimonial-area .slick-list.draggable:before {
		border-radius: 0 50% 50% 0;
		left:0;
	}
	
	.testimonial-area .slick-list.draggable:after {
		border-radius: 50% 0 0 50%;
		right:0;
	}
	
	.testimonial-area .slick-list.draggable:before, .testimonial-area .slick-list.draggable:after {
		content: "";
		display:block;
		position:absolute;
		top:0;
		bottom:0;
		margin-top:auto;
		margin-bottom:auto;
		width:80px;
		height:80px;
		background-color:#ffffff;
		border: 1px solid #EFEFEF;
		z-index: 1;
		box-shadow:0px 4px 6px -2px rgba(0,0,0,.2);
	}
	
	.testimonial-area .slick-list.draggable{
		padding-left: 80px;
		padding-right: 80px;
	}
}


@media(max-width:1199px) {
	section.banner .banner-image {
		height: 768px;
	}
	
	.usp-area > .container > .row > div:last-child:before {
		left: -50px;
		top:-120px;
		height: 70%;
	}
	
	.blog-item > .image-area a:after {
		font-size: 16pt;
	}
	
	section.main.page aside.sidebar {
		margin-left: -10px;
	}
	
	section.banner .banner-caption h1 {
		font-size: 30pt;
	}
}

@media(min-width:992px) {
	.project .project-content .reverse-row {
		flex-direction: row-reverse;
	}
	
	.project .project-content > .row.reverse-row > div:last-child {
		padding-right: 50px;
		padding-left: 15px;
	}
	
	.project .project-content > .row.reverse-row > div:first-child {
		padding-left: 50px;
		padding-right: 15px;
	}
	
	.project .project-content > .row.reverse-row > div:last-child:before {
		left:auto;
		right:0px;
	}
	
	section.main.page .project .project-content > .row.reverse-row > div:last-child {
		padding-right: 30px;
		padding-left: 15px;
	}
	
	section.main.page .project .project-content > .row.reverse-row > div:first-child {
		padding-left: 30px;
		padding-right: 15px;
	}
	
	
	section.main.page aside.sidebar .sub-sidebar-title {
		display: none;
	}
	
	section.main.page aside.sidebar .sub-sidebar-area {
		display:block !important;
	}
}

@media(max-width:991px) {
	section.banner {
		margin-bottom:50px;
	}
	
	.project .project-content > .row > div:last-child {
		padding-top: 80px;
	}
	
	.project .project-content > .row > div:last-child:before {
		height: 2px;
		width: 70%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		top: 44px;
		margin-top: 0;
		margin-bottom: 0;
		bottom: auto;
	}
	
	.project .project-content > .row > div {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	section.banner .banner-blocks .banner-block {
		margin-bottom: 25px;
	}
	
	section.banner .banner-blocks .banner-block .icon {
		padding-top:20px;
	}
	
	section.banner .banner-blocks .banner-block .content {
		padding-bottom:20px;
	}
	
	section.banner .banner-blocks .banner-block:hover {
		transform: scale(1);
		box-shadow: 0px 3px 7px -1px rgba(0,0,0,.2);
	}
	
	section.banner .banner-blocks .row div:last-child .banner-block {
		background-image: url(/view/images/mobile-background-small-leaves-right.jpg);
		background-position: bottom right;
	}
	
	section.header nav.navbar .navbar-brandtext {
		margin-right:auto;
	}
	
	.blog-are:not(.page) > .container > .row:last-child > div:last-child {
		display:none;
	}
	
	.blog-item > .image-area a:after {
		font-size: 18pt;
	}
	
	section.footer .green-bar .btn-subtle {
		margin-top: 25px;
	}
	
	section.footer ul.blog-style, section.footer p {
		max-width: 280px;
		margin: 0 auto;
	}
	
	section.footer .social-area {
		margin-top: 25px;
	}
	
	section.footer h2 {
		margin-top: 50px;
	}
	
	section.footer .footer-content .social-area .social-link {
		margin-left:15px;
		margin-right:15px;
	}
	
	section.main.page aside.sidebar {
		margin-left: 0px;
		position: static;
		top: 0;
		transform: skewY(0deg);
	}
	
	section.main.page aside.sidebar > .content {
		transform: skewY(0deg);
	}
	
	section.main.page aside.sidebar.collapsed .content {
		padding-top: 60px;
		margin-bottom: 150px;
	}
	
	section.main.page aside.sidebar:not(.collapsed) .sidebar-button {
		display:none;
	}
	
	section.main.page aside.sidebar .search-field input {
		width: 100%;
	}
	
	section.main.page aside.sidebar.empty-projects {
		position: static;
		top: auto;
	}
	
	section.header nav.navbar .nav-item.active > a:after {
		left: auto;
		right: auto;
		margin-left: 0;
		margin-right: 0;
		width: 35px;
	}
	
	section.header nav.navbar .nav-item.active > a:before {
		display: none;
	}
}

@media(max-width:767px) {
	html,body {
		font-size: 13pt;
	}
	
	.project .project-heading {
		padding-left:15px;
	}
	
	.project .project-content {
		padding: 30px 15px;
	}
	
	.remove-clamps-mobile {
		height: auto !important;
		width: 100% !important;
		overflow: visible !important;
		display: block !important;
		-webkit-line-clamp: initial !important;
	}
	
	section.header nav.navbar a.navbar-brand img {
		height: 80px;
	}
	
	section.header nav.navbar .navbar-brandtext {
		font-size:14px;
	}
	
	.usp-area > .container > .row > div:last-child {
		margin-top: 100px;
	}
	
	.usp-area > .container > .row > div:last-child:before {
		display: none;
	}
	
	.blog-item > .image-area a:after {
		font-size: 21pt;
		width: 30%;
	}
	
	.blog-item {
		margin-bottom: 50px;
	}
	
	.map-data {
		position:static;
		top:auto;
		left:auto;
		margin-bottom: 40px;
	}
	
	.map-data .contact-box {
		margin-top: 0px;
		background-color: #ffffff;
		color:#333;
	}
	
	.map-data .contact-box > div:last-child {
		background-color:#EFEFEF;
	}
	
	.map-data .contact-box .form-control {
		background-color:#e2e2e2;
	}
	
	#map {
		display: none;
	}
}

@media(max-width:575px) {
	section.banner .banner-image {
		height: 500px;
	}
	
	section.banner .banner-caption h1 {
		font-size: 23pt;
	}
	
	.project .project-content .img-container-small figure {
		height: 150px;
	}
	
	.project .project-content .img-container-small figure .more-available > span:first-child {
		margin-top: 30px;
	}
	
	.project .project-content > .row > div:last-child {
		padding-top: 35px;
	}
	
	.project .project-content > .row > div:last-child:before {
		display: none;
	}
	
	.blog-item > .image-area a:before, .blog-item > .image-area a:after {
		display:none;
	}
	
	.testimonial {
		padding: 20px;
	}
	
	.testimonial-area .slick-list.draggable{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.testimonial-area .slick-arrow {
		width: 28px;
		height: 28px;
		font-size: 12pt;
	}
	
	.testimonial-area .slick-list.draggable:before, .testimonial-area .slick-list.draggable:after {
		width:56px;
		height:56px;
	}
	
	section.footer .copyright-bar .container .row div:first-child span {
		display:block;
	}
	
	section.footer .copyright-bar .container .row div:first-child span:after {
		display:none;
	}
}





@media(min-width:576px) and (max-width:767px) {

}

@media(min-width:768px) and (max-width:991px) {

}

@media(min-width:1200px) {

}