.about-block .about-flex-row .about-flex-col-2 img{ display: none;}
.mobile-view{ display: none;}
 

.home-header-wrapper .header-image-wrapper .header-image.mobile-show{ display: none;}
@media (min-width: 1500px) {

 

  .header-top .logo a img{ width: 180px;}

  #header{ padding: 30px 0; }

  .home-header-wrapper{ padding: 190px 0 0 0; }

  .home-header-wrapper .header-text-wrapper .header-text{ padding: 0 0 150px; max-width: 1110px; margin: 0 auto; font-size: 70px;;}

  .journey-title-wrap .journey-title .journey-title-text h2,

  .about-block .about-text .s__title,

  .about-stories-title h2,

 .awards-block .awards-text-wrap .awards-text h2{ font-size: 70px;}

 .awards-block .awards-text-wrap{ padding: 48px 0; }

 .project-box-main .img .img-in{aspect-ratio: 0.750;}

 .project-box-main .project-box-sub{ padding: 24px 0 0 0;}

 .project-box-main .project-box-sub h4{ padding: 0 0 20px; font-size: 28px;}

 .section-title h2,

 .values-block .values-accordion .values-accordion-item .v-acc-item-title .s__title,

 .news-block-main .news-left-col h2{ font-size: 56px;}

 .news-col-right .news-colum{ width: 380px;}

 .news-over-box .hover-icon img{ width: 64px;}

 .news-over-box .hover-box-sub p{ font-size: 20px;}

 .cls-accordion-item .acc-title h5{ font-size: 26px;}

 .text-data p{ font-size: 20px;}

 .footer-center .f-logo a{ width: 180px;}

 .footer-center .f-social a{ width: 48px; height: 48px;}

 .footer-center .f-social a img{ max-width: 24px; max-height: 24px; }



 .about-stories-block{ max-width: 750px; }

 .about-stories-block .about-stories-box .textbox .s__title{ font-size: 26px;}

 .about-awards-title h2{ font-size: 100px;}



 .about-awards-card .about-awards-card-item{ width: 20vw;}

 .about-awards-card .about-awards-card-item .about-awards-card-item-front .textbox p { font-size: 30px;}

 .contcat-title h2,

 .blog-colum-left .blog-title h2{ font-size: 70px;;}

 .blog-colum-left .blog-title h2 span{ font-size: 50px;}

 .distance-block-main .distance-image-colum{max-width: 600px;}

 .distance-block-main .distance-image-right{ height: 640px; }

 .distance-bg-block{ background-size: auto 100%; }

 .distance-bg-block .icon-box-main.icon1{ right: 149px;}

 .distance-bg-block .icon-box-main.icon8{ right: 130px;}

 .download-section{ padding: 100px 0; }

 .property-outer .property-left .property-text h2{ font-size: 40px;}

 

}

@media (min-width: 1651px) {



.Journal-box-main .over-box-2 .title h5 { font-size: 26px;}	 

.modal-data-sub .text-data ol li,

.modal-data-sub .text-data ul li,

.modal-data-sub .text-data p,

.modal-data-sub .text-data ol li a,

.modal-data-sub .text-data ul li a,

.modal-data-sub .text-data p a { font-size: 22px;}



.blog-banner-block .banner-caption h1 { font-size: 54px;}

.blog-data-block{ max-width: 1300px; }

.blog-colum-right {width: 1000px;}

.news-block-main{ justify-content: space-between; gap: 60px;}

.news-block-main .news-left-col{ width: 550px;}

.news-block-main .news-col-right {width: calc(100% - 650px);}

.news-block-main .news-left-col h2{ max-width: 80%; }

.news-col-right .news-colum{ width: calc(50% - 30px);}



.distance-block-main{ justify-content: center; }

.distance-block-main .distance-image-colum{ max-width: 720px; }

.distance-bg-block{ transform: scale(1.1); transform-origin: left top;  }

.info-text p{ font-size: 40px;}

.property-outer .property-left .property-text .text p{ font-size: 22px;}



}



@media (min-width: 1441px) and (max-width: 1650px) {



/*----------- blog page css start ----------------*/  

.blog-page{ padding: 200px  0 80px; }

.blog-colum-right{ margin: 140px 0 0 0; }

/*----------- blog page css End ----------------*/  



/*----------- blog details page css start ----------------*/  

/*----------- blog  details page css End ----------------*/ 



/*----------- project page css start ----------------*/   

.project-slider-text-main .text-inner h2{ padding: 20px ; font-size: 64px; }

.location-info-wrap{ padding: 0 24px; }

.location-info-wrap .text-data p{ font-size: 18px;}

/*----------- project page css End ----------------*/ 



/*----------- project details page css start ----------------*/  

.download-block .dl-text h4{ font-size: 74px;}

 

.over-img-title{ font-size: 64px;}

.island-component{ padding-top: 18vh; gap: 35%; }

/*----------- project details page css End ----------------*/



}



@media (min-width: 1300px) and (max-width: 1440px) {



/*----------- Journal page css start ----------------*/    

.Journal-block-listing .row{ row-gap: 110px; margin: 0 -25px !important; }

.Journal-block-listing .row>*{ padding: 0 25px !important; }	

.Journal-block-main .round-icon-main{ margin: 80px 0 0 0; }

.modal-data-sub .text-data ol li, .modal-data-sub .text-data ul li, .modal-data-sub .text-data p, .modal-data-sub .text-data ol li a, .modal-data-sub .text-data ul li a, .modal-data-sub .text-data p a{ font-size: 18px;}



.Journal-modal-outer{ padding: 30px; }

.Journal-modal-inner .modal-data-blk .modal-img-block .img{ height: calc(100vh - 60px); height: calc((var(--vh, 1vh) * 100) - 60px);  }

.Journal-modal-inner .modal-close-cls{ top: -30px; right: -30px; }

.Journal-modal-inner .modal-close-cls a {width: 100px; height: 100px;}

.Journal-modal-inner .modal-close-cls a img{ width: 32px;}

/*----------- Journal page css End ----------------*/



/*----------- blog page css start ----------------*/  

.blog-page{ padding: 200px  0 80px; }

.blog-colum-right{ margin: 140px 0 0 0; }

.blog-colum-left .blog-title h2 {font-size: 70px;}

.blog-colum-left .blog-title h2 span{ font-size: 60px;}

.select-box .nice-select{ height: 56px; }

.blog-box .blog-box-sub .data-row-text .text p{ font-size: 20px;}

/*----------- blog page css End ----------------*/ 



/*----------- blog details page css start ----------------*/ 

.blog-banner-block .banner-caption h1{ font-size: 44px;} 

.blog-data-block{ padding: 80px 0; }

.blog-data-block{ max-width: 1100px; }

.releted-block-outer .section-title{ padding: 0 0 60px; }

.releted-block-outer .project-box-main .project-box-sub h4{ padding: 0 0 20px; font-size: 24px; }

.project-box-main .project-box-sub .box-in .text-data p{ font-size: 22px;}

/*----------- blog  details page css End ----------------*/



/*----------- contact page css start ----------------*/   

.contact-page{ padding: 200px 0 90px 0; }

.contact-right .contcat-title h2{ font-size: 70px;}

.contact-right .contcat-title h2 span {font-size: 60px;}

/*----------- contact page css End ----------------*/



/*----------- project page css start ----------------*/   

.project-slider-outer .mySwiper .swiper-slide {width: 380px;}

.project-slider-outer .swiper-thumbnails{ width: 380px;}

.project-slider-text-main .text-inner h2{ padding: 20px ; font-size: 64px; }

.project-slider-text-main .text-inner{ min-height: 530px; }

.faq-section{ padding: 80px 0; }

.cls-accordion-item .acc-title h5{ font-size: 26px;}

.cls-faq-block{ padding: 64px 0 0 0; } 

/*----------- project page css End ----------------*/



/*----------- project details page css start ----------------*/  

.info-text p{ font-size: 30px;}

.info-text{ padding: 48px; }

.download-block .dl-text h4{ font-size: 64px;}

 

.download-section{ padding: 100px 0; }

.over-img-title{ font-size: 64px;}

.island-component{ padding-top: 24vh; gap: 35%; }

.island-component .text-data p {font-size: 20px;}

.location-info-wrap{ padding: 0 24px; }

.location-info-wrap .text-data p{ font-size: 16px;}

.round-icon-main .round-icon {width: 100px;}

.amenities-listing ul{ row-gap: 30px; }

.amenities-listing ul li{ font-size: 22px;}

.amenities-listing ul li i{ min-width: 28px; width: 28px; height: 28px; }

.amenities-listing ul li i img{ max-width: 28px; max-height: 28px; }

.distance-section{ padding: 80px 0; }

.Interior-section{ padding: 80px 0; }

.property-outer .property-left .property-text h2{ font-size: 40px; padding: 0 0 24px;}

.property-outer .property-left .property-text .text p{ font-size: 18px;}

.property-outer .property-left{     padding: 0 20px 0 90px;}

.locations-section { padding: 90px 0 0 0;}

.locations-main { margin: 60px 0 0 0;}

.locations-block .locations-row { gap: 60px 0; margin: 0 -30px;}

.locations-block .locations-row .locations-col { padding: 0 30px;}

.flor-paln-tab-section { padding: 80px 0 0 0;}

.flor-paln-tabs-content { margin: 60px 0 0 0;}

/*----------- project details page css End ----------------*/



/*----------- Home page css start ----------------*/  

.news-section{ padding: 100px 0 0 0; }

.news-block-main .news-left-col{ padding: 48px 0 0 0; }

.news-block-main .news-left-col .round-icon-main{ margin: 48px 20px 0 0; }

.news-block-main .news-left-col h2{ font-size: 56px;}

.news-block-main .news-left-col{ width: 370px;}

.news-col-right .news-colum{ width: 380px;}

.news-box a .img .plus-icon span{ width: 64px; height: 64px;}

.news-over-box .hover-icon img{ width: 72px;}

.news-over-box .hover-box-sub h5{ font-size: 20px; padding: 0 0 16px; }

.news-over-box .hover-box-sub p{ font-size: 20px;}

.news-block-main{ justify-content: space-between; }

.testimonials-section{ padding: 80px 0; }

.story-section-main{ padding: 32px; }

.story-contain-inner .story-title h3{ font-size: 48px;}

.story-contain-inner .story-title{ width: 450px; left: -180px;}

.project-section .project-box-main .project-box-sub h4{ padding: 0 0 20px; font-size: 24px; }

.project-box-main .project-box-sub{ padding: 20px 0 0 0; }

.story-section{ padding: 80px 0 64px; }

/*----------- Home page css End ----------------*/



/*=============== Home Page Header Start ==================*/

.home-header-wrapper { padding: 230px 0 0 0;}

.home-header-wrapper .upper-title-wrapper .upper-title { margin: 0 0 24px 0;}

.home-header-wrapper .header-text-wrapper .header-text { font-size: 80px; padding: 0 0 130px 0;}

.home-header-wrapper .header-image-wrapper { height: 120vh;}

.home-header-wrapper .header-image-wrapper .arrow-btnbox { bottom: -60px;}

/*=============== Home Page Header End ==================*/



/*=============== Home Page Start ==================*/

.journey-title-wrap .journey-title { max-width: 470px;}

/*=============== Home Page End ==================*/



/*=============== About Page Start ==================*/

.about-block .about-flex-row { gap: 0 40px;}

.about-block .about-flex-row .about-flex-col-1 { max-width: 570px;}

.values-section { padding: 76px 0 50px 0;}

.values-block .values-accordion .values-accordion-item { padding: 40px 0 46px 0;}

.values-block .values-accordion .values-accordion-item .v-acc-item-title .s__title { font-size: 64px;}

.about-stories-section { padding: 50px 0 50px 0;}

.about-stories-title h2 { font-size: 80px;}

.about-awards-section { margin: 50px 0; padding: 100px 0;}

.about-awards-title h2 { font-size: 120px;}

.about-awards-card .about-awards-card-item { width: 20vw; min-height: 360px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front { padding: 50px 24px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .iconbox { margin: 0 0 20px 0;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .iconbox img { max-width: 80px; max-height: 80px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .textbox p { font-size: 30px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-back .iconbox img { max-width: 80px; max-height: 80px;}

/*=============== About Page End ==================*/



}



@media (min-width: 1200px) and (max-width: 1439px) {



/*=============== Home Page Start ==================*/

.journey-title-wrap { padding: 0 64px;}

.journey-title-wrap .journey-title { max-width: 430px;}

.journey-title-wrap .journey-title .journey-title-text h2 { font-size: 80px;}

.journey-slider .journey-slider-inner { padding: 0 0 0 64px;}

.journey-slider .journey-slider-inner:before { width: calc(100% - 128px); left: 64px;}

.journey-slider .journey-slider-panel:last-child { margin: 0 64px 0 0;}

.journey-slider .journey-slider-panel .js-panel-text .js-panel-text__inner { padding: 0 60px 0 0;}

.journey-slider .journey-slider-panel .js-panel-text .s__text p { line-height: 1.25;}

.journey-slider-bar { width: calc(100% - 158px); left: 64px;}

/*=============== Home Page End ==================*/



}



@media (min-width: 1200px) and (max-width: 1299px) {



/*----------- Footer css start ----------------*/

.f-link ul li a,

.footer-top .footer-left .icon-text-row span{ font-size: 22px;}	  

.footer-top .footer-left .icon-text-row + .icon-text-row{ margin: 26px 0 0 0 ; }  

.footer-center .f-logo a{ width: 200px;}

.footer-center .f-social{ padding: 36px 0 0 0; }

.footer-center .f-social a {width: 54px; height: 54px;}

.footer-center .f-social a img{ max-width: 24px; max-height: 24px; }

.footer-center .scroll-top{ padding: 36px 0 0 0; }

.footer-bottom{ padding: 26px 0;}

.copyright,

.footer--bot-left ul li a{ font-size: 18px;}

/*----------- Footer css End ----------------*/



/*----------- Journal page css start ----------------*/    

.Journal-block-listing .row{row-gap: 90px; margin: 0 -25px !important; }

.Journal-block-listing .row>*{ padding: 0 25px !important; }

.Journal-block-main .round-icon-main{ margin: 80px 0 0 0; }

.modal-data-sub .text-data ol li, .modal-data-sub .text-data ul li, .modal-data-sub .text-data p, .modal-data-sub .text-data ol li a, .modal-data-sub .text-data ul li a, .modal-data-sub .text-data p a{ font-size: 18px;}

.Journal-modal-outer{ padding: 24px; }

.Journal-modal-inner .modal-data-blk .modal-img-block .img{height: calc(100vh - 48px); height: calc((var(--vh, 1vh) * 100) - 48px);   }

.Journal-modal-inner .modal-close-cls{ top: -24px; right: -24px; }

.Journal-modal-inner .modal-close-cls a {width: 90px; height: 90px;}

.Journal-modal-inner .modal-close-cls a img{ width: 30px;}

.Journal-section-1{ padding: 200px 0 80px; }

/*----------- Journal page css End ----------------*/



/*----------- blog page css start ----------------*/  

.blog-page{ padding: 200px  0 80px; }

.blog-colum-right{  width: 760px; gap: 30px; margin: 100px 0 0 0; }

.blog-colum-left .blog-title h2 {font-size: 70px;}

.blog-colum-left .blog-title h2 span{ font-size: 60px;}

.select-box .nice-select{ height: 56px; }

.blog-box .blog-box-sub .data-row-text .text p{ font-size: 20px;}

.blog-colum-right .blog-colum{ display: flex; align-items: flex-start; width: 100%; gap:30px; width: 100%; flex-wrap: wrap;}
 .blog-colum-right .blog-colum .blog-box{ width: calc(50% - 15px);} 

/*----------- blog page css End ----------------*/ 



/*----------- blog details page css start ----------------*/ 

.blog-banner-block .banner-caption h1{ font-size: 44px;} 

.blog-data-block{ padding: 80px 0; }

.blog-data-block{ max-width: 1100px; }

.releted-block-outer .section-title{ padding: 0 0 60px; }

.releted-block-outer .project-box-main .project-box-sub h4{ padding: 0 0 20px; font-size: 24px; }

.project-box-main .project-box-sub .box-in .text-data p{ font-size: 22px;} 

.text-data h1{ font-size: 36px; line-height: 1.25;  }

.text-data h2{ font-size: 32px; line-height: 1.25;  }

.text-data h3{ font-size: 30px; line-height: 1.25;  }

.text-data h4{ font-size: 26px; line-height: 1.25;  }

.text-data h5{ font-size: 22px; line-height: 1.25;  }

.text-data h6{ font-size: 18px; line-height: 1.25;  }

.text-data p,

.text-data ul li,

.text-data ol li,

.text-data p a,

.text-data ul li a,

.text-data ol li a{ font-size: 22px;}

/*----------- blog  details page css End ----------------*/



/*----------- contact page css start ----------------*/

.contact-page{ padding: 200px 0 90px 0; }

.contact-right .contcat-title h2{ font-size: 70px;}

.contact-right .contcat-title h2 span {font-size: 60px;}   

.submit-btn-main button i {width: 110px; height: 110px;}

.contact-right .contcat-title .bg-line{left: 430px; }

/*----------- contact page css End ----------------*/



/*----------- project page css start ----------------*/   

.project-slider-outer .mySwiper .swiper-slide {width: 380px;}

.project-slider-outer .swiper-thumbnails{ width: 380px;}

.project-slider-text-main .text-inner h2{ padding: 20px ; font-size: 64px; }

.project-slider-text-main .text-inner{ min-height: 530px; }

.project-slider-text-main .text-inner .text-bot .left-text p{ font-size: 20px;}

.faq-section{ padding: 64px 0; }

.cls-accordion-item .acc-title h5{ font-size: 24px;}

.cls-faq-block{ padding: 64px 0 0 0; } 

/*----------- project page css End ----------------*/



/*----------- project details page css start ----------------*/ 

.info-text p{ font-size: 26px;}

.info-text{ padding: 48px; } 

.download-block .dl-text h4{ font-size: 64px;}

 

.download-section{ padding: 100px 0; }

.over-img-title{ font-size: 64px;}

.island-component{ padding-top: 24vh; gap: 35%; }

.island-component .text-data p {font-size: 20px;}

.location-info-wrap{ padding: 0 24px; }

.location-info-wrap .text-data p{ font-size: 16px;}

.round-icon-main .round-icon {width: 100px;}

.amenities-listing ul{ row-gap: 30px; }

.amenities-listing ul li{ font-size: 22px;}

.amenities-listing ul li i{ min-width: 28px; width: 28px; height: 28px; }

.amenities-listing ul li i img{ max-width: 28px; max-height: 28px; }



.distance-block-main .distance-image-colum {width: 50%;}

.distance-block-main .distance-image-right{ width: 360px; height: 557px; }

.distance-bg-block{ background-size: auto 100%; }

.distance-bg-block .icon-box-main a .icon span{ width: 48px; height: 48px;}

.distance-bg-block .icon-box-main a .icon span img{ max-width: 28px; max-height: 28px; }

.distance-bg-block .icon-box-main a .name .name-in{ font-size: 20px;}

.distance-bg-block .icon-box-main a .name .hidden-text {font-size: 16px;}

.distance-bg-block .icon-box-main.icon1{ top: 102px;right: 10px; }

.distance-bg-block .icon-box-main.icon2{ left: 118px; top: 10px; }

.distance-bg-block .icon-box-main.icon3 {top: 208px;
        left: 222px;}

.distance-bg-block .icon-box-main.icon4 {top: 320px;left: 73px;}

.distance-bg-block .icon-box-main.icon5 {bottom: 21px;left: 52px;}

.distance-bg-block .icon-box-main.icon6 {bottom: 110px;left: 200px;}

.distance-bg-block .icon-box-main.icon7 {bottom: 108px;left: 301px;}

.distance-bg-block .icon-box-main.icon8 {bottom: -40px;right: 140px;}

.distance-section{ padding: 64px 0; }

.Interior-section{ padding: 64px 0; }

.property-outer .property-left .property-text h2{ font-size: 40px; padding: 0 0 24px;}

.property-outer .property-left .property-text .text p{ font-size: 18px;}

.property-outer .property-left{     padding: 0 20px 0 90px;}



.locations-section { padding: 70px 0 0 0;}

.locations-main { margin: 50px 0 0 0;}

.locations-block .locations-row { gap: 30px 0; margin: 0 -15px;}

.locations-block .locations-row .locations-col { padding: 0 15px;}

.flor-paln-tab-section { padding: 70px 0 0 0;}

.flor-paln-tabs-content { margin: 50px 0 0 0;}

/*----------- project details page css End ----------------*/



/*----------- Home page css start ----------------*/  

.news-section{ padding: 100px 0 0 0; }

.news-block-main .news-left-col{ padding: 48px 0 0 0; }

.news-block-main .news-left-col .round-icon-main{ margin: 48px 20px 0 0; }

.news-block-main .news-left-col h2{ font-size: 56px;}

.news-block-main .news-left-col{ width: 300px;}

.news-col-right .news-colum{ width: 330px;}

.news-box a .img .plus-icon span{ width: 64px; height: 64px;}

.news-over-box .hover-icon img{ width: 72px;}

.news-over-box .hover-box-sub h5{ font-size: 20px; padding: 0 0 16px; }

.news-over-box .hover-box-sub p{ font-size: 20px;}

.round-icon-main .round-icon{ width: 110px;} 

.news-block-main .news-col-right{ width: calc(100% - 370px);}

.testi-box .name h4{ font-size: 36px;}

.testi-box .name p {font-size: 30px;}

.testi-box .text p{ font-size: 30px;}

.testimonials-section .slider-nav .slick-list{ padding: 0px !important; }

.slider-counter .counter-sub span{ font-size: 48px;}

.testimonials-section .thumbnail-block {  max-width: 800px ; }

.testimonials-section{ padding: 80px 0; }

.story-section-main{ padding: 32px; }

.story-contain-inner .story-title h3{ font-size: 40px;}

.story-contain-inner .story-title{ width: 390px; left: -156px;}

.project-section .project-box-main .project-box-sub h4{ padding: 0 0 20px; font-size: 24px; }

.project-box-main .project-box-sub{ padding: 20px 0 0 0; }

.project-section{ padding: 64px 0; }

.story-section{ padding: 64px 0 64px; }

/*----------- Home page css End ----------------*/



/*=============== Home Page Header Start ==================*/

.home-header-wrapper { padding: 220px 0 0 0;}

.home-header-wrapper .upper-title-wrapper .upper-title { margin: 0 0 24px 0;}

.home-header-wrapper .header-text-wrapper .header-text { font-size: 68px; padding: 0 0 100px 0;}

.home-header-wrapper .header-image-wrapper { height: 120vh;}

.home-header-wrapper .header-image-wrapper .arrow-btnbox { bottom: -90px;}

/*=============== Home Page Header End ==================*/



/*=============== Home Page Start ==================*/

.awards-block .awards-text-wrap { padding: 60px 0 54px 0;}

.awards-block .awards-text-wrap .awards-text { max-width: 660px;}

.awards-block .awards-text-wrap .awards-text h2 { font-size: 80px;}

/*=============== Home Page End ==================*/



/*=============== About Page Start ==================*/

.about-block .about-flex-row { gap: 0 40px;}

.about-block .about-flex-row .about-flex-col-1 { max-width: 500px;}

.about-block .about-text .s__title { font-size: 80px; margin: 0 0 20px 0;}

.about-block .about-text .s__subtitle { font-size: 30px; margin: 0 0 20px 0;}

.about-block .about-text p { margin: 20px 0 0 0;}

.values-section { padding: 76px 0 50px 0;}

.values-block .values-accordion .values-accordion-item { padding: 40px 0 46px 0;}

.values-block .values-accordion .values-accordion-item .v-acc-item-title .s__title { font-size: 54px;}

.about-stories-section { padding: 50px 0 50px 0;}

.about-stories-title h2 { font-size: 80px;}

.about-awards-section { margin: 50px 0; padding: 80px 0;}

.about-awards-block { padding: 0 64px;}

.about-awards-title h2 { font-size: 100px;}

.about-awards-card .about-awards-card-item { width: 20vw; min-height: 360px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front { padding: 40px 20px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .iconbox { margin: 0 0 20px 0;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .iconbox img { max-width: 70px; max-height: 70px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .textbox p { font-size: 26px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-back { padding: 20px 20px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-back .iconbox img { max-width: 70px; max-height: 70px;}

/*=============== About Page End ==================*/



}



@media (max-width: 1200px) {



/*----------- project details page css start ----------------*/

.section-height{ padding: 160px 0 0 0; height: auto; }

.track-flex{ flex-direction: column; margin: 0; }

.island-section.panel{ height: auto; width: 100%;}

.location-section { display: block; background: #3A3935; width: 100%;}

 

.sticky-element{ position: relative; height: auto; }

.island-component{ height: auto; padding: 0; }

.over-img-title{ font-size: 38px;}

.island-background{ min-height: 354px; height: 354px; bottom: auto;  height: auto; top: 29px; }

.island-background-video {width: 100%; height: 100%; margin: 0;}

.island-cima{ margin-top: -5px; margin-bottom: 300px; }

.island-background-video{ max-width: 50%; width: 50%; height: 354px;   }

 

.location-trigger{ display: none;}

.location-width{ position: relative; }

.location-sticky{ width: 100%; overflow: hidden; flex-direction: column;}

.location-marquee{ border-bottom: #A66B0D solid 1px; max-width: 100vw; padding: 16px 0; overflow: hidden; width: 100%; height: auto;}

.location-marquee .property-vertcle-text{  position: relative; width:200vw; height: auto; }

.location-marquee .balt-wapper {width: 100%; height: auto;  position: relative; transform: none; transform-origin: inherit;}

.location-update{ display: none;}

.location-info {width: 100%; }

.track{ width: 100%; display: flex ;}

.island-component .text-data{ padding: 0 20px 45px; }

.location-info-wrap{ padding: 25px 32px; }

.location-big-img-wrap{ width:calc(100% - 64px); margin: 0 auto 40px; aspect-ratio: 335 / 368; display: block; height: auto; }

.img-background{ display: none;}

.location-big-img{ transform: none; object-fit: cover; position: absolute; left: 0; top: 0;  width: 100%; height: 100%; }

/*----------- project details page css End ----------------*/   



/*============ Header Start ============*/

#header { padding: 32px 32px;}

.header-top { justify-content: flex-start;}

.header-top .logo a img { width: 180px;}

.hamburger-menu { width: 30px; height: 20px; position: relative; top: 0; left: 0; margin: 0 0 0 auto;}

.hamburger-menu .hamburger-menu-icon { background: #DCA151; top: 8px;}

.hamburger-menu .hamburger-menu-icon:before,

.hamburger-menu .hamburger-menu-icon:after { background: #DCA151;}

.hamburger-menu .hamburger-menu-icon:before { top: -8px; left: 10px;}

.hamburger-menu .hamburger-menu-icon:after { bottom: -8px; right: 10px;}

.hamburger-menu.active .hamburger-menu-icon:before { top: 0; left: 0;}

.hamburger-menu.active .hamburger-menu-icon:after { bottom: 0; right: 0;}

.header-navbar .header-menu ul { gap: 20px;}

.header-navbar .header-menu ul li a { font-size: 42px;}

/*============ Header End ============*/



}



@media (min-width: 992px) and (max-width: 1199px) {



/*----------- Footer css start ----------------*/

.f-link ul li a,

.footer-top .footer-left .icon-text-row span{ font-size: 20px;}	  

.footer-top .footer-left .icon-text-row + .icon-text-row{ margin: 26px 0 0 0 ; }  

.footer-center .f-logo a{ width: 200px;}

.footer-center .f-social{ padding: 36px 0 0 0; }

.footer-center .f-social a {width: 54px; height: 54px;}

.footer-center .f-social a img{ max-width: 24px; max-height: 24px; }

.footer-center .scroll-top{ padding: 36px 0 0 0; }

.footer-bottom{ padding: 26px 0;}

.copyright,

.footer--bot-left ul li a{ font-size: 18px;}

/*----------- Footer css End ----------------*/   



/*----------- Journal page css start ----------------*/  

.Journal-block-listing .row{row-gap: 80px; margin: 0 -20px !important; }

.Journal-block-listing .row>*{ padding: 0 20px !important; }

.Journal-box-main .over-box-2 .title h5{ font-size: 20px;}

.Journal-block-main .round-icon-main{ margin: 80px 0 0 0; }

.modal-data-sub .text-data ol li, .modal-data-sub .text-data ul li, .modal-data-sub .text-data p, .modal-data-sub .text-data ol li a, .modal-data-sub .text-data ul li a, .modal-data-sub .text-data p a{ font-size: 18px;}

.modal-data-sub h4{ font-size: 24px; padding: 0 0 24px;}

.modal-contain-over{ width: 40vw;}

.Journal-modal-outer{ padding: 24px; }

.Journal-modal-inner .modal-data-blk .modal-img-block .img{height: calc(100vh - 48px); height: calc((var(--vh, 1vh) * 100) - 48px);   }

.Journal-modal-inner .modal-close-cls{ top: -24px; right: -24px; }

.Journal-modal-inner .modal-close-cls a {width: 90px; height: 90px;}

.Journal-modal-inner .modal-close-cls a img{ width: 30px;}

.Journal-section-1{ padding: 200px 0 80px; }

/*----------- Journal page css End ----------------*/ 



/*----------- blog page css start ----------------*/  

.blog-page{ padding: 200px  0 80px; }

.blog-colum-right{  width: 650px; gap: 30px; margin: 100px 0 0 0; }

.blog-colum-left .blog-title h2 {font-size: 70px;}

.blog-colum-left .blog-title h2 span{ font-size: 60px;}

.select-box .nice-select{ height: 56px; }

.blog-box .blog-box-sub .data-row-text .text p{ font-size: 18px;}

.blog-box .blog-box-sub .blog-arrow a{ width: 72px; height: 72px;}

.blog-box .blog-box-sub .blog-arrow a .rotate-arrow{ width: 72px;}

.blog-box .blog-box-sub .data-row-text{ gap: 20px;}

 
.blog-colum-right .blog-colum{ display: flex; align-items: flex-start; width: 100%; gap:30px; width: 100%; flex-wrap: wrap;}
 .blog-colum-right .blog-colum .blog-box{ width: calc(50% - 15px);} 

/*----------- blog page css End ----------------*/



/*----------- blog details page css start ----------------*/  

.blog-banner-block .banner-caption h1{ font-size: 40px;} 

.blog-data-block{ padding: 80px 0; }

.blog-data-block{ max-width: 840px; }

.releted-block-outer .section-title{ padding: 0 0 60px; }

.releted-block-outer .project-box-main .project-box-sub h4{ padding: 0 0 20px; font-size: 24px; }

.project-box-main .project-box-sub .box-in .text-data p{ font-size: 18px;}

.text-data h1{ font-size: 36px; line-height: 1.25;  }

.text-data h2{ font-size: 32px; line-height: 1.25;  }

.text-data h3{ font-size: 30px; line-height: 1.25;  }

.text-data h4{ font-size: 26px; line-height: 1.25;  }

.text-data h5{ font-size: 22px; line-height: 1.25;  }

.text-data h6{ font-size: 18px; line-height: 1.25;  }

.text-data p,

.text-data ul li,

.text-data ol li,

.text-data p a,

.text-data ul li a,

.text-data ol li a{ font-size: 22px;}

.text-data .heading-tag{ padding: 44px 0 20px; }

/*----------- blog  details page css End ----------------*/



/*----------- contact page css start ----------------*/ 

.contact-page{ padding: 180px 0 90px 0; }

.contact-right .contcat-title h2{ font-size: 70px;}

.contact-right .contcat-title h2 span {font-size: 60px;}   

.submit-btn-main button i {width: 110px; height: 110px;}

.contact-right .contcat-title .bg-line{left: 430px; }  

.ct-text p{ font-size: 20px;}

.contact-right .contcat-title{ padding: 0 0 30px 40px; }

.contact-form-main{ padding: 40px 0 20px 40px; }

.cls-checkbox label {font-size: 20px;}

.cls-checkbox label::after{ width: 28px; height: 28px;}

.cls-checkbox label::before{ width: 28px; height: 28px; background-size: 20px auto;}

.form-inner .form-row + .form-row{ margin: 40px 0 0 0; }

.contact-left .map-box iframe{ height: 550px; }

/*----------- contact page css End ----------------*/



/*----------- project page css start ----------------*/   

.project-slider-outer .mySwiper .swiper-slide {width: 380px;}

.project-slider-outer .swiper-thumbnails{ width: 380px;}

.project-slider-text-main .text-inner h2{ padding: 20px ; font-size:56px; }

.project-page{ padding: 148px 0 0 0; }

.project-slider-outer .mySwiper .swiper-pagination-bullet,

.project-block-top h1{ font-size: 20px;}

 .project-slider-text-main .text-inner{ min-height: 530px; }

 .project-slider-text-main .text-inner .text-bot .left-text p{ font-size: 20px;}

 .faq-section{ padding: 64px 0; }

.cls-accordion-item .acc-title h5{ font-size: 22px;} 

.cls-faq-block{ padding: 64px 0 0 0; }

/*----------- project page css End ----------------*/



/*----------- project details page css start ----------------*/  

.info-text p{ font-size: 24px;}

.info-text{ padding: 40px; } 

.download-block .dl-text h4{ font-size: 60px;}

 

.download-section{ padding: 100px 0; }

.island-component .text-data p {font-size: 20px;}

.amenities-listing ul{ row-gap: 30px; }

.amenities-listing ul li{ font-size: 22px;}

.amenities-listing ul li i{ min-width: 28px; width: 28px; height: 28px; }

.amenities-listing ul li i img{ max-width: 28px; max-height: 28px; }

.amenities-section{ padding: 80px 0 0 0; }

.project-info-section{ padding: 0 0 80px; }



.distance-block-main .distance-image-colum {width: 50%;}

.distance-block-main .distance-image-right{ width: 360px; height: 501px; }

.distance-bg-block{ background-size: auto 100%; }

.distance-bg-block .icon-box-main a .icon span{ width: 48px; height: 48px;}

.distance-bg-block .icon-box-main a .icon span img{ max-width: 28px; max-height: 28px; }

.distance-bg-block .icon-box-main a .name .name-in{ font-size: 20px;}

.distance-bg-block .icon-box-main a .name .hidden-text {font-size: 16px;}

.distance-bg-block .icon-box-main.icon1{ top: 102px;right: 30px; }

.distance-bg-block .icon-box-main.icon2{ left: 98px; top: 10px; }

.distance-bg-block .icon-box-main.icon3 {top: 158px;left: 142px;}

.distance-bg-block .icon-box-main.icon4 {top: 246px;left: 63px;}

.distance-bg-block .icon-box-main.icon5 {bottom: 21px;left: 52px;}

.distance-bg-block .icon-box-main.icon6 {        bottom: 130px;left: 180px;}

.distance-bg-block .icon-box-main.icon7 {bottom: 108px;left: 270px;}

.distance-bg-block .icon-box-main.icon8 {bottom: -40px;right: 140px;}

.distance-section{ padding: 64px 0; }

.Interior-section{ padding: 64px 0; }

.property-outer .property-left .property-text h2{ font-size: 40px; padding: 0 0 24px;}

.property-outer .property-left .property-text .text p{ font-size: 18px;}

.property-outer .property-left{     padding: 0 20px 0 90px;}

.property-right {width: calc(100% - 450px);}

.locations-section { padding: 64px 0 0 0;}

.locations-main { margin: 50px 0 0 0;}

.locations-block .locations-row { gap: 30px 0; margin: 0 -15px;}

.locations-block .locations-row .locations-col { padding: 0 15px;}

.flor-paln-tab-section { padding: 64px 0 0 0;}

.flor-paln-tabs-content { margin: 50px 0 0 0;}

/*----------- project details page css End ----------------*/



/*----------- Home page css start ----------------*/  

.news-section{ padding: 80px 0 0 0; }

.news-block-main .news-left-col{ padding: 48px 0 0 0; }

.news-block-main .news-left-col .round-icon-main{ margin: 48px 20px 0 0; }

.news-block-main .news-left-col h2{ font-size: 48px;}

.news-block-main .news-left-col{ width: 260px;}

.news-col-right .news-colum{ width: 315px;}

.news-box a .img .plus-icon span{ width: 64px; height: 64px;}

.news-over-box .hover-icon img{ width: 72px;}

.news-over-box .hover-box-sub h5{ font-size: 20px; padding: 0 0 16px; }

.news-over-box .hover-box-sub p{ font-size: 20px;}

.round-icon-main .round-icon{ width: 110px;} 

.news-block-main .news-col-right{ width: calc(100% - 290px);}

.news-block-main {gap: 30px;}

.news-over-box{ padding: 24px; }



.testi-box .name h4{ font-size: 36px;}

.testi-box .name p {font-size: 30px;}

.testi-box .text p{ font-size: 30px;}

.testimonials-section .slider-nav .slick-list{ padding: 0px !important; }

.slider-counter .counter-sub span{ font-size: 48px;}

.testimonials-section{ padding: 80px 0; }

.story-section-main{ padding: 32px; }

.story-contain-inner .story-title h3{ font-size: 40px;}

.story-contain-inner .story-title{ width: 390px; left: -156px;}

.project-section .project-box-main .project-box-sub h4{ padding: 0 0 20px; font-size: 24px; }

.project-box-main .project-box-sub{ padding: 20px 0 0 0; }

.project-section{ padding: 64px 0; }

.story-section{ padding: 64px 0 64px; }

.project-box-main .project-box-sub .box-in { opacity: 1; }

/*----------- Home page css End ----------------*/



/*=============== Home Page Header Start ==================*/

.home-header-wrapper { padding: 190px 0 0 0;}

.home-header-wrapper .upper-title-wrapper .upper-title { margin: 0 0 20px 0;}

.home-header-wrapper .header-text-wrapper .header-text { font-size: 64px; padding: 0 0 90px 0;}

.home-header-wrapper .header-image-wrapper { height: 120vh;}

.home-header-wrapper .header-image-wrapper .arrow-btnbox { bottom: -100px;}

/*=============== Home Page Header End ==================*/



/*=============== Home Page Start ==================*/

.awards-section { padding: 50px 0 64px 0;}

.awards-block .awards-text-wrap { padding: 50px 0 44px 0;}

.awards-block .awards-text-wrap .awards-text { max-width: 580px;}

.awards-block .awards-text-wrap .awards-text h2 { font-size: 70px;}

.journey-section { margin: 50px 0 0 0;}

.journey-title-wrap { padding: 0 64px;}

.journey-title-wrap .journey-title { max-width: 400px;}

.journey-title-wrap .journey-title .journey-title-text h2 { font-size: 70px;}

.journey-slider .journey-slider-inner { padding: 0 0 0 64px;}

.journey-slider .journey-slider-inner:before { width: calc(100% - 128px); left: 64px;}

.journey-slider .journey-slider-panel { width: 90vw;}

.journey-slider .journey-slider-panel:last-child { margin: 0 64px 0 0;}

.journey-slider .journey-slider-panel .js-panel-text .js-panel-text__inner { padding: 0 60px 0 0;}

.journey-slider .journey-slider-panel .js-panel-text .s__text p { line-height: 1.25;}

.journey-slider-bar { width: calc(100% - 158px); left: 64px;}

/*=============== Home Page End ==================*/



/*=============== About Page Start ==================*/

.site-max-container { padding: 0 32px;}

.about-wrap { padding: 170px 0 64px 0;}

.about-block .about-flex-row { gap: 0 30px;}

.about-block .about-flex-row .about-flex-col-1 { max-width: 450px;}

.about-block .about-text .s__title { font-size: 70px; margin: 0 0 20px 0;}

.about-block .about-text .s__subtitle { font-size: 28px; margin: 0 0 20px 0;}

.about-block .about-text p { margin: 20px 0 0 0;}

.values-section { padding: 76px 0 50px 0;}

.values-block .values-accordion .values-accordion-item { padding: 30px 0 36px 0;}

.values-block .values-accordion .values-accordion-item .v-acc-item-title { padding: 0 30px 0 0;}

.values-block .values-accordion .values-accordion-item .v-acc-item-title .s__title { font-size: 48px;}

.about-stories-section { padding: 50px 0 50px 0;}

.about-stories-title { padding: 0 0 50px 0;}

.about-stories-title h2 { font-size: 70px;}

.about-awards-section { margin: 40px 0; padding: 70px 0;}

.about-awards-block { padding: 0 32px;}

.about-awards-title h2 { font-size: 90px;}

.about-awards-card { gap: 20px;}

.about-awards-card .about-awards-card-item { width: 200px; min-height: 330px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front { padding: 40px 20px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .iconbox { margin: 0 0 20px 0;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .iconbox img { max-width: 70px; max-height: 70px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .textbox p { font-size: 24px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-back { padding: 20px 20px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-back .iconbox img { max-width: 70px; max-height: 70px;}

/*=============== About Page End ==================*/



.locations-block .locations-box .textbox p{ font-size: 20px;}
.locations-block .locations-box .textbox{ padding: 0 10px 0 0; }
.distance-bg-block .icon-box-main.icon9 {
    top: 100px;
    left: 60px;
}
    .distance-bg-block .icon-box-main.icon4 {
        top: 196px;
        left: 63px;
    }
    

}



@media (min-width: 768px) and (max-width: 991px) {



/*----------- Journal page css start ----------------*/   

.Journal-block-listing .row{ row-gap: 70px; margin: 0 -20px !important; }

.Journal-block-listing .row>*{ width: 50%; padding: 0 20px !important; }

.Journal-box-main .over-box-2 .title h5{ font-size: 20px;}	

.Journal-block-main .round-icon-main{ margin: 80px 0 0 0; }

.round-icon-main .round-icon{ width: 110px;}

.round-icon-main .round-icon a .arrow{ width: 44px;}

.modal-data-sub .text-data ol li, .modal-data-sub .text-data ul li, .modal-data-sub .text-data p, .modal-data-sub .text-data ol li a, .modal-data-sub .text-data ul li a, .modal-data-sub .text-data p a{ font-size: 18px;}

.modal-data-sub h4{ font-size: 24px; padding: 0 0 24px;}

.modal-contain-over{ width: 50vw;}

.Journal-modal-outer{ padding: 24px; }

.Journal-modal-inner .modal-data-blk .modal-img-block .img{height: calc(100vh - 48px);  height: calc((var(--vh, 1vh) * 100) - 48px);  }

.Journal-modal-inner .modal-close-cls{ top: -24px; right: -24px; }

.Journal-modal-inner .modal-close-cls a {width: 90px; height: 90px;}

.Journal-modal-inner .modal-close-cls a img{ width: 30px;}

.Journal-section-1{ padding: 200px 0 80px; }

/*----------- Journal page css End ----------------*/



/*----------- blog page css start ----------------*/ 

.blog-page{ padding: 160px  0 80px; }

.blog-colum-right{  width: 100%; gap: 30px; margin: 100px 0 0 0; }

.blog-colum-left .blog-title h2 {font-size: 70px;}

.blog-colum-left .blog-title h2 span{ font-size: 60px;}

.select-box .nice-select{ height: 56px; }

.blog-box .blog-box-sub .data-row-text .text p{ font-size: 18px;}

.blog-box .blog-box-sub .blog-arrow a{ width: 72px; height: 72px;}

.blog-box .blog-box-sub .blog-arrow a .rotate-arrow{ width: 72px;}

.blog-box .blog-box-sub .data-row-text{ gap: 20px;}

.blog-block-main {flex-direction: column;}

.blog-colum-left{ width: 100%; text-align: center; top: auto; position: relative; }

.blog-colum-right .blog-colum{ display: flex; align-items: flex-start; width: 100%; gap:30px; width: 100%; flex-wrap: wrap;}
 .blog-colum-right .blog-colum .blog-box{ width: calc(50% - 15px);} 

/*----------- blog page css End ----------------*/ 



/*----------- blog details page css start ----------------*/  

.blog-banner-block .banner-caption h1{ font-size: 40px;} 

.blog-data-block{ padding: 80px 0; }

.blog-data-block{ max-width: 840px; }

.releted-block-outer .section-title{ padding: 0 0 60px; }

.releted-block-outer .project-box-main .project-box-sub h4{ padding: 0 0 16px; font-size: 20px; }

.project-box-main .project-box-sub .box-in .text-data p{ font-size: 18px;}

.text-data h1{ font-size: 36px; line-height: 1.25;  }

.text-data h2{ font-size: 32px; line-height: 1.25;  }

.text-data h3{ font-size: 30px; line-height: 1.25;  }

.text-data h4{ font-size: 26px; line-height: 1.25;  }

.text-data h5{ font-size: 22px; line-height: 1.25;  }

.text-data h6{ font-size: 18px; line-height: 1.25;  }

.text-data p,

.text-data ul li,

.text-data ol li,

.text-data p a,

.text-data ul li a,

.text-data ol li a{ font-size: 20px;}

.text-data .heading-tag{ padding: 44px 0 20px; }

.section-title h2{ font-size: 54px;}

/*----------- blog  details page css End ----------------*/



/*----------- project page css start ----------------*/   

.project-slider-outer .mySwiper .swiper-slide {width: 360px;}

.project-slider-outer .swiper-thumbnails{ width: 360px;}

.project-slider-text-main .text-inner h2{ padding: 20px ; font-size:56px; }

.project-page{ padding: 148px 0 0 0; }

.project-slider-outer .mySwiper .swiper-pagination-bullet,

.project-block-top h1{ font-size:18px;}

.project-slider-outer .mySwiper .swiper-pagination{ gap: 16px;}

.project-slider-text-main .text-inner{ min-height: 506px; }

.project-slider-text-main .text-inner .text-bot .left-text p{ font-size: 18px;}

.faq-section{ padding: 64px 0; }

.cls-accordion-item .acc-title h5{ padding: 16px 100px 16px 24px; font-size: 20px;} 

.cls-accordion-item + .cls-accordion-item{ margin: 24px 0 0 0; }

.cls-faq-block{ padding: 64px 0 0 0; }   

/*----------- project page css End ----------------*/



/*----------- project details page css start ----------------*/ 

.info-text p{ font-size: 24px;}

.info-text{ padding: 32px; } 

.project-info-section{ padding: 0 0 80px; }

.download-block .dl-text h4{ font-size: 48px;}

 

.download-section{ padding: 80px 0; }

.dl-btn-warp{ padding: 40px 0 0 0; }

 

.over-img-title{ font-size: 38px;}

  .island-component .text-data{ padding: 0 20px 45px; }

.island-component .text-data p {font-size: 20px;}

.amenities-listing ul{grid-template-columns: repeat(2, 1fr); row-gap: 24px; }

.amenities-listing ul li{ font-size: 22px;}

.amenities-listing ul li i{ min-width: 28px; width: 28px; height: 28px; }

.amenities-listing ul li i img{ max-width: 28px; max-height: 28px; }

.amenities-section{ padding: 80px 0 0 0; }

.amenities-section .section-title h2 .gradient-text span{ font-size: 40px;}

.project-info-section{ padding: 0 0 80px; }



.distance-block-main .distance-image-colum {width: 50%;}

.distance-block-main .distance-image-right{ width: 360px; height: 385px; }

.distance-bg-block{ background-size: auto 100%; }

.distance-bg-block .icon-box-main a .icon span{ width: 40px; height: 40px;}

.distance-bg-block .icon-box-main a .icon span img{ max-width: 24px; max-height: 24px; }

.distance-bg-block .icon-box-main a .name .name-in{ font-size: 14px; min-width: 120px;}


.distance-bg-block .icon-box-main a .name .hidden-text {font-size: 14px;}

.distance-bg-block .icon-box-main.icon1{ top: 102px;right: 100px; }

.distance-bg-block .icon-box-main.icon2{ left: 98px; top: 10px; }

.distance-bg-block .icon-box-main.icon3 {top: 118px;left: 112px;}

.distance-bg-block .icon-box-main.icon4 {top: 126px;left: 33px;}

.distance-bg-block .icon-box-main.icon5 {bottom: 21px;left: 52px;}

.distance-bg-block .icon-box-main.icon6 { bottom: 60px;left: 140px;}

.distance-bg-block .icon-box-main.icon7 {bottom: 108px;left: 210px;}

.distance-bg-block .icon-box-main.icon8 {bottom: -40px;right: 200px;}
.distance-bg-block .icon-box-main.icon9 {
    top: 20px;
    left: 20px;
}
.distance-bg-block .icon-box-main.icon10 {
    left: 30px;
    top: 200px;
}

.distance-section{ padding: 64px 0; }

.Interior-section{ padding: 64px 0; }

.property-outer .property-left .property-text h2{ font-size: 40px; padding: 0 0 24px;}

.property-outer .property-left .property-text .text p{ font-size: 18px;}

.property-outer .property-left{     padding: 0 20px 0 90px;}

.property-right {width: calc(100% - 450px);}

.locations-section { padding: 64px 0 0 0;}

.locations-main { margin: 40px 0 0 0;}

.locations-route .locations-route-dots .dotbox .dot { width: 24px; height: 24px;}

.locations-block { padding: 30px 0 0 0;}

.locations-block .locations-row { gap: 30px 0; margin: 0 -15px;}

.locations-block .locations-row .locations-col { padding: 0 15px;}

.locations-block .locations-box { gap: 20px;}

.locations-block .locations-box .textbox p { font-size: 20px;}

.flor-paln-tab-section { padding: 64px 0 0 0;}

.flor-paln-tabs-block { padding: 24px 0 0 0;}

.flor-paln-tabs-block .nav-tabs { gap: 6px;}

.flor-paln-tabs-block .nav-tabs .nav-link { min-height: 34px; padding: 0 18px; font-size: 16px;}

.flor-paln-tabs-content { margin: 30px 0 0 0;}

/*----------- project details page css End ----------------*/



/*----------- Home page css start ----------------*/  

.news-section{ padding: 80px 0 0 0; }.news-block-main .news-left-col{ padding: 0px 0 0 0; position: relative; }

.news-block-main .news-left-col .round-icon-main{ margin: 48px 20px 0 0; }

.news-block-main .news-left-col h2{ font-size: 48px;}

.news-block-main .news-left-col{ width: 260px;}

.news-col-right .news-colum{ width: 48%;}

.news-box a .img .plus-icon span{ width: 64px; height: 64px;}

.news-over-box .hover-icon img{ width: 72px;}

.news-over-box .hover-box-sub h5{ font-size: 20px; padding: 0 0 16px; }

.news-over-box .hover-box-sub p{ font-size: 20px;}

.round-icon-main .round-icon{ width: 110px;} 

.news-block-main .news-col-right{ width: 100%;}

.news-block-main {gap: 30px; flex-direction: column;}

.news-over-box{ padding: 24px; }



.testi-box .name h4{ font-size: 36px;}

.testi-box .name p {font-size: 30px;}

.testi-box .text p{ font-size: 30px;}

.testimonials-section .thumbnail-block   { max-width: 620px; }

.testimonials-section .slider-nav .slick-list{ padding: 0px !important; }

.slider-counter .counter-sub span{ font-size: 48px;}

.news-block-main .news-left-col .round-icon-main{ display: none;}

.testimonials-section{ padding: 64px 0; }

.story-section-main{ padding: 32px; }

.story-contain-inner .story-title h3{ font-size: 40px;}

.story-contain-inner .story-title{ width: 390px; left: -156px;}

.project-section .project-box-main .project-box-sub h4{ padding: 0 0 16px; font-size: 20px; }

.project-box-main .project-box-sub{ padding: 16px 0 0 0; }

.project-section{ padding: 64px 0; }

.story-section{ padding: 64px 0 64px; }

.project-box-main .project-box-sub .box-in{ opacity: 1; }

/*----------- Home page css End ----------------*/



/*=============== Home Page Header Start ==================*/

.home-header-wrapper { padding: 170px 0 0 0;}

.home-header-wrapper .upper-title-wrapper .upper-title { margin: 0 0 20px 0;}

.home-header-wrapper .header-text-wrapper .header-text { font-size: 48px; padding: 0 0 80px 0;}

.home-header-wrapper .header-image-wrapper { height: 100vh;}

.home-header-wrapper .header-image-wrapper .arrow-btnbox { bottom: -110px;}

/*=============== Home Page Header End ==================*/



/*=============== Home Page Start ==================*/

.awards-section { padding: 50px 0 50px 0;}

.awards-block .awards-row .strip-shape-1 { right: 68%;}

.awards-block .awards-row .awards-col { max-width: 332px;}

.awards-block .awards-row .awards-col .awards-box { min-height: 68px; padding: 10px 16px;}

.awards-block .awards-row .awards-col .awards-box .iconbox { width: 70px; margin: 0 16px 0 0;}

.awards-block .awards-row .awards-col .awards-box .textbox p { font-size: 20px;}

.awards-block .awards-row .awards-col.col__2 { max-width: 347px; margin: 60px 0 0 0;}

.awards-block .awards-row .awards-col.col__3 { max-width: 350px;}

.awards-block .awards-row .awards-col.col__4 { margin: 30px 0 0 0;}

.awards-block .awards-text-wrap { padding: 40px 0 40px 0;}

.awards-block .awards-text-wrap .awards-text { max-width: 470px;}

.awards-block .awards-text-wrap .awards-text h2 { font-size: 56px;}

.awards-block .awards-text-wrap .awards-text .strip-shape-2 { bottom: 15px; left: calc(100% + 20px);}

.journey-section { margin: 30px 0 0 0;}

.journey-title-wrap { padding: 0 32px;}

.journey-title-wrap .journey-title { max-width: 300px;}

.journey-title-wrap .journey-title .journey-title-text h2 { font-size: 56px;}

.journey-slider .journey-slider-inner { padding: 0 0 0 32px;}

.journey-slider .journey-slider-inner:before { width: calc(100% - 64px); bottom: 50px; left: 32px;}

.journey-slider .journey-slider-panel { width: calc(100vw - 64px); margin: 0 32px 0 0;}

.journey-slider .journey-slider-panel:last-child { margin: 0 32px 0 0;}

.journey-slider .journey-slider-panel .js-panel-text .js-panel-text__inner { padding: 0 40px 0 0;}

.journey-slider .journey-slider-panel .js-panel-text .s__title { padding: 0 15vw 0 0;}

.journey-slider .journey-slider-panel:nth-child(even) .js-panel-text .s__title { padding: 0 0 0 12vw;}

.journey-slider .journey-slider-panel .js-panel-text .s__text p { font-size: 20px; line-height: 1.25;}

.journey-slider .journey-slider-panel .js-panel-image .js-panel-image__inner { height: calc(100vh - 50vh);}

.journey-slider .journey-slider-panel .strip-shape-1 { width: 256px; right: -32px;}

.journey-slider .journey-slider-panel .strip-shape-2 { width: 135px;}

.journey-slider-bar { width: calc(100% - 115px); bottom: 50px; left: 32px;}

/*=============== Home Page End ==================*/



/*=============== About Page Start ==================*/

.site-max-container { padding: 0 32px;}

.about-wrap { align-items: flex-start; padding: 160px 0 64px 0;}

.about-block .about-flex-row { flex-direction: column; gap: 40px;}

.about-block .about-flex-row .about-flex-col-1 { max-width: 100%;}

.about-block .about-flex-row .about-flex-col-2 { padding: 56.25% 0 0 0;}

.about-block .about-text .s__title { font-size: 56px; margin: 0 0 20px 0;}

.about-block .about-text .s__subtitle { font-size: 28px; margin: 0 0 20px 0;}

.about-block .about-text p { margin: 20px 0 0 0;}

.values-section { padding: 70px 0 40px 0;}

.values-block .values-accordion .values-accordion-item { padding: 30px 0 10px 0;}

.values-block .values-accordion .values-accordion-item .v-acc-item-title { width: 100%; padding: 0 0 24px 0;}

.values-block .values-accordion .values-accordion-item .v-acc-item-title .s__title { font-size: 40px;}

.values-block .values-accordion .values-accordion-item .v-acc-item-content { width: 100%;}

.about-stories-section { padding: 50px 0 60px 0;}

.about-stories-title { padding: 0 0 40px 0;}

.about-stories-title h2 { font-size: 56px;}

.about-stories-block .row { gap: 30px 0; margin: 0 -15px !important;}

.about-stories-block .row > [class*="col-"] { padding: 0 15px !important;}

.about-stories-block .row > [class*="col-"]:nth-child(4n+2) { margin-top: 40px;}

.about-stories-block .row > [class*="col-"]:nth-child(4n+3) { margin-top: -40px;}

.about-stories-block .about-stories-box .textbox .s__title { font-size: 28px;}

.about-awards-section { margin: 0; padding: 60px 0;}

.about-awards-block { padding: 0 32px;}

.about-awards-title { position: static; margin: 0 0 40px 0;}

.about-awards-title .container { padding: 0 !important;}

.about-awards-title h2 { font-size: 56px; color: #FFF;}

.about-awards-card { flex-wrap: wrap; justify-content: flex-start; gap: 30px;}

.about-awards-card .about-awards-card-item { width: calc(50% - 15px); min-height: 330px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front { padding: 40px 20px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .iconbox { margin: 0 0 20px 0;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .iconbox img { max-width: 70px; max-height: 70px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .textbox p { font-size: 24px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-back { padding: 20px 20px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-back .iconbox img { max-width: 70px; max-height: 70px;}

/*=============== About Page End ==================*/



}



@media (max-width: 992px) {



/*----------- Footer css start ----------------*/

.footer-top-wapper{ padding: 26px 0; }

.footer-top{ flex-direction: column;}

.footer-top .footer-left{ padding: 44px 0 0 0; width: 100%; order: 3;}

.footer-top .footer-center{ width: 100% ; order: 1;}

.footer-top .footer-right{ order: 2; width: 100%; }

.footer-center .scroll-top{ display: none; }

.footer-center .f-logo a{ width: 152px;}

.footer-center .f-social{ padding: 20px 0 0 0 ; }

.footer-center .f-social a{ width: 32px; height: 32px;}

.footer-center .f-social a img{ max-width: 16px; max-height: 16px; }

.f-link{ padding: 45px 0 0 0; justify-content: center; width: 100%; flex-wrap: wrap; }

.f-link ul{ justify-content: center; align-items: center; gap: 20px;   flex-direction: row; flex-wrap: wrap;}

.f-link ul li a{ font-size: 20px;}

.footer-top .footer-left .icon-text-row{ align-items:flex-start;}

.footer-top .footer-left .icon-text-row i{ padding: 5px 0 0 0; }

.footer-top .footer-left .icon-text-row span{ line-height: normal; font-size: 20px;}

.footer-top .footer-left .icon-text-row + .icon-text-row{ margin: 18px 0 0 0; }

.footer-bottom{ padding: 25px 0 60px; flex-direction: column; gap: 20px; }

.copyright,

.footer--bot-left ul li a{ font-size: 15px;}

.footer--bot-left { width: 100%; display: block; }

.footer--bot-left ul{ width: 100%; justify-content: space-between;}

/*----------- Footer css End ----------------*/



/*----------- contact page css start ----------------*/ 

.contact-page{ padding: 148px 0 68px 0; }

.contact-right .contcat-title h2{ font-size: 70px;}

.contact-right .contcat-title h2 span {font-size: 60px;}   

.submit-btn-main button i {width: 90px; height: 90px;}

.contact-right .contcat-title .bg-line{left: 430px; }  

.ct-text p{ font-size: 20px;}

.contact-right .contcat-title{ padding: 0 0 30px 40px; }

.contact-form-main{ padding: 40px 0 20px 40px; }

.cls-checkbox label { padding: 0 0 0 32px; font-size: 18px;}

.cls-checkbox label::after{ top: 2px; width: 22px; height: 22px;}

.cls-checkbox label::before{ top: 2px;width: 22px; height: 22px; background-size: 18px auto;}

.form-inner .form-row + .form-row{ margin: 40px 0 0 0; }

.contact-left .map-box iframe{ width: 100vw; min-width: 100vw; height: 294px; }  

.contact-page .row>*{ width: 100%;}

.contact-left{ width: 100%; display: block; margin: 0; }

.contact-left .map-box {width: 100%; display: flex ;align-items: center; justify-content: center;}

.submit-btn-main{ margin:35px auto 0; display: flex; }

.submit-btn-main button .arrow img {width: 40px;}

.contact-right .contcat-title .bg-line,

.contact-left .bg-line{ display: none;}

.contcat-title.mobile-hide{ display: none;}

.contcat-title.mobile-show{ display: block; text-align: center;   width: 100%;}

.contcat-title h4{ font-size: 20px;;}

.contcat-title h2{ padding: 0 0  20px; font-size: 49px;}

.contcat-title h2 span{ font-size: 39px;}

.contact-form-main { margin: -121px 0 0 0;  padding: 30px 18px; }

.contact-form-main::after{ display: none;}

.form-inner .form-row .input-text{ font-size: 18px; padding: 0 0 20px;;}

.form-inner .form-row + .form-row{ margin: 35px 0 0 0; }

.form-inner .form-row textarea.input-text{ height: 113px; }

.form-inner .form-row.submit-row{ flex-direction: column ;align-items: flex-start;}

/*----------- contact page css End ----------------*/



/*----------- project details page css start ----------------*/  

.tab-heading .nav-tabs{ gap: 6px;}

.tab-heading .nav-tabs .nav-link { min-height: 34px; padding: 0 18px; font-size: 16px; }

.Interior-section .section-title .bg-line{ display: none;}

.Interior-tab-block-main{ padding: 24px 0 0 0; }

.tab-contain-block{ margin: 26px 0 0 0; }

.tab-slider-main .slider-counter2 .prev-arrow2 img, 

.tab-slider-main .slider-counter2 .next-arrow2 img {width: 60px;}

.tab-slider-main .slider-counter2 .counter-sub2 span{ font-size: 30px;}

.tab-slider-main .slider-counter2 .counter-sub2 img{ height: 50px; }

.tab-slider-main .slider-counter2 .counter-sub2{ width: 60px; height: 60px; font-weight: normal;}

.tab-slider-main .slider-counter2{ padding: 32px 0 0 0; }

.Interior-section{ padding: 45px 0; }



.property-outer{ display: flex; flex-direction: column; }

.property-outer .property-left{ height: auto; min-height: auto; min-width: 100%; padding: 0; overflow: hidden; display: block; width: 100%;}

.property-vertcle-text{ width: 100%;}

.property-outer .property-left .balt-wapper{  transform: none; position: relative; }

.property-outer .property-left .property-vertcle-text{ border-bottom: #A66B0D solid 1px;; position: relative; bottom: auto;  padding: 16px 0; height: auto; }

.property-outer .property-left::after{ display: none;}

.location-info-wrap .location-info-anim h4{ padding: 0 0 32px; }

.property-text{ padding: 25px 32px 42px;  }

.property-outer .property-left .property-text h2{ padding: 0 0 24px;  font-size: 28px; text-align: center;}

.property-outer .property-left .property-text h2.line_animation_wrap .line-txt{ text-align: center !important; }

.property-outer .property-left .property-text .text{ text-align: center; }

.property-outer .property-left .property-text .text p{ font-size: 18px;}

.property-right {width: 100vw; overflow: hidden; padding: 0 0px; }

.property-slider-blk .propertyimg-col.img-full {width: 80vw; min-width: 80vw; }

.property-slider-blk .propertyimg-col.img-small {width: 50vw; min-width: 50vw; }

.property-slider-blk .propertyimg-col.img-full .property-img{ height: 368px; }

.property-slider-blk .propertyimg-col.img-small .property-img{ height: calc(203px - 20px - 10px); }

.property-slider-blk .propertyimg-col.img-small,

.property-slider-blk{ gap: 20px;;}

.property-slider-blk{ overflow: auto; padding: 0 32px; width: calc(100% + 64px);     }

.property-slider-blk::-webkit-scrollbar {width: 0;height: 0;}

.property-slider-blk::-webkit-scrollbar-track {background: transparent;}

.property-slider-blk::-webkit-scrollbar-thumb {background: transparent;}

 .property-slider-block-main{ padding: 0 0 28px; }

.property-slider-blk .propertyimg-col:last-child{ margin-right: 32px; }

/*----------- project details page css End ----------------*/ 



}



@media (max-width: 767px) {



/*----------- Home page css start ----------------*/ 

.news-section{ padding: 45px 0 0 0; }.news-block-main .news-left-col{ padding: 0px 0 0 0; position: relative; }

.news-block-main .news-left-col .round-icon-main{ margin: 48px 20px 0 0; }

.news-block-main .news-left-col h2{ font-size: 39px;}

.news-block-main .news-left-col{ width:100%;}

.news-block-main .news-left-col h2{ display: flex ;flex-direction: column;}

.news-block-main .news-left-col h2 span{ margin-left: auto; }

.news-col-right .news-colum{ width: 48%;}

.news-box a .img .plus-icon span{ width: 64px; height: 64px;}

.news-over-box .hover-icon img{ width: 60px;}

.news-over-box .hover-box-sub h5{ font-size: 24px; padding: 0 0 16px; }

.news-over-box .hover-box-sub p{ font-size: 18px; color: #E5E0DA;}

.round-icon-main .round-icon{ width: 110px;} 

.news-block-main .news-col-right{ width: 100%;}

.news-block-main {gap: 47px; flex-direction: column;}

.news-over-box{ padding: 20px; } 

.news-block-main .news-left-col .round-icon-main{ display: none;}



.news-col-right.desktop-show{ display: none;}

.mobile-news-block{ display: block ;width: 100vw; overflow: hidden; margin: 0 -32px; padding: 0 32px;  }

.mobile-news-block .swiper{ overflow: visible; }

.news-box a   .news-over-box{ transform: none; opacity: 1; }

.news-box a .img{ aspect-ratio: inherit;  min-height: 418px;}

.news-box a .img .plus-icon{ display: none;}

.news-over-box{ background: rgba(33,32,25,0.7); }

.testimonials-section{ overflow: hidden; padding: 48px 0; }

.testi-box .name h4{ font-size: 32px; padding: 0 0 10px; }

.testi-box .name p {font-size: 30px;}

.testi-box .text p{ font-size: 22px;}

.testimonials-section .thumbnail-block   { max-width: 620px; }

.testimonials-section .slider-nav .slick-list{ padding: 0px !important; }

.testimonials-section .thumbnail-block .slick-slide.slick-center   .thub-img{ opacity: 1;  transform: scale(1.3); }

.testimonials-section .thumbnail-block .slick-slide.slick-center   .thub-img img{  opacity: 1;}

.testi-box{ padding: 25px 0 0 0; }

.testimonials-section .slider-counter{ padding: 32px 0 0 0; }

.testimonials-section .slider-counter .prev-arrow img, 

.testimonials-section .slider-counter .next-arrow img  {width: 60px;}

.testimonials-section .slider-counter .counter-sub span{ font-size: 36px;}

.testimonials-section .slider-counter .counter-sub img{ height: 50px; }

.testimonials-section .slider-counter .counter-sub{ width: 60px; height: 60px; font-weight: normal;}



.story-section .container{ padding: 0 32px; }

.story-section-main{ padding: 28px 20px 28px; }

.story-image-main .img{  min-height: 282px;  height: 282px; }

/* .story-image-main .img .overlay-1{ opacity: 0.2 !important; } */

.story-section-main .story-contain{ right: auto;  width: 100%; position: relative; max-width: 100%; margin: -62px 0 0 0; left: auto; padding: 0 0 0 30px;}

.story-contain-inner .story-title { padding: 0 0 25px; width: 100%; position: relative; left: auto;}

.story-contain-inner .story-title h3 {font-size: 28px;}

.story-contain-inner .round-icon-main{ width: 100px; margin-top: 28px;}

.project-section .project-box-main .project-box-sub h4{ padding: 0 0 10px; font-size: 18px; }

.project-section .project-box-main .project-box-sub{ display: none;}

.project-section  .row{  row-gap: 30px;}

.project-section  .row>*{ transform: none !important; }

.home-project-section .project-box-main  .img .img-over h4{ line-height: 1; display: block;   }

.home-project-section .project-box-main  .img .img-over .arrow-link{ display: block;}

.home-project-section .project-box-main .img .img-over{ opacity:1; }

.home-project-section .project-box-main .img .img-over ul li{ justify-content: center; font-size: 18px;}

.home-project-section .project-box-main .img .img-over .arrow-link{ padding: 20px 0 0 0; justify-content: center; display: flex; }

.home-project-section .project-box-main .img .img-over ul li .text-2{ font-weight: 600; min-width: 110px; }

.home-project-section .project-box-main .img .img-over ul {gap: 2px;}

.home-project-section .project-box-main .img .img-over .arrow-link a{ font-size: 16px;}

.home-project-section .project-box-main .img .img-in{ border-radius: 10px !important; }

.home-project-section .project-box-main .img .img-in img{ transform:none !important; }

.project-section{ padding: 45px 0; }

.story-section{ padding: 45px 0; }

/*----------- Home page css End ----------------*/



/*----------- Journal page css start ----------------*/   

.container{ padding: 0 32px; }    

.Journal-block-listing .row{ row-gap: 20px; margin: 0 -20px !important; }

.Journal-block-listing .row>*{ width: 50%; padding: 0 20px !important; }

.Journal-box-main .over-box-2 .title h5{ font-size: 20px;}	

.Journal-block-listing .row{ margin: 0 -5px !important; }

.Journal-block-listing .row>*{ width: 50%; padding: 0 5px !important; }

.Journal-box-main .over-box-2 .title h5{ font-size: 22px;}	

.Journal-box-main .img{ border-width: 8px; }

.Journal-box-main .over-box-2{ padding: 0 22px; }

.Journal-box-main .over-box-2 .arrow-btnbox .arrow-btn{ width: 56px;; height: 56px; }

.Journal-block-main .round-icon-main{ margin: 48px 0 0 0; }

.round-icon-main .round-icon{ width: 110px;}

.round-icon-main .round-icon a .arrow{ width: 44px;}

.Journal-section-1{ padding: 136px 0  64px ; }

.Journal-modal-outer{ padding: 20px; }

.Journal-modal-inner .modal-data-blk .modal-img-block .img{height: 340px;  }

.Journal-modal-inner .modal-close-cls{ top: 0px; right: 0px; }

.Journal-modal-inner .modal-close-cls a { border-radius: 0 0 0 24px ; width: 62px; height: 62px;}

.Journal-modal-inner .modal-close-cls a img{ width: 20px;}

.modal-contain-over{ left: 0; top: 0; width: 100%; max-width: 100%;  position: relative; }

.modal-contain-over{ padding: 24px 0 24px 20px; }

.modal-data-sub{ padding: 0 20px 0 0; }

.modal-data-sub{ background: #2c2b27;  height: calc(100vh - 406px);  height: calc((var(--vh, 1vh) * 100) - 406px); }

.modal-data-sub .text-data ol li, .modal-data-sub .text-data ul li, .modal-data-sub .text-data p, .modal-data-sub .text-data ol li a, .modal-data-sub .text-data ul li a, .modal-data-sub .text-data p a{ font-size: 14px;}

.modal-data-sub h4{ font-size: 22px; padding: 0 0 24px;}

.Journal-modal-outer{ background: #32322e;  }

/*----------- Journal page css End ----------------*/ 



/*----------- blog page css start ----------------*/ 

.blog-page{ padding: 148px  0 48px; }

.blog-colum-right{  width: 100%; flex-direction: column; gap: 24px; margin: 25px 0 0 0; }

.blog-colum-left .blog-title h2 {font-size:49px;}

.blog-colum-left .blog-title h2 span{ font-size: 39px;}

.select-box .nice-select{ font-size: 18px; height: 48px; max-width: 250px; margin: 0 auto; }

.blog-box .blog-box-sub .data-row-text .text p{ font-size: 18px;}

.blog-box .blog-box-sub .blog-arrow a{ width: 64px; height: 64px;}

.blog-box .blog-box-sub .blog-arrow a .rotate-arrow{ width: 64px;}

.blog-box .blog-box-sub .data-row-text{ margin: 0; padding: 20px 0 0 0; gap: 20px;}

.blog-block-main {flex-direction: column;}

.blog-colum-left{ width: 100%; text-align: center; top: auto; position: relative; }

.blog-colum-left .blog-title h4{ font-size: 20px; padding: 0;} 

.select-box{ padding: 24px 0 0 0; }

.select-box .nice-select .option{ padding: 10px 0; font-size: 20px; }

.blog-box .blog-box-sub{ padding: 0 20px 20px ; min-height: 0; }

.blog-box .blog-box-sub .blog-arrow a .arrow img{ width: 30px;}

.blog-box .blog-box-sub .date-row .count{ font-size: 75px;}

.blog-colum-right .blog-colum{ display: flex; align-items: flex-start; width: 100%; gap:24px; width: 100%; flex-wrap: wrap;}
 .blog-colum-right .blog-colum .blog-box{ width: calc(50% - 12px);} 

/*----------- blog page css End ----------------*/ 



/*----------- blog details page css start ----------------*/  

.blog-banner-block .banner-caption h1{ font-size: 38px;} 

.blog-data-block{ padding: 40px 0 48px;  }

.blog-data-block{ max-width: 840px; }

.releted-block-outer .section-title{ padding: 0 0 44px; }

.releted-block-outer .project-box-main .project-box-sub h4{ padding: 0 0 10px; font-size: 18px; }

.project-box-main .project-box-sub .box-in .text-data p{ font-size: 16px;}

.text-data h1{ font-size: 30px; line-height: 1.25;  }

.text-data h2{ font-size: 26px; line-height: 1.25;  }

.text-data h3{ font-size: 22px; line-height: 1.25;  }

.text-data h4{ font-size: 20px; line-height: 1.25;  }

.text-data h5{ font-size: 18px; line-height: 1.25;  }

.text-data h6{ font-size: 18px; line-height: 1.25;  }

.text-data p,

.text-data ul li,

.text-data ol li,

.text-data p a,

.text-data ul li a,

.text-data ol li a{ font-size: 18px; }

.blog-data-block .text-data p,

.blog-data-block .text-data ul li,

.blog-data-block .text-data ol li,

.blog-data-block .text-data p a,

.blog-data-block .text-data ul li a,

.blog-data-block .text-data ol li a{color: #E5E0DA;}

.text-data .heading-tag{ padding: 44px 0 20px; }

.section-title h2{ font-size: 40px;}

.blog-banner-block .bg-banner{ height: 465px; }

.share-text-main ul{ transform: none; margin: 0 0 0 15px; width: auto; pointer-events: all; opacity: 1;} 

.project-section.releted-block-outer .row>* { transform: none !important; width: 100%; padding: 0  5px !important;}

.project-section.releted-block-outer .row{ row-gap: 24px; justify-content: center; margin: 0 -5px !important; }

.releted-block-outer .project-box-main .project-box-sub{ display: block; padding: 13px 0 0 0; }

.arrow-link{ padding: 12px 0 0 0; }

.project-box-main .img .img-in{ border-radius: 6px; }

.arrow-link a{ font-size: 15px;}

.releted-block-outer{ padding: 0 0 48px; }

/*----------- blog  details page css End ----------------*/



/*----------- project page css start ----------------*/ 

.project-slider-outer .mySwiper .swiper-slide {width: 295px;}

.project-slider-outer .swiper-thumbnails .swiper-slide,

.project-slider-text-main{ pointer-events: none; }

.project-slider-outer .swiper-thumbnails{ pointer-events: none;  width: 295px;}

.project-slider-text-main .text-inner h2{ padding: 20px ; width: 100%; margin: 0 0%; white-space: normal; font-size:38px; } 

.project-slider-outer .mySwiper .swiper-pagination-bullet,

.project-block-top h1{ font-size:18px;}

.project-slider-outer .mySwiper .swiper-pagination{ gap: 16px;}

.project-block-top{ padding: 0 32px 45px; }

.project-slider-outer .mySwiper .swiper-pagination{   flex-wrap: wrap; max-width: 180px; justify-content: flex-end; row-gap: 0;}

.project-slider-text-main .text-inner{ min-height: 446px; }

.project-slider-text-main .text-inner .text-bot .left-text p{ font-size: 20px;}

.project-slider-text-main .text-inner .text-bot .project-arrow a {width: 54px; height: 54px;}

.project-slider-text-main .text-inner .text-bot .project-arrow{ right: 0;  top: -37px;}

.project-slider-text-main .text-inner .text-bot .left-text{ min-height: 78px; width: calc(100%  - 60px);}

.project-slider-outer .mySwiper .swiper-pagination-bullet{ font-size: 16px;}

.faq-section{ padding: 64px 0 45px; }

.cls-accordion-item .acc-title h5{ min-height: 58px; padding: 10px 54px 10px 21px; font-size: 18px; line-height: 1;} 

.cls-accordion-item + .cls-accordion-item{ margin: 16px 0 0 0; }

.faq-section .section-title h2  { align-items: flex-start;  justify-content: flex-start; flex-direction: column; display: flex;}

.faq-section .section-title h2 .gradient-text{ margin-left: auto; }

.cls-faq-block{ padding: 44px 0 0 0; }   

.cls-accordion-item.active .acc-title h5::after,

.cls-accordion-item .acc-title h5::after { right: 16px; margin: -10px 0 0 0; width: 20px; height: 20px; background-size: 100% auto;}

.cls-accordion-body{ padding: 0 22px 22px; }

.download-section{ padding: 45px 0; }

.download-block .dl-text h4{ font-size: 36px;}

.dl-btn-warp{ flex-direction: column; gap: 12px;}

.dl-btn-warp a{ min-width: 280px; justify-content: center; gap: 10px; padding: 0 24px; min-height: 48px;; font-size: 20px;}

.dl-btn-warp a i img {width: 20px;}

.dl-btn-warp{ padding:32px 0 0 0; }

/*----------- project page css End ----------------*/



/*----------- project details page css start ----------------*/  

.over-img-title{ font-size: 38px;}

.island-background-video{ width: calc(100% - 70px); max-width: calc(100% - 70px);;}

.island-component .text-data{ padding: 0 20px 45px; }

.island-component .text-data p {font-size: 18px; text-align: center;}

.amenities-listing ul{ padding: 45px 0 0 0; grid-template-columns: repeat(1, 1fr); row-gap: 15px; }

.amenities-listing ul li{ font-size: 22px;}

.amenities-listing ul li i{ min-width: 30px; width: 30px; height: 30px; }

.amenities-listing ul li i img{ max-width: 30px; max-height: 30px; }

.amenities-section{ padding:45px 0 0 0; }

.amenities-section .section-title h2 .gradient-text span{ font-size: 40px;}



.info-text{ border-radius: 5px; padding: 32px 20px; }

.info-text p{ font-size: 24px;}

.project-info-section{ padding: 0 0 45px; }

.distance-block-main{ flex-direction: column;}

.distance-block-main .distance-image-colum {width: 100%;}

.distance-block-main .distance-image-right{ margin: 0 auto; display: block; width: 311px; height: 236px; }

 

.distance-bg-block .icon-box-main a .icon span{ width: 26px; height: 26px;}

.distance-bg-block .icon-box-main a .icon span img{ max-width: 16px; max-height: 16px; }

.distance-bg-block .icon-box-main a .name .name-in{ font-size: 16px;}

.distance-bg-block .icon-box-main a .name .hidden-text {font-size: 14px;}

.distance-bg-block .icon-box-main{ width: 26px;}

.distance-bg-block .icon-box-main a .name .name-in{ min-width: 70px; }

.distance-bg-block .icon-box-main.icon1{ top: 102px;right: 30px; }

.distance-bg-block .icon-box-main.icon2{ left: -5px; top: 60px; }

.distance-bg-block .icon-box-main.icon3 {top: 183px;left: 162px;}

.distance-bg-block .icon-box-main.icon4 {top: 136px;left: 33px;}

.distance-bg-block .icon-box-main.icon5 {bottom: auto; top: 50px; left: 140px;}

.distance-bg-block .icon-box-main.icon6 { bottom: 30px;left: 100px;}

.distance-bg-block .icon-box-main.icon7 {bottom: 168px;left: 240px;}

.distance-bg-block .icon-box-main.icon8 {bottom: 110px;right: 220px;}

.distance-bg-block{ background: url(../images/flore-plan-2.png) no-repeat left top;  background-size: 100% auto;}

.distance-section{ padding: 45px 0; }

.locations-section { padding: 45px 0 0 0;}

.locations-main { margin: 24px 0 0 0;}

.locations-route .locations-route-dots { justify-content: space-between;}

.locations-route .locations-route-dots .dotbox { width: auto;}

.locations-route .locations-route-dots .dotbox .dot { width: 20px; height: 20px;}

.locations-route .locations-route-car { height: 60px;}

.locations-route .locations-route-car .route-car { max-width: 140px;}

.locations-block { padding: 20px 0 0 0;}

.locations-block .locations-row { flex-wrap: nowrap; gap: 0; margin: 0; overflow-x: auto;}

.locations-block .locations-row .locations-col { width: calc(100vw - 64px); flex: 0 0 auto; padding: 0;}

.locations-block .locations-box { max-width: 270px; gap: 14px; text-align: center; margin: 0 auto;}

.locations-block .locations-box .iconbox { align-items: center;}

.locations-block .locations-box .iconbox img { max-width: 35px;}

.locations-block .locations-box .textbox p { font-size: 16px;}

.flor-paln-tab-section { padding: 64px 0 0 0;}

.flor-paln-tab-section .section-title .bg-line { height: 14px; background-size: auto 14px; top: -30px;}

.flor-paln-tabs-block { padding: 20px 0 0 0;}

.flor-paln-tabs-block .nav-tabs { gap: 6px;}

.flor-paln-tabs-block .nav-tabs .nav-link { min-height: 34px; padding: 0 18px; font-size: 16px;}

.flor-paln-tabs-content { margin: 24px 0 0 0;}

.flor-paln-slider { padding: 0 32px;}

.flor-paln-slider .flor-paln-slider-box { gap: 14px;}

.flor-paln-slider .flor-paln-slider-box .imgbox { width: calc(50% - 7px);}

.flor-paln-slider .flor-paln-slider-box .imgbox:last-child { margin: 32px 0 0 0;}

/*----------- project details page css End ----------------*/



/*============ Header Start ============*/

#header { padding: 24px 32px;}

.header-top .logo a img { width: 120px;}

.header-navbar .header-logo a img { max-width: 120px;}

.header-navbar .header-menu { padding: 120px 24px 50px 24px;}

.header-navbar .header-menu ul { gap: 20px;}

.header-navbar .header-menu ul li a { font-size: 32px;}

/*============ Header End ============*/



/*=============== Home Page Header Start ==================*/

.home-header-wrapper { padding: 120px 0 0 0;}

.home-header-wrapper .upper-title-wrapper .upper-title { font-size: 20px; margin: 0 0 20px 0;}

.home-header-wrapper .header-text-wrapper .header-text { font-size: 48px; padding: 0 0 40px 0;}

.home-header-wrapper .header-image-wrapper { height:120vh;}

.home-header-wrapper .header-image-wrapper .arrow-btnbox { bottom: -160px;}
 

/*=============== Home Page Header End ==================*/



/*=============== Home Page Start ==================*/

.awards-section { padding: 50px 0 35px 0;}

.awards-block .awards-row { flex-wrap: nowrap; flex-direction: column;}

.awards-block .awards-row .strip-shape-1 { height: 14px; background-size: contain; right: 75%; bottom: 10px;}

.awards-block .awards-row .awards-col { max-width: 300px;}

.awards-block .awards-row .awards-col .awards-box { min-height: 1px; background: none; padding: 0;}

.awards-block .awards-row .awards-col .awards-box .iconbox { width: 45px; margin: 0 12px 0 0;}

.awards-block .awards-row .awards-col .awards-box .textbox p { font-size: 19px; line-height: 18px;}

.awards-block .awards-row .awards-col.col__2 { max-width: 200px; margin: 40px 0 0 auto;}

.awards-block .awards-row .awards-col.col__3 { max-width: 250px;}

.awards-block .awards-row .awards-col.col__3 .awards-box .iconbox { width: 45px;}

.awards-block .awards-row .awards-col.col__4 { max-width: 250px; margin: 30px 0 0 auto;}

.awards-block .awards-text-wrap { padding: 30px 0 30px 0;}

.awards-block .awards-text-wrap .awards-text { max-width: 100%;}

.awards-block .awards-text-wrap .awards-text h2 { font-size: 39px;}

.awards-block .awards-text-wrap .awards-text .strip-shape-2 { height: 14px; background-size: contain; bottom: -55px; left: 70%;}

.journey-section { margin: 15px 0 0 0;}

.journey-section-inner { position: relative;}

.journey-title-wrap { position: relative; top: 0; left: 0; margin: 0 0 30px 0; padding: 0 24px;}

.journey-title-wrap .journey-title { max-width: 100%;}

.journey-title-wrap .journey-title .journey-title-text h2 { font-size: 39px;}

.journey-slider { overflow-x: auto;}

.journey-slider::-webkit-scrollbar {width: 0;height: 0;}

.journey-slider::-webkit-scrollbar-track {background: transparent;}

.journey-slider::-webkit-scrollbar-thumb {background: transparent;}

.journey-slider .journey-slider-inner { height: auto !important; padding: 40px 0 110px 24px;}

.journey-slider .journey-slider-inner:before { width: calc(100% - 48px); bottom: 40px; left: 24px;}

.journey-slider .journey-slider-panel { width: calc(100vw - 48px); flex-wrap: nowrap; flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start; margin: 0 24px 0 0;}

.journey-slider .journey-slider-panel:last-child { margin: 0 24px 0 0;}

.journey-slider .journey-slider-panel .js-panel-text { width: 100%; text-align: center; padding: 30px 0 0 0;}

.journey-slider .journey-slider-panel .js-panel-text .js-panel-text__inner { width: 100%; gap: 0; padding: 0;}

.journey-slider .journey-slider-panel .js-panel-text .s__title { display: none !important;}

.journey-slider .journey-slider-panel .js-panel-text .s__text p { font-size: 18px; line-height: 1.25;}

.journey-slider .journey-slider-panel .js-panel-image { width: 100%;}

.journey-slider .journey-slider-panel .js-panel-image .js-panel-image__inner { height: 300px;}

.journey-slider .journey-slider-panel .js-panel-image .s__title { width: auto; display: block; font-family: 'Darker Grotesque'; font-size: 40px; color: rgba(255, 255, 255, 0.8); font-weight: 900; letter-spacing: 0; line-height: 1; margin: 0; padding: 0; position: absolute; top: 50px; left: 0; z-index: 3;}

.journey-slider .journey-slider-panel .js-panel-image .imgbox.img-1 { width: 56%; height: 85%; top: 0 !important; right: 17% !important; bottom: auto !important; left: auto !important;}

.journey-slider .journey-slider-panel .js-panel-image .imgbox.img-2 { width: 35%; height: 44%; top: 30px !important; right: 0 !important; bottom: auto !important; left: auto !important;}

.journey-slider .journey-slider-panel .js-panel-image .imgbox.img-3 { width: 58%; height: 52%; top: auto !important; right: auto !important; bottom: 0 !important; left: 0 !important; z-index: 0 !important;}

.journey-slider .journey-slider-panel .strip-shape-1 { width: auto; height: 14px; background-size: auto 14px; top: -40px !important; right: -24px !important; bottom: auto !important; left: 50% !important;}

.journey-slider .journey-slider-panel .strip-shape-2 { width: auto; height: 14px; background-position: top left; background-size: auto 14px; top: auto !important; right: -31px !important; bottom: -32px !important; left: 64% !important;}

.journey-slider-bar { width: calc(100% - 48px); bottom: 40px; left: 24px;}

.journey-slider-bar .js-bar-button { width: 40px; height: 40px; bottom: -20px;}

.journey-slider-bar .js-bar-button:after { top: 4px; right: 4px; bottom: 4px; left: 4px;}

/*=============== Home Page End ==================*/



/*=============== About Page Start ==================*/

.site-max-container { padding: 0 32px;}

.about-wrap { align-items: flex-start; padding: 120px 0 45px 0;}

.about-block .about-flex-row { flex-direction: column; gap: 30px;}

.about-block .about-flex-row .about-flex-col-1 { max-width: 100%;}

.about-block .about-flex-row .about-flex-col-2 { padding: 56.25% 0 0 0;}

.about-block .about-text .s__title { width: 100%; font-size: 48px; text-align: center; margin: 0 0 16px 0;}

.about-block .about-text .s__subtitle { width: 100%; font-size: 22px; text-align: center; margin: 0 0 16px 0;}

.about-block .about-text p { font-size: 18px; margin: 16px 0 0 0;}

.values-section { padding: 48px 0 30px 0;}

.values-block .values-title { margin: 0 0 24px 0;}

.values-block .values-accordion .values-accordion-item { padding: 30px 0 10px 0;}

.values-block .values-accordion .values-accordion-item .v-acc-item-title { width: 100%; padding: 0 0 24px 0;}

.values-block .values-accordion .values-accordion-item .v-acc-item-title .s__title { font-size: 40px;}

.values-block .values-accordion .values-accordion-item .v-acc-item-content { width: 100%;}

.values-block .values-accordion .values-accordion-item .v-acc-item-content p { font-size: 18px;}

.about-stories-section { padding: 30px 0 80px 0;}

.about-stories-title { padding: 0 0 70px 0;}

.about-stories-title h2 { font-size: 40px;}

.about-stories-block { max-width: 280px;}

.about-stories-block .row { gap: 30px 0; margin: 0 -15px !important;}

.about-stories-block .row > [class*="col-"] { padding: 0 15px !important;}

.about-stories-block .row > [class*="col-"]:nth-child(4n+2) { margin-top: 0px;}

.about-stories-block .row > [class*="col-"]:nth-child(4n+3) { margin-top: 0px;}

.about-stories-block .about-stories-box { padding: 10px 10px 15px 10px;}

.about-stories-block .about-stories-box .textbox { margin: 15px 0 0 0;}

.about-stories-block .about-stories-box .textbox .s__title { font-size: 24px;}

.about-stories-block .about-stories-box .textbox .s__text { font-size: 20px; margin: 10px 0 0 0;}

.about-stories-block .strip-shape-1 { height: 14px; background-size: contain; top: -40px; right: calc(100% + -50px);}

.about-stories-block .strip-shape-2 { height: 14px; background-size: contain; bottom: -40px; left: calc(100% + -50px);}

.about-awards-section { margin: 0; padding: 48px 0;}

.about-awards-block { padding: 0 32px;}

.about-awards-title { position: static; margin: 0 0 30px 0;}

.about-awards-title .container { padding: 0 !important;}

.about-awards-title h2 { font-size: 40px; color: #FFF;}

.about-awards-card { max-width: 280px; flex-wrap: wrap; justify-content: flex-start; gap: 30px; margin: 0 auto;}

.about-awards-card .about-awards-card-item { width: calc(100% - 15px); min-height: 330px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front { border-radius: 0; padding: 40px 20px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .iconbox { margin: 0 0 20px 0;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .iconbox img { max-width: 70px; max-height: 70px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-front .textbox p { font-size: 24px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-back { border-radius: 0; padding: 20px 20px;}

.about-awards-card .about-awards-card-item .about-awards-card-item-back .iconbox img { max-width: 70px; max-height: 70px;}

/*=============== About Page End ==================*/





.download-modal .modal-dialog{ max-width: 90%; margin-left: 5%; }

.dl-form-block{ padding: 24px 0; }

.dl-text h6{ font-size: 24px;}

.flor-paln-tab-section + .project-info-section{ padding-top: 64px; }

.amenities-section +  .download-section{ margin-top: 64px; }

.flor-paln-tab-section:last-child{ padding-bottom: 64px; }

.blog-colum-right .blog-colum{ display: flex; align-items: flex-start; width: 100%; gap:20px; width: 100%; flex-wrap: wrap;}
 .blog-colum-right .blog-colum .blog-box{ width: 100%;} 
 .distance-bg-block .icon-box-main.icon10 {
    left: 130px;
        top: 10px;
    
}
.distance-bg-block .icon-box-main .name{ display: none;}
.locations-route.fivecol .locations-route-dots .dotbox{ width: auto;}
 

.balt-wapper ul li{ display: block;}
.balt-wapper ul li .belt-tagline{    white-space: nowrap;}
.flor-paln-slider .flor-paln-slider-box .imgbox{ width:100%; }
.flor-paln-slider .swiper-slide{ width:100%; }
    .flor-paln-slider {
        padding: 0 70px;
    }
    
    .distance-bg-block .icon-box-main a.active .name{ display: block;
        border: #222 solid 1px;
        padding: 5px;
        position: absolute;
        left: 50%;
        top: 100%;
        width: 100px;
        transform: translateX(-50%);
        margin: 6px 0 0 0;
        z-index: 10; }
        .about-bottom{ display: none;}

        .about-block .about-flex-row .about-flex-col-2 img{ display: block; width: 100%; min-height: 250px; object-fit: cover; height: auto;}
        .about-block .about-flex-row .about-flex-col-2{ padding: 0; }
        .about-section{ height: auto; }
        .about-top{ position: relative; }
        
    
        
.home-header-wrapper.desktop-show{   display: none;}
.home-page-header{ overflow: visible; }
.mobile-view{display: block; padding: 232px 0 0 0;min-height: 700px; position: relative;}
.mobile-view .header-text-wrapper{ text-align: center; z-index: 3; position: sticky; top: 120px; }
.banner-video { position: relative; z-index: 2; }
.banner-video .header-image{ position: relative; width: 100%; height: calc(700px - 232px); display: block; }
.banner-video .header-image video{ opacity: 0.5; position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; height: 100%; }

.mobile-view .bg-dark1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0;}

.mobile-view .arrow-btnbox { width:100%; display: flex; flex-wrap: wrap; justify-content: center; position: absolute; transform: translateZ(0); bottom: 70px; z-index: 5; opacity: 0;}
.mobile-view .arrow-btnbox .arrow-btn { width: 70px; height: 70px; position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: linear-gradient(144.3deg, #DCA151 -0.69%, #A66B0D 99.8%); border: none; border-radius: 50%; margin: 0; padding: 0;}
.mobile-view .arrow-btnbox .arrow-btn:before { content: ""; position: absolute; inset: 0; border-radius: 50%; background: #A66B0D; transform: scale(0); transition: transform 0.4s ease;}
.mobile-view .arrow-btnbox .arrow-btn:after { content: ""; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; z-index: 1; transition: all 0.4s ease;}
.mobile-view .arrow-btnbox .arrow-btn img { max-width:31px; position: relative; z-index: 2;}
.mobile-view .arrow-btnbox .arrow-btn:hover:before { opacity: 1; transform: scale(1.4);}
.mobile-view .arrow-btnbox .arrow-btn:hover:after { background: linear-gradient(144.3deg, #DCA151 -0.69%, #A66B0D 99.8%); transform: scale(0.8);}

.mobile-view-text-1{ position: absolute; left: 0; top: 0; width: 100%; bottom: 150px;   }
.mobile-view .header-text { font-family: 'Darker Grotesque'; font-size: 48px; color: #FFF; font-weight: 500; letter-spacing: 0; line-height: 1; margin: 0; padding: 0 0 40px 0;}
.mobile-view .header-text p { font-family: inherit; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; margin: 0; padding: 0; opacity: 0;}
.mobile-view .header-text span { font-family: 'DM Serif Display'; font-size: 85%; font-style: italic; font-weight: 400; background: linear-gradient(93.82deg, #DCA151 -0.07%, #A66B0D 96.6%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent;}

 .home-page-header{ padding:120px 0 0 0 } 
         
}



@media (min-width: 568px) and (max-width: 767px) {



}



@media (min-width: 240px) and (max-width: 600px) {



/*----------- Journal page css start ----------------*/     

.Journal-block-listing .row>*{ width: 100%; padding: 0 5px !important; }

.Journal-box-main .over-box-2 .title h5{ font-size: 20px;}

/*----------- Journal page css End ----------------*/ 



}