.for-tab,.only_mbl{display:none!important;}
/* 320px to 479px */
@media only screen and (min-width: 320px) and (max-width: 767px) {
	
	  .home-banner img.for_mb{height:90vh;object-fit:cover;}
	
	.about-us-section {
        padding-top: 180px;
    }
	.roseate-slider-title{font-size:24px;}
	.container{padding: 0 32px!important;}
	.about-us-section .heading {
        font-size: 38px!important;
    }
	.d-flex.btm_row {display:block!important;}
	.btm_row .year-footer{margin-top:12px;}
	.d-flex.btm_row .d-flex.gap-3{display:grid!important;}
	.footer.text-white{gap:50px!important;}
	.wellness-section .holistic{left:5%;}
	.wellness-section.iskate .hero{height:90vh!important;}
	/*.lft_img_sc,.rght_txt {
    padding-top: 0px;}*/
	.roseate-card img{height:auto;}
	    .lft_img_sc {
        padding-top: 0px;
    }
}
.about-us-section{padding-left:0px!important;padding-right:0px!important;}


/* 320px to 479px */
@media only screen and (min-width: 320px) and (max-width: 992px) {
	
	.roseate-london-gallery .tabs{flex-wrap: nowrap;
    overflow-x: scroll;
    padding-bottom: 10px !important;
	justify-content: flex-start;}
	
	.roseate-london-gallery .tab{min-width: fit-content;}
	
	
	.about-exp .custom-nav{justify-content: flex-start;width: 100%;}
	.about-us-section .container {
    max-width: 98%;
}
	.luxury_rooms .tick-bl{display:inline-block;}
	.luxury_rooms .offer-card .d-flex .d-flex {
    display: block!important;
}
	
	.feature-item {
    border: none;
    border-top: 1px solid #e5dcd6;
    border-left: 1px solid #e5dcd6;
    margin-top: 12px;
}
	.features-grid{border:none;}
	
	#popup-hospitality .popup-text h2{font-size:24px;}
	.logoSwiper img{height:60px;}
		.logo-slider-section{padding:24px!important;padding-left:32px!important;}
	.logo-slider-section .text-center,.logo-slider-section .description{text-align:left!important;max-width:100%!important;}
	.logo-slider-section h2{text-align:left;}
	
	.rght_txt{position:relative;}
	
	/*.lft_img_sc {
    padding-top: 0px;
}*/
	.rght_txt {
    padding: 16px;margin-top:12px!important;
}
	
	
	.image-slider-about-us .swiper-slide img{height:350px;}
	.wellness-section.coworking-section .hero{height:40vh;}
	.border-right{border:none;padding: 3rem !important;padding-bottom:0px!important;}
	.border-right .py-5{padding-bottom:0px!important;}
	.coworking-section .heading{font-size:32px;}
	.roseate-slider-section{padding-left:24px;}
		.only_for_mbl{display:block;}
	.only_for_desk{display:none!important;}
	#about-us{padding:32px 8px 32px 8px;}
	.about-us-section .description{max-width:90%;}
	.hide_sm{display:none;}
	.roseate-slider-section .p-5{padding:0px!important;padding-top:32px!important;}
	.policy_description{padding:16px;}
	.policy .heading{font-size:48px;}
	.collaborations .lft_img_sc{padding-top:16px;}
.collaborations .content {
    padding-right: 1.5rem;
    
}
.collaborations .lft_img_sc {
        padding-top: 0px;
    }
.content {
        padding-right: 12px !important;
        padding-top: 16px;
        margin-top: 12px !important;
    }
	.position-txt_pp{padding-top: 16px;}
	#popup-hospitality .popup-image img{height:320px;}
	#popup-hospitality .popup-grid{display: flex;
    flex-direction: column;}
	.about-us-section{padding-top:180px;}
	.lft_img_sc {
    padding-top: 0px;}
}

/* up to 767px */
@media only screen and (max-width: 767px) {
	
		.padding_on_mobile{padding-bottom:24px;padding-top:24px;}

	.sustainability.rhl .lft_img_sc {
    padding-top: 0px;
}
	h2.heading_below_banner{font-size:32px!important;}
	.coworking-section .heading {
        font-size: 24px;
    }
	#scrollToTop {
    bottom: 10px;
		right: 10px;}
	.tick-btn span{position:relative;top:2px;}
	.tick-btn{font-size:12px;}
	.wlns .py-5.house-section{padding:0px!important;}
	.wlns .hyde-ofrs.py-5{padding-top:0px!important;}
	.wlns .hyde-ofrs .subheading{padding-top:48px!important;}
	.wlns .coworking-section.py-5{padding-bottom:12px!important;}
	.hyde-para{font-size:16px!important;}
	
	.roseate-london-gallery .tab{font-size:12px;}
	.roseate-london-gallery .tabs{padding-left:0px;}
	.policy .heading {
        font-size: 32px;
    }
	.roseate-london-gallery .gallery {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    padding: 10px 0px 0px 0px;
}
	.my-transparent-accordion button.accordion-button{font-size: 16px!important;
    padding: 2px 10px;}
	.rooms-listing .gallery-modal .popup-content{width: 100%;}
	.rooms-listing .rooms-swiper .swiper-slide img{max-width:100%;}
	.after_sec .description{margin-bottom:0px;}
	.content{position:relative;}
	.content .divider {
        position: absolute;
        right: 58%;
        rotate: 90deg;
        width: 85%;
        top: 50%;
    }
	.content-right .divider {
        position: absolute;
        left: 58%;
        rotate: 90deg;
        width: 85%;
        top: 50%;
    }
	    .rght_txt .divider {
        position: absolute;
        left: 67%;
        rotate: 90deg;
        width: 60%;
        top: 50%;
    }
	.roseate-slider-header .tick-btn{width:100%; display:block;}
	.video-container {
		height:100vh;
	}
	.video-container video{height: 100vh;
    object-fit: cover;}
	
	.html5-video-player .video-click-tracking, .html5-video-player .video-stream {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    height: 100vh !important;
    top: 0px !important;
    object-fit: cover;
}
	
	
	.info_home .description{font-size:32px!important;}
	.video-overlay-text{top:65%;width:90%;}
	.video-overlay-text h1.heading {
		font-size: 28px;}
	.only_desk{display:none;}
	.experience-section .heading,.logo-slider-section h2{font-size:32px;}
	.only_mbl{display:block!important;}
	
}

/* 768px to 991px */
@media only screen and (min-width: 768px) and (max-width: 1080px) {
	
	.custom-location-info .rfd {
    margin-top: 10px!important;
}
	/*.lft_img_sc {
    padding-top: 0px;
}*/
	
	
	.video-overlay-text{top:55%;}
	.video h1.heading {
		font-size: 48px;}
	.for-tab{display:flex!important}
	.for-tab .col-lg-7,.for-tab .col-lg-5{width:50%;}
	.for-tab .card{margin-bottom:16px;}
	
	.sticky-column-tab {
  position: relative;
  top: 0;
  z-index: 1;
  width: 100%;
  opacity: 1;                     /* Visible by default */
  transition: all 0.4s ease;      /* Smooth fade & resize */
}
	.roseate-slider-section{}
	
	
	

	.for-mobile-desk{display:none!important;}
    .footer .col-md-3 {
        flex: 0 0 auto;
        width: 50%!important;
    }

}
@media only screen and (max-width: 1080px) {
	
.hide_on_ph{display:none;}
	.hide_on_desk{display:block;}
}
/* 992px +  */
@media only screen and (min-width: 992px) {
	.only_for_mbl{display:none!important;}

	.sticky-column {
  position: relative;
}

.sticky-fixed {
  position: fixed !important;
  top: 150px; /* Adjust for navbar height */
  width: 34.6%;
  z-index: 1;
  transition: opacity 0.5s ease, background-color 0.5s ease;
	  opacity: 1;
}
	.sticky-fadeout {
  opacity: 0 !important;
  pointer-events: none;
}
.image-wrapper,.roseate-slider-section{position: relative;
    z-index: 9;}
.sticky-stop {
  position: relative !important;
  bottom: 0;
  top: auto;
}
	
	
	
.lft_hgt img.wdth{height:620px;object-fit:cover;}
.lft_hgt{position: relative;
        bottom: 340px;
        margin-bottom: -340px;}

 .footer .col-md-3 {
        flex: 0 0 auto;
        width: 33.33%!important;
    }
	.hide_on_ph{display:block;}
	.hide_on_desk{display:none;}
}
/* 992px to 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) { }

/* 1200px to 1439px */
@media only screen and (min-width: 1200px) and (max-width: 1439px) { }

/* 1440px to 1919px */
@media only screen and (min-width: 1440px) and (max-width: 1919px) { }

/* 1920px and up */
@media only screen and (min-width: 1920px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width:1750px!important;}

}