.browser-wrapper {

    margin-bottom: 0px;

}



.browse-filter-title {

	display: flex;

	text-align: left;

    margin-top: 40px;

	font-weight: bold;

	color: #425563;

}



.browse-filter-title .browse-filter-count{

	margin-left: auto;

	font-size: 13px;

	font-weight: 300;

	color: #000000;

}



.browse-filter-title a{

	font-weight: 500;

	text-decoration: underline;

	color: #000000;

	cursor: pointer;

}



.browse-field-wrapper {

	display: flex;

	overflow: hidden;

	transition: .5s ease-in-out;

}



.browse-option-wrapper {

	position: relative;

	z-index: 1;

    padding: 0 !important;

    margin-right: 10px;

	margin-top: 14px;

	user-select: none;

	cursor: pointer;

}



.browse-option-wrapper.option-active::before {

    content: '';

    display: block;

    position: absolute;

	right: -4px;

	top: -4px;

	z-index: 2;

	padding: 12px;

	background-image: URL(https://www.tapi.co.uk/img/clp-v2/icon_tick.svg);

}



.browse-option-wrapper[data-disabled="true"] {

	opacity: 1 !important;

	cursor: default !important;

}



.browse-option-wrapper:hover {

	opacity: 0.7;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	transition: 0.3s;

}



.browse-option-wrapper-image {

    width: 70px;

    height: 70px;

	margin: auto;

}



.browse-option-wrapper-image > img {

	border-radius: 5px;

	background-repeat: no-repeat !important;

	background-position: center center !important;

	background-color: #F3F4F5;

}



.browse-option-wrapper-label h5 {

    white-space: normal;

}



.browse-option-wrapper h5 {

    font-size: 14px;

    line-height: 14px;

    margin-top: 7px;

    font-weight: 500;

    color: #425563;

}  



.browser-wrapper-line {

	margin-top: 40px;

	text-align: left;

}



.mobile-slider {

	display: -webkit-inline-box;

    white-space: nowrap;

    overflow-x: auto;

    ms-overflow-style: none;  /* Internet Explorer 10+ */

    scrollbar-width: none;  /* Firefox */

}



.mobile-slider::-webkit-scrollbar {

    width: 0;  /* Remove scrollbar space */

    background: transparent;  /* Optional: just make scrollbar invisible */

}



.toglle-switch {

    position: relative;

    display: inline-flex;

    width: 55px;

    height: 30px;

	cursor: pointer;

}



.toglle-switch input {

	width: 0;

	height: 0;

	display: none;

	opacity: 0;

}



.toglle-switch .slider::before {

	content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

	border-radius: 30px;

    background-color: #ccc;

    transition: .4s ease-in-out;

}



.toglle-switch .slider::after {

	content: "";

    position: absolute;

    top: 5px;

    left: 5px;

	right: 5px;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background-color: #fff;

    transition: .4s ease-in-out;

}



.toglle-switch input:checked + .slider::before {

	background-color: #F1B434;

}



.toglle-switch input:checked + .slider::after {

	transform: translateX(calc(100% + 5px));

}



.toglle-switch span {

	position: absolute;

    left: calc(100% + 10px);

    white-space: nowrap;

	line-height: 30px;	

/* designer */

	font-size: 13px;

	font-weight: lighter;

}



.expand-at-a-glance {

	display: block;

	text-align: left;

	margin-top: 15px;

	font-size: 13px;

	font-weight: 400px;

	color: #425563;

}



.expand-at-a-glance i{

	margin-left: 5px;

	color: #F1B434;

}



.jpg_image {

	background-size: cover;

}



@media (min-width: 991px) {

	.browser-wrapper {

		display: flex;

	}

	.mobile-slider {

		flex-wrap: wrap;

		overflow-y: hidden;

	}

	.browse-field-wrapper {

		height: 120px;

	}

}



@media(max-width: 480px){

	.mobile-slider .slick-next {

		right: 7px;

		box-shadow: none;

		border-radius: 0;

		height: 22px;

		width: 15px;

		z-index: 3;

		position: sticky;

		top: 47%;

	}



	.mobile-slider .slick-next::before {

		font-family: "font awesome 5 regular";

		font-size: 20px;

		opacity: 1;

		color: #fff;

		text-shadow: 1px 1px 1px #00000080;

		content: "\f054";

	}



	.mobile-slider .slick-prev {

		right: calc(100% - 15px - 7px);

		box-shadow: none;

		border-radius: 0;

		height: 22px;

		width: 15px;

		z-index: 3;

		position: sticky;

		top: 47%;

	}



	.mobile-slider .slick-prev::before {

		font-family: "font awesome 5 regular";

		font-size: 20px;

		opacity: 1;

		color: #fff;

		text-shadow: 1px 1px 1px #00000080;

		content: "\f053";

	}

}



@media(min-width: 481px){

  #scrollRoomFilter, #scrollColourFilter, #scrollColourFilterPrev, #scrollRoomFilterPrev { 

    display: none!important; 

  } 

}