@charset "utf-8";

@media (min-width : 1200px) {

.show-sm-image{ display: block;}
.comn-para-cont.xtra-lg-margin{margin: 200px 0 0;}

.sub-services { flex-wrap: nowrap;}
.sub-service-box{ flex: 1; max-width: 480px;}
.intro-bg-icon{display: block;}

.abt-inn-img-wrap > div:first-child{display: flex;}
.abt-inn-lft-cont{flex: 1;}
.abt-middle-banner-sec{ background-attachment: fixed;}

.gallery-wrapper{grid-template-columns: repeat(3, 1fr); }

}

@media (min-width : 1300px) {

.team-wrapper {gap:60px;}
.team-photo-grid { gap:35px 30px;}
.team-photo-box > b{font-size:20px;}
.abt-big-title{ font-size: 62px;}
.team-rght-wrap > p{font-size:20px;}

.download-grid{ grid-template-columns: 1fr 1fr 1fr;  gap: 4em;}



}

@media (min-width: 1400px) {    

.news-box-title{font-size: 22px;}
.gallery-box > a{min-width: 405px;}


}

@media (min-width: 1500px) { 

.serv-show-wrapper {gap: 65px;}
.intro-bg-icon{width: 175px;}
.show-content {gap: 30px;}
.sub-view-wrap{gap: 100px;}
.since-icon{margin-bottom: 20px;}

.abt-mid-wrap{width:50%;}
.objective-section .serv-box{min-height:425px;}

.team-wrapper { gap:80px;}
.team-rght-wrap {flex:1.2;}
.abt-sub-title{ margin-bottom:50px; }
.abt-big-title{margin-bottom:60px; font-size:72px;}

.career-form-lft{flex: 1;}
.career-form-head{margin: 0 0 65px;font-size: 36px;}

.gallery-wrapper{grid-template-columns: repeat(3, 1fr); }

}

@media (min-width: 1600px) {


}

@media (min-width: 1700px) {

.inn-banner-title{font-size: 62px;}

}

@media (min-width: 1800px) {



}

@media (min-width: 1900px) {

.service-card-cont {flex: 2;gap:40px;}
.service-card-cont > p{font-size: 18px;}
.inn-banner-title{ margin: 0 0 80px;font-size: 82px;}  
.show-content {gap: 40px;}
.comn-para-cont{font-size: 19px;}
.intro-bg-icon{width: auto;}
.intro-bg-icon.rght{width: auto;}

.layer-heading{font-size: 42px;line-height: 1.4em;}
.layer-heading > b{font-size: 62px;}
.sub-service-box > p{font-size:18px;}

.sub-view-wrap{ gap: 200px;}
.sub-view-points > h3{margin:0 0 30px;}
.sub-view-cont{gap:70px;}

.filter-btn{ width: 100%;}

.portfolio-gallery{gap: 50px;}
.pf-gallery{gap: 50px;}
.portf-view-section{padding: 100px 0 0;}
.pf-gallery > a > img{max-height: 100%;}
.portf-view-title{ gap: 50px;}
.portf-view-title > h2{font-size: 42px;}

.about-section{padding: 100px 0;}
.abt-inn-lft-cont{gap: 35px;}
.since-icon{ margin-bottom: 60px;}
.abt-inn-head{font-size: 42px;}
.abt-year-icon .year-icon > span{font-size: 55px;}
.since-icon{margin-bottom: 40px;}

.abt-mid-wrap{gap: 50px;width: 40%; padding: 100px 0 0;}
.mid-ban-title{ font-size: 82px;}

.objective-section{padding: 175px 0 150px;}
.objective-section .serv-box{min-height:475px;}

.team-wrapper { gap:100px;}
.team-rght-wrap {flex:1;margin-top:100px; align-self: start; }
.abt-big-title{ font-size: 82px;margin-bottom:100px;}

.career-form-head{ margin: 0 0 85px;font-size: 40px;}

.gallery-wrapper{grid-template-columns: repeat(4, 1fr); }

.news-grid{grid-template-columns: repeat(4, 1fr);}
.news-box{min-height: 500px;}

.mile-custom-nav {top:-25%; }

}


     
@media (max-width: 1024px) {


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

.inn-banner-title{font-size: 52px;}
.service-card{flex-direction: column; padding: 25px 20px 50px 20px;}
.card-img-rgt .service-img{order: 0;}

.serv-show-section{ padding: 80px 0;}
.show-content{ flex: 1;}
.show-lg-image{flex: 1;}
.intro-bg-icon{display: none;}
.comn-para-cont{ font-size: 17px;}

.service-sub-section{ padding: 60px 0;}
.sub-service-box{max-width: 100%;}

.sub-view-section{ padding: 0;}

.port-view-sec{  grid-template-columns: 1fr; gap: 60px;}
.portfolio-category-section{padding: 80px 0 0;}
.portf-view-section{ padding: 60px 0 0;}
.portfolio-gallery{gap: 20px;}
.pf-gallery{gap: 20px;}

.about-section {padding: 60px 0;}
.about-inn-wrap{ flex-direction: column;}
.abt-year-icon{display: none;}
.abt-inn-lft-cont{order: 1;}

.abt-mid-wrap{ width: 100%;}
.abt-middle-banner-sec{ height: 80vh;}
.abt-middle-banner-sec::before{ background: rgb(0 0 0 / 70%);}

.team-section{padding: 80px 0 0;}
.team-wrapper{ flex-direction: column;}
.team-rght-wrap {  position: static;  top: auto;   }
.team-lft-wrap{ order: 1;}
.team-img > img {filter:grayscale(0%); }

.career-section{ padding: 80px 0 0;}
.career-form-head > b{ display: inline;}

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

.download-section{ padding: 80px 0 0;}
.download-grid{gap: 1em;}
.download-wrap{ padding: 3em 2em;}

.news-section{padding: 80px 0 0;}
.news-grid{grid-template-columns: repeat(2, 1fr);}
.news-detail-wrapper{ width: 100%;}

.mile-custom-nav {top: auto;right: auto;bottom: -20px;left: 50%;transform: translateX(-50%);gap: 50px;}

.fiitout-img-wrapper{ flex-wrap: wrap;justify-content: center;}
.fitout-section, .fitout-img-section{padding: 80px 0 0;}

}
        
@media (max-width: 767px) {
  
.service-section{ padding: 60px 0 150px;}
.service-card{ gap: 30px;}

.serv-show-section{padding: 60px 0;}
.serv-show-wrapper{flex-direction: column;}
.show-content{order: 1;}

.layer-heading{ font-size: 28px;}
.layer-heading > b{ font-size: 45px;}

.sub-view-wrap{ gap: 35px;flex-direction: column;}

.portfolio-category-section{padding: 60px 0 0;}
.port-filter-btns{ display: grid; grid-template-columns: 1fr 1fr; justify-self: center; margin-bottom: 50px;}

.about-inn-wrap{ gap: 60px;}
.abt-inn-img{  max-height: 400px;}
.abt-inn-head{ font-size: 30px;}

.mid-ban-title{font-size: 50px;}

.objective-section{padding: 80px 0 60px;}

.team-section{padding: 60px 0 0;}

.career-section{ padding: 60px 0 0;}
.career-sm-img{display: block;}
.career-lg-img{display: none;}
.career-wrapper{ flex-direction: column;}
.career-form-lft{ order: 1;}
.career-form-head{ font-size: 26px;}

.gallery-section{ padding: 60px 0 0;}
.gallery-wrapper{grid-template-columns: 1fr; }

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

.download-grid { grid-template-columns: 1fr;}
.download-title{ margin: 0 0 10px;}

.news-section{padding: 60px 0 0;}
.news-box{margin: 0 auto;}
.news-grid{grid-template-columns: 1fr; gap: 30px;}

.milestone-content > p{width: auto;}
.milestone-box{ width: 400px; text-align: center;padding-top: 260px;}
.img-milestone{ transform: translate(-50%, -80px) !important; left: 50%;}
.milestone-progress-dot{left: 50%; transform: translate(-50%, -50%);}

.fitout-section, .fitout-img-section{padding: 60px 0 0;}




}
        
@media (max-width: 575px) {

.inner-banner-cont{ height: 50vh;}
.inn-banner-title{font-size: 35px;}
.service-title{ font-size: 25px; line-height: 1.3em;}
.service-card-cont{gap: 15px;}
.service-card-cont > p{ font-size: 15px;  margin-bottom: 15px;}
.service-card{padding-bottom: 35px;}

.serv-show-section{padding: 40px 0;}
.serv-show-wrapper{gap: 25px;}
.show-content{text-align: center;}
.comn-para-cont{font-size: 15px;}

.service-sub-section{ padding: 40px 0;}
.layer-heading{ font-size: 24px;margin: 0 0 30px;line-height: 1.8em;}
.layer-heading > b{ font-size: 38px;}
.sub-service-box{text-align: center;}
.sub-service-box > h3{ margin: 20px 0 10px;font-size: 26px;}
.sub-service-box > p{font-size: 16px;}
.sub-service-box > i{align-self: center;}
.show-content-title{font-size: 25px;}
.show-content-title > b{display: inline;}

.sub-view-cont{text-align: center;}
.sub-view-points > h3{ margin: 0 0 10px; font-size: 26px;}
.sub-view-description{ gap: 30px; padding-top: 50px;text-align: center;}

.portfolio-category-section{padding: 40px 0 0;}
.port-filter-btns{margin-bottom: 30px;}
.filter-btn{font-size: 14px;}

.portf-view-section{ padding: 40px 0 0;}
.portfolio-gallery{gap: 10px;}
.pf-gallery{gap: 10px;}
.portf-view-title{gap: 20px;}
.portf-view-title > h2{ font-size: 24px;}
.portfolio-gallery{margin-top: 30px;}

.about-section {padding: 40px 0;}
.about-inn-wrap{ gap: 40px;}
.abt-inn-head > b{display: inline;}
.abt-inn-lft-cont{ gap: 15px;}
.abt-inn-head{  font-size: 24px;}
.since-icon{padding: 7px 13px 7px 40px; font-size: 15px}

.abt-mid-wrap{gap: 25px;padding: 60px 0 0;}
.mid-ban-title{ font-size: 38px;}
.abt-mid-wrap p{font-size: 16px;}
.abt-middle-banner-sec{ height: 600px; background-position: right;}

.team-section{padding: 40px 0 0;}
.abt-sub-title{font-size: 20px; margin-bottom: 20px; font-weight: var(--light);}
.abt-big-title{  margin-bottom: 25px; font-size: 35px;}
.team-rght-wrap > p{font-size: 16px;}
.team-wrapper{gap: 30px;}
.team-photo-grid{ gap: 25px 15px;}
.team-photo-box{ gap: 10px;}
.team-photo-box > b{font-size: 15px;}

.career-section{ padding: 40px 0 0;}
.career-form-head{ font-size: 24px; margin: 0 0 30px;}

.gallery-section .filter-btn{ width: 140px;}
.gallery-box > a{width: auto;max-width: 300px;}
.gallery-section{ padding: 40px 0 0; gap: 35px;}
.gallery-title{ font-size: 15px;}

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

.news-section{padding: 40px 0 0;}
.news-detail-wrapper{ gap: 25px;}

.inn-banner-title > b{display: inline;}

.milestone-box-wrapper{ padding: 80px 0;}
.milestone-box{width: auto;}
.mile-custom-nav{ bottom: 0;}
.milestone-content > b{font-size: 25px;}
.milestone-content > p{ font-size: 16px;}

.fitout-section, .fitout-img-section{padding: 40px 0 0;}
.fitout-wrapper{ gap: 15px;}
.comn-sec-head{ margin: 0 0 10px; font-size: 30px;}
.comn-sec-head > b{display: inline;}

}


@media (max-width: 375px) {

.portf-view-title > h2{ font-size: 20px;}

}

@media screen and (max-width: 1024px) and (orientation: portrait) {

.inner-banner-cont{height: 50vh;}

}