@media (min-width: 576px) {
	#quizSection #open-quiz{
		width: 50%;
	}
	#quizSection .quiz-web-fixed-footer{
		width: 48%;
		left: 25%;
	}
	.owl-dots {
		display: flex !important;
		overflow: hidden;
	}
	.home-banner-row-inner {
		background: #fff;
		border-radius: 10px;
	}
	.prof-name {
		margin-left: 10px
	}
	.dropdown-menu {
		margin-left: -40px !important;
	}
	.navbar {
		margin-right: 40px !important
	}
	#navbarSupportedContentMob {
		display: none !important;
	}
	.navbarSearch #searchBox{
		border: 1px solid #ddd !important;
		width: 300px;
	}
}

/* Extra small devices (phones, less than 768px) */


/* No media query since this is the default in Bootstrap */

@media (max-width:576px) {

	/* WhatsApp chat button custom css for listing page */
	.LyNPI {
		margin-top: -135px;
		z-index: -1 !important;
	}
	.kbaMQo{
		margin-top: -135px;
		z-index: -1 !important;
	}
	/* .Bubble__BubbleComponent-sc-13azvyr-3{
		margin-top: -135px;
		z-index: -1 !important;
	} */


	#listing .host-img{
		bottom: 70px;
	}

	/*START XANADU BANNER*/
	#homepage .xanadu-special{
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	#homepage .xan-intro-txt {
		font-size: 12px;
		font-weight: normal;
		left: 30%;
		top: 25%;
		position: relative;
		margin-top: 10px;
	}
	#homepage .xan-banner-logo {
		position: relative;
		top: 10%;
		left: 15%;
	}
	#homepage .xanadu-banner-img{
		height: auto;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	#homepage .xan-banner-logo img{
		max-height: 70px !important;
		max-width: 85% !important;
	}
	/*END XANADU BANNER*/
	#searchListing .xanadu-short-logo-xs{
		top: 6% !important;
		left: 52% !important;
	}
	#searchListing .search-xanadu-img-xs{
		padding: 3px !important;
	}
	#searchListing .search-xanadu-title a{
		color: #CCAC54 !important;
	}

	#homepage .home-web-search,#homepage .site360-web-home{
		display: none;
	}

	.app-row .hs {
		padding: 0 !important;
		display: grid;
		grid-gap: calc(var(--gutter) / 10);
		grid-template-columns: repeat(100, calc(100% - var(--gutter) * 2));
	}
	
	.owl-row {
		margin: 15px;
	}
	.owl-dots {
		display: block !important;
	}
	.mobile-mb {
		margin-bottom: 50px !important;
	}
	.ml-per-mob {
		margin-left: 5% !important;
	}
	.mob-margin-left {
		margin: 10px;
	}
	.homeSearchInput {
		background: #fff;
		border: 1px solid #fff;
		border-radius: 10px;
		margin-left: 5px;
	}
	.footer-min {
		margin-left: 10px;
	}
	.nav-circular-prev,
	.nav-circular-next {
		background: #fff;
		border: 1px solid #fff;
	}
	/*NavBar*/
	#navbarSupportedContentMob {
		position: absolute;
		top: 62px;
		right: 25px;
	}
	.prof-image-name {
		color: #fff;
		font-size: 12px;
	}
	/*For Search page*/
	/* #searchListing .filter-preferences{display: none !important;}*/

	#searchListing .t-datepicker-day .t-datepicker-days {z-index: 99999;}
	#searchListing .mob-filter-close {
		position: absolute;
		top: 15px;
		right: 20px;
	}
	#searchListing .t-check-out,
	.t-check-in {
		border-radius: 1px !important;
		border-color: #ddd !important;
	}
	#searchListing .t-check-in {
		border-right: none !important;
	}
	#searchListing .t-datepicker {
		height: 40px !important;
		background-color: #fff !important;
	}
	#searchListing .t-seperator {
		font-size: 20px;
	}
	#searchListing .mob-dates {
		border: none !important;
	}
	#searchListing .filter-preferences {
		padding-top: 15px;
		top: -1000px;
		position: fixed !important;
		z-index: 9999;
		height: 100%;
		overflow: scroll;
	}
	#searchListing .mob-filter {
		padding: 5px;
	}
	#searchListing .home-resources {
		position: static;
		width: 100%;
	}
	#searchListing .home-resources .close_this {
		padding: 2px 10px 0 0;
	}
	#searchListing .input-search-mob {
		font-weight: 300;
		position: absolute;
		top: 2px;
		right: 11px;
		background-color: #fba919;
		border-radius: 50%;
		width: 35px;
		height: 35px;
	}
	#signature-search .input-search-mob {
		font-weight: 300;
		position: absolute;
		top: 2px;
		right: 11px;
		background-color: #183E3F;
		border-radius: 50%;
		width: 35px;
		height: 35px;
	}
	#searchListing .input-search-mob img {
		margin: 10px;
	}
	#searchListing .border40Shadow {
		height: 40px !important;
	}
	#searchListing .otherAmenitiesForMob,
	#searchListing .otherMoodsForMob {
		display: none !important;
	}
	#searchListing .mob-border {
		padding: 10px !important;
		border: 1px solid #ddd;
		margin-right: -5px !important;
	}
	#searchListing .search-results-inner {
		padding-left: 12px;
	}
	#searchListing .xs-home-icon {
		position: absolute;
		top: 12px;
		font-size: 10px;
		background: #fff;
		padding: 5px;
		border-radius: 5px;
		font-weight: 600;
	}

	#searchListing .xs-signature-icon {
		position: absolute;
		top: 5px;
	}

	#searchListing .xs-availibity {
		position: absolute;
		bottom: 73px;
		background: #fff;
		border-radius: 19px;
		left: 15px;
		font-size: 10px;
		padding: 5px;
		border-radius: 5px;
		font-weight: 600;
	}
	#searchListing .xs-signatureHomes {
		left: -14px;
	}
	#searchListing .xs-home-cat {
		left: 15px;
		top: 156px;
	}
	#searchListing .xs-bedrooms {
		left: 65%;
		display: inherit;
		height: 25px;
		width: 50px;
		margin: 0;
		padding: 0;
	}
	#searchListing .xs-bed {
		margin-left: 10px;
		color: #2368A2;
		font-size: 12px;
		font-weight: 600;
		padding-left: 0;
		padding-top: 4px;
		height: 25px;
	}
	#searchListing .xs-shortlist {
		position: absolute;
		right: 0;
		bottom: 58px;
	}
	#searchListing .bed-blue {
		position: absolute;
		left: 30px;
		top: 9px;
	}
	#searchListing .xs-max-cap {
		left: 82%
	}
	#searchListing .pin-location {
		margin: 0;
	}
	#searchListing .card-text {
		top: 0px;
	}
	#searchListing .card-img-top {
		height: 200px !important;
	}
	#searchListing .rupee-black {
		position: absolute;
		top: 5px;
	}
	#searchListing .availabilty {
		font-size: 12px;
	}
	/*for mobile custom menu*/
	.mob-menu {
		width: 250px;
		height: 100%;
		position: fixed;
		left: -1500px;
		top: 0;
		background-color: #f0f0f0;
		box-shadow: 1px 0 5px #c0c0c0;
		-webkit-transition: all ease 1s;
		-moz-transition: all ease 1s;
		-ms-transition: all ease 1s;
		-o-transition: all ease 1s;
		transition: all ease 1s;
		z-index: 999999 !important;
	}
	.mob-menu-ham {
		padding-top: 10px;
		float: left;
		margin-left: 0;
		cursor: pointer;
	}
	.mob-close-menu {
		float: right;
		min-height: 30px;
		padding-right: 18px;
		padding-top: 23px;
		cursor: pointer;
	}
	.mob-menu ul {
		padding-left: 0;
		margin-top: 80px;
	}
	.mob-menu li {
		list-style: none;
		text-decoration-style: none;
		line-height: 170%;
		padding: 5px 0 5px 40px;
	}
	.mob-menu li a {
		text-decoration: none;
		font-size: 12px;
		color: #2368A2;
	}
	.mob-menu li:hover {
		background-color: #fba919;
		cursor: pointer;
		color: #fff !important;
	}
	/*end mobile custom menu*/
	#searchListing .dremview {
		bottom: 20px !important;
		right: 50px !important;
	}
	#booking .mob-verified-tick{
		bottom: 247px;
	}
	#booking .mobile-error-p{
		bottom: 235px;
	}
	.navbarSearch:hover{
		background-color: #fff !important;
		cursor: pointer;
	}
}

@media (min-width:576px) and (max-width:768px) {
	.home-banner-row-inner {
		margin: 15px !important;
	}
}


/*Small devices (landscape phones, 576px and up)*/

@media (max-width: 768px) {
	/***********FOR LISTING*************/

	.reward-banner .row{padding:5px 0;}
	#listing .my-partner-home,.my-partner-home:hover{
		right: 15px;
		bottom: 65px !important;
		top: auto !important;
	}

	#listing #video-gallery, #video-gallery:hover {
		right: 22%;
		top: 17px;
	}
	#listing {
		font-size: 13px !important;
	}
	#listing .large-h1 {
		font-size: 26px!important;
	}
	#listing .app-spotlight {
		height: 405px;
	}
	#listing .hs-spotlight {
		grid-template-columns: repeat(6, calc(95% - var(--gutter) * 2));
	}
	#listing .item-spotlight img.figure-img {
		height: 190px;
	}
	#listing .total-bedrooms-svg, .max-guets-svg, .xs-displaynone{
		display: none !important;
	}
	#listing #listingGallary {
		height: 300px !important;
		border-radius: 0 !important;
	}

	#listing .tdatepicker{
		margin: 25px 0 15px 30px !important;
		right: 2% !important;
	}
	#listing .img-responsive {
		border-radius: 0 !important;
		height: 300px;
		object-fit: cover;
	}
	#listing .amenities-col{
		padding: 0;
	}
	#listing .owl-dots {
		position: absolute;
		bottom: 22px;
		left: 20px;
		width: 250px;
		display: flex !important;
		overflow: hidden;
	}
	#listing .owl-nav {
		display: none !important;
	}
	#listing .xs-shortlist-div {
		position: absolute;
		top: 15px;
		z-index: 9;
		right: 10px;
	}
	#listing .xs-shareit-div {
		position: absolute;
		bottom: 68px;
		z-index: 99;
		right: 12px;
	}
	#listing .left-content-bottom-right {
		padding: 15px 0 15px 0 !important;
		text-align: center !important;
		bottom: 0;
		position: relative;
		left: 0;
		border-radius: inherit;
		font-size: 12px;
		box-shadow: 0px 3px 6px 0px #0000001f;
	}
	#listing .link-share-it {
		position: relative;
		top: 209px;
		left: 180px;
	}
	#listing .navigation-tab {
		margin: -12px;
	}
	#listing .t-check-in {
		border: none !important;
	}
	#listing .t-check-out {
		border: 1px !important;
	}
	#listing .fixed-form {
		width: 100%;
		padding: 20px 20px 0 0;
		bottom: -1500px;
		right: 0;
		box-shadow: 1px 0 5px #c0c0c0;
		-webkit-transition: all ease 1s;
		-moz-transition: all ease 1s;
		-ms-transition: all ease 1s;
		-o-transition: all ease 1s;
		transition: all ease 0.3s;
		z-index: 999999 !important;
	}
	#listing .xs-listing-price {
		padding: 18px 0 18px 0;
		text-align: center;
	}
	#listing .dates-row {
		margin-bottom: 15px;
		margin-left: 10px;
		margin-top: 2rem;
	}
	#listing .mob-add-details {
		padding: 10px 5px 10px 5px;
	}
	#listing .xs-form-title {
		color: #2368A2;
	}
	#listing .xs-listing-title {
		font-size: 23px;
	}
	#listing .xs-home-name {
		font-weight: 600;
	}
	#listing .form-close {
		position: absolute;
		right: 0;
		top: 0;
		left: 320px;
	}
	#listing .total-rooms-row {
		margin-bottom: 0 !important;
		margin-left: 10px;
	}
	.guest-counter{
		position: relative;
		bottom: 13px;
	}
	#listing .guest-total-count {
		margin-left: 10px;
	}
	#listing .xs-listing-price h1 {
		font-size: 30px;
	}
	#listing .xs-fill-details {
		bottom: 0;
		background: #fff;
		border-top: #ddd;
		z-index: 99;
		border-top: 2px solid #fba919;
		padding: 4px 10px;
	}
	#listing .xs-fill-details .starting {
		position: absolute;
		bottom: 18px;
	}
	#listing .listing-content {
		padding: 0 !important;
	}
	#listing .l-guests {
		margin: 4px 0 0 22px !important;
	}
	#listing .btn-extra-info-xs span.-call,
	span.-message {
		border: 1px solid #707070;
		padding: 10px 30px 10px 30px;
		border-radius: 4px;
	}
	#listing .whatsapp-svg {
		top: 1px !important;
	}
	#listing .whatsapp-svg-xs,
	.call-outline-svg-xs {
		position: absolute;
		top: 0;
		left: 25px;
	}
	#listing .before-book-info {
		padding: 20px 50px 50px 50px !important;
		margin-top: 20px;
	}
	#listing .sleep-box {
		padding: 5px 0 10px 0;
	}
	#listing .read-more-mattress,
	.additional-space {
		font-size: 10px !important;
	}


	/*addon*/
	#listing .t-seperator {
		margin: 4% 0 0 49%!important;
	}
	#listing .limit-txt-rooms {
		right: 77px!important;
	}

	#listing .btnReserveWeb {
		font-weight: 600;
		font-size: 18px;
		color: #fffcf4;
		background: #212529 0% 0% no-repeat padding-box;
		box-shadow: 0 3px 6px #00000029;
		border-radius: 4px;
		letter-spacing: .54px;
		opacity: 1;
		padding: 10px;
		border: 1px solid #212934 !important;
	}
	#listing .mobbtn-row{
		margin-left: 7px;
	}

	#listing .counter-limit-txt {
		position: absolute;
		top: 27px;
		font-size: 11px;
		color: #b8c4ce;
		right: 53px;
	}
	#listing .guest-counter{
		padding-left: 0;
		padding-right: 10px;
	}
	/*open pricebox from bottom to up*/
	#openPriceBox.fade .modal-dialog {
		transform: translate3d(0, 100vh, 0);
	}

	#openPriceBox.show .modal-dialog {
		transform: translate3d(0, 0, 0);
	}

	/*end*/

	/***********LISTING END***********/

	/*BOOKING PAGE START*/
	 #booking .guestComment {
        height: 80px;
        resize: none;
      }
      #booking .booking-img-first {
        width: 100%;
        height: 230px;
      }
      #booking .trip-details {
        padding: 10px 3px 0 20px;
        margin: 25px 0 0 0;
      }
      #booking .price-box {
        padding: 10px 15px;
      }
      #booking .right-side .container {
        padding: 10px 20px;
      }
      #booking .floatingButton {
        position: fixed;
        bottom: 0;
        z-index: 99;
        border-top: 1.5px solid #fba919;
        background-color: #FFF;
        text-align: center;
        margin-bottom: -10px;
      }
      #booking .btnPay {
        margin: 10px 0 10px 0;
        padding: 0 50px 0 50px;
      }
	/*BOOKING PAGE END*/

	/*reward or referral page*/
	#rewardTC .ref-img{
		object-fit: cover;
		width: 360px;
	}
	.coupounviewbox{
		position: absolute;
		background: #FFFFFF;
		border: 1px solid #F2F2F2;
		box-sizing: border-box;
		box-shadow: 0px 0px 14px rgba(153, 153, 153, 0.25);
		border-radius: 10px;
		width: 90%;
		padding-left: 8px;
		padding-right: 8px;
		padding-top: 8px;
		padding-bottom: 8px;
	}
	
}

/*only for small screen*/
@media (max-width: 576px) {
	#review .br-widget a {
		padding: 5px;
		margin: 5px;
	}
}

/*Medium devices (tablets, 768px and up)*/

@media (min-width: 768px) {

	.px-30{
		font-size: 30px !important;
	}

	#homepage .owl-dots {
		display: none !important;
	}
	#listing .btnReserveWeb {
		font-weight: 600;
		font-size: 16px;
		color: #ffffff;
		background: #212934 0% 0% no-repeat padding-box;
		box-shadow: 0 3px 6px #00000029;
		border-radius: 4px;
		letter-spacing: .54px;
		opacity: 1;
		border: 1px solid #212934 !important;
		cursor: pointer;
		padding: 5px;
	}
	#listing .fixed-form {
		background: #ffffff;
		box-shadow: 0px 2px 9px 0px #00000029;
		opacity: 1;
		z-index: 99;
		border-radius: 20px;
		border: 1px solid #fba818;
		border-width: 5px 1px 5px 1px !important;
		max-width: 300px;
		width: 300px;
		padding-bottom: 30px;
	}
	.coupounviewbox {
		opacity: 1;
		z-index: 99;
		background: #FFFFFF;
		border: 1px solid #F2F2F2;
		box-sizing: border-box;
		box-shadow: 0px 0px 14px rgba(153, 153, 153, 0.25);
		border-radius: 10px;
		max-width: 300px;
		width: 300px;
		margin-left: -15px;
		margin-top: 50px;
		
		padding-left: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 15px;
	  }

	  .coupounviewbox2 {
		opacity: 1;
		z-index: 99;
		
		max-width: 300px;
		width: 300px;
		margin-left: -15px;
		margin-top: 120px;
		
		padding-left: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 15px;
	  }
	  
	  .coupounviewbox1 {
		opacity: 1;
		background: #FFFFFF;
		border: 1px solid #F2F2F2;
		box-sizing: border-box;
		box-shadow: 0px 0px 14px rgba(153, 153, 153, 0.25);
		border-radius: 10px;
		max-width: 300px;
		width: 300px;
		padding-left: 15px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 15px;
		margin-top: 5px;
		position: relative;
	  }
	  .coupounviewbox3 {
		opacity: 1;
		
		max-width: 300px;
		width: 300px;
		padding-left: 15px;
		padding-top: 5px;
		padding-bottom: 10px;
		padding-right: 15px;
		margin-top: 5px;
		margin-bottom: 5px;
		position: relative;
	  }
	#listing .owl-dots {
		display: flex !important;
		position: absolute;
		bottom: 15px;
		left: 15px;
		width: 270px;
		overflow: hidden;
		margin-bottom: 20px;
	}
	#searchListing .fixed-filter {
		position: fixed;
		top: 20px;
		width: 315px;
	}
	#searchListing .fixed-filter .home-resources {
		position: static;
		width: 100%;
	}
	#searchListing .fixed-filter .close_this {
		right: 17px;
	}
	.login-model-content {
		width: 70% !important;
	}
	.owl-row {
		height: 340px !important;
	}
	#homeLocations .owl-row {
		height: 240px !important
	}
	
}


/*Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {}


/*Extra large devices (large desktops, 1200px and up)*/

@media (min-width: 1200px) {}

@media (max-width: 1025px) {
	#askMe .submit-message{
		font-weight: 300;
		font-size: 20px;
		line-height: 30px;
		margin-top: 200px;
		margin-bottom: 300px;
		margin-left: 0px;
	  }
  }
  .xs-instantbooking {
	float:right;
	position: static;
	margin-right: -27px;
    margin-bottom: -18px;
    margin-top: -25px;
}

.coupon-banner1{
	background-image: linear-gradient(100.93deg, #000000 0.69%, rgba(0, 0, 0, 0) 99.46%), url(
  'https://res.cloudinary.com/www-saffronstays-com/image/upload/v1650976211/mewtwo/images/coupon__banner2.svg');
	border-radius: 10px;
	color: #ffffff;
	font-weight: 700;
	font-size: 14px;
	line-height: 150%;
	width: 100%;
  }
  
  .coupon-banner2{
	background-image: linear-gradient(100.93deg, #000000 0.69%, rgba(0, 0, 0, 0) 99.46%), url(
  'https://res.cloudinary.com/www-saffronstays-com/image/upload/v1650976134/mewtwo/images/coupon_banner1.svg');
	border-radius: 10px;
	color: #ffffff;
	font-weight: 700;
	font-size: 14px;
	line-height: 150%;
	width: 100%;
  }
  
  .coupon-banner-right{
	color: #ffffff;
	padding: 15px 15px;
	font-weight: 700;
	font-size: 14px;
	line-height: 150%;
  }
  
  .coupon-banner-left{
	color: #ffffff;
	padding: 15px 15px;
	font-weight: 700;
	font-size: 14px;
	line-height: 150%;
  }

  .outer{
	width:100% !important;
  height:100px;
  white-space: nowrap;
  position: relative;
  overflow-x:scroll;
  overflow-y:hidden;
  -webkit-overflow-scrolling: touch;
  }
  
  .inner{ 
	width: 100%;
	float: none;
	height: 90%;
	margin: 0 0.25%;
	display: inline-block;
	zoom: 1;
  }