.breadcrumb-bar-one {
	background: $__mist_white;
	background-repeat: $__no_repeat;
	padding-top: 70px;
	min-height: 300px;
	position: relative;
	overflow: $__hidden;
	z-index: 1;
	&::after {
		content: '';
		background: url(../img/banner-bg.png);
        @include background-properties($__cover, $__no-repeat, $__center);
        @include position($__absolute, 0, null, null, 0);
		width: 100%;
		height: $__full__height;
		z-index: -1;
	}    
    .inner-banner {
        @include margin-padding(0, 70px 0);
        .breadcrumb-title {
            font-weight: $font-weight-semibold;
            font-size: 48px;
            margin-bottom: 6px;
            @include respond-below(custom991) { 
                font-size: $font-size-36;
            }
            @include respond-below(custom767) {
                font-size: $font-size-26;
            }
        }
        @include respond-below(custom767) {
            @include margin-padding(0, 50px 0);
        }
    }
    @include respond-below(custom991) { 
        padding-top: 40px;
        min-height: 260px;
    }
    @include respond-below(custom767) {
        min-height: $__auto;
    }
    .page-breadcrumb {
		ol {
			background-color: $__transparent;
			font-weight: $font-weight-medium;
	        @include margin-padding(0, 0);
			@extend %display-inline-flex;
			li {
				a {
					font-weight: $font-weight-medium;
					color: $__rock_blue;
				}
				&.active {
					color: $__midnight_black;
				}
			}
	        @include respond-below(custom767) {
	            font-size: $font-size-15;
	        }
		}
		.breadcrumb {
			a {
				&:hover {
					color: $__primarycolor;
				}
			}
		}
		.breadcrumb-item {
			& + .breadcrumb-item {
				font-weight: $font-weight-medium;
	            color: $__midnight_black;
				padding-left: 10px;
			}
		}
	}
	.breadcrumb-item {
		& + .breadcrumb-item {
			&::before {
				content: "/";
				font-family: $__feather__font__family;
				float: $__left;
				padding-right: 10px;
				color: $__gulf_gray;
				font-size: $font-size-14;
				font-weight: $font-weight-semibold;
			}
		}
	}
}
.sort-by {
    float: $__right;
}
.sort-title {
    color: $white;
    font-size: $font-size-14;
    margin-right: 10px;
}
.sortby-fliter {
	display: inline-block;
	width: 120px;
}
.cal-icon {
	position: relative;
	width: 100%;
	&:after {
		color: $__ligt__carbon;
	    content: '\f073';
		display: block;
	    font-family: "Font Awesome 5 Free";
	    font-size: $font-size-16;
	    font-weight: $__regular;
	    margin: $__auto;
	    @include position($__absolute, 10px, 15px, null, null);
	}
}
.custom_check {
	color: $__light__smokey-gray;
	display: inline-block;
	position: relative;
	font-size: $font-size-14;
	font-size: .9375rem;
	padding-left: 30px;
	margin-bottom: 10px;
	cursor: pointer;
	@extend %user-none;
	input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		&:checked ~ .checkmark {
			background-color: $white;
			&:after {
				display: block;
			}
		}
	}
	.checkmark {
		height: 20px;
		width: 20px;
		border: 1px solid $border-color;
		background-color: $white;
		@include rounded(3px);
		@include transition(all 0.3s ease-in-out);
		position: absolute;
		top: 0;
		left: 0;
		&::after {
		    content: "\f00c";
		    font-family: "Font Awesome 5 Free";
		    font-weight: 900;
		    display: none;
		    color: $primary;
		    font-size: $font-size-11;
		    position: absolute;
			top: 0;
			left: 4px;
		}
	}
}
.custom_radio {
	color: $__dark__ash__gray;
	display: inline-block;
	position: relative;
	font-size: $font-size-14;
	font-size: $font-size-15;
	padding-left: 30px;
	margin-bottom: 10px;
	cursor: pointer;
	@extend %user-none;
	input {
		position: absolute;
		opacity: 0;
		&:checked ~ .checkmark {
			&:after {
				opacity: 1;
			}
		}
	}
	.checkmark {
		height: 20px;
		width: 20px;
		background-color: $white;
		border: 1px solid $__goose-gray;
		@include rounded(50%);
		@include position($__absolute, 0, null, null, 0);
		&:after {
			display: block;
			content: "";
			opacity: 0;
			width: 12px;
			height: 12px;
			background: $__cantaloupe;
			@include rounded(50%);
			@include transition(all 0.3s ease-in-out);
			@include position($__absolute, 3px, null, null, 3px);
		}
	}
}
.radio_input {
	.custom_radio {
		& + .custom_radio {
			margin-left: 15px;
		}
	}
}
.filter-widget {
	margin-bottom: 20px;
	h4 {
		color: $gray-900;
		font-weight: $font-weight-medium;
		font-size: 1rem;
		margin-bottom: 15px;
	}
	.custom_check {
		line-height: 18px;
		color: $gray-600;
	}
}
.btn-search {
	.btn {
	    background: $primary-gradient;
	    border: 1px solid $primary-gradient;
	    color: $white;
	    height: 46px;
		border-radius: 44px;
		font-weight: $font-weight-medium;
		font-size: $font-size-16;
		&:hover {
			background: $dark;
			color: $white;
		}
	}
}
.doctor-widget {
	@extend %display-flex;
	@include respond-below(custom767) {
		-ms-flex-direction: column;
	    flex-direction: column;
	    text-align: center;
	}
	.doc-name {
	    font-size: $font-size-20;
	    font-weight: $font-weight-medium;
	    margin-bottom: 3px;
	    @include respond-below(custom767) {
	    	font-size: $font-size-18;
	    }
	}
	.rating {
		i {
			font-size: $font-size-14;
		}
	}
	.average-rating {
		color: $gray-900;
		font-size: $font-size-14;
		font-weight: $font-weight-medium;
	}
}
.doc-info-left {
	@extend %display-flex;
	@include respond-below(custom767) {
		-ms-flex-direction: column;
    	flex-direction: column;
    }
}
.doc-info-right {
    margin-left: $__auto;
    -ms-flex: 0 0 200px;
    flex: 0 0 200px;
    max-width: 200px;
    @include respond-below(custom767) {
    	margin-left: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
    }
}
.doctor-img {
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    margin-right: 20px;
    width: 150px;
    @include respond-below(custom767) {
    	@include margin-padding(0 auto 20px, null);
    }
    img {
		@include rounded(5px);
	}
}
.doc-department {
    color: $__sky__blue;
    font-size: $font-size-14;
    margin-bottom: 8px;
    img {
	    width: 19px;
	    display: inline-block;
	    margin-right: 10px;
	}
}
.doc-location {
    color: $gray-600;
	font-size: $font-size-14;
    margin-bottom: 25px;
    a {
	    color: $__primarycolor;
	    font-weight: $font-weight-medium;
	}
}
.doc-speciality {
    font-size: $font-size-14;
    color: $__smokey-gray;
    margin-bottom: 15px;
}
.clinic-details {
	margin-bottom: 15px;
	h5 {
	    font-weight: $font-weight-normal;
	    color: $gray-600;
	    margin-bottom: 25px;
	}
	ul {
		list-style: $__none;
		@include margin-padding(0, 0);
		li {
			display: inline-block;
			padding-right: 5px;
			&:last-child {
				padding-right: 0;
			}
			a {
				display: inline-block;
				img {
					width: 40px;
					@include rounded(5px);
				}
			}
		}
	}
}
.clinic-services {
    color: $__dark__blue;
	@extend %display-flex;
    font-size: $font-size-13;
    @extend %flex-wrap;
    @include respond-below(custom767) {
    	display: none;
    }
    span {
	    border: 1px solid $__goose-gray;
	    display: inline-block;
	    font-size: $font-size-12;
	    @include margin-padding(null, 3px 10px);
	    @include rounded(4px);
	    & + span {
		    margin-left: 5px;
		}
	}
}
.clini-infos {
    margin-bottom: 15px;
	h2 {
		font-size: $font-size-30;
		font-weight: $font-weight-medium;
	}
    ul {
		font-size: $font-size-14;
		list-style: $__none;
		@include margin-padding(0, 0);
		li {
		    display: block;
		    line-height: 30px;
		    color: $__dark__plum__purple;
		    i {
			    font-size: $font-size-15;
			    min-width: 20px;
			}
		}
	}
}
.clinic-booking {
	a {
		background-color: $white;
	    border: 2px solid $primary;
	    color: $primary;
	    display: block;
	    font-size: $font-size-14;
	    font-weight: $font-weight-medium;
	    letter-spacing: 1px;
	    text-align: center;
	    text-transform: capitalize;
	    width: 100%;
	    @include margin-padding(null, 8px 16px);
	    border-radius: 44px;
		& + a {
			margin-top: 15px;
		}
		&.view-pro-btn {
			&:hover, &:focus {
				background: $primary; 
				color: $white;
			}
		}
		&.apt-btn {
		    background: $primary; 
			color: $white;
			@include respond-below(sm) {
				width: 100%;
			}
			&:hover, &:focus {
				background-color: $primary-hover;
				border-color: $primary-hover;
				color: $white;
			}
		}
		&.view-pro-btn {
			@include respond-below(sm) {
				width: 100%;
	    		margin-bottom: 15px;
			}			
		}
	}
}
.load-more {
	margin-bottom: 30px;
}


.filter-contents {
	border: 2px solid $__athens_grey;
    border-radius: 10px;
    @include respond-below(custom991) {
        margin-bottom: 24px;
    }
}
.filter-header {
	background: $__mist_white;
	border-radius: 10px 10px 0px 0px;
	@include margin-padding(null, 15px 20px);
	.filter-title {
		font-size: $font-size-18;
		font-weight: $font-weight-semibold;
		margin-bottom: 0;
	}
}
.filter-details {
	@include margin-padding(null, 20px);
}
.filter-grid {
	padding-bottom: 25px;
	h4 {
		margin-bottom: 0;
		a {
			font-weight: $font-weight-semibold;
			font-size: $font-size-16;
			color: $__midnight_black;
			@extend %flex__center;
			position: relative;
			&:hover {
				color: #272B41;
			}
			&::before {
				content: '\e92e';
				font-family: 'feather';
				color: $__midnight_black;
				border-radius: 50%;
				display: -webkit-inline-box;
				display: -ms-inline-flexbox;
				display: inline-flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				font-size: $font-size-16;
				font-weight: 500;
				position: absolute;
				right: 0;
				line-height: normal;
			}
			&:not(.collapsed)::before {
				content: '\e931';
				font-family: 'feather';
				border-radius: 50%;
				display: -webkit-inline-box;
				display: -ms-inline-flexbox;
				display: inline-flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
			}
		}
	}
}
.filter-collapse {
	padding-top: 20px;
	ul {
		padding: 0;
		margin: 0;
		list-style: 0;
		li {
			display: block;
			margin-bottom: 10px;
			&:last-child {
				margin-bottom: 0;
			}
			.custom_check {
				padding-left: 26px;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				color: $__bodycolor;
				margin-bottom: 0;
				&.custom_check {
					.checkmark {
						border: 1px solid $__white_tone;
						border-radius: 4px;
						height: 17px;
    					width: 17px;
						top: 3px;
					}
				}
				input {
					&:checked {
						& ~ .checkmark {
							background: $__white;
							border-color: $primary;
						}
					}
				}
				.checkmark {
					&::after {
						content: "";
						background: $primary;
						width: 10px;
						height: 10px;
						top: 3px;
						left: 3px;
						border-radius: 3px;
					}
				}
				.online-icon {
					font-size: 20px;
					margin-right: 10px;
					margin-left: 5px;
				}
			}
		}
	}
}
.rating_custom_check {
	width: 100%;
	.rating {
		width: 100%;
		.rating-count {
			font-weight: $font-weight-medium;
			float: $__right;
			color: $__gulf_gray;
		}
	}
}
.filter-content-slider {
	p {
		color: $__midnight_black;
		margin-bottom: 15px;
		span {
			float: $__right;
		}
	}
}
.price-wrapper {
	@include margin-padding(15px 0 0, null);
	font-size: $font-size-14;
	h6 {
		font-size: $font-size-14;
		font-weight: $font-weight-medium;
		color: $__bodycolor;
		margin-bottom: 0;
		span {
			font-weight: $font-weight-semibold;
			color: $__midnight_black;
		}
	}
}
.slider-wrapper {
	.ui-slider-handle {
		background: $primary;
		border: 0;
		border-radius: 50%;
		box-shadow: 0px 4px 4px rgba(124, 124, 124, 0.25);
		width: 18px;
		height: 18px;
		box-shadow: 0 0px 0px 4px $__blue__14;
		width: 12px;
		height: 12px;
		background: $__white;
		margin: 0;
	}
}
#price-range {
	&.ui-slider-horizontal {
		height: 6px;
		border: 0;
		border-radius: 25px;
		background: #E9ECF1;
	}
}
.ui-widget-header {
	background: $primary;
}
.filter-btn {
	.btn {
		font-weight: $font-weight-semibold;
		font-size: $font-size-15;
		padding: 7px 15px;
		border-radius: 6px;
	}
}

.doctor-filter-info {
	padding-bottom: 30px;
	@include respond-below(custom767) {
		display: none;
	}
}
.doctors-found {
	padding-bottom: 12px;
	p {
		font-weight: $font-weight-medium;
		font-size: $font-size-16;
		margin-bottom: 0;
		span {
			color: $__midnight_black;
		}
		@include respond-below(custom1399) {
			font-size: $font-size-14;
		}
	}
}
.doctor-filter-inner {
	@extend %flex-align-between;
}
.doctor-filter-availability {
	@extend %flex__center;
	p {
		font-weight: $font-weight-semibold;
		color: $__rock_blue;
		margin-right: 6px;
		margin-bottom: 0;
	}
}
.doctor-filter-option {
	@extend %flex__center;
	flex-shrink: 0;
}
.doctor-filter-sort {
	@extend %flex__center;
	padding-right: 15px;
	&:last-child {
		padding-right: 0;
	}
	p {
		color: $__yellowish_white;
		margin-right: 15px;
		margin-bottom: 0;
	}
	.filter-today {
		margin-right: 0;
		i {
			font-size: $font-size-18;
			margin-right: 10px;
		}
	}
	.nav {
		li {
			margin-right: 8px;
			&:last-child {
				margin-right: 0;
			}
			a {
				@extend %inlineflex-align-center;
				width: 32px;
				height: 32px;
				background: $__white;
				border: 2px solid $__athens_grey;
				border-radius: 7px;
				color: $__bodycolor;
				&:hover {
					background: $primary;
					border: 2px solid $__blue__14;
					color: $white;
					img {
						filter: invert(1) brightness(100);
					}
				}
				&.active {
					background: $primary;
					border: 2px solid $__blue__14;
					color: $white;
					img {
						filter: invert(1) brightness(100);
					}
				}
			}
		}
	}
}
.doctor-filter-select {
	width: 94px;
	.select2-container {
		.select2-selection--single {
			background-color: $__mist_white;
			border: 1px solid $__athens_grey;
			height: 32px;
		}
	}
	.select2-container--default {
		.select2-selection--single {
			.select2-selection__rendered {
				line-height: 32px;
				padding-left: 10px;
				font-weight: $font-weight-semibold;
				color: $__midnight_black;
			}
			.select2-selection__arrow {
				height: 30px;
			}
		}
	}
}

.doctor-card {
	border: 2px solid $__athens_grey;
	border-radius: 10px;
}


.doctor-widget-one {
	@extend %display-flex;
	.doc-name {
		@extend %flex__inlinecenter;
		margin-bottom: 4px;
		font-size: $font-size-20;
		a {
			color: $__midnight_black;
		}
		i {
			margin-left: 8px;
			font-size: $font-size-16;
			color: $__success_color;
		}
		@include respond-below(custom991) {
			font-size: $font-size-18;
		}
	}
	@include respond-below(custom767) {
		text-align: center;
		flex-direction: $__column;
	}
	.doc-info-left {
		@extend %display-flex;
		@include respond-below(custom767) {
			flex-direction: $__column;
		}
	}
	.doctor-img {
		-ms-flex: 0 0 164px;
		flex: 0 0 164px;
		margin-right: 20px;
		width: 164px;
		height: 164px;
		border-radius: 10px;
		position: relative;
		overflow: $__hidden;
		img {
			width: 164px;
			height: 164px;
			border-radius: 10px;
	        @include transform(translateZ(0));
	        @include transition(all 2000ms cubic-bezier(.19,1,.22,1) 0ms);
		}
		&:hover {
			img {
	            @include transform(scale(1.15));
			}
		}
		@include respond-below(custom767) {
			@include margin-padding(0 auto 20px, 0);
		}
	}
	.favourite-btn {
		@include position($__absolute, 8px, 8px, null, null);
		z-index: 1;
		.favourite-icon {
			background-color: $white;
			border: 1px solid $__gray_goose;
			width: 30px;
			height: 30px;
			font-size: $font-size-14;
			border-radius: 50px;
			color: $__gulf_gray;
			@extend %inlineflex-align-center;
	        @include transition(all .4s ease 0s);
			&:hover {
				color: $__red;
			}
			&.favourite {
				animation: size .4s;
				color: $__danger_color;
			}
		}
	}
	.doc-speciality {
		font-size: $font-size-12;
		color: $__gulf_gray;
		margin-bottom: 20px;
	}
	.clinic-details {
		padding-bottom: 14px;
	}
	.doc-info-cont {
		.reviews-ratings {
			p {
				font-size: $font-size-12;
				span {				
					font-size: $font-size-14;
					@include margin-padding(0 4px 0 0, 2px 5px);
				}
			}
		}
	}
	.doc-location {
		@extend %flex__center;
		font-weight: $font-weight-medium;
		margin-bottom: 14px;
		&:last-child {
			margin-bottom: 0;
		}
		span {
			color: $__midnight_black;
			margin-right: 3px;
		}
		i {
			margin-right: 10px;
			font-size: $font-size-18;
			color: $__gulf_gray;
			@include respond-below(custom767) {
				@include margin-padding(0 0 5px 0, 0);
			}
		}
		a {
			font-weight: $font-weight-medium;
			color: $primary;
			margin-left: 8px;
			&:hover {
				color: $__black;
			}
		}
		@include respond-below(custom767) {
			flex-direction: $__column;
		}
	}
	.doc-info-right {
		margin-left: $__auto;
		-ms-flex: 0 0 240px;
		flex: 0 0 240px;
		max-width: 240px;	
		@include respond-below(custom991) {
			-ms-flex: 0 0 270px;
			flex: 0 0 270px;
			max-width: 270px;
		}
		@include respond-below(custom767) {
			-ms-flex: 0 0 $__full__width;
			flex: 0 0 $__full__width;
			max-width: 100%;
			margin-left: 0;
		}
	}
	.doc-info-details {
		margin-left: $__auto;
		max-width: 230px;
		@include respond-below(custom767) {
			@include margin-padding(0 $__auto 0, 0);
		}
	}
	.clini-infos {
		margin-bottom: 15px;
		ul {
			list-style: $__none;
			@include margin-padding(0, 0);
			li {
				@extend %flex__center;
				color: $__bodycolor;
				margin-bottom: 8px;
				&:last-child {
					margin-bottom: 0;
				}
				.available-date {
					border-radius: 5px;
					@include margin-padding(null, 3px 15px);
					font-weight: $font-weight-normal;
				}
				.available-today {
					background: $__mint_chiffon;
					color: $__success_color;
					font-weight: $font-weight-medium;
				}
				.available-tomorrow {
					background: $__cement_white;
					color: $__dark_yellow;
				}
				.available-icon {
					font-size: $font-size-18;
					color: $__gulf_gray;
					margin-right: 10px;
				}
				.votes {
					font-size: $font-size-12;
					color: $__gulf_gray;
					margin-left: 5px;
				}
				.available-info-icon {
					font-size: $font-size-14;
					color: $__gulf_gray;
					margin-left: 5px;
				}
				@include respond-below(custom767) {
					display: block;
				}
			}
		}
		@include respond-below(custom767) {
			@include margin-padding(20px 0 15px 0, 0);
		}
	}
	.clinic-booking {
		.btn {
			border-radius: 8px;
			font-weight: $font-weight-medium;
			font-size: $font-size-14;
			border: 2px solid $__primarycolor;
			padding: 6px 15px;
		}
		.btn-primary-light {
			color: $__primarycolor;
			background: $__white;
			box-shadow: inset 0 0 0 0 $__primarycolor;
			@extend %flex-align-center;
	        @include transition(0.7s);
			margin-top: 8px;
			&:hover {
				color: $white;
				background: $__primarycolor;
				box-shadow: inset 0 0 0 50px $__primarycolor;
	            @include transition(0.7s);
			}
		}
		&.book-appoint {
			.btn-primary {
				color: #fff;
				background-color: $primary;
				border: 2px solid $__blue__14;
				box-shadow: inset 0 0 0 0 #fff;
				&:hover {
					color: $primary;
					background-color: $white;
					border-color: $primary;
					box-shadow: inset 0 0 0 50px $__white;
					-webkit-transition: 0.7s;
					-ms-transition: 0.7s;
					transition: 0.7s;
				}
			}
			.btn-primary-light {
				color: $primary;
				background: #ffffff;
				box-shadow: inset 0 0 0 0 $__blue__14;
				border: 2px solid $__blue__14;
				-webkit-transition: 0.7s;
				-ms-transition: 0.7s;
				transition: 0.7s;
				&:hover {
					color: #fff;
					background-color: $primary;
					border: 2px solid $__blue__14;
					box-shadow: inset 0 0 0 0 #fff;
				}
			}
		}
	}
}
.doctor-profile-widget {
	&.doc-grid {
		margin-bottom: 24px;
		.doc-pro-img {
			.doctor-profile-img {
				@include margin-padding(15px 15px 0, null);
				img {
					border-radius: 10px;
				}
			}			
			.favourite-btn {
				top: 15px;
				right: 25px;
			}
			.reviews-ratings{
				@include position($__absolute, 15px, null, null, 25px);
				p {
					span {
						min-width: 52px;
						font-size: $font-size-14;
						@include margin-padding(0, 2px 3px);
					}
				}
			}
		}
		.doc-content {
			@include margin-padding(null, 15px);
			.review-price {
				p {
					font-weight: $font-weight-medium;
					font-size: $font-size-18;
					color: $__ebony_clay;
					span {
						font-size: $font-size-13;
						color: $__bodycolor;
					}
					@include respond-below(custom1399) {
						font-size: $font-size-14;
					}
				}
			}
			.doc-pro-name {
				width: 100%;
    			overflow: $__hidden;
				h4 {
					white-space: $__nowrap;
					overflow: $__hidden;
					text-overflow: $__ellipsis;
					margin-right: 2px;
					a {
						margin-right: 6px;
					}
					i {
						color: $__success_color;
					}
				}
			}
			.doc-pro-location {
				p {
					margin-bottom: 10px;
					font-size: $font-size-14;
					&:last-child {
						margin-bottom: 0;
					}
					i {
						color: $__gulf_gray;
						font-size: $font-size-18;
					}
					span {
						color: $__midnight_black;
						margin-right: 2px;
					}
				}
			}
		}
		.favourite-btn {
			@include position($__absolute, 8px, 8px, null, null);
			z-index: 1;
			.favourite-icon {
				background-color: $white;
				border: 1px solid $__gray_goose;
				width: 30px;
				height: 30px;
				font-size: $font-size-14;
				border-radius: 50px;
				color: $__jet_grey;
				@extend %inlineflex-align-center;
				@include transition(all .4s ease 0s);
				&:hover {
					color: $__red;
				}
				&.favourite {
					animation: size .4s;
					color: $__danger_color;
				}
			}
		}
	}
}
.filter-collapse {
	.more-view {
		color: $primary;
	}
}
.more-view {
	color: $primary;
	font-size: $font-size-14;
	font-weight: $font-weight-medium;
}
.fill-more {
	height: 97px;
    overflow: $__hidden;
	border-bottom: 1px solid $__athens_grey;
	margin-bottom: 10px !important;
}
.apply-btn {
	.btn-primary {
		color: #fff;
		background-color: $primary;
		border: 2px solid $__blue__14;
		box-shadow: inset 0 0 0 0 $__white;
		display: grid;
		&:hover {
			color: $primary;
			background-color: $white;
			border-color: $primary;
			box-shadow: inset 0 0 0 50px $__white;
			-webkit-transition: 0.7s;
			-ms-transition: 0.7s;
			transition: 0.7s;
		}
	}
	.btn-outline-primary {
		color: $primary;
		background: $__white;
		box-shadow: inset 0 0 0 0 $__blue__14;
		border: 2px solid $__blue__14;
		-webkit-transition: 0.7s;
		-ms-transition: 0.7s;
		transition: 0.7s;
		display: grid;
		&:hover {
			color: $white;
			background-color: $primary;
			border: 2px solid $__blue__14;
			box-shadow: inset 0 0 0 0 $__white;
		}
	}
}
.map-right {
	height: $__full__height;
	min-height: $__full__height;
	padding-right: 30px;
	@include position($__fixed, 0, 0, 0, null);
	z-index: 1029;
	display: none;
	.available-info {
		margin-bottom: 0;
	}
	@include respond-below(custom1199) {
		position: $__static;
		height: 450px;
	}
	&.grid-list-map {
		display: block;
		padding-right: 0px;
		top: 80px;
	}
}
.map-listing {
	height: calc(100vh - 0px);
	width: 100%;
	.profile-widget {
		width: 320px;
		padding: 0;
		border: 0;
		margin-bottom: 0;
		@extend %display-flex;
	}
	@include respond-below(custom1199) {
		height: 450px;
	}
}
@include respond-below(custom767) {
.product-cont {
	text-align: start;
}
}
.search-page { 
	overflow-x: hidden; 
}
 