@media (max-width: 990px) {
    .menuarea {
        display: none;
    }
}


@media(max-width:575px)
{
    .abt-banner1{
       background-attachment: scroll !important; 
        
        background-position-y: center !important;
    }
    .abt-banner3{
 background-attachment: scroll !important; 
        
        background-position-y: center !important;    }
    .call-bg{
 background-attachment: scroll !important; 
        
        background-position-y: center !important;    }
}

@media(min-width:1025px) and (max-width:1200px)
{
    .in-leg-img {
    margin-top: 80px;
}
    .ceo-image {
    width: 69%;
}
.ceo-details{
    width: 69%;
}
    .menuarea > ul > li {

    padding: 0px 10px;
}
.call-us {
    padding: 12px 30px !important;
}
.menuarea {
  
    padding: 69px 0px 0px 0px;
}
.slider-ban2 p {
  
    padding: 0px 24%;
}
.slider-ban2 h1 {
 
    font-size: 71px;
  
    line-height: 100%;
}
.slider-ban2 {
    position: absolute !important;
}
.m-buy {
 
}
.whatsapp-connect-button{

}

.banner-3 h2 {
   
    font-size: 48px;
}
.project-carousel .item {
    float: left;
    width: 100%;
    height: auto;
}
.b3-panel {
    float: left;
    width: 100%;
    padding-left: 50px;
}
.cont-2 {
    gap: 20px;
}
.fixed-center-logo {
    position: absolute;
    left: 49.6%;
}
.fixed-left h1 {
    font-size: 40px;
}
.sulfex-logo {
    object-fit: contain;
    width: 194px;
}
.legacy-count {
    font-size: 83px;
}
.legacy-logo-area {
    margin-right: 32px;
}

.legacy-years {
    display: flex
;
    /* align-items: flex-end; */
    gap: 22px;
    justify-content: center;
    align-items: center;
}
.legacy {
    background-size: 56%;
}
.legacy-description {
    padding-right: 22%;

}

/*abtus*/
.abt-banner2-img {
    position: relative;
    float: right;
    width: 413px;
    height: 339px;
}
.abt-banner2 h5 {
    font-size: 45px;
}
.quote-box {
    width: 100%;
    padding: 29px 23px;
}
.quote-box {
    width: 100%;
    padding: 29px 23px;
}

.welcome-content h1 br{
display: none;
}
.welcome-content h1 {
    font-size: 42px;
}
.bedroom-image {
    flex-basis: 50%;
    max-width: 30%;
}
.bedroom-image img {
    width: 100%;
    height: 100%;
}
.bedroom-content-list {
 

    align-items: center;
}
.feature-icon-inner {
    width: 60px;
    height: 60px;
}
.feature-icon-inner i {
    font-size: 19px;
}
.feature-content-inner h3 {
    font-family: 'Lora', serif;
    font-size: 22px;
}
.sp-cwlink{
    font-size: 25px;
}
ul.contact-info li {
   
    gap: 14px;
}

}





@media(min-width:991px) and (max-width:1024px)
{
    .in-leg-img {
    margin-top: 80px;
}
     .ceo-image {
    width: 69%;
}
.ceo-details{
    width: 69%;
}
  
    .slide{
        height: 700px;
    }
    .slide .item .slide-image {
height: 700px;
}
    .menuarea > ul > li {

    padding: 0px 10px;
}
.call-us {
    padding: 12px 30px !important;
}
.menuarea {
  
    padding: 69px 0px 0px 0px;
}
.slider-ban2 p {
  
    padding: 0px 24%;
}
.slider-ban2 h1 {
 
    font-size: 71px;
  
    line-height: 100%;
}
.slider-ban2 {
    position: absolute !important;
}
.m-buy {
   bottom: 151px;
}
.whatsapp-connect-button{

}

.banner-3 h2 {
   
    font-size: 48px;
}
.project-carousel .item {
    float: left;
    width: 100%;
    height: auto;
}
.b3-panel {
    float: left;
    width: 100%;
    padding-left: 50px;
}
.cont-2 {
    gap: 20px;
}
.fixed-center-logo {
    position: absolute;
    left: 49.6%;
}
.fixed-left h1 {
    font-size: 40px;
}
.sulfex-logo {
    object-fit: contain;
    width: 194px;
}
.legacy-count {
    font-size: 83px;
}
.legacy-logo-area {
    margin-right: 32px;
}

.legacy-years {
    display: flex
;
    /* align-items: flex-end; */
    gap: 22px;
    justify-content: center;
    align-items: center;
}
.legacy {
    background-size: 56%;
}
.legacy-description {
    padding-right: 22%;

}

/*abtus*/
.abt-banner2-img {
    position: relative;
    float: right;
    width: 413px;
    height: 339px;
}
.abt-banner2 h5 {
    font-size: 45px;
}
.quote-box {
    width: 100%;
    padding: 29px 23px;
}
.quote-box {
    width: 100%;
    padding: 29px 23px;
}

.welcome-content h1 br{
display: none;
}
.welcome-content h1 {
    font-size: 41px;
}
.bedroom-image {
    flex-basis: 50%;
    max-width: 30%;
}
.bedroom-image img {
    width: 100%;
    height: 100%;
}
.bedroom-content-list {
 

    align-items: center;
}
.feature-icon-inner {
    width: 60px;
    height: 60px;
}
.feature-icon-inner i {
    font-size: 19px;
}
.feature-content-inner h3 {
    font-family: 'Lora', serif;
    font-size: 22px;
}
.sp-cwlink{
    font-size: 25px;
}
ul.contact-info li {
   
    gap: 14px;
}

}







@media(min-width:1200px) and (max-width:1400px)
{
    .menuarea > ul > li {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0px 21px;
}
}



@media(min-width:768px) and (max-width:990px)
{
    .in-wrapper .legacy-left {
    flex: 100%;
    max-width: 100%;
}
       .in-wrapper .legacy-description {
        padding-right: 0px;
        max-width: 100%;
    }

     .in-leg-img {
    width:70%;
    height: auto;
    float: none;
    margin-bottom: 41px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.iner-legacy {

    padding-bottom: 50px !important;
}
.in-wrapper {
    display: flex !important
;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.inner-group{
    justify-content: center;
}
    .slide{
        height: 100vh;
    }
    .slide .item .slide-image {height: 100vh;}
    .menuarea > ul > li {

    padding: 0px 10px;
}
.call-us {
    padding: 12px 30px !important;
}
.menuarea {
  
    padding: 69px 0px 0px 0px;
}
.slider-ban2 p {
  
    padding: 0px 24%;
}
.slider-ban2 h1 {
 
    font-size: 71px;
  
    line-height: 100%;
}
.slider-ban2 {
    position: absolute !important;
}
.m-buy {
   bottom: 116px;
}
.whatsapp-connect-button{

right: 35px;

bottom: 30px;
}

.banner-3 h2 {
   
font-size: 38px;
}
.project-carousel .item {
    float: left;
    width: 100%;
    height: auto;
}
.b3-panel {
    float: left;
    width: 100%;
    padding-left: 84px;
}
.cont-2 {
    gap: 20px;
}
.fixed-center-logo {
    position: absolute;
    left: 49.6%;
}
.fixed-left h1 {
    font-size: 29px;
    letter-spacing: 0px;
}
.sulfex-logo {
    object-fit: contain;
    width: 167px;
}
.legacy-count {
    font-size: 67px;
}
.legacy-logo-area {
    margin-right: 21px;
}

.legacy-years {
    display: flex
;
    /* align-items: flex-end; */
    gap: 22px;
    justify-content: center;
    align-items: center;
}
.legacy {
    background-size: 48%;
}
.legacy-description {
    padding-right: 10%;
}

/*abtus*/
.abt-banner2-img {
    position: relative;
    float: none;
    width: 66%;
    height: 371px;
    margin-left: auto;
    margin-bottom: 40px;
    margin-right: auto;
}
.abt-banner2 h5 {
    font-size: 51px;
    float: left;
    text-align: center;
    width: 100%;
}
.quote-box {
    width: 100%;
    padding: 20px 19px !important;
    gap: 10px;
}
.quote-box {
    width: 100%;
    padding: 29px 23px;
}

.welcome-content h1 br{
display: none;
}
.welcome-content h1 {
    font-size: 49px;
}
.bedroom-image {
    flex-basis: 50%;
    max-width: 30%;
}
.bedroom-image img {
    width: 100%;
    height: 100%;
    display: none;
}
.bedroom-content-list {
 

    align-items: center;
}
.feature-icon-inner {
    width: 60px;
    height: 60px;
}
.feature-icon-inner i {
    font-size: 19px;
}
.feature-content-inner h3 {
    font-family: 'Lora', serif;
    font-size: 22px;
}
.sp-cwlink{
    font-size: 25px;
}
ul.contact-info li {
   
    gap: 14px;
}
.banner-para h2 {
    margin-top: -11px;
    padding-left: 0;
    font-size: 30px;
}
.fixed-right {
    width: 29%;
}
.car-connect-button {
    margin-top: 78px;
}


.banner5 h2 {
    margin-top: 13px;
    font-size: 46px;
}
.legacy-text {
    font-family: 'lora', serif;
    font-size: 35px;
}
.news-ticker-wrapper {
    padding: 16px 0px;
}
.news-ticker-item {
  
    font-size: 43px;
}
.feature-item-row {
    flex-direction: row-reverse;
    display: flex
;
    align-items: center;
    gap: 30px;
    justify-content: center;
}
.feature-content-wrapper {
    max-width: 70%;
    text-align: left;
}
.icon-left {
    flex-direction: row !important;
}
.call-bg h2 {
    /* margin-top: 13px; */
    font-size: 45px;
}
  .footer-content {
    display: block;
    /* flex-direction: row-reverse; */ /* reverse order horizontally */
    flex-wrap: wrap; /* allow multiple rows */
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto 30px;
    border-bottom: 1px solid transparent;
    gap: 0; /* no unwanted gaps */
  }

  .footer-content .footer-section {
    /* flex: 0 0 50% !important; */ /* exactly half width */
    width: 50%;
    box-sizing: border-box;
    margin-right: 0 !important; /* reset desktop spacing */
    padding-bottom: 32px;
    float: left;
  }

  .footer-content .brand-logo {
    align-items: center;
    display: flex;
  }
  .social-media{
        width: 100% !important;
        float: left !important;
        margin: auto !important;
        padding-bottom: 0px !important;
        justify-content: space-between !important;
        align-items: center;
  }
  .social-media h4{
    margin-bottom: 0;
  }
  .social-media p{
    margin-bottom: 0;
  }
  .cd-dropdown {

    width: 39% !important;
}
.abt-para{
    float: left;
    width: 100%;
    text-align: center;
}

.quote-head {
    font-size: 32px;
    text-align: center;
    font-weight: 400;
    line-height: 106%;
    letter-spacing: -1px;
}



/* --- Responsive Adjustments (Optional but Recommended) --- */

    .welcome-section {
        flex-direction: column;
        width: 100%;
        padding: 100px 75px;
        text-align: center;
        gap: 20px;
    }
    
    .ceo-image {
        /* Reset transform for better centering in a vertical layout */
        /* transform: none; */
        width: 45%;
        height: auto;
        /* border-radius: 20px; */ /* Make it a full circle on smaller screens */
    }
    
    .ceo-info {
        padding-bottom: 50px;
    }

    .ceo-details {
        /* Center the badge below the image on small screens */
        bottom: 0;
        left: 50%;
        /* transform: translateX(-50%); */
        width: 45%;
        /* border-radius: 9px; */
        padding: 21px 15px;
    }
    .box-1{
        margin-bottom: 20px;
    }


     .main-content-layout {
        /* flex-direction: column; */
        gap: 10px;
    }

    .content-column, .sidebar-column {
        flex: auto;
        min-width: auto;
    }

    .sidebar-column {
/*        order: -1; */
    }

    .bedroom-content-list {
        flex-direction: column;
        gap: 4px;
    }
    
    .bedroom-image, .list-container {
        max-width: 100%;
        flex-basis: 100%;
    }
    
    .text-and-image-row {
        flex-direction: column;
    }
    
    .mauris-image, .mauris-text {
        max-width: 100%;
        flex-basis: 100%;
    }
    
    .mauris-text {
        padding-right: 0;
    }
    .hero-image img {
    width: 100%;
    height: 256px;
}
.heading-lora {

    font-size: 34px;
    margin-bottom: 19px;
}
.features-section-inner {
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px 0px;
}
.strength h5 {
 letter-spacing: -1px;
    font-size: 46px;
  
}

.strength-box {
padding: 10px 15px;
height: auto;
}
.strength-box h2 {

    font-size: 24px;
}
.strength {
    float: left;
    width: 100%;
    padding: 40px 0px;
}
.a-bus-1 h1 {
    font-size: 43px;

    padding: 0;
}
.product-box {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-content: center;
    display: grid
;
}

.career h6 {
    float: left;
    width: 100%;
    padding: 20px 0px;
}
.career h1 {
margin-bottom: 0px;
}
.contact-form-2 {
    float: left;
    position: relative;
    padding: 45px 0 45px 22px;
}
.main-item-2 {
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
    position: relative;
    height: 395px;
}
}




@media(max-width:990px)
{
    .desk-ftr{
        display: none;
    }
    .mob-ftr{
        display: block;
    }
        .banner-3 h2 br{
            display: none;
        }
}



@media(min-width:990px)
{
    .desk-ftr{
        display: block;
    }
    .mob-ftr{
        display: none;
    }
}





@media(min-width:576px) and (max-width:767px)
{
    .slide{
        height: 100vh;
    }
    .slide .item .slide-image {height: 100vh;}
    .menuarea > ul > li {

    padding: 0px 10px;
}
.call-us {
    padding: 12px 30px !important;
}
.menuarea {
  
    padding: 69px 0px 0px 0px;
}
.slider-ban2 p {
  
padding: 0px 6%;
}
.slider-ban2 h1 {
 
font-size: 53px;
 
line-height: 100%;
 
letter-spacing: 0;
}
.slider-ban2 {
    position: absolute !important;
}
.m-buy {
   bottom: 116px;
}
.whatsapp-connect-button{

right: 13px;

bottom: 31px;

height: 51px;
}

.banner-3 h2 {
   
font-size: 38px;
   
padding-left: 0px;
   
margin-top: 26px;
   
letter-spacing: -1px;
}
.project-carousel .item {
    float: left;
    width: 100%;
    height: auto;
}
.b3-panel {
    float: left;
    width: 100%;
    padding-left: 75px;
}
.cont-2 {
    gap: 20px;
        width: 85%;
    float: left;
    padding: 15px 18px;
}
.fixed-center-logo {
    position: absolute;
    left: 62.6%;
}
.fixed-left h1 {
    font-size: 28px;
    letter-spacing: 0px;
}
.sulfex-logo {
    object-fit: contain;
    width: 167px;
}
.legacy-count {
    font-size: 67px;
}
.legacy-logo-area {
    margin-right: 21px;
}

.legacy-years {
    display: flex
;
    /* align-items: flex-end; */
    gap: 22px;
    justify-content: center;
    align-items: center;
}
.legacy {
    background-size: 100%;
    padding-bottom: 326px;
    background-position: bottom right;
}
.legacy-description {
    padding-right: 0;
}

/*abtus*/
.abt-banner2-img {
    position: relative;
    float: none;
    width: 80%;
    height: 384px;
    margin-left: auto;
    margin-bottom: 40px;
    margin-right: auto;
}
.abt-banner2 h5 {
    font-size: 47px;
    float: left;
    text-align: center;
    width: 100%;
}
.quote-box {
    width: 100%;
    padding: 20px 19px !important;
    margin-left: auto;
    margin-top: -144px;
}
.quote-box {
    width: 100%;
    padding: 29px 23px;
}

.welcome-content h1 br{
display: none;
}
.welcome-content h1 {
    font-size: 46px;
}
.bedroom-image {
    flex-basis: 50%;
    max-width: 30%;
}
.bedroom-image img {
    width: 479px;
    height: 252px;
    /* display: none; */
}
.bedroom-content-list {
 
/* align-items: center; */
}
.feature-icon-inner {
    width: 60px;
    height: 60px;
}
.feature-icon-inner i {
    font-size: 19px;
}
.feature-content-inner h3 {
    font-family: 'Lora', serif;
    font-size: 22px;
}
.sp-cwlink{
    font-size: 25px;
}
ul.contact-info li {
   
    gap: 14px;
}
.banner-para h2 {
    margin-top: 29px;
    padding-left: 0;
    font-size: 31px;
    letter-spacing: -1px;
}
.fixed-right {
    width: 100%;
    /* CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX; */
    left: 0;
    top: 3%;
    align-items: flex-start;
}
.car-connect-button {
    margin-top: unset;
    /* top: 48%; */
    position: relative;
}


.banner5 h2 {
    margin-top: 13px;
    font-size: 46px;
}
.legacy-text {
    font-family: 'lora', serif;
    font-size: 35px;
}
.news-ticker-wrapper {
    padding: 16px 0px;
}
.news-ticker-item {
  
    font-size: 43px;
}
.feature-item-row {
    flex-direction: column-reverse;
    display: flex;
    align-items: center;
    gap: 17px;
    justify-content: center;
    text-align: center;
}
.feature-content-wrapper {
    max-width: 100%;
    text-align: center;
    float: left;
    width: 100%;
}
.icon-left {
    flex-direction: column;
}
.call-bg h2 {
    padding: 0 137px;
    font-size: 45px;
}
  .footer-content {
    display: block;
    /* flex-direction: row-reverse; */ /* reverse order horizontally */
    flex-wrap: wrap; /* allow multiple rows */
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto 30px;
    border-bottom: 1px solid transparent;
    gap: 0; /* no unwanted gaps */
  }

  .footer-content .footer-section {
    /* flex: 0 0 50% !important; */ /* exactly half width */
    width: 100%;
    box-sizing: border-box;
    margin-right: 0 !important; /* reset desktop spacing */
    padding-bottom: 32px;
    float: left;
    text-align: center;
  }

  .footer-content .brand-logo {
    align-items: center;
    display: block;
    /* gap: 10px; */
  }
  .social-media{
        width: 100% !important;
        float: left !important;
        margin: auto !important;
        padding-bottom: 0px !important;
        justify-content: space-between !important;
        align-items: center;
  }
  .social-media h4{
    margin-bottom: 0;
  }
  .social-media p{
    margin-bottom: 0;
  }
  .cd-dropdown {

    width: 39% !important;
}
.abt-para{
    float: left;
    width: 100%;
    text-align: center;
}

.quote-head {
    font-size: 41px;
    text-align: center;
    font-weight: 400;
    line-height: 92%;
    padding-top: 20px;
}



/* --- Responsive Adjustments (Optional but Recommended) --- */

    .welcome-section {
        /* flex-direction: column; */
        width: 100%;
        /* padding: 100px 75px; */
        text-align: center;
        /* gap: 20px; */
    }
    
    .ceo-image {
        /* Reset transform for better centering in a vertical layout */
        transform: none;
        width: 70%;
        height: auto;
        /* border-radius: 20px; */ /* Make it a full circle on smaller screens */
    }
    
    .ceo-info {
        padding-bottom: 50px;
    }

    .ceo-details {
        /* Center the badge below the image on small screens */
        bottom: 0;
        left: 50%;
        /* transform: translateX(-50%); */
        width: 70%;
        /* border-radius: 9px; */
        padding: 17px 15px;
    }
    .box-1{
        margin-bottom: 20px;
    }


     .main-content-layout {
        flex-direction: column;
        gap: 10px;
    }

    .content-column, .sidebar-column {
        flex: auto;
        min-width: auto;
        padding-bottom: 0px;
    }

    .sidebar-column {
/*        order: -1; */
    }

    .bedroom-content-list {
        flex-direction: column;
        gap: 4px;
    }
    
    .bedroom-image, .list-container {
        max-width: unset;
        flex-basis: unset;
    }
    
    .text-and-image-row {
        flex-direction: column;
    }
    
    .mauris-image, .mauris-text {
        max-width: 100%;
        flex-basis: 100%;
    }
    
    .mauris-text {
        padding-right: 0;
    }
    .hero-image img {
    width: 100%;
    height: 256px;
}
.heading-lora {

    font-size: 34px;
    margin-bottom: 19px;
}
.features-section-inner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 36px 0px;
}
.strength h5 {
 letter-spacing: -1px;
 font-size: 46px;
}

.strength-box {padding: 24px 46px;height: auto;}
.strength-box h2 {

    font-size: 24px;
}
.strength {
    float: left;
    width: 100%;
    padding: 40px 0px;
}
.a-bus-1 h1 {
    font-size: 43px;

    padding: 0;
}
.product-box {
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    justify-content: center;
    display: grid;
}

.career h6 {
    float: left;
    width: 100%;
    padding: 20px 0px;
}
.career h1 {
margin-bottom: 0px;
}
.contact-form-2 {
    float: left;
    position: relative;
    padding: 45px 22px 45px 22px;
}
.main-item-2 {
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
    position: relative;
    height: 333px;
}
.cont {
 
    padding: 0px 16px;
}
.hero-section {
 
height: 291px;
}
.hero-fixed-content {

padding: 0 29px;

display: flex;

flex-direction: column;

justify-content: center;

gap: 3px;
}
.small-text {
    display: none;
}
.fixed-left{
    width: 100%;
}
.news-ticker-item img {
margin-top: 1px;
}

.legacy-left{
max-width: 100%;
flex: none;

} 
.counterup-container {
    display: grid
;
    float: left;
    width: 100%;
    margin-bottom: 13px;
        gap: 38px 0;
    grid-template-columns: repeat(2, 2fr);
}
.counterup-container .col-sm-6{
    width: 100%;
}
.a-bus1-1 p{
    text-align: justify;
}
.contact-form-2:before {

    width: 100%;
}
}









@media(max-width:767px)
{
    .in-leg-img {
    width: 100%;
    height: auto;
    float: none;
    margin-bottom: 41px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.iner-legacy {

    padding-bottom: 50px !important;
}
.in-wrapper {
    display: flex !important
;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.inner-group{
    justify-content: center;
}
}


@media(min-width:450px) and (max-width:575px)
{
    .slide{
        height: 100vh;
    }
    .slide .item .slide-image {height: 100vh;}
    .menuarea > ul > li {

    padding: 0px 10px;
}
.call-us {
    padding: 12px 30px !important;
}
.menuarea {
  
    padding: 69px 0px 0px 0px;
}
.slider-ban2 p {
  
padding: 0px 6%;
}
.slider-ban2 h1 {
 
font-size: 53px;
 
line-height: 100%;
 
letter-spacing: 0;
}
.slider-ban2 {
    position: absolute !important;
}
.m-buy {
   bottom: 116px;
}
.whatsapp-connect-button{

right: 13px;

bottom: 31px;

height: 51px;
}

.banner-3 h2 {
   
font-size: 38px;
   
padding-left: 0px;
   
margin-top: 26px;
   
letter-spacing: -1px;
}
.project-carousel .item {
    float: left;
    width: 100%;
    height: auto;
}
.b3-panel {
    float: left;
    width: 100%;
    padding-left: 18px;
}
.cont-2 {
    gap: 11px;
    width: 92%;
    float: left;
    padding: 15px 16px;
}
.fixed-center-logo {
    position: absolute;
    left: 18.6%;
}
.fixed-left h1 {
    font-size: 28px;
    float: right;
    letter-spacing: 0px;
}
.sulfex-logo {
    object-fit: contain;
    width: 167px;
}
.legacy-count {
    font-size: 67px;
}
.legacy-logo-area {
    margin-right: 21px;
}

.legacy-years {
    display: flex
;
    /* align-items: flex-end; */
    gap: 22px;
    justify-content: center;
    align-items: center;
}
.legacy {
    background-size: 100%;
    padding-bottom: 259px;
    background-position: bottom right;
}
.legacy-description {
    padding-right: 0;
}

/*abtus*/
.abt-banner2-img {
    position: relative;
    float: none;
    width: 100%;
    height: 384px;
    margin-left: auto;
    margin-bottom: 40px;
    margin-right: auto;
}
.abt-banner2 h5 {
    font-size: 41px;
    float: left;
    text-align: center;
    width: 100%;
}
.quote-box {
    width: 100%;
    padding: 20px 19px !important;
    margin-left: auto;
    margin-top: -144px;
}
.quote-box {
    width: 100%;
    padding: 29px 23px;
}

.welcome-content h1 br{
display: none;
}
.welcome-content h1 {
    font-size: 41px;
}
.bedroom-image {
    flex-basis: 50%;
    max-width: 30%;
}
.bedroom-image img {
    /* width: 100%; */
    /* height: 252px; */
    display: none;
}
.bedroom-content-list {
 
/* align-items: center; */
}
.feature-icon-inner {
    width: 60px;
    height: 60px;
}
.feature-icon-inner i {
    font-size: 19px;
}
.feature-content-inner h3 {
    font-family: 'Lora', serif;
    font-size: 22px;
}
.sp-cwlink{
    font-size: 25px;
}
ul.contact-info li {
   
    gap: 14px;
}
.banner-para h2 {
    margin-top: 29px;
    padding-left: 0;
    font-size: 31px;
    letter-spacing: -1px;
}
.fixed-right {
    width: 100%;
    /* CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX; */
    left: unset;
    top: 3%;
    align-items: end;
    right: 0;
}
.car-connect-button {
    margin-top: unset;
    right: 0;
    position: relative;
}


.banner5 h2 {
    margin-top: 13px;
    font-size: 46px;
}
.legacy-text {
    font-family: 'lora', serif;
    font-size: 35px;
}
.news-ticker-wrapper {
    padding: 16px 0px;
}
.news-ticker-item {
  
font-size: 30px;
  
margin-right: 21px;
}
.feature-item-row {
    flex-direction: column-reverse;
    display: flex;
    align-items: center;
    gap: 17px;
    justify-content: center;
    text-align: center;
}
.feature-content-wrapper {
    max-width: 100%;
    text-align: center;
    float: left;
    width: 100%;
}
.icon-left {
    flex-direction: column;
}
.call-bg h2 {
    padding: 0 26px;
    font-size: 45px;
}
  .footer-content {
    display: block;
    /* flex-direction: row-reverse; */ /* reverse order horizontally */
    flex-wrap: wrap; /* allow multiple rows */
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto 30px;
    border-bottom: 1px solid transparent;
    gap: 0; /* no unwanted gaps */
  }

  .footer-content .footer-section {
    /* flex: 0 0 50% !important; */ /* exactly half width */
    width: 100%;
    box-sizing: border-box;
    margin-right: 0 !important; /* reset desktop spacing */
    padding-bottom: 32px;
    float: left;
    text-align: center;
  }

  .footer-content .brand-logo {
    align-items: center;
    display: block;
    /* gap: 10px; */
  }
  .social-media{
        width: 100% !important;
        float: left !important;
        margin: auto !important;
        padding-bottom: 0px !important;
        justify-content: space-between !important;
        align-items: center;
        flex-direction: column;
        gap: 20px;
  }
  .social-media h4{
    margin-bottom: 0;
  }
  .social-media p{
    margin-bottom: 0;
  }
  .cd-dropdown {

    width: 60% !important;
}
.abt-para{
    float: left;
    width: 100%;
    text-align: justify;
}

.quote-head {
    font-size: 41px;
    text-align: center;
    font-weight: 400;
    line-height: 92%;
    padding-top: 20px;
}



/* --- Responsive Adjustments (Optional but Recommended) --- */

    .welcome-section {
        flex-direction: column;
        width: 100%;
        /* padding: 100px 21px; */
        text-align: center;
        gap: 20px;
    }
    
    .ceo-image {
        /* Reset transform for better centering in a vertical layout */
        transform: none;
        width: 79%;
        height: auto;
        /* border-radius: 20px; */ /* Make it a full circle on smaller screens */
    }
    
    .ceo-info {
        padding-bottom: 50px;
    }

    .ceo-details {
        /* Center the badge below the image on small screens */
        bottom: 0;
        left: 50%;
        /* transform: translateX(-50%); */
        width: 79%;
        /* border-radius: 9px; */
        padding: 19px 15px;
    }
    .box-1{
        margin-bottom: 20px;
    }


     .main-content-layout {
        flex-direction: column;
        gap: 10px;
    }

    .content-column, .sidebar-column {
        flex: auto;
        min-width: auto;
        padding-bottom: 0px;
    }

    .sidebar-column {
/*        order: -1; */
    }

    .bedroom-content-list {
        flex-direction: column;
        gap: 4px;
    }
    
    .bedroom-image, .list-container {
        max-width: unset;
        flex-basis: unset;
    }
    
    .text-and-image-row {
        flex-direction: column;
    }
    
    .mauris-image, .mauris-text {
        max-width: 100%;
        flex-basis: 100%;
    }
    
    .mauris-text {
        padding-right: 0;
    }
    .hero-image img {
    width: 100%;
    height: 256px;
}
.heading-lora {

    font-size: 34px;
    margin-bottom: 19px;
}
.features-section-inner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 36px 0px;
}
.strength h5 {
 letter-spacing: -1px;
 font-size: 41px;
}

.strength-box {padding: 24px 46px;height: auto;}
.strength-box h2 {

    font-size: 24px;
}
.strength {
    float: left;
    width: 100%;
    padding: 40px 0px;
}
.a-bus-1 h1 {
    font-size: 43px;

    padding: 0;
}
.product-box {
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    justify-content: center;
    display: grid;
}

.career h6 {
    float: left;
    width: 100%;
    padding: 20px 0px;
}
.career h1 {margin-bottom: 0px;font-size: 41px;}
.contact-form-2 {
    float: left;
    position: relative;
    padding: 45px 22px 45px 22px;
}
.main-item-2 {
    width: 100%;
    border-radius: 30px;
    object-fit: cover;
    position: relative;
    height: 333px;
}
.cont {
 
    padding: 0px 16px;
}
.hero-section {
 
height: 291px;
}
.hero-fixed-content {

padding: 0 29px;

display: flex;

flex-direction: column;

justify-content: center;

gap: 3px;

text-align: right;
}
.small-text {
    display: none;
}
.fixed-left{
    width: 100%;
    float: right;
}
.news-ticker-item img {margin-top: 1px;margin-right: 20px;}

.legacy-left{
max-width: 100%;
flex: none;

} 
.counterup-container {
    display: grid
;
    float: left;
    width: 100%;
    margin-bottom: 13px;
        gap: 38px 0;
    grid-template-columns: repeat(2, 2fr);
}
.counterup-container .col-sm-6{
    width: 100%;
}
.a-bus1-1 p{
    text-align: justify;
}
.contact-form-2:before {

    width: 100%;
}
.footer-bottom{
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.legacy-heading-group {
    gap: 22px;
    flex-direction: column;
}
.item-content-2 {
    font-size: 27px;
}
.arrow-visble-2 {
    width: 38px !important;
}
    .legacy-years-inner {
margin: auto;
}
.inner-p{
    text-align: justify;
}
.welcome-content p {
    text-align: justify;
}
.abt-banner1 h1 {
  
    font-size: 47px;
}
.abt-banner1 {
    padding: 187px 0px 70px 0px;
}
}












@media (max-width:449px)
{
    .slide{
        height: 600px;
    }
    .slide .item .slide-image {height: 600px;}
    .menuarea > ul > li {

    padding: 0px 10px;
}
.call-us {
    padding: 12px 30px !important;
}
.menuarea {
  
    padding: 69px 0px 0px 0px;
}
.slider-ban2 p {
  
padding: 0px 6%;
}
.slider-ban2 h1 {
 
font-size: 41px;
 
line-height: 100%;
 
letter-spacing: 0;
}
.slider-ban2 {
    position: absolute !important;
}
.m-buy {
   bottom: 124px;
   width: 50px;
}
.whatsapp-connect-button{

right: 13px;

bottom: 21px;

height: 47px;

width: 167px;

font-size: 15px;
}

.banner-3 h2 {
   
font-size: 33px;
   
padding-left: 0px;
   
margin-top: 26px;
   
letter-spacing: -1px;
}
.project-carousel .item {
    float: left;
    width: 100%;
    height: auto;
}
.b3-panel {
    float: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.cont-2 {
    gap: 11px;
    width: 100%;
    float: left;
    padding: 15px 16px;
    position: relative;
    background: #fff;
    border-radius: 0px 0px 30px 30px;
}
.fixed-center-logo {
    position: absolute;
    left: 0;
    transform: unset;
}
.fixed-left h1 {
    font-size: 23px;
    float: right;
    letter-spacing: 0px;
}
.sulfex-logo {
    object-fit: contain;
    width: 167px;
}
.legacy-count {
    font-size: 67px;
}
.legacy-logo-area {
    margin-right: 21px;
}

.legacy-years {
    display: flex
;
    /* align-items: flex-end; */
    gap: 22px;
    justify-content: center;
    align-items: center;
}
.legacy {
    background-size: 100%;
    padding-bottom: 216px;
    background-position: bottom right;
}
.legacy-description {
    padding-right: 0;
}

/*abtus*/
.abt-banner2-img {
    position: relative;
    float: none;
    width: 100%;
    height: 328px;
    margin-left: auto;
    margin-bottom: 40px;
    margin-right: auto;
}
.abt-banner2 h5 {
    font-size: 41px;
    float: left;
    text-align: center;
    width: 100%;
}
.quote-box {
    width: 100%;
    padding: 20px 19px !important;
    margin-left: auto;
    margin-top: -144px;
}
.quote-box {
    width: 100%;
    padding: 29px 23px;
}

.welcome-content h1 br{
display: none;
}
.welcome-content h1 {
    font-size: 37px;
}
.bedroom-image {
    flex-basis: 50%;
    max-width: 30%;
}
.bedroom-image img {
    /* width: 100%; */
    /* height: 252px; */
    display: none;
}
.bedroom-content-list {
 
/* align-items: center; */
}
.feature-icon-inner {
    width: 60px;
    height: 60px;
}
.feature-icon-inner i {
    font-size: 19px;
}
.feature-content-inner h3 {
    font-family: 'Lora', serif;
    font-size: 22px;
}
.sp-cwlink{
    font-size: 25px;
}
ul.contact-info li {
   
    gap: 14px;
}
.banner-para h2 {
    margin-top: 29px;
    padding-left: 0;
    font-size: 27px;
    letter-spacing: -1px;
}
.fixed-right {
    width: 100%;
    /* CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX; */
    left: unset;
    top: 3%;
    align-items: end;
    right: 0;
}
.car-connect-button {
    margin-top: unset;
    right: 0;
    position: relative;
    width: 168px;
    font-size: 15px;
    height: 47px;
}


.banner5 h2 {
    margin-top: 13px;
    font-size: 37px;
}
.legacy-text {
    font-family: 'lora', serif;
    font-size: 35px;
}
.news-ticker-wrapper {
    padding: 16px 0px;
}
.news-ticker-item {
  
font-size: 30px;
  
margin-right: 21px;
}
.feature-item-row {
    flex-direction: column-reverse;
    display: flex;
    align-items: center;
    gap: 17px;
    justify-content: center;
    text-align: center;
}
.feature-content-wrapper {
    max-width: 100%;
    text-align: center;
    float: left;
    width: 100%;
}
.icon-left {
    flex-direction: column;
}
.call-bg h2 {
    padding: 0 15px;
    font-size: 38px;
}
  .footer-content {
    display: block;
    /* flex-direction: row-reverse; */ /* reverse order horizontally */
    flex-wrap: wrap; /* allow multiple rows */
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin: 0 auto 30px;
    border-bottom: 1px solid transparent;
    gap: 0; /* no unwanted gaps */
  }

  .footer-content .footer-section {
    /* flex: 0 0 50% !important; */ /* exactly half width */
    width: 100%;
    box-sizing: border-box;
    margin-right: 0 !important; /* reset desktop spacing */
    padding-bottom: 32px;
    float: left;
    text-align: center;
  }

  .footer-content .brand-logo {
    align-items: center;
    display: block;
    /* gap: 10px; */
  }
  .social-media{
        width: 100% !important;
        float: left !important;
        margin: auto !important;
        padding-bottom: 0px !important;
        justify-content: space-between !important;
        align-items: center;
        flex-direction: column;
        gap: 20px;
  }
  .social-media h4{
    margin-bottom: 0;
  }
  .social-media p{
    margin-bottom: 0;
  }
  .cd-dropdown {

width: 92% !important;
}
.abt-para{
    float: left;
    width: 100%;
    text-align: justify;
}

.quote-head {
    font-size: 37px;
    text-align: center;
    font-weight: 400;
    line-height: 106%;
    padding-top: 20px;
}



/* --- Responsive Adjustments (Optional but Recommended) --- */

    .welcome-section {
        flex-direction: column;
        width: 100%;
        padding: 100px 21px;
        text-align: center;
        gap: 20px;
    }
    
    .ceo-image {
        /* Reset transform for better centering in a vertical layout */
        transform: none;
        width: 100%;
        height: auto;
        /* border-radius: 20px; */ /* Make it a full circle on smaller screens */
        /* max-width: 300px; */
    }
    
    .ceo-info {
        padding-bottom: 50px;
    }

    .ceo-details {
        /* Center the badge below the image on small screens */
        bottom: 0;
        left: 50%;
        /* transform: translateX(-50%); */
        width: 100%;
        /* border-radius: 9px; */
        padding: 18px 15px;
    }
    .box-1{
        margin-bottom: 20px;
        padding: 30px 15px;
    }


     .main-content-layout {
        flex-direction: column;
        gap: 10px;
    }

    .content-column, .sidebar-column {
        flex: auto;
        min-width: auto;
        padding-bottom: 0px;
    }

    .sidebar-column {
/*        order: -1; */
    }

    .bedroom-content-list {
        flex-direction: column;
        gap: 4px;
    }
    
    .bedroom-image, .list-container {
        max-width: unset;
        flex-basis: unset;
    }
    
    .text-and-image-row {
        flex-direction: column;
    }
    
    .mauris-image, .mauris-text {
        max-width: 100%;
        flex-basis: 100%;
    }
    
    .mauris-text {
        padding-right: 0;
    }
    .hero-image img {
    width: 100%;
    height: 256px;
}
.heading-lora {

    font-size: 34px;
    margin-bottom: 19px;
}
.features-section-inner {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 36px 0px;
}
.strength h5 {
 letter-spacing: -1px;
 font-size: 41px;
}

.strength-box {padding: 24px 46px;height: auto;}
.strength-box h2 {

    font-size: 24px;
}
.strength {
    float: left;
    width: 100%;
    padding: 40px 0px;
}
.a-bus-1 h1 {
    font-size: 35px;
    padding: 0;
}
.product-box {
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    justify-content: center;
    display: grid;
}

.career h6 {
    float: left;
    width: 100%;
    padding: 20px 0px;
}
.career h1 {margin-bottom: 0px;font-size: 41px;}
.contact-form-2 {
    float: left;
    position: relative;
    padding: 45px 22px 45px 22px;
}
.main-item-2 {
    width: 100%;
    border-radius: 30px 30px 0px 0px;
    object-fit: cover;
    position: relative;
    height: auto;
}
.cont {
 
    padding: 0px 16px;
}
.hero-section {
 
height: 229px;
}
.hero-fixed-content {

padding: 0 15px;

display: flex;

flex-direction: column;

justify-content: center;

gap: 3px;

text-align: right;
}
.small-text {
    display: none;
}
.fixed-left{
    width: 100%;
    float: right;
}
.news-ticker-item img {margin-top: 1px;margin-right: 20px;}

.legacy-left{
max-width: 100%;
flex: none;

} 
.counterup-container {
    display: grid
;
    float: left;
    width: 100%;
    margin-bottom: 13px;
        gap: 38px 0;
    grid-template-columns: repeat(2, 2fr);
}
.counterup-container .col-sm-6{
    width: 100%;
}
.a-bus1-1 p{
    text-align: justify;
}
.contact-form-2:before {

    width: 100%;
}
.footer-bottom{
    padding: 23px 10px !important;
    flex-direction: column;
    gap: 13px;
}
.legacy-heading-group {
    gap: 22px;
    flex-direction: column;
}
.item-content-2 {
    font-size: 27px;
}
.arrow-visble-2 {
    width: 38px !important;
}
    .legacy-years-inner {
margin: auto;
}
.inner-p{
    text-align: justify;
}
.welcome-content p {
    text-align: justify;
}
.abt-banner1 h1 {
  
    font-size: 47px;
}
.abt-banner1 {
    padding: 187px 0px 70px 0px;
}
.logo-placeholder {
    max-width: 78%;
}
.banner-3 h2 br{
    display: none;
}
.banner-3 {
    width: 100%;
    padding: 69px 0 31px 0px;
}
.whatsapp-icon-container {
    width: 47px;
    height: 47px;
   
    margin-right: 12px;
}
.car-icon-container {
    width: 47px;
    height: 47px;
   
    margin-right: 12px;
}

.quote-img img {
    object-fit: cover;
    border-radius: 10px;
    height: 362px;
}
}