@media(max-width:1599px) {
	.hotel-header {
		padding: 20px 50px
	}

	.hotel-header.sticky-menu,
	.hotel-header.transparent {
		padding: 12px 50px
	}

	.hotel-service .service-content {
		padding: 28px 15px 36px
	}

	.dining-service .dining-content {
		width: 45%;
		padding: 20px 15px 20px 50px
	}

	.dining-service .dining-content p {
		margin-bottom: 40px
	}
}

@media(max-width:1399px) {
	.hotel-service .service-content h4 {
		font-size: 24px;
		line-height: 38px
	}

	.hotel-breadcrumbs {
		background-position: center -180px
	}

	.hotel-breadcrumbs .breadcrumbs-content {
		height: 400px
	}

	.feature-section .single-feature {
		margin-top: 30px
	}

	.feature-section .features {
		padding-left: 35px
	}

	.feature-section .single-feature i {
		margin-bottom: 10px
	}

	.feature-section .single-feature h6 {
		margin-bottom: 8px
	}

	.contact-details .single-contact {
		height: 260px
	}

	.dining-service .dining-content h4 {
		margin-bottom: 13px
	}

	.dining-service .dining-content span.text-uppercase {
		margin-bottom: 13px
	}

	.dining-service .dining-content p {
		margin-bottom: 30px
	}
}

@media(max-width:1199px) {
	.hotel-header {
		padding: 20px 0
	}

	.hotel-header.sticky-menu,
	.hotel-header.transparent {
		padding: 10px 0
	}

	.hotel-banner .banner-content h1 {
		font-size: 50px;
		line-height: 60px
	}

	.hotel-banner .banner-content h5 {
		font-size: 16px;
		line-height: 28px
	}

	.check-availability ul li.align-row-center-center {
		max-width: 61%
	}

	.check-availability ul li .group.children {
		width: 17%
	}

	.check-availability ul li .group {
		width: 40%
	}

	.hotel-service .service-content h4 {
		font-size: 23px;
		line-height: 32px
	}


	.welcome-content h6 {
		padding-bottom: 20px
	}


	.welcome-section .img-area .img3 {
		display: none
	}

	.welcome-section .img-area .img2 {
		right: 40px
	}

	.room-carousel .room-info-wrapper {
		max-width: 600px;
		padding: 40px 100px 50px 10px !important
	}

	.room-carousel .room-img-wrapper {
		max-width: 410px;
		margin-top: 30px
	}

	.room-carousel .room-carousel-wrapper {
		align-items: center
	}

	.room-carousel.reverse .room-info-wrapper {
		padding: 40px 20px 50px 110px !important
	}

	.app-section .content h6 {
		margin-bottom: 20px
	}

	.app-section .content h2 {
		margin: 0 auto 25px;
		font-size: 40px;
		line-height: 50px
	}

	.hotel-video .video-content {
		max-width: 480px
	}

	.hotel-video .video-content h2 {
		font-size: 40px;
		line-height: 55px
	}

	.hotel-testimonial .single-testimonial {
		padding: 40px 25px 26px 63px
	}

	.hotel-breadcrumbs .breadcrumbs-content {
		height: 350px
	}

	.hotel-breadcrumbs .breadcrumbs-content h2 {
		font-size: 40px;
		line-height: 50px
	}

	.about-us .about-text h3 {
		font-size: 34px;
		line-height: 48px;
		margin-bottom: 30px
	}

	.about-us .about-text a {
		height: 54px;
		line-height: 54px;
		width: 210px
	}

	.feature-section {
		display: block;
		padding: 130px 0
	}

	.feature-section .img-area {
		width: 60%;
		margin: 0 auto 50px
	}

	.feature-section .features {
		padding-left: 0;
		max-width: 60%;
		margin: 0 auto
	}

	.feature-section .single-feature {
		margin-top: 30px;
		text-align: center
	}

	.about-cta .cta-content {
		padding: 70px 40px
	}

	.about-cta .cta-content .content-txt {
		max-width: 550px
	}

	.blog-details .blog-details-content .blockqute {
		padding: 30px 30px 30px 85px
	}

	.blog-details .blog-details-content .blockqute h2:before {
		left: -56px
	}

	.blog-details .comment-form .abform-area .abinput-group {
		width: 47.6%
	}

	.spa-service .single-feature i {
		margin: 0 auto 15px
	}

	.spa-service .single-feature {
		margin-top: 50px
	}

	.contact-details .single-contact {
		width: 23.3%
	}

	.contact-details .single-contact.time {
		width: 30%
	}

	.vrsn-2 .check-availability ul.align-center-center {
		max-width: 84%
	}

	.vrsn-2 .check-availability ul li .children {
		width: auto
	}

	.dining-service .img-area {
		width: 40%
	}

	.dining-service .img-area:first-child {
		display: none
	}

	.dining-service .dining-content {
		width: 55%
	}

	.hotel-banner.v3 .hero-carousel {
		max-width: 650px
	}
}

@media(max-width:991px) {
	.hotel-banner ul.align-row-spacebetween {
		display: block
	}
	
	.check-availability {
		position: relative;
		bottom: inherit;
		left: inherit;
		background: rgb(31 34 39 / 90%);
	}
	
	.hotel-banner{
	    margin-top:75px;
	}

	.check-availability ul li:first-child {
		max-width: 100%;
		text-align: center;
		margin-bottom: 14px
	}

	.check-availability ul li.align-row-center-center {
		max-width: 100%
	}

	.check-availability ul li button[type="submit"] {
		margin: 30px auto 0;
		display: block
	}

	.hotel-banner .hero-carousel {
		margin-top: -100px
	}

	.service-section {
		padding-top: 100px
	}
	.room-carousel .room-sect {
	margin-bottom:0px;
}

	.hotel-service .single-service {
		width: 50%
	}

	.hotel-service .service-content {
		padding: 30px 15px 40px
	}

	.section-padding {
		padding: 60px 0
	}

	.section-title {
		margin: 0 auto 30px
	}

	.room-carousel.vrsn-2 .section-title {
		margin: 0 auto 30px
	}

	.section-title h2 {
		padding-bottom: 4px;
		font-size: 30px;
		line-height: 40px
	}

	.hotel-service .service-content {
		padding: 35px 15px 45px
	}

	.welcome-section {
		padding-bottom: 0
	}

	.welcome-content h2 {
		font-size: 30px;
		line-height: 40px
	}

	.welcome-content h6 {
		padding-bottom: 10px
	}

	.welcome-section .img-area .img2 {
		right: 20px
	}

	.room-carousel .room-carousel-wrapper {
		flex-flow: column
	}

	.room-carousel .room-info-wrapper {
		padding: 40px 20px 40px 20px !important;
		order: 2;
		max-width: 80%;
		text-align: left;
		border-width: 5px
	}

	.room-carousel .room-info {
		padding: 0 10px
	}

	.room-carousel .room-img-wrapper {
		margin: 0 auto 20px
	}

	.room-carousel .room-img .price {
		padding: 15px 0 0 0;
		text-align: center
	}

	.room-carousel .room-info .divider {
		margin-left: 0
	}

	.room-carousel .room-info p {
		margin-left: 0
	}

	.room-carousel .room-info ul li {
		padding-left: 24px;
		padding-right: 0
	}

	.room-carousel .room-info ul li:after {
		right: inherit;
		top: 1px;
		left: 0
	}

	.room-carousel .slick-dots {
		position: relative;
		bottom: inherit;
		left: inherit;
		text-align: center
	}

	.room-carousel .slick-dots li {
		display: inline-block;
		margin: 0 4px
	}

	.room-carousel.reverse .room-carousel-wrapper {
		flex-flow: column
	}

	.room-carousel.reverse .room-info-wrapper {
		padding: 40px 20px 40px 20px !important
	}

	.room-carousel.reverse .room-img-wrapper {
		margin-right: 0
	}

	.room-carousel.reverse .room-img .price {
		padding: 15px 0 0 0;
		text-align: center
	}

	.room-carousel.reverse .slick-dots {
		right: inherit
	}

	.hotel-room .single-room .price {
		font-size: 24px;
		line-height: 36px
	}

	.hotel-room .single-room {
		padding: 20px 15px 40px
	}

	.hotel-room .single-room .price span {
		font-size: 13px
	}

	.hotel-room .single-room .read-more {
		width: 150px
	}

	.hotel-cta .cta-content .content-txt h3 {
		font-size: 30px;
		line-height: 40px
	}

	.hotel-cta .cta-content .solid-bg-btn {
		width: 180px
	}

	.related-service .single-service h5 {
		font-size: 18px;
		line-height: 28px
	}

	.app-section .content h2 {
		font-size: 30px;
		line-height: 40px;
		max-width: 300px
	}

	.app-section .content a {
		width: 190px
	}

	.app-section .content h6 {
		margin-bottom: 15px;
		font-size: 16px
	}

	.hotel-video .video-content {
		max-width: 350px;
		height: 420px
	}

	.hotel-video .video-content h2 {
		font-size: 30px;
		line-height: 45px;
		padding-bottom: 40px
	}

	.hotel-video .video-content>a.venobox {
		font-size: 16px;
		height: 50px;
		padding: 10px 19px;
		width: 50px
	}

	.hotel-testimonial {
		padding-bottom: 150px
	}

	.hotel-testimonial .owl-next::before {
		height: 25px;
		top: 7px
	}

	.hotel-testimonial .owl-prev,
	.hotel-testimonial .owl-next {
		bottom: -52px;
		margin-top: -18px;
		top: inherit
	}

	.hotel-facts {
		padding-bottom: 70px
	}

	.hotel-facts .facts-common {
		margin-bottom: 30px
	}

	.hotel-blog .single-blog-post .img-area .date {
		width: 50px
	}

	.hotel-blog .single-blog-post .blog-content {
		padding: 15px 15px 20px
	}

	.hotel-blog .single-blog-post h5 {
		font-size: 22px;
		line-height: 36px
	}

	.hotel-footer .footer-widget {
		padding-top: 20px
	}

	.hotel-footer .copyright {
		margin-bottom: 3px;
		text-align: center
	}

	.hotel-footer .footer-menu {
		text-align: center !important;
		width: 100%
	}

	.featured-room .room-info {
		text-align: center;
		margin-top: 50px
	}

	.featured-room .room-info .divider {
		margin: 0 auto 15px
	}

	.featured-room .room-info p {
		margin-right: auto
	}

	.featured-room .room-info ul {
		text-align: left;
		max-width: 150px;
		margin: 0 auto 40px
	}

	.room-facilities .facilities-list li {
		padding-right: 20px
	}

	.details-info .booking-form,
	.details-info .room-img {
		padding: 20px
	}

	.details-info .booking-form {
		margin-top: 40px
	}

	.details-info .booking-form .group {
		float: left;
		width: 47%;
		margin: 0 5px 20px 5px
	}

	.details-info .booking-form .group:nth-child(even) {
		margin-right: 20px
	}

	.details-info .details-text {
		margin-top: 55px
	}

	.details-info .details-text .doc-info {
		padding: 25px 18px;
		margin-top: 90px
	}

	.details-info .details-text .doc-info li {
		margin-bottom: 10px
	}

	.details-text>h3 {
		font-size: 30px;
		line-height: 40px
	}

	.hotel-view .content h2 {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 20px
	}

	.hotel-view .content span {
		margin-bottom: 10px
	}

	.hotel-view {
		padding-bottom: 70px
	}

	.hotel-room.single {
		padding-bottom: 70px
	}

	.about-us .about-text {
		text-align: center;
		margin-bottom: 30px
	}

	.about-us .about-img img {
		width: 100%
	}

	.about-mission {
		padding-bottom: 100px
	}

	.feature-section {
		padding: 100px 0
	}

	.feature-section .img-area {
		width: 80%
	}

	.feature-section .features {
		max-width: 80%
	}

	.hotel-facts.about-facts .facts-common {
		margin-bottom: 0
	}

	.hotel-facts.about-facts .facts-wrapper {
		margin-bottom: 30px
	}

	.about-cta .cta-content {
		display: block;
		padding: 40px 40px
	}

	.about-cta .cta-content .content-txt {
		max-width: 100%;
		text-align: center
	}

	.about-cta .cta-content .content-txt p {
		margin: 0 auto 40px
	}

	.about-cta .cta-content a.btn-default {
		height: 55px;
		line-height: 55px;
		width: 220px;
		font-size: 16px
	}

	.blog-details .tagnshare-area {
		margin-bottom: 60px
	}

	.blog-details aside {
		max-width: 450px;
		width: 100%;
		margin: 60px auto 0
	}

	.blog-details .comment-form .abform-area button {
		margin: 0 auto;
		display: block
	}

	.spa-pricing .single-tbl .tbl-header h3 {
		font-size: 28px;
		line-height: 33px
	}

	.spa-pricing .single-tbl .tbl-header {
		padding: 30px 10px 30px
	}

	.spa-pricing .single-tbl .tbl-body .price h2 {
		line-height: 35px;
		font-size: 30px
	}

	.spa-pricing .single-tbl .tbl-body {
		padding: 20px 10px 30px
	}

	.spa-pricing .single-tbl .tbl-body .price {
		margin-bottom: 16px
	}

	.spa-pricing .single-tbl .tbl-body {
		padding: 20px 10px 30px
	}

	.spa-pricing .single-tbl .tbl-btn {
		margin-top: 35px
	}

	.spa-pricing .single-tbl.advanced .tbl-header .rating li i {
		font-size: 12px
	}

	.spa-pricing .single-tbl.advanced .tbl-header .rating {
		margin-bottom: 5px
	}

	.spa-pricing .single-tbl.advanced {
		-webkit-transform: translateY(-29px);
		-moz-transform: translateY(-29px);
		-ms-transform: translateY(-29px);
		-o-transform: translateY(-29px);
		transform: translateY(-29px)
	}

	.spa-pricing .single-tbl.advanced .tbl-body {
		padding: 20px 15px 28px
	}

	.spa-feature {
		padding: 67px 0 100px
	}

	.spa-feature .intro-common {
		margin-top: 0;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center
	}

	.spa-feature .intro-common .intro-box {
		margin-bottom: 0;
		width: 50%;
		text-align: center;
		padding: 0 15px
	}

	.spa-feature .intro-common span.display-block {
		position: relative;
		right: inherit;
		top: initial;
		margin-bottom: 30px
	}

	.spa-feature .intro-common.right-align .intro-box {
		padding: 0 15px
	}

	.spa-feature .img-area {
		margin: 40px auto 50px;
		width: 240px
	}

	.spa-pricing .section-title {
		margin: 0 auto 70px
	}

	.mapHome1 {
		height: 460px
	}

	.luxary-trip-contact .wrapper .contact-title {
		font-size: 26px;
		line-height: 34px
	}

	.luxary-trip-contact .abform-area .abinput-group {
		width: 48.3%
	}

	.luxary-trip-contact .abform-area button {
		bottom: -120px
	}

	.contact-details .single-contact.time,
	.contact-details .single-contact {
		width: 50%
	}

	.contact-details .single-contact:nth-child(2),
	.contact-details .single-contact:nth-child(3) {
		background: #efefef
	}

	.contact-details .single-contact:nth-child(1),
	.contact-details .single-contact:nth-child(4) {
		background: #e8e8e8
	}

	.vrsn-2 .check-availability .banner-title {
		margin-bottom: 30px;
		max-width: 500px;
		margin-left: auto;
		margin-right: auto
	}

	.vrsn-2 .check-availability ul.align-center-center {
		max-width: 100%
	}

	.vrsn-2 .check-availability ul li button[type="submit"] {
		margin-left: 15px
	}

	.hotel-header.vrsn-2 .menuzord>a.book-btn {
		right: 80px
	}

	.hotel-header .menuzord .showhide em {
		background: #fff
	}

	.hotel-header.vrsn-2 .menuzord-menu.menuzord-right {
		background: transparent;
		margin-right: 0;
		border-top: 1px solid rgba(255, 255, 255, 0.12941176470588237);
		margin-top: 20px
	}

	.hotel-header.vrsn-2 .menuzord-responsive .menuzord-menu li .indicator {
		border: 1px solid rgba(216, 223, 229, 0.32)
	}

	.hotel-header.vrsn-2 .menuzord-menu ul.dropdown li a {
		border-bottom: 0;
		color: #fff
	}

	.hotel-header.vrsn-2 .menuzord-menu ul.dropdown>li:last-child a {
		border-bottom: 0
	}

	.welcome-section.vrsn-2 {
		padding: 60px 0
	}

	.welcome-section.vrsn-2 .row.align-items-lg-center .img-area {
		width: 100%;
		margin-bottom: 40px
	}

	.welcome-section.vrsn-2 .row.align-items-lg-center .img-area img {
		width: 100%
	}

	.welcome-section.vrsn-2 .memebership-wrapper .img-area {
		display: none
	}

	.welcome-section.vrsn-2 .membership-area {
		padding: 60px 20px
	}

	.home2-cta {
		padding: 60px 0
	}

	.home2-cta .cta-content .content-txt {
		margin: 0 auto;
		text-align: center
	}

	.home2-cta .cta-content .content-txt h3::before {
		display: none
	}

	.home2-cta .cta-content .cta-button {
		margin: 30px auto 0;
		min-width: 210px
	}

	.room-carousel.reverse.vrsn-2 .room-img-wrapper,
	.room-carousel.vrsn-2 .room-img-wrapper {
		margin: 0 auto 0;
		max-width: 100%
	}

	.room-carousel.reverse.vrsn-2 .slick-dots,
	.room-carousel.vrsn-2 .slick-dots {
		position: absolute;
		bottom: 4px;
		left: 50%;
		z-index: 2;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		-o-transform: translate(-50%, 0);
		transform: translate(-50%, 0)
	}

	.room-carousel.vrsn-2 .room-info-wrapper {
		max-width: 100%;
		padding: 40px 40px 50px 40px !important
	}

	.room-carousel.vrsn-2 .room-info p {
		margin-left: auto;
		margin-right: auto
	}

	.dining-service .img-area {
		width: 45%
	}

	.dining-service .dining-content {
		width: 55%;
		padding: 20px 15px 20px 30px
	}

	.home2-footer.dark .footer-widget {
		padding: 70px 0 70px
	}

	.home2-footer.dark .contact-area {
		padding-bottom: 50px
	}

	.home2-footer .footer-widget .footer-widget-area .contact-address {
		display: block;
		text-align: center
	}

	.home2-footer .footer-widget .footer-widget-area .contact-address p {
		margin-bottom: 10px;
		margin-right: 0;
		width: 100%
	}

	.home2-footer .contact-address p i {
		left: -10px;
		position: relative
	}

	.home2-footer .payment-method {
		margin-bottom: 30px;
		text-align: center;
		width: 100%
	}

	.home2-footer .payment-method img {
		width: 55px
	}

	.hotel-banner.v3 .hero-carousel {
		border-width: 5px;
		padding: 40px 10px;
		max-width: 550px;
		margin-top: 0
	}

	.hotel-banner.v3 .banner-content {
		height: 600px
	}

	.section-padding2 {
		padding: 60px 0 60px
	}

	.section-title-v3 {
		margin-bottom: 60px
	}

	.section-title-v3 h3 {
		margin-bottom: 2px;
		font-size: 30px;
		line-height: 40px
	}

	.service-v3 {
		padding-bottom: 60px
	}

	.home3-facts {
		padding: 70px 0 20px
	}

	.home3-facts .facts-common {
		padding-left: 80px;
		margin: 0 auto 50px;
		max-width: 210px
	}

	.related-service.v2 .row:first-child {
		margin-bottom: 30px
	}

	.related-service.v2 .row:first-child img {
		width: 100%;
		margin-top: 30px
	}

	.hotel-blog3 .single-blog-post .blog-content h4 {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		display: block
	}
	
	.hotel-header .menuzord-menu>li .book-now-btn{
	    margin:14px;
	}
}

@media(max-width:767px) {
	.hotel-service .single-service:nth-child(even) {
		flex-flow: column
	}

	.hotel-service .single-service {
		width: 50%;
		padding: 0 10px;
		margin-bottom: 20px
	}

	.hotel-service .service-content h4 {
		font-size: 22px;
		line-height: 34px
	}

	.hotel-service .single-service:nth-child(even) .service-content:before {
		top: -7px;
		bottom: inherit
	}

	.section-padding {
		padding: 60px 0
	}

	.welcome-section {
		padding-bottom: 0
	}

	.welcome-section .img-area .img2 {
		display: none
	}

	.welcome-section .img-area {
		margin-bottom: 40px
	}

	.room-carousel .room-info-wrapper {
		max-width: 100%
	}

	.hotel-room {
		padding-bottom: 50px
	}

	.hotel-room .single-room {
		margin-bottom: 30px
	}

	.related-service {
		padding: 0 15px;
		display: block
	}

	.related-service .single-service {
		width: 100%;
		margin: 0 auto 20px;
		max-width: 510px
	}

	.related-service .single-service:last-child {
		margin-bottom: 0
	}

	.app-section .img-area {
		max-width: 350px;
		width: 100%;
		margin: 50px auto 0
	}

	.app-section .img-area img {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}

	.hotel-facts {
		padding-bottom: 50px
	}

	.hotel-blog {
		padding-bottom: 50px
	}

	.hotel-blog .single-blog-post {
		margin-bottom: 30px
	}

	.hotel-breadcrumbs .breadcrumbs-content {
		height: 300px
	}

	.hotel-breadcrumbs .breadcrumbs-content h2 {
		font-size: 30px;
		line-height: 40px
	}

	.featured-room .room-img {
		padding: 20px
	}

	.featured-room .room-img .price {
		padding: 12px 30px 8px;
		line-height: 30px;
		font-size: 25px
	}

	.hotel-room.list {
		padding-bottom: 50px
	}

	.hotel-room.list .single-room {
		margin-bottom: 0
	}

	.room-facilities .facilities-list li {
		width: 33.33%
	}

	.details-info .booking-form .group {
		width: 46%
	}


	.details-info .details-text .doc-info {
		display: block;
		text-align: center
	}

	.details-info .details-text .doc-info li {
		margin-bottom: 16px
	}

	.details-info .details-text .doc-info li:last-child {
		margin-bottom: 0
	}

	.hotel-view .img-area {
		margin-bottom: 20px
	}

	.single-mission.text-center {
		max-width: 340px;
		margin: 0 auto 40px
	}

	.about-mission {
		padding-bottom: 40px
	}

	.feature-section {
		padding: 80px 15px
	}

	.feature-section .img-area {
		width: 90%
	}

	.feature-section .features {
		max-width: 90%
	}

	.about-cta .cta-content {
		padding: 30px 15px
	}

	.about-cta .content-txt h3 {
		font-size: 30px;
		line-height: 40px
	}

	.blog-details .comment-form .abform-area .abinput-group {
		width: 100%;
		float: none !important
	}

	.blog-details .comment-form .abform-area .abinput-group:nth-child(even) {
		margin-left: 0
	}

	.blog-details .tagnshare-area {
		padding: 20px 20px 26px
	}

	.blog-details .tagnshare-area .social-share {
		margin-top: 17px
	}

	.blog-details-content .comment-area h4 {
		font-size: 24px;
		line-height: 34px
	}

	.spa-service .features {
		max-width: 100%
	}

	.spa-pricing .section-title {
		margin: 0 auto 50px
	}

	.spa-pricing .single-tbl.advanced {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}

	.spa-pricing .single-tbl {
		margin-bottom: 30px
	}

	.spa-feature {
		padding: 58px 0 70px
	}

	.mapHome1 {
		height: 370px
	}

	.luxary-trip-contact .abform-area .abinput-group {
		width: 100%;
		float: none !important
	}

	.luxary-trip-contact .abform-area .abinput-group:nth-child(2n) {
		margin-left: 0
	}

	.luxary-trip-contact .abform-area button {
		height: 50px;
		min-width: 200px
	}

	.vrsn-2 .check-availability ul li .checkin,
	.vrsn-2 .check-availability ul li .checkout {
		width: 40%
	}

	.welcome-section.vrsn-2 .memebership-wrapper {
		margin-top: 0
	}

	.dining-service {
		display: block;
		padding-top: 60px
	}

	.dining-service .img-area {
		width: 100%;
		padding: 0 15px
	}

	.dining-service .img-area img {
		margin: 0 auto;
		display: block
	}

	.dining-service .dining-content {
		width: 100%;
		padding: 50px 15px 60px 15px;
		text-align: center
	}

	.dining-service .dining-content .divider {
		margin: 0 auto 15px
	}

	.home2-footer .footer-widget {
		padding-bottom: 60px;
		padding-top: 70px
	}

	.hotel-banner.v3 .banner-content {
		height: 480px
	}

	.related-service.v2 {
		padding: 80px 0
	}

	.related-service.v2 .title {
		text-align: center !important;
		margin-bottom: 30px
	}

	.related-service.v2 .title .divider {
		width: 50px;
		margin: 18px auto 15px
	}

	.related-service.v2 .short-discription {
		text-align: center
	}

	.related-service.v2 .single-service {
		margin-bottom: 30px
	}

	.app-section.v2 .content .text-left {
		text-align: center !important
	}

	.hotel-blog3 {
		padding-bottom: 80px
	}

	.hotel-blog3 .single-blog-post {
		margin-bottom: 30px
	}

	.hotel-blog3 .single-blog-post .blog-content h4 {
		white-space: normal;
		text-overflow: inherit;
		overflow: visible
	}
}

@media(max-width:575px) {
	.hotel-header .custom-logo-link .custom-logo {
		max-width: 146px
	}
	
	.hotel-footer .bigsocial-link ul>li{
	    width: 18%;
	}
	
	  
    
    .hotel-footer .bigsocial-link ul>li a{

    font-size: 20px;
}
.single .section-title{
        margin: 0 auto 30px;
}
	.hotel-banner {
		display: flex;
		flex-flow: column
	}

	.check-availability {
		order: 2
	}

	.hotel-banner>.container {
		order: 1
	}

	.hotel-banner .banner-content h1 {
		font-size: 28px;
		line-height: 40px
	}

	.hotel-banner .banner-content {
		height: 450px;
		padding: 100px 0 20px;
		min-height: 450px
	}

	.hotel-banner .hero-carousel {
		margin-top: 10px
	}

	.check-availability ul li.align-row-center-center {
		display: block
	}

	.check-availability ul li:first-child {
		display: none
	}

	.check-availability ul li .group {
		width: 100%;
		margin-bottom: 14px
	}

	.check-availability ul li .group:last-child {
		margin-bottom: 0
	}

	.check-availability ul li .group.children {
		width: 100%
	}

	.check-availability ul li .children input {
		width: 100%;
		text-align: left
	}

	.check-availability ul li .children span {
		left: inherit;
		right: 20px
	}

	.hotel-service {
		display: block
	}

	.hotel-service .single-service {
		width: 100%;
		display: block
	}

	.room-carousel .room-img .price {
		font-size: 30px;
		line-height: 44px
	}

	.room-carousel .room-info-wrapper {
		padding: 30px 10px 40px 10px !important;
		text-align: center
	}

	.room-carousel .room-info .divider {
		margin-left: auto;
		margin-right: auto
	}

	.room-carousel .room-info ul {
		text-align: left;
		margin: 0 auto 50px;
		display: block
	}

	.hotel-room .single-room {
		text-align: center
	}

	.hotel-room .single-room .divider {
		margin: 0 auto 15px
	}

	.hotel-cta .cta-content {
		padding: 30px 15px 40px
	}

	.hotel-testimonial .author-img {
		left: 50%;
		margin-left: -45px;
		margin-top: 0;
		position: relative;
		top: 0;
		margin-bottom: 20px
	}

	.hotel-testimonial .single-testimonial {
		padding: 20px;
		text-align: center
	}

	.hotel-footer .footer-widget {
		padding-bottom: 50px
	}

	.hotel-footer .bigsocial-link ul>li {
		height: 40px;
		line-height: 40px
	}

	.hotel-footer .footer-widget .contact-address {
		display: block;
		margin: 0 auto
	}

	.hotel-footer .footer-widget .contact-address p {
		border: 0 none !important;
		margin-bottom: 7px;
		padding: 0 !important;
		position: relative;
		width: 100%
	}

	.hotel-footer .footer-widget .contact-address p.address {
		width: 100%
	}

	.hotel-footer .footer-widget .contact-address p i {
		left: initial;
		position: relative;
		top: initial;
		padding: 0 !important;
		margin-right: 10px
	}

	.hotel-breadcrumbs .breadcrumbs-content {
		flex-flow: column-reverse;
		justify-content: center
	}

	.featured-room .room-img {
		padding: 12px
	}

	.room-facilities .facilities-list li {
		width: 50%;
		margin: 0 auto 5px;
	}

	.details-info .booking-form,
	.details-info .room-img {
		padding: 12px
	}

	.details-info .booking-form .group:nth-child(even) {
		margin-right: 0
	}

	.details-info .booking-form .group {
		width: 100%;
		float: none
	}

	.details-text>h3 {
		margin-bottom: 15px
	}

	.details-info .details-text .doc-info .title h5 {
		font-size: 18px;
		line-height: 30px
	}

	.details-info .details-text .doc-info .download-btn a {
		width: 150px
	}

	.hotel-view {
		padding-bottom: 50px
	}

	.about-us .about-text h3 {
		font-size: 28px;
		line-height: 42px
	}

	.about-us .about-img {
		padding: 12px
	}

	.feature-section {
		padding: 50px 0
	}

	.feature-section .single-feature {
		width: 100%;
		max-width: 350px;
		margin: 0 auto 30px !important
	}

	.hotel-facts.about-facts .facts-wrapper {
		margin: 0 auto 30px;
		max-width: 280px
	}

	.blog-details-content .post-title {
		font-size: 24px;
		line-height: 34px
	}

	.blog-details .blog-details-content .blockqute h2:before {
		left: inherit;
		position: relative;
		top: 0
	}

	.blog-details .blog-details-content .blockqute {
		padding: 25px
	}

	.blog-details .blog-details-content .blockqute h2 {
		font-size: 18px;
		line-height: 32px
	}

	.blog-details .blog-details-content .blockqute h2:before {
		display: none
	}

	.blog-details .tags .tag li a {
		margin-bottom: 7px
	}

	.blog-details-content .comment-area .comment-wrapper li img {
		left: inherit;
		position: relative;
		top: inherit;
		margin-bottom: 10px
	}

	.blog-details-content .comment-area .comment-wrapper li {
		padding-left: 0
	}

	.blog-details-content .comment-area .comment-wrapper li p {
		padding-right: 0
	}

	.blog-details-content .comment-area .comment-wrapper li .reply-form input {
		width: 100%
	}

	.blog-details-content .comment-area .comment-wrapper li .reply-form {
		padding-right: 0
	}

	.blog-details-content .comment-area .comment-wrapper li ul li {
		padding-left: 0
	}

	.blog-details .comment-form {
		padding: 50px 0 0
	}

	.spa-feature .intro-common {
		display: block
	}

	.spa-feature .intro-common .intro-box {
		margin-bottom: 50px;
		width: 100%;
		padding: 0
	}

	.luxary-trip-contact .contact-title::before {
		display: none
	}

	.contact-details .single-contact.time,
	.contact-details .single-contact {
		float: none;
		width: 100%
	}

	.contact-details .single-contact {
		background: #e8e8e8 !important;
		border-top: 1px solid #ddd;
		height: 230px
	}

	.contact-details .single-contact:first-child {
		border-top: 0
	}

	.contact-details .single-contact i {
		font-size: 32px
	}

	.contact-details .single-contact h5 {
		font-size: 16px;
		line-height: 26px;
		padding: 10px 0
	}

	.hotel-banner.vrsn-2 .banner-content {
		padding: 0
	}

	.vrsn-2 .check-availability {
		bottom: 50%;
		z-index: 3;
		transform: translateY(50%);
		background: 0;
		position: absolute;
		left: 0
	}

	.vrsn-2 .check-availability ul li:first-child {
		display: flex
	}

	.vrsn-2 .check-availability ul.align-center-center {
		padding: 17px 5px 30px
	}

	.vrsn-2 .check-availability ul li .checkin,
	.vrsn-2 .check-availability ul li .checkout {
		width: 50%
	}

	.ui-widget.ui-widget-content {
		min-width: 100% !important;
		left: 0 !important
	}

	.vrsn-2 .check-availability .banner-title h2 {
		font-size: 30px;
		line-height: 40px
	}

	.vrsn-2 .check-availability .banner-title .title-20 {
		font-size: 15px;
		line-height: 24px;
		margin-bottom: 20px
	}

	.vrsn-2 .check-availability ul.align-center-center li:last-child {
		width: 100%
	}

	.vrsn-2 .check-availability ul li button[type="submit"] {
		margin-left: auto;
		margin-right: auto;
		display: block;
		width: 230px
	}

	.hotel-header.vrsn-2 .menuzord>a.book-btn {
		display: none
	}

	.welcome-section.vrsn-2 {
		padding: 60px 0
	}

	.room-carousel.reverse.vrsn-2 .room-info-wrapper,
	.room-carousel.vrsn-2 .room-info-wrapper {
		padding: 40px 20px 50px 20px !important
	}

	.home2-footer .footer-widget h4.title-36 {
		font-size: 25px;
		line-height: 30px
	}

	.home2-footer .footer-widget .contact-area form>input {
		width: 78%
	}

	.home2-footer .footer-widget .contact-area form>button {
		width: 22%
	}

	.hotel-testimonial2 .single-testimonial .author-info {
		flex-flow: column
	}

	.hotel-header3 .topbar-right .search-area>input {
		width: 228px
	}

	.hotel-header3 .topbar-left ul li a {
		margin-right: 17px
	}

	.hotel-header3 .custom-logo-link .custom-logo {
		max-width: 180px
	}

	.hotel-banner.v3 .banner-content {
		height: 600px;
		padding: 0
	}
}