.thim-sc-hb-rooms {
	.tp-hotel-booking {
		&.hb-catalog-column-1 > .hb_room {
			width: 100%;
		}

		&.hb-catalog-column-2 > .hb_room {
			width: 50%;
		}

		&.hb-catalog-column-3 > .hb_room {
			width: 33.33%;
		}

		&.hb-catalog-column-4 > .hb_room {
			width: 25%;
		}
	}

	.link-to-rooms {
		text-align: right;
		padding-bottom: 60px;
		margin-top: -34px;

		a {
			text-decoration: none !important;
			@extend .thim-button;
			padding: 10px 0px 10px 15px;
			color: var(--thim-body-primary-color);
			background: none !important;
			font-size: 18px;
			font-weight: 600;
			i {
				@extend .thim-button-icon;
				color: var(--thim-body-primary-color);
				width: unset;
				max-width: unset;
				background: transparent;
				&::before{
					content: '\f102';
					font-weight: 900;
					font-family: 'Line Awesome Free';
				}
			}

			&:hover {
				i {
					@extend .effect-right;
				}
			}
		}
	}

	&.style-2 {
		.link-to-rooms {
			text-align: center;
			padding-bottom: 30px;
			margin-top: 0;

			a {
				line-height: 52px;
				padding: 0 35px;
				display: inline-block;
				font-size: 14px;
				text-transform: uppercase;
				text-align: center;
				font-weight: normal;
				color: #ffffff;
				background: #118acb;

				i {
					display: none;
				}
			}
		}
	}
	&.slider{
		&.style-1{
			.tp-hotel-booking{
				.owl-stage{
					padding-left: unset !important;
				}
				.hb_room{
					float: unset;
					.summary{
						.content{
							.title{
								a{
									font-size: 28px;
								}
							}
							.room-extra{
								.service-item:not(:last-child){
									margin-right: 20px;
									@media(max-width: 1199px){
										margin-right: 10px;
									}
								}
							}
						}
					}
				}
				.owl-nav{
					margin-left: 15px;
					.owl-prev,.owl-next{
						display: inline-block;
						font-size: 0;
						position: relative;
						&:hover{
							&::before{
								color: rgba(0,0,0,1);
							}
							
						}
						&::before{
							position: absolute;
							font-family: 'Line Awesome Free';
							font-weight: 900;
							font-size: 30px;
							color: rgba(0, 0, 0, 0.3);
							
						}
					}
					.owl-next{
						margin-left: 40px;
						&::before{
							content: '\f061';
						}
					}
					.owl-prev{
						&::before{
							content: '\f060';
						}
					}
				}
			}
		}
	}
	.rooms {
		margin: 0;
	}
}

.mega-menu {
	.thim-sc-hb-rooms {
		.tp-hotel-booking {
			&.hb-catalog-column-1 > .hb_room {
				width: 100%;
			}

			&.hb-catalog-column-2 > .hb_room {
				width: 100%;
			}

			&.hb-catalog-column-3 > .hb_room {
				width: 100%;
			}

			&.hb-catalog-column-4 > .hb_room {
				width: 100%;
			}

			.hb_room {
				margin: 10px 0px;

				&:first-child {
					margin-top: 0;
				}

				&:last-child {
					margin-bottom: 0;
				}

				.summary {
					border: 0;
					overflow: hidden;

					.media {
						width: 60px;
						float: left;

						a {
							padding: 0 !important;
						}
					}

					.content {
						@include calc('width', '100% - 60px');
						float: left;
						padding: 0;
						padding-left: 15px;

						.title {
							margin-bottom: 0;

							a {
								padding: 0 !important;
							}
						}

						.room-types {
							display: none;
						}

						.price {
							&:before {
								display: none;
							}

							line-height: 13px;

							span {
								font-size: 12px !important;
								line-height: 12px;

								&.title-price {
									display: none;
								}

								&.unit {
									display: none;
								}
							}
						}
					}

					&:hover {
						.media {
							img {
								@include scale(1, 1);
							}
						}
					}
				}
			}
		}

		.link-to-rooms {
			display: none;
		}
	}
}