@media (max-width: 767px) {
	.home-about-detail .about-desc p{
		text-align: left
	}
	.inner-page-about p{
		text-align: left !important
	}
	.cntdetail p{
		text-align: center !important
	}
    .about-desc p {
    font-size: 24px;
    line-height: 34px;
		text-align: center
}
	#testimonial-2.our-journey .single-testimonial-item p {
		text-align: left;
		    line-height: 20px;
		}
	#testimonial-2.our-journey .single-testimonial-item h4{
		text-align: left
	}
    .inner-hero-area {
    height: auto !important;
}
    .header-area {
    position: relative;
}
    .header-inner-box .logo img {
    width: 200px;
}
    .about-section{
        padding-top: 0px;
		padding-bottom: 50px
}
    .project-slider3 .owl-nav {
    top: auto;
		bottom: 0;
		position: relative
}
	.project-slider3 .owl-nav button.owl-prev{
		margin-left: 0
	}
	.project-slider .owl-nav{
		top: auto;
		bottom: 0;
		position: relative
	}
	.project-slider .owl-nav button.owl-prev{
		margin-left: 0
	}
	.project-slider .about-desc .theme-btn.mt-30{
		margin-top: 15px
	}
	.project-slider3 .about-desc .theme-btn.mt-30{
		margin-top: 15px
	}
	.project-slider2 .about-desc .theme-btn.mt-30{
		margin-top: 15px
	}
	.project-slider2 .owl-nav{
		top: auto;
		bottom: 0;
		position: relative
	}
	
	
	
	
	
    .ongoing-project-section .about-img {
    margin-top: 20px;
}
    .ongoing-project-section{
       padding-bottom: 0;
}
    .quick-access .mobile-border-bottom{
        border-bottom: 1px solid #111;
        padding: 0;
    }
    .quick-access:after {
    top: 70px;
   }
    .quick-access {
    position: relative;
    padding: 0;
}
    .quick-access .section-title {
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
}
    .quick-access .about-desc {
    padding-top: 30px;
    padding-bottom: 30px;
		text-align: left;
        padding-left: 26px;
}
    .inner-page-about p {
    margin: 0;
    line-height: 28px;
    font-size: 18px;
}
    .our-journey{
        padding-top: 50px !important;
    }
    
    .values-section .mobile-border-bottom{
        border-bottom: 1px solid #111;
        padding: 0;
    }
    
    .values-section:before {
    bottom: 0;
}
    
    .amenities-section .border-right{
                border-bottom: 1px solid #111;
        padding: 0;
        border-right: none;
    }
    
      .amenities-section:before {
    bottom: 0;
}
    .amenities-section{
    margin-bottom: 60px;
}
   .leader-ship .about-desc p{
    line-height: 28px;
    font-size: 18px;
}
    .leader-ship .project-title {
    margin-top: 20px;
}
    .about-page-projects{
        padding-top: 50px !important;
    }
    .order-mob-2 {
        order: 2 !important
    }
    .about-page-projects .section-title h2 {
    font-size: 40px;
}
    .about-page-projects .owl-nav {
    top: -140px;
}
    .section-title h2 {
        font-size: 30px !important;
		margin: 0
    }
        .footer-area {
        padding: 50px 20px;
			z-index: 2
    }
    
    .inner-page-projects{
        padding-bottom: 30px;
		      
    } 
    
    .inner-page-projects .main-abt-title {
    font-size: 30px;
    margin-bottom: 20px;
    }
    
    .inner-page-about{
            padding-top: 70px;
                padding-bottom: 50px;
    }
    
    
    .inner-page-projects .about-desc p {
        line-height: 28px;
    font-size: 18px;
    }
    
    .career-opening-box .fulbox {
   display: block;
}
    
    .career-opening-box .fulbox .theme-btn{
                font-size: 14px;
        padding: 10px 20px;
        width: auto;
        margin-top: 25px !important;
    }
    .about-project .team-detail p{
        margin-top: 30px;
		text-align: left
    }
	.project-location-content p{
		text-align: left
	}
    .hrg-crossroads-logo {
    width: 150px;
}
    .gallery-slider .owl-stage-outer {
     padding-left: 0px; 
}
    .layout-plan .owl-nav {
    right: 20% !important;
}
    .gallery-slider .owl-nav {
    right: 10px;
		    top: -59px;
}
    
        .pro-video-sec{
        display: block;
               height: auto;
                    padding: 80px 0;
    }
    
    .pro-video-sec .cta-inner img{
        transform: none !important;
    }
    .pro-video-sec .cta-inner {
    overflow: visible;
    }
    
    .pro-video-sec .faq-vidoe-play-btn i {
    font-size: 36px;
    line-height: normal;
    top: 5px;
} 
    .guide-section .mobile-border-bottom{
        border-bottom: 1px solid #111;
        padding: 0;
    }
    .guide-section .desktop-padding-two-rem{
        padding: 0;
    }
    
    .guide-section:after {
    top: 0 !important;
}
    .guide-section .about-desc {
    padding-left: 20px !important;
}
    .rera-section {
    padding-bottom: 50px;
}
    .rera-section p {
    font-size: 16px !important;
}
    .project-location-content {
    padding-bottom: 50px;
}
    .all-project-section{
            padding-bottom: 30px;
		padding-top: 30px
    }
	.all-project-section .about-desc {
    margin-bottom: 30px;
}
	.all-project-section .project-title h6{
		margin-bottom: 0
	}
	#testimonial-2.our-journey .single-testimonial-item h4{
		font-size: 35px
	}
	.about-img iframe{
		    height: 400px;
	}
	.team-detail {
    margin-bottom: 20px;
		margin-top: 20px
}
	.footer-area h5{
		margin-top: 20px;
	}
	.footer-area .logo img{
		margin-bottom: 20px
	}
	.project-page-status-tag{
		width: 100%
	}
	.project-logo {
    width: 250px;
    position: relative;
    margin: 0 auto 30px !important;
    text-align: center;
    left: 0;
    right: 0;
    display: block;
}
	.inner-page-about.about-project .width-290{
		width: 100%
	}
	.form-box{
		padding: 20px
	}
	.career-opening-box {
    background: #fff;
    padding: 0;
}
	.leader-ship .about-desc p{
		text-align: left
	}
	.mob-order2{
		order:2
	}
	mob-order1{
		order:1
	}
	.project-slider3 .about-desc  .project-title{
		margin-top: 20px
	}
	.ongoing-project-section .project-title h3{
		font-size: 20px
	}
	.theme-btn, .white-btn{
		width: 100%
	}
	    .project-slider .owl-nav button.owl-prev {
        margin-left: 0;
			margin-bottom: 0;
			margin-top: 10px
    }
	.project-slider .owl-nav button.owl-next{
		margin-bottom: 0;
			margin-top: 10px
	}
	.project-slider3 .owl-nav button.owl-next{
		margin-bottom: 0;
			margin-top: 10px
	}
	    .project-slider3 .owl-nav button.owl-prev {
        margin-left: 0;
			margin-bottom: 0;
			margin-top: 10px
    }
	     .ongoing-project-section .section-title {
        margin-bottom: 0;
    }
	.commercial-project-section{
		margin-top: 20px;
		padding-bottom: 30px
	}  
	.project-slider2 .about-desc  .project-title{
		margin-top: 20px
	}
	.project-slider2 .owl-nav button.owl-next{
		margin-bottom: 0;
			margin-top: 10px
	}
	    .project-slider2 .owl-nav button.owl-prev {
        margin-left: 0;
			margin-bottom: 0;
			margin-top: 10px
    }
	.about-page-projects .owl-nav{
		top:auto
	}
	.about-page-projects  .mt-30{
		margin-top: 15px
	}
	.mob-pl-0{
		padding-left: 0
	}
	.residential-project-section{
		padding-bottom: 50px
	}
	.main-abt-title{
	    font-size: 30px;	
	}
	.inner-page-about .about-desc.mt-60 {
		margin-top: 0;
	}
	.quick-access.values-section .section-title h2{
		text-align: center
	}
	.leader-ship .mt-70{
		margin-top: 0
	}
	.delivered-project-page{
		padding-top: 0 !important
	}
	.openingbox a{
		margin-top: 10px
	}
	.openingbox h6{
		font-size: 25px
	}
	.form-group{
		width: 100% !important
	}
	    .popup-btn {
        padding: 15px 32px !important;
}
	
	
	#testimonial-2 .owl-nav{
		top: auto !important;
		bottom: 0;
		position: relative
	}
	#testimonial-2 .owl-nav button.owl-next{
		margin-bottom: 0;
			margin-top: 10px
	}
	    #testimonial-2 .owl-nav button.owl-prev {
        margin-left: 0;
			margin-bottom: 0;
			margin-top: 10px
    }
	.project-section.gallery-section{
		padding-bottom: 50px
	}
	.popup-content h6{
		    font-size: 20px;
	}
	.brochure-text{
		font-size: 15px
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
    .inner-hero-area {
    height: auto !important;
    }
    .about-desc.mt-60 {
    margin-top: 0px;
   }
    .single-counter-box:after {
        display: none
    }
    .single-counter-box {
    position: relative;
    border: 1px solid #ddd;
    padding: 20px;
    }
    .quick-access:after {
    top: 90px;
    }
        .section-title h2 {
        font-size: 40px !important;
        line-height: normal;
    }
    .quick-access .about-desc {
    padding-top: 40px;
    padding-bottom: 40px;
}
    .footer-area .logo {
    padding-right: 0;
    padding-bottom: 40px;
}
        .about-desc p {
        font-size: 26px;
        line-height: 36px;
    }
    .order-mob-2 {
        order: 2 !important
    }
        .leader-ship .project-title {
        margin-top: 20px;
    }
    .project-logo {
    width: 150px;
}
    .about-project .theme-btn{
        width: auto;
    }
    .about-project p {
    font-size: 16px;
    line-height: 26px;
}
    .project-location-content p {
    font-size: 16px;
}
    .about-img iframe{
            height: 350px;
    }
    .gallery-slider .owl-stage-outer {
    padding-left: 0;
}
    .pro-video-sec .cta-inner img{
        transform: none !important;
    }
    .pro-video-sec .cta-inner {
    overflow: visible;
    }
    .pro-video-sec{
    height: 420px;
}
    .rera-section {
    padding-bottom: 50px;
}
        .rera-section p {
        font-size: 20px !important;
    }
   .layout-plan .owl-nav {
        right: 100px !important;
}
    .cntdetail a {
    font-size: 12px;
    line-height: 16px;
}
    .about-section.inner-page-projects{
                padding: 60px 30px;
    }
        .header-area, .header-sticky {
        padding: 15px 0;
    }
	
}
 @media (min-width: 1920px) and (max-width: 5000px) {

#testimonial-2.our-journey .single-testimonial-item{
	min-height: 324px;
}
	 
	 }