@import '../../../styles/fills';
@import '../../../styles/mixins';
@import "../../../styles/grid.scss";
@import '../../../styles/definitions/breakpoints';

.linkSection {
    &_wrapper {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        margin: 0 $grid-gutter-width * -1;
	}
	
    &_column {
    	flex-grow: 1;
        -ms-flex: auto;
		width: 100%;
		padding: $grid-gutter-width;
		flex-basis: 25%;
		max-width: 25%;
    }

	&_mainContainer {
		width: 100%;
		padding-bottom: 8px;
		position: relative;
		text-align: center ;
	}

	&_breadCrumbContainer {
		padding: 24px 0px 14px 8px;
		text-align: left;
	}

	&_searchBarContainer {
		padding: 42px 0px 34px 0px;
		display: inline-block;
		max-width: 632px;
		width: 90%;
	}

	@include media-lg-down {
		&_column {
			flex-grow: 1;
			-ms-flex: auto;
			width: 100%;
			padding: 5px;
			flex-basis: 50%;
			max-width: 50%;
		}
	}
	@include media-sm-down {
		&_column {
			flex-grow: 1;
			-ms-flex: auto;
			width: 100%;
			padding: 2px;
			flex-basis: 50%;
			max-width: 50%;
		}
	}
}
