.widget {

	& + .widget {
		margin-top: 1.5em;
		@include media-breakpoint-up(lg){
			margin-top: 3.1em;
		}
	}

	.footer-area & {
		margin-top: 0;
		margin-bottom: 1.8em;
	}
	&-title {
		margin: 0 0 .5em 0;

		.sidebar-primary &,
		.sidebar-secondary & {
			margin: 0 0 1.35em 0;
			line-height: 1.2;
		}
	}


	select {
		max-width: 100%;
	}
}

.widget-area {
	&.footer-area {
		padding: 60px 0 30px;
		@include media-breakpoint-up(md) {
			padding: 60px 0 54px;
		}
	}
	&.sidebar-primary,
	&.sidebar-secondary {
		margin-bottom: 1.5em;
		@include media-breakpoint-up(lg){
			margin-bottom: 3.1em;
		}
	}
}