@media only screen and (max-width:1440px){
     .container {
         max-width: 1240px;
    }
        .headingTop {
        font-size: 50px;
        max-width: 625px;
    }
     .projectBtn {
         max-width: 600px;
    }
     .index-banner {
         min-height: 765px;
    }
     .imagesGrid .imgBox .textBar {
         position: absolute;
         top: 30px;
         left: 30px;
    }
     .genTextBox .heading {
         font-size: 43.5px;
    }
     .genTextBox .desc {
         font-size: 18px;
    }
     .slideArrows {
         left: 165px;
    }
     .sec4Card .title {
         font-size: 28px;
    }
     .sec4Card img {
         max-width: 60px;
    }
     .footLogo {
         max-width: 225px;
    }
     .fSocialIcon .fSocial {
         font-size: 25px;
    }
     .fSocialIcon {
         max-width: 120px;
    }
     .footerBottom .desc {
         font-size: 18px;
    }
     .navItem {
         font-size: 28px;
    }
     .navBar ul {
         max-width: 824px;
    }
     .navBar ul li {
         padding: 10.5px 60px;
    }
     .getStartedForm .title {
         font-size: 22px;
    }
     .megaMenu {
         padding-top: 20px;
    }
    .lawn-turf-first-wrap-text h6 {
        font-size: 30px;
    }
    .lawn-turf-first-wrap-text p {
        font-size: 14px;
        margin: 0px 0px 20px 0px;
    }
    .mt-sm-0 {
        margin-top: 0 !important;
    }
     .megaMenu .btmRow .desc {
         font-size: 18px;
    }
     .megaMenu img {
         max-width: 185px;
    }
     .index-sec-5 {
         padding: 100px 0px;
    }
     .index-sec-2 {
         padding-top: 120px;
    }
     .fColLeft {
         padding-left: 0;
    }
     .fColRight {
         padding-left: 80px;
    }
     .bannerTop.active .socialIcon {
         width: 50px;
         height: 40px;
         font-size: 18px;
    }
     .bannerTop.active #toggleBtn {
         height: 50px;
    }
     .bannerTop.active .langBtn {
         width: 35px;
         height: 35px;
         font-size: 12px;
    }
     .animaBtn:hover .txt {
    transform: translateX(20px) scale(0.85);
}
     .startBtn:hover .txt {
         transform: translateX(0) scale(0.85);
    }
     .bannerTop .langBtn {
         width: 45px;
         height: 45px;
         font-size: 12px;
    }
     .bannerTop #toggleBtn {
         font-size: 16.5px;
         height: 50px;
    }
     .bannerTop .socialIcon {
         width: 60px;
         height: 50px;
         font-size: 18px;
    }
     .bannerTop #toggleBtn:after {
         width: 20px;
         height: 20px;
         background-size: 20px;
    }
     .navBar {
         top: 52px;
    }
     .startBtn {
         max-width: 550px;
    }
     .index-sec-3 {
         padding: 100px 0px;
    }
     .getStartedForm input {
         height: 50px;
    }
     .submitBtn {
         height: 50px;
    }
     .megaRow {
         position: relative;
         bottom: -34px;
    }
     .megaMenu .btmRow {
         padding: 0px 0px 0px 60px;
    }
     .cntctBox a {
         font-size: 16px;
    }
}
 @media only screen and (max-width:1280px){
     .slideArrows {
         left: 175px;
    }
     .container {
         max-width: 1140px;
    }
}
@media only screen and (max-width:1366px){
}
 @media only screen and (max-width:1024px){
}
 @media only screen and (max-width:991px){
}
 @media only screen and (max-width:768px){
     .fColCenter {
    width: 100%;
    }
    .fColRight {
        padding-left: 0;
        padding-top: 20px;
    }
    .fColCenter {
        order: -1;
    }
    .fSocialIcon {
    margin: 0;
    gap: 30px;
    justify-content: flex-start;
    }
    .footerBottom .desc {
        font-size: 14px;
        text-align: start!important;
    }
    .footer {
        background: #101010;
        padding: 65px 0px 40px 0px;
    }
    .footLogo {
    max-width: 175px;
    }
    .fColCenter {
    width: 100%;
    margin: 0px 0px 40px 0px;
}
.footerRow {
        flex-direction: column;
        gap: 10px;
    }
    .fColLeft {
    max-width: 100%;
    width: 100%;
}
.fColRight {
    max-width: 100%;
    width: 100%;
}
.footerBottom .fColCenter {
    order: 1;
    margin-bottom: 0;
}
}
 @media only screen and (max-width:660px){
}
 @media only screen and (max-width:575px){
     .megaMenu {
        padding-top: 150px;
    }
    .navBar ul li {
        padding: 10px;
    }
    .navBar {
        top: 20px;
    }
    .megaRow {
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
        bottom: 0;
        padding-top: 40px;
    }
    .getStartedForm {
        padding-left: 0px;
    }
    .megaMenu .btmRow {
        gap: 10px;
        margin: 0px 0px 30px 0px;
        padding: 0px;
    }
    .getStartedForm input {
        font-size: 12px;
    }
    .submitBtn {
        font-size: 16px;
    }
    .megaRow .col-left {
        width: calc(100% - 30px);
    }
    .banner-logo-bg img {
        width: 100%;
    }
    .about-sec-main .genTextBox.type2 {
        padding: 20px 10px;
    }
    .navItem {
        font-size: 22px;
    }
    .megaMenu .btmRow .desc {
        font-size: 16px;
    }
    .getStartedForm .title {
        font-size: 20px;
    }
    .animaBtn:hover .txt {
        transform: translateX(20px) scale(0.85);
    }
    .animaBtn {
        font-size: 12px;
        max-width: 250px;
        width: 100%;
        height: 60px;
        padding-left: 25px;
    }
    .animaBtn:after {
        right: 30px;
        width: 20px;
        height: 20px;
        background-size: 20px;
    }
    .genTextBox .heading {
        font-size: 25px;
    }
    .genTextBox.type2 .desc {
        font-size: 14px;
    }
    .about-sec-main .genTextBox.type2 {
        padding: 20px 15px;
    }
    .about-sec-1 {
        padding: 50px 0px;
    }
    .about-sec-2 {
        padding: 50px 0px 49px 0px;
    }
    .genTextBox .heading {
        font-size: 24px;
    }
    .genTextBox .desc {
        font-size: 14px;
    }
    .imagesGrid .imgBox .title {
        font-size: 20px;
    }
    .imagesGrid .imgBox .desc {
        font-size: 16px;
    }
    .index-sec-3 {
        padding: 50px 0px;
    }
    .paddLeft {
        padding-left: 0px;
    }
   .slideArrows {
        left: 95px;
        bottom: 50px;
        gap: 20px;
    }
    .slideArrows .arrows img {
        /*filter: brightness(0) invert(1);*/
        max-width: 8px;
    }
   .slideArrows .arrows {
        width: 40px;
        height: 40px;
        border: 2px solid var(--color-1);
        background: #ffffff;
}
    .index-sec-4 {
        padding: 50px 0px 50px 0px;
    }
    .genTextBox .heading {
        font-size: 20px;
    }
    .index-sec-4 .genTextBox.type3 {
        padding-bottom: 20px;
    }
    .index-sec-4 .genTextBox.type4 {
        padding: 0px 0px 30px 0px;
    }
    .index-sec-4 .bottomRow {
        gap: 40px;
        flex-direction: column;
    }
    .sec4Card .title {
        font-size: 20px;
    }
    .index-sec-5 {
        padding: 50px 0px;
    }
    .index-sec-5 .genTextBox.type2 .heading {
        font-size: 30px;
    }
    .headingTop {
        font-size: 35px;
        max-width: 625px;
    }
    .contact-first-wrap-text h6 {
        font-size: 25px;
        max-width: 100%;
    }
    .genTextBox .desc, .contact-first-wrap-text .desc {
        font-size: 14px;
    }
    .contact-first-wrap-feild input {
        height: 45px;
        font-size: 12px;
    }
    .contact-first-wrap-feild textarea {
        height: 150px;
        font-size: 12px;
    }
    .genTextBox.type2 .desc {
        font-size: 14px;
    }
    .sec5-img-box {
        height: 200px;
    }
    .footerNav {
        font-size: 18px;
    }
    .cntctBox .title, .cntctBox a {
        font-size: 18px;
    }
    .cntctBox a {
        font-size: 14px;
    }
    .footerBottom {
        align-items: flex-start;
    }
    .slideImg {
        height: 370px;
    }
    .slideArrows {
    left: 50%;
    transform: translateX(-50%)!important;
    bottom: 30px;
    gap: 20px;
    }
    .locationDesc {
        flex-direction: row;
        align-items: baseline;
        gap: 8px;
    }
}
 @media only screen and (max-width:480px){

}
 @media only screen and (max-width:375px){
     
}
 @media only screen and (max-width:340px){

}