/* Extra Small Devices (Phones) - max 360px */



/* 8K Screens */

@media (max-width: 5000px) {

    /*  .container {

    max-width: 2500px;

  }*/

    /*banner section*/

   /* .carousel-caption {

        left: 35%;

    }*/

}

/* 4K Screens */

@media (max-width: 3839px) {

    /*banner section*/

    /*    .carousel-caption {

        left: 35%;

    }*/

    /*  .container {

    max-width: 2000px;

  }*/

}



/* Extra Large Screen (2K) */

@media (max-width: 2559px) {

    /*    .container {

        max-width: 1600px;

    }*/

    /*banner section*/

  /*  .carousel-caption {

        left: 20%;

    }*/

}



@media (max-width: 1920px) {

    /*  .container {

    max-width: 1320px;

  }*/

   /* .dottedList li:nth-child(3)::after {

        content: "";

        position: absolute;

        left: 191px;

        top: -92%;

        height: 25%;

        width: 200px;

        border-top: 3px dashed #74b51e;

        transform: translateY(-50%);

    }



    .dottedList li:nth-child(2)::after {

        content: "";

        position: absolute;

        left: 151px;

        top: -92%;

        height: 25%;

        width: 194px;

        border-top: 3px dashed #74b51e;

        transform: translateY(-50%);

    }



    .dottedList li:nth-child(1)::after {

        content: "";

        position: absolute;

        left: 124px;

        top: -100%;

        height: 25%;

        width: 201px;

        border-top: 3px dashed #74b51e;

        transform: translateY(-50%);

    }*/

    .dottedList {

        display: flex;

        list-style-type: none;

        padding: 10px 0px;

        margin: 0;

        text-align: center;

    }

    .aboutSubtitle {

        padding: 0 45px 130px;

        margin-top: 20px;

        text-align: center;

    }

    .slide {

        width: 100%;

        /*min-height: 64vh;*/

    }

}



@media (max-width: 1919px) {

    /*  .container {

    max-width: 1320px;

  }*/

    .slide {

        width: 100%;

        /*min-height: 64vh;*/

    }

}

/* Extra Large Devices (Desktops) - max 1200px */

@media (max-width: 1399px) {

    .accordion-title {

        font-weight: 600;

        font-size: 23px!important;

        /* flex: 1; */

        color: #1e642d;

    }

    .dottedList li:nth-child(1)::after {

        content: "";

        position: absolute;

        /* left: 22%;*/

        left: 33%;

        bottom: 200%;

        height: 25%;

        /*  width: 170px;*/

        width: 158px;

        border-top: 3px dashed #74b51e;

        /* transform: translateY(-50%); */

        transform: translateX(50%);

    }

    .dottedList li:nth-child(2)::after {

        content: "";

        position: absolute;

        left: /*41%*/ 51%;

        bottom: 200%;

        height: 25%;

        width: /*170px*/ 150px;

        border-top: 3px dashed #74b51e;

        /* transform: translateY(-50%); */

        transform: translateX(50%);

    }

    .dottedList li:nth-child(3)::after {

        content: "";

        position: absolute;

        left: /*57%*/ 57%;

        bottom: 200%;

        height: 25%;

        width: 135px;

        border-top: 3px dashed #74b51e;

        /* transform: translateY(-50%); */

        transform: translateX(50%);

    }

/*    .dottedList li:nth-child(3)::after {

        content: "";

        position: absolute;

        left: 178px;

        top: -92%;

        height: 25%;

        width: 169px;

        border-top: 3px dashed #74b51e;

        transform: translateY(-50%);

    }

    .dottedList li:nth-child(2)::after {

        content: "";

        position: absolute;

        left: 133px;

        top: -92%;

        height: 25%;

        width: 169px;

        border-top: 3px dashed #74b51e;

        transform: translateY(-50%);

    }

    .dottedList li:nth-child(1)::after {

        content: "";

        position: absolute;

        left: 110px;

        top: -92%;

        height: 25%;

        width: 169px;

        border-top: 3px dashed #74b51e;

        transform: translateY(-50%);

    }*/

  

    .carousel-caption.carouselContent {

        left: 16%;

    }

    /*  */

    .productNewContent p {

        /* padding: 180px 80px 0 0; */

        margin: 10px 0;

    }



    .shopNow {

        margin-top: 10px;

    }



    .productNewContent {

        padding: 125px 80px 0 0;

    }



   /* .HeroSection .text {

        font-size: 50px;

        gap: 5px;

        letter-spacing: 20px;

    }*/



    .paragraphtext {

        /* letter-spacing: 24px;*/

    }

    /* gallarey section */

    .lightboxContent {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 100%;

    }



    .square-frame {

        position: absolute;

        bottom: -37px !important;

        left: 61% !important;

        transform: translateX(-50%);

        width: 399px;

        height: 434px;

        border: 7px solid #1f4d2a;

        /* border-radius: 12px; */

        background-color: transparent;

        z-index: 1;

        transition: all 0.4s ease;

    }



    .abt-content-k {

        padding-right: 30px;

    }



   /* .dottedList li::after {

        content: "";

        position: absolute;

        left: 80%;

        top: -6%;

        height: 25%;

        width: 97px;

        border-top: 3px dashed #74b51e;

        transform: translateY(-50%);

    }*/

    .dottedList {

        display: flex;

        list-style-type: none;

        padding: 0px 0px;

        margin: 0;

        text-align: center;

    }

}



@media (max-width: 1199px) {

   

    /* first banner*/

   /* .bannerContentOne {

        left: 25%;

    }*/



    .carousel-caption.carouselContent {

        left: 16%;

    }

    /*  */

    .productNewContent p {

        /* padding: 180px 80px 0 0; */

        margin: 10px 0;

    }



    .shopNow {

        margin-top: 10px;

    }



    .productNewContent {

        padding: 125px 80px 0 0;

    }

    /* gallarey section */

    .lightboxContent {

        position: absolute;

        top: 50%;

        left: 47%;

        transform: translate(-50%, -50%);

        width: 100%;

    }



    .gallery {

        gap: 16px;

    }

}



@media (max-width: 1024px) {

    .accordion-title {

        font-weight: 600;

        font-size: 19px !important;

        /* flex: 1; */

        color: #1e642d;

    }

    .ks-about-content {

        margin-top: 10px;

        padding-left: 44px;

    }

    .dottedList li:nth-child(1)::after {

        content: "";

        position: absolute;

        left: 35%;

        bottom: 200%;

        height: 25%;

        width: 130px;

        border-top: 3px dashed #74b51e;

        /* transform: translateY(-50%); */

        transform: translateX(41%);

    }

    .gallery {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

    }

    .aboutSubtitle {

        padding: 0 45px 142px;

        margin-top: 20px;

        text-align: center;

    }

    .mb-sectionp{

        padding:30px 0 0px;

    }

    .dottedList li {

        padding: 8px;

    }

    .HeroSection .text {

        /*font-size: 35px;*/

        font-family: "Roboto", sans-serif;

        font-weight: 600;

        color: #fff;

        /*padding-top: 30px;*/

        /* padding-top: 30px; */

        /*display: flex;*/

        gap: 0px;

        letter-spacing: 1px;

        text-align: center;

        /*margin-left: -95px;*/

    }

    .slide {

        width: 100%;

        min-height: 46vh !important;

        position: relative;

        overflow: hidden;

        background-color: #000;

    }

        .square-frame {

        position: absolute;

        bottom: 32px !important;

        left: 44% !important;

        transform: translateX(-50%);

        width: 355px !important;

        height: 434px;

        border: 7px solid #1f4d2a;

        /* border-radius: 12px; */

        background-color: transparent;

        z-index: 1;

        transition: all 0.4s ease;

    }



    .abt-content-k {

        padding-right: 30px;

    }

    .dottedList {

        display: flex;

        list-style-type: none;

        padding: 0px 0px;

        margin: 0;

        text-align: center;

    }

/*

        .dottedList li:nth-child(1)::before,

        .dottedList li:nth-child(2)::before,

        .dottedList li:nth-child(3)::before,

        .dottedList li:nth-child(4)::before {

            font-size: 40px;

            bottom: 87%;

            width: 91px;

            height: 99px;

        }



        .dottedList li:nth-child(2)::before {

            bottom: 81%;

            width: 80px;

            height: 80px;

        }



        .dottedList li:nth-child(3)::before {

            bottom: 80%;

            width: 79px;

            height: 79px;

        }



        .dottedList li:nth-child(4)::before {

            bottom: 78%;

            font-size: 64px;

        }

*/

  /*  .dottedList {

        display: block;

        list-style-type: none;

        padding: 50px 50px;

        margin: 0;

        text-align: center;

    }*/



        .dottedList li::after {

            display: none;

        }

}



@media only screen and (max-width: 1080px) {

    .square-frame {

        position: absolute;

        bottom: 32px !important;

        left: 40% !important;

        transform: translateX(-50%);

        width: 355px !important;

        height: 434px;

        border: 7px solid #1f4d2a;

        /* border-radius: 12px; */

        background-color: transparent;

        z-index: 1;

        transition: all 0.4s ease;

    }



    .abt-content-k {

        padding-right: 0px !important;

    }

}



@media only screen and (max-width: 991px) {

    .square-frame {

        position: absolute;

        bottom: 50px !important;

        left: 71% !important;

        transform: translateX(-50%);

        width: 355px !important;

        height: 434px;

        border: 7px solid #1f4d2a;

        /* border-radius: 12px; */

        background-color: transparent;

        z-index: 1;

        transition: all 0.4s ease;

    }

}



@media (max-width:1024px) {





    .our-estae-img img {

        width: 100%;

        height: 100%;

        border-radius: 20px;

        object-fit: cover;

    }



    .mr-right {

        margin: 0px 0px 0px 0px;

    }



    .flip-card-front img {

        width: 100%;

        height: 300px;

        border-radius: 20px;

        object-fit: cover;

    }



    .flip-card-front, .flip-card-back {

        position: absolute;

        width: 100%;

        height: 300px;

        border-radius: 20px;

        backface-visibility: hidden;

    }



    .our-estae-img {

        width: 100%;

        height: 200px;

        padding-right: 0px;

    }



    .our-estate-content {

        display: block;

        justify-content: space-between;

        align-items: center;

        padding-bottom: 10px;

    }



    .dottedList li::after {

        content: "";

        position: absolute;

        left: 77%;

        top: 0%;

        height: 25%;

        width: 120px;

        border-top: 3px dashed #74b51e;

        transform: translateY(-50%);

    }

}

/* Large Devices (Laptops) - max 992px */

@media (max-width: 991px) {

    /* nav */

    /*    .mobileMenu {

        display: none;

    }*/

    .ks-about-content {

        margin-top: 0px;

    }



    .abt-k {

        padding-top: 0px;

    }



    .ml-k-2 {

        margin-left: 26px;

    }



    .pb-k-2 {

        margin-bottom: 25px;

    }



    .flip-card-front img {

        width: 100%;

        height: 300px;

        border-radius: 20px;

        object-fit: cover;

    }



    .flip-card-front, .flip-card-back {

        position: absolute;

        width: 100%;

        height: 300px;

        border-radius: 20px;

        backface-visibility: hidden;

    }



    .ml-left {

        margin: 19px 3px 0 -52px;

    }



    .mr-right {

        margin: 0px 0px 0px 0px;

    }



    .navbar-nav {

        padding: 40px 0 0 10px;

    }



    .navbar-brand.logoMobiledevice {

        position: relative;

        /*        top: 3%;

        font-size: 40px;

        padding: 0 0 0 50px;*/

        top: 3%;

        font-size: 30px;

        padding: 0 0 0 29px;

    }



    /* first banner*/

   /* .bannerContentOne {

        position: relative;

        left: 5%;

        bottom: 72%;

    }*/

   /* .bannerContentOne {

        position: relative;

      

        padding-right: 99px;

    }*/

    /*.carousel-caption .bannerContentOne p {

       

        padding: 12px 0 0px 139px;

    }*/

   /* .carousel-caption.carouselContent {

        left: 16%;

    }

*/

    p {

        font-size: 16px;

    }

    .mb-sectionp{

        padding:30px 0 0px!important;

    }

    .sectionPadding {

        padding: 30px 0;

    }



    .sectiontitle {

        padding-bottom: 20px;

    }



    .aboutSubtitle {

        padding: 0 45px 60px;

    }

    .dottedList {

        display: flex;

        list-style-type: none;

        padding: 20px 0px;

        margin: 0;

        text-align: center;

    }

     /*   .dottedList li {

            padding: 0px!important;

        }*/

    .mb-section{

        padding-bottom:0px!important;

    }

    .sectionPadding {

        padding: 30px 0;

    }

    .slide {

        width: 100%;

        min-height: 51vh;

    }

        /* about section */

        .dottedList li::after {

        left: 82%;

        top: 15%;

        height: 50%;

        width: 65px;

        transform: translateY(-50%);

    }

    /*  */

    .productNewContent p {

        /* padding: 180px 80px 0 0; */

        margin: 10px 0;

    }



    .shopNow {

        margin-top: 10px;

    }



    .productNewContent {

        padding: 6px 0px 0 0;

    }



    .productNewContent {

        margin-left: 49px;

        /* padding: 89px 80px 0 0;*/

    }

    /* gallarey section */

    .lightboxContent {

        position: absolute;

        top: 50%;

        left: 47%;

        transform: translate(-50%, -50%);

        width: 100%;

    }



    .gallery {

        gap: 0px;

    }



    .gallery {

        display: flex;

        flex-wrap: wrap;

     

        justify-content: initial;

    }

        .gallery img {

            width: 236px;

            height: 230px;

        }

            /* == ctc page ===*/

            .timeline-item {

        flex-direction: column;

        align-items: flex-start;

        padding-left: 50px;

    }



        .timeline-item:nth-child(odd) .content {

            margin-left: 0%;

            margin-bottom: 20%;

            padding: 10px 75px 0 0px;

        }



        .timeline-item:nth-child(even) .content {

            margin-left: 10%;

            margin-bottom: 20%;

            padding: 0px 0px 0 0px;

        }



        .timeline-item:nth-child(odd) img {

            transform: translateX(0px);

            bottom: 40px;

        }



        .timeline-item:nth-child(even) img {

            transform: translateX(-35px);

            bottom: 40px;

        }



        .timeline-item img {

            /*            width: 150px;

            height: 150px;*/

            margin-bottom: 10px;

        }



        .timeline-item .content {

            width: 100%;

            text-align: left;

            padding: 0;

        }

    /*    .aboutcard-container {

        width: 100%;

        height: 100%;

    }*/

    .dottedList li {

        padding: 14px;

    }

    .dottedList span {

        font-weight: 500;

        color: #000000;

        font-size: 18px;

        margin-bottom: 20px;

    }

        .dottedList li:nth-child(1)::before,

        .dottedList li:nth-child(2)::before,

        .dottedList li:nth-child(3)::before,

        .dottedList li:nth-child(4)::before {

            font-size: 40px;

            bottom: 87%;

            width: 91px;

            height: 99px;

        }



        .dottedList li:nth-child(2)::before {

            bottom: 81%;

            width: 80px;

            height: 80px;

        }



        .dottedList li:nth-child(3)::before {

            bottom: 80%;

            width: 79px;

            height: 79px;

        }



        .dottedList li:nth-child(4)::before {

            bottom: 78%;

            font-size: 64px;

        }



/*    .dottedList {

        display: block;

        list-style-type: none;

        padding: 50px 50px;

        margin: 0;

        text-align: center;

    }

*/

        .dottedList li::after {

            display: none;

        }

}



/*  ===== our estaes page =====  */

/*@media (max-width: 820px) {

    .padding-820 {

        padding: 0em 2.5em;

    }

}*/

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

    .square-frame {

        position: absolute;

        bottom: 68px;

        left: 78%;

        transform: translateX(-50%);

        width: 399px;

        height: 434px;

        border: 7px solid #1f4d2a;

        /* border-radius: 12px; */

        background-color: transparent;

        z-index: 1;

        transition: all 0.4s ease;

    }



    .abt-k {

        padding-top: 25px;

    }



    .padding-820 {

        padding: 0em 2.5em;

    }

}

/* Medium Devices (Tablets) - max 768px */

@media (max-width: 768px) {

    .mb-sectionp {

        padding: 30px 0px 0px!important;

    }

    .slide {

        width: 100%;

        min-height: 68vh;

    }

        .abt-sec {

        padding: 30px 0 30px!important;

    }

    .ks-about-content {

        margin-top: 0px!important;

    }

    .about-main-img {

        position: relative;

       

        margin-left: 16px!important;

    }

    .square-frame {

        position: absolute;

        bottom: 62px !important;

        left: 82% !important;

        transform: translateX(-50%);

        width: 399px;

        height: 434px;

        border: 7px solid #1f4d2a;

        /* border-radius: 12px; */

        background-color: transparent;

        z-index: 1;

        transition: all 0.4s ease;

    }



    .abt-k {

        padding-top: 25px;

    }

    /*    .navbar-brand.logoMobiledevice {

        position: relative;

        top: 3%;

        font-size: 40px;

        padding: 0 0 0 50px;

    }*/

    .flip-card-front, .flip-card-back {

        position: absolute;

        width: 100%;

        height: 300px;

        border-radius: 20px;

        backface-visibility: hidden;

    }



    .ml-left {

        margin: 19px 3px 0 -52px;

    }



    .mr-right {

        margin: 0px 0px 0px 0px;

    }



    .flip-card-front img {

        width: 100%;

        height: 300px;

        border-radius: 20px;

        object-fit: cover;

    }



    .carousel-item img {

        height: 42vh;

        object-fit: cover;

    }

    /*first banner*/

    /*.carousel-caption {

        top: 17%;

    }

*/

    .recBox {

        width: 36%;

        top: 30px;

    }



   /* .bannerContentOne.activeBanner {

        left: 30%;

        top: -85%;

    }*/



   /* .carousel-caption .bannerContentOne h5 {

        padding-left: 63px;

    }

*/

    .learnMore.shopNow {

        margin-left: 73px;

    }



    /*.carousel-caption .bannerContentOne h5 {

        font-size: 33px;

        white-space: nowrap;

    }*/

/*

    .bannerContentOne .shopNow {

        padding: 5px 14px;

        font-size: 14px;

        white-space: nowrap;

    }*/

    /* Box 1: Opens from bottom to top */

    .recBoxanimation1 {

        height: 0;

        animation: openBottomToTop 1s forwards, moveUp 1s forwards;

    }



    @keyframes openBottomToTop {

        from {

            height: 0;

        }



        to {

            height: 355px;

        }

    }



    @keyframes moveUp {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(-50px);

        }

    }



    /* Box 2: Opens from top to bottom */

    .recBoxanimation2 {

        height: 0;

        animation: openTopToBottom 1s forwards, moveDown 1s forwards;

    }



    @keyframes openTopToBottom {

        from {

            height: 0;

        }



        to {

            height: 398px;

        }

    }



    @keyframes moveDown {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(30px);

        }

    }

    /* second banner ccs */

    .carousel-caption.carouselContent {

        left: 15%;

        top: 20%;

    }



    .HeroSection .text {

        /*font-size: 35px;*/

        padding-top: 0px;

        letter-spacing: 1px;

        /*position: relative;

        left: 100%;

        transform: translateX(-50%);*/

    }



    .paragraphtext {

        font-size: 19px;

        letter-spacing: 4px;

    }



    .carousel-caption .bannerContentOne p {

        font-family: "Roboto", sans-serif;

        text-align: center;

        font-size: 18px;

        /*padding: 0 72px 0;*/

    }



    .contentBox {

        width: 90%;

        height: 110px;

        animation: moveRight 1.8s ease-out forwards;

    }



    @keyframes moveRight {

        0% {

            left: -30px;

        }



        100% {

            left: -30%;

            transform: translateX(0);

        }

    }

    /* last banner start */

    .carousel-caption.paracaption {

        height: 30px;

        top: 8%;

        left: 0%;

    }



        .carousel-caption.paracaption p {

            font-size: 15px;

            left: 29%;

            transform: translateX(-50%);

            padding-top: 5px;

        }



    .cardFlex {

        /* flex-direction: column; */

        flex-wrap: wrap;

        /* top: 100%; */

    }



    .card1 {

        width: 100%;

        height: 100px;

        margin: 10px 0;

        animation: expandCard 2s ease-in-out forwards;

    }



    @keyframes expandCard {

        from {

            width: 0;

            padding: 0;

        }



        to {

            width: 40%; /* Adjust width as needed */

            padding: 20px;

        }

    }

    /* .carousel-item {

    max-height: 200px;

  } */

    /* nav bar mobile device */

    .navbar-toggler {

        /*border: 1px solid #ffffff;*/

    }



    .navbar-toggler-icon i {

        color: #ffffff;

        padding-top: 5px;

    }



    .sectionPadding {

        padding: 30px 0;

    }



    .sectiontitle {

        text-align: center;

        padding-bottom: 30px;

        margin-bottom: 0;

    }



    h2 {

        font-size: 45px;

    }



    h4 {

        font-size: 38px;

    }



    p {

        font-size: 14px;

        line-height: 20px;

    }

    /* about section start */

    .aboutSubtitle {

        padding: 0 30px 50px;

        margin: 0;

    }



    .dottedList span {

        font-size: 22px;

    }

    .dottedList {

        padding: 68px 34px 0;

        display: flex;

        flex-wrap: wrap !important;

        justify-content: center;

        align-items: center;

    }

        .dottedList li:first-child {

            padding: /*11px 49px 131px 0px*/ 2px 20px 101px 20px !important;

        }



        .dottedList li:nth-child(2) {

            padding: 11px 0px 114px 0px;

        }



        .dottedList li:nth-child(3) {

            padding: 2px 20px 0px 20px;

        }



        /* .dottedList li:nth-child(3) {

            padding: 2px 2px 128px 0px;

        }*/

            .dottedList li::after {

            display: none;

        }



       /* .dottedList li {

            padding: 2px 2px 90px;

        }*/



            /*.dottedList li:nth-child(3) {

                padding: 2px 2px 0px;

            }

*/

            .dottedList li:nth-child(4) {

                padding: 2px 2px 0px;

            }



            .dottedList li:last-child {

                padding-bottom: 0px;

            }



        .dottedList li {

            padding: 0px;

        }

    

            .dottedList li::after {

                /* content: "";

                position: absolute;

                left: 100%;

                top: 13%;

                height: 50%;

                width: 50%; */

                display: none;

            }



       /* .dottedList li {

            padding: 2px 2px 101px;

        }*/



            .dottedList li:nth-child(1)::before,

            .dottedList li:nth-child(2)::before,

            .dottedList li:nth-child(3)::before,

            .dottedList li:nth-child(4)::before {

                font-size: 40px;

                bottom: 89%;

                width: 123px;

                height: 128px;

            }



            .dottedList li:nth-child(2)::before {

                bottom: 106%;

                width: 93px;

                height: 92px;

            }



            .dottedList li:nth-child(3)::before {

                bottom: 102%;

                width: 90px;

                height: 95px;

            }



            .dottedList li:nth-child(4)::before {

                bottom: 30%;

                font-size: 67px;

            }

        .dottedList li:last-child {

            padding: 2px 2px 0px;

        }



    /* about section end */

    /* newly launch section start */

    .productNewContent p {

        margin: 25px 0;

    }



    .productNewContent {

        padding: 30px 130px 0;

    }



    .productD {

        flex-wrap: wrap;

        text-align: center;

        justify-content: center;

    }



    .productimg {

        /*transform: translateX(100px);*/

    }



    .productNewContent {

        margin-left: 0px;

        padding: 30px 130px 0;

        text-align: center;

    }



    .shopNow {

        background: #89d526;

        border-radius: 15px;

        padding: 10px 20px;

        color: #ffff;

        margin-top: 0px;

        font-size: 16px;

    }

    /* gallarey section */

    .lightboxContent {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 100%;

    }

    /* why kalyani  start */

    .imageContainer:nth-child(3) {

        /*text-align: center;*/

    }



    .kalyaniBoxcontent {

        text-align: left;

    }

    /* email contact section strat */

    .contactSection .shopNow {

        margin-top: 10px;

    }



    .footerCopy {

        margin-top: 0;

    }



    .contactSection {

        max-height: 840px;

    }





    /* == ctc page ===*/

    .timeline-item {

        flex-direction: column;

        align-items: flex-start;

        padding-left: 50px;

    }



        .timeline-item:nth-child(odd) .content {

            margin-left: -10%;

            margin-bottom: 15%;

            padding: 10px 80px 0 0px;

        }



        .timeline-item:nth-child(even) .content {

            margin-left: 10%;

            margin-bottom: 20%;

            padding: 0px 0px 0 0px;

        }



        .timeline-item:nth-child(odd) img {

            transform: translateX(0px);

            bottom: 40px;

        }



        .timeline-item:nth-child(even) img {

            transform: translateX(-35px);

            bottom: 40px;

        }



        .timeline-item img {

            /*width: 150px;

            height: 150px;*/

            margin-bottom: 10px;

        }



        .timeline-item .content {

            width: 100%;

            text-align: left;

            padding: 0;

        }



        .timeline-item img {

            width: 230px;

            height: 230px;

            border-radius: 50%;

            object-fit: cover;

            transform: translateX(-251px);

            border: 5px solid #83c52c;

        }



        .timeline-item:nth-child(even) .content {

            margin-left: 3%;

            margin-bottom: 6%;

            padding: 0px 0px 0 0px;

        }



        /*       === green tea page strat ======= */

        /*         timeline css   */

        .timeline-item.grenntea-timeline-item:nth-child(odd) .content {

            margin-left: 10%;

            margin-bottom: 16%;

            padding: 2px 39px 0 0px;

        }



        .timeline-item.grenntea-timeline-item:nth-child(even) .content {

            margin-left: 10%;

            margin-bottom: 19%;

            padding: 0px 21px 0 0px;

        }



    .kalyaniBoxcontent.ctc-card {

        text-align: center;

    }



    .green-responsive-card img {

        margin-left: 55px;

    }



    .ourestates-pt {

        margin-top: 150px;

    }



    .green-tea-btn:first-child .shopNow {

        font-size: 12px;

    }



    .p-table-s {

        padding-left: 36px!important;

    }

    .fields-content {

        padding-left: 22px!important;

    }

    .p-k-space-acc {

        padding-right: 0px!important;

    }

    .p-second-space-acc {

        padding-right: 5px!important;

    }

    .pl-last-accordion

    {

        padding-left: 6px!important;

    }

    .about-sec-img .about-leaf2-position {

        content: '';

        position: absolute;

        top: 60px!important;

        transform: rotateY(179deg);

        left: 182px!important;

        z-index: -1;

    }

}













/* Small Devices (Mobile) - max 576px */

@media (max-width: 575px) {

    .about-main-img {

        position: relative;

        margin-left: 1px!important;

    }

    .p-table-s {

        padding-left: 23px!important;

    }

    .about-sec-img .about-leaf2-bg {

        background-image: url(assets/images/leaf-bg-1.png);

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

         width: 100%!important; 

         height: auto!important; 

    }

    .ks-about-content {

        margin-top: 0px !important;

        padding: 0px 24px;

    }

    .dottedList li {

        padding: 40px;

    }



        .dottedList li:nth-child(1)::before,

        .dottedList li:nth-child(2)::before,

        .dottedList li:nth-child(3)::before,

        .dottedList li:nth-child(4)::before {

            font-size: 40px;

            bottom: 80%;

            width: 120px;

            height: 120px;

        }



        .dottedList li:nth-child(2)::before {

            bottom: 81%;

            width: 80px;

            height: 80px;

        }



        .dottedList li:nth-child(3)::before {

            bottom: 80%;

            width: 79px;

            height: 79px;

        }



        .dottedList li:nth-child(4)::before {

            bottom: 65%!important;

            font-size: 64px!important;

        }



    .dottedList {

        display: block;

        list-style-type: none;

        padding: 50px 50px;

        margin: 0;

        text-align: center;

    }



        .dottedList li::after {

            display: none;

        }



    .flip-card-front, .flip-card-back {

        position: absolute;

        width: 100%;

        height: 300px;

        border-radius: 20px;

        backface-visibility: hidden;

    }



    .abt-k {

        padding-top: 0px;

    }



    .ml-left {

        margin: 47px 3px 0 0px;

    }



    .mr-right {

        margin: 0px 0px 0px 0px;

    }



    .flip-card-front img {

        width: 100%;

        height: 300px;

        border-radius: 20px;

        object-fit: cover;

    }



    .carousel-item img {

        height: 100vh;

        object-fit: cover;

    }



    .productimg {

        /* transform: translateX(100px); */

        width: 100%;

        height: auto;

    }



    /*.carousel-caption {

        left: 17%;

    }*/



    .carousel-item img {

        height: 30vh;

        object-fit: cover;

    }

    /*first banner*/

    /*first banner*/

   /* .carousel-caption {

        top: 30%;

    }*/



    .recBox {

        width: 22%;

    }

/*

    .bannerContentOne.activeBanner {

        left: 10%;

        top: -86%;

    }*/



   /* .carousel-caption .bannerContentOne h5 {

        padding-left: 63px;

    }*/



    .learnMore.shopNow {

        margin-left: 197px;

    }



    /*.carousel-caption .bannerContentOne h5 {

        font-size: 27px;

        white-space: nowrap;

    }*/



    /*.bannerContentOne .shopNow {

        padding: 5px 14px;

        font-size: 12px;

        white-space: nowrap;

    }*/

    /* Box 1: Opens from bottom to top */

    .recBoxanimation1 {

        height: 0;

        animation: openBottomToTop 1s forwards, moveUp 1s forwards;

    }



    @keyframes openBottomToTop {

        from {

            height: 0;

        }



        to {

            height: 200px;

        }

    }



    @keyframes moveUp {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(-50px);

        }

    }



    /* Box 2: Opens from top to bottom */

    .recBoxanimation2 {

        height: 0;

        animation: openTopToBottom 1s forwards, moveDown 1s forwards;

    }



    @keyframes openTopToBottom {

        from {

            height: 0;

        }



        to {

            height: 200px;

        }

    }



    @keyframes moveDown {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(30px);

        }

    }

    /* second banner ccs */

    .carousel-caption.carouselContent {

        left: 15%;

        top: 20%;

    }



    .HeroSection .text {

        font-size: 20px;

        padding-top: 20px;

        letter-spacing: 0px;

    }



    .paragraphtext {

        font-size: 20px;

        letter-spacing: 5px;

    }



    .contentBox {

        width: 90%;

        height: 110px;

        animation: moveRight 1.8s ease-out forwards;

    }



    @keyframes moveRight {

        0% {

            left: -30px;

        }



        100% {

            left: -30%;

            transform: translateX(0);

        }

    }

    /* last banner start */

    .carousel-caption.paracaption {

        height: 30px;

        top: 8%;

        left: 0%;

    }



        .carousel-caption.paracaption p {

            font-size: 15px;

            left: 29%;

            transform: translateX(-50%);

            padding-top: 5px;

        }



    .cardFlex {

        /* flex-direction: column; */

        flex-wrap: wrap;

        /* top: 100%; */

    }



    .card1 {

        width: 100%;

        height: 100px;

        margin: 10px 0;

        animation: expandCard 2s ease-in-out forwards;

    }



    @keyframes expandCard {

        from {

            width: 0;

            padding: 0;

        }



        to {

            width: 40%; /* Adjust width as needed */

            padding: 20px;

        }

    }

    /* .carousel-item {

    max-height: 200px;

  } */

    /* nav bar mobile device */

    .navbar-toggler {

        /*border: 1px solid #ffffff;*/

    }



    .navbar-toggler-icon i {

        color: #ffffff;

        padding-top: 5px;

    }



    .sectionPadding {

        padding: 30px 0;

    }



    .sectiontitle {

        text-align: center;

        padding-bottom: 20px;

        margin-bottom: 0;

    }



    h2 {

        line-height: 40px;

        font-size: 35px;

    }



    h4 {

        font-size: 25px;

    }



    p {

        font-size: 12px;

        line-height: 20px;

    }

    /* about section start */

    .aboutSubtitle {

        padding: 0 30px 30px;

        margin: 0;

    }



    .dottedList span {

        font-size: 22px;

    }



    .dottedList {

        padding: 40px 0 0 0;

        display: flex;

        flex-wrap: wrap;

    }



        .dottedList li::after {

            display: none;

        }



        /*  .dottedList li {

                padding: 20px;

            }*/



        .dottedList li:nth-child(1)::before,

        .dottedList li:nth-child(2)::before,

        .dottedList li:nth-child(3)::before,

        .dottedList li:nth-child(4)::before {

            font-size: 40px;

            bottom: 75%;

        }



        .dottedList li:nth-child(2)::before {

            bottom: 85%;

        }



        .dottedList li:nth-child(3)::before {

            bottom: 87%;

        }



        .dottedList li:nth-child(4)::before {

            bottom: 88%;

        }



        .dottedList p {

            padding: 10px 30px 0;

        }



    /* about section end */

    /* newly launch section start */

    .productD {

        flex-wrap: wrap;

    }



    .productimg {

        transform: translateX(0);

    }



    .productNewContent {

        margin-left: 0px;

        padding: 30px 30px 0;

        text-align: center;

    }



    .shopNow {

        background: #89d526;

        border-radius: 15px;

        padding: 10px 20px;

        color: #ffff;

        margin-top: 0px;

        font-size: 14px;

    }

    /* gallarey section */

    .lightboxContent {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 100%;

    }

    /* why kalyani  start */

    .kalyaniBoxcontent {

        max-height: 225px !important;

    }



    .imageContainer {

        /*margin-bottom: 35px;*/

    }



    .about-content {

        margin-top: 10px;

    }

    /* email contact section strat */

    .contactSection {

        max-height: 900px;

    }



        .contactSection h5 {

            padding-top: 25px;

            font-size: 35px;

        }



        .contactSection .shopNow {

            padding: 10px 25px;

            margin-top: 20px;

            font-size: 12px;

        }



        .contactSection button a {

            font-size: 14px;

        }



    footer {

        margin-top: 0px;

    }



    .footerCopy {

        margin-top: 20px;

    }



    .form {

        padding: 30px;

    }



    footer p {

        font-size: 12px;

    }



    /* =======CTC PAGE CSS======== */

    .timeline::before {

        display: none;

    }



    .timeline-item::before {

        display: none;

    }



    .timeline-item:nth-child(odd) .content {

        margin-left: 0%;

        margin-bottom: 5%;

        padding: 0 50px;

    }



    .timeline-item .content {

        text-align: center;

    }



    .timeline-item:nth-child(odd) .content {

        padding: 0 50px;

    }



    .timeline-item:nth-child(odd) img {

        transform: translateX(-50%);

        bottom: 10px;

        left: 50%;

    }



    .timeline-item:nth-child(even) img {

        transform: translateX(-50%);

        bottom: 10px;

        left: 50%;

    }



    .timeline-item:nth-child(odd) {

        flex-direction: column;

        text-align: center;

    }



    .timeline-item:nth-child(even) {

        flex-direction: column;

        text-align: center;

    }



        .timeline-item:nth-child(even) .content {

            margin-left: 0%;

            margin-bottom: 6%;

            padding: 0 50px;

        }



    .timeline-item {

        padding-left: 0px;

    }

    /*       === green tea page strat ======= */

    /*         timeline css   */

    .timeline.grenntea-timeline::before {

        display: none;

    }



    .timeline-item::before {

        display: none;

    }



    .timeline-item.grenntea-timeline-item:nth-child(odd) {

        flex-direction: column;

    }



        .timeline-item.grenntea-timeline-item:nth-child(odd) .content {

            margin-left: 0%;

            margin-bottom: 5%;

            padding: 13px 13px 0 0px;

        }



    .timeline-item.grenntea-timeline-item:nth-child(even) .content {

        margin-left: 0%;

        margin-bottom: 5%;

        padding: 13px 13px 0 0px;

    }



    .kalyaniBoxcontent.ctc-card {

        text-align: center;

    }



    .closeMenu {

        position: absolute;

        left: 100%;

        top: 18px;

    }

}

@media (max-width: 540px) {

    .gallery {

        display: flex;

        flex-wrap: wrap;

        justify-content: center;

    }

    .dottedList {

        padding: 84px 49px 0;

        display: flex;

        flex-wrap: wrap !important;

        align-items:center;

        justify-content:center;

    }

        .dottedList li:first-child {

            padding: /*11px 49px 131px 0px*/ 0px 0px 131px 0px !important;

        }

        .dottedList li:nth-child(3) {

            padding: 2px 2px 132px;

        }

     /*   .dottedList li:first-child

      {

            padding: 11px 113px 131px 0px !important;

        }*/

        .dottedList li:nth-child(1)::before, .dottedList li:nth-child(2)::before {

            font-size: 40px;

            bottom: 90%;

            width: 145px;

            height: 145px;

        }

        .dottedList li:nth-child(1)::before, .dottedList li:nth-child(2)::before {

            font-size: 40px;

            bottom: 90%;

            width: 145px;

            height: 145px;

        }

        .dottedList li:nth-child(1)::before {

            left: 56px;

        }

        .dottedList li:nth-child(3)::before {

            /* font-size: 40px; */

            bottom: 90%;

            width: 131px;

            height: 131px;

            left: 80px;

        }

        .dottedList li:nth-child(4)::before {

            width: 92px;

            height: 103px;

            bottom: 207% !important;

            font-size: 101px !important;

            left: 114px;

        }

    .learnMore.shopNow {

        margin-left: 73px;

    }

    /*.bannerContentOne {

        position: relative;

        padding-right: 84px;

    }*/

       /* .bannerContentOne.activeBanner {

            left: 10%;

            top: -68%;

        }*/

}

@media (max-width: 480px) {

    .ctc-tag
     {
        font-size: 0.856rem !important;
    }

    .total-tea-p {
        padding: 37px 0 3px;
    }
    .about-sec-img .about-leaf2-bg {

        background-image: url(assets/images/leaf-bg-1.png);

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

        width: 100% !important;

        height: auto !important;

    }

    .ks-about-content {

        margin-top: 0px !important;

    }



    .abt-content-k {

        padding-right: 10px !important;

    }



    .abt-k {

        padding-top: 0px;

    }



    .square-frame {

        position: absolute;

        bottom: 62px !important;

        left: 0 !important;

        transform: translateX(-50%);

        width: 100% !important;

        height: 434px;

        border: 7px solid #1f4d2a;

        /* border-radius: 12px; */

        background-color: transparent;

        z-index: 1;

        transition: all 0.4s ease;

    }

    /* banner section start */

    /* .slider,

            .slide {

            height: 100vh;

            } */

    /*first banner*/

    .ml-left {

        margin: 47px 3px 0 0px;

    }



    .padding-mission {

        padding: 0px 40px;

    }



   /* .carousel-caption {

        top: 30%;

    }*/



    .recBox {

        width: 22%;

    }



    .carousel-caption .bannerContentOne p {

        font-family: "Roboto", sans-serif;

        text-align: center;

        font-size: 18px;

        padding: 0 3px 0;

    }



   /* .bannerContentOne.activeBanner {

        left: -2%;

        top: -85%;

    }*/



    /*.bannerContentOne {

        position: relative;

        bottom: 50%;

        left: 23%;

        padding-right: 67px;

    }*/



/*    .carousel-caption .bannerContentOne h5 {

        padding-left: 37px;

        padding-top: 30px;

    }*/



    .learnMore.shopNow {

        margin-left: 2px;

    }



/*    .carousel-caption .bannerContentOne h5 {

        font-size: 27px;

        white-space: nowrap;

    }*/



    .bannerContentOne .shopNow {

        padding: 5px 14px;

        font-size: 12px;

        white-space: nowrap;

    }

    /* Box 1: Opens from bottom to top */

    .recBoxanimation1 {

        height: 0;

        animation: openBottomToTop 1s forwards, moveUp 1s forwards;

    }



    @keyframes openBottomToTop {

        from {

            height: 0;

        }



        to {

            height: 200px;

        }

    }



    @keyframes moveUp {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(-50px);

        }

    }



    /* Box 2: Opens from top to bottom */

    .recBoxanimation2 {

        height: 0;

        animation: openTopToBottom 1s forwards, moveDown 1s forwards;

    }



    @keyframes openTopToBottom {

        from {

            height: 0;

        }



        to {

            height: 200px;

        }

    }



    @keyframes moveDown {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(30px);

        }

    }

    /* second banner ccs */

    .carousel-caption.carouselContent {

        left: 7%;

        top: 20%;

    }



    .HeroSection .text {

        font-size: 14px;

        padding-top: 45px;

        letter-spacing: 8px;

    }



    .paragraphtext {

        font-size: 16px;

        letter-spacing: 0px;

    }



    .contentBox {

        width: 90%;

        height: 215px;

        background-color: rgb(0 255 34 / 22%);

        animation: moveRight 1.8s ease-out forwards;

    }



    @keyframes moveRight {

        0% {

            left: -30px;

        }



        100% {

            left: -30%;

            transform: translateX(0);

        }

    }

    /* last banner start */

    .carousel-caption.paracaption {

        height: 30px;

        top: 8%;

        left: 0%;

    }



        .carousel-caption.paracaption p {

            font-size: 15px;

            left: 17%;

            transform: translateX(-50%);

            padding-top: 5px;

        }



    .cardFlex {

        /* flex-direction: column; */

        flex-wrap: wrap;

        /* top: 100%; */

    }



    .card1 {

        width: 100%;

        height: 100px;

        margin: 10px 0;

        animation: expandCard 2s ease-in-out forwards;

    }



    @keyframes expandCard {

        from {

            width: 0;

            padding: 0;

        }



        to {

            width: 40%; /* Adjust width as needed */

            padding: 20px;

        }

    }

    /* .carousel-item {

max-height: 200px;

} */

    /* nav bar mobile device */

    .navbar-toggler {

        /*border: 1px solid #ffffff;*/

    }



    .navbar-toggler-icon i {

        color: #ffffff;

        padding-top: 5px;

    }



    .sectionPadding {

        padding: 30px 0;

    }



    .sectiontitle {

        text-align: center;

        padding: 0 10px 25px 10px;

        margin-bottom: 0;

    }



    .whyaboutSubtitle {

        padding: 0 45px 20px;

        margin-top: 20px;

        text-align: center;

    }



    h2 {

        line-height: 40px;

        font-size: 32px;

    }



    h4 {

        font-size: 25px;

    }



    p {

        font-size: 13px;

        line-height: 23px;

    }

    /* about section start */

    .aboutSubtitle {

        padding: 0 30px 30px;

        margin: 0;

    }



    .dottedList span {

        font-size: 18px;

    }



    .gallery img {

        width: 100%;

        height: 100%;

    }



    .gallery {

        gap: 0px;

    }



    .dottedList {

        padding: 68px 31px 0;

        display: flex;

        flex-wrap: wrap !important;

    }



        .dottedList li::after {

            display: none;

        }



        .dottedList li {

            padding: 2px 2px 90px;

        }



            .dottedList li:nth-child(3) {

                padding: 2px 2px 0px;

            }



            .dottedList li:nth-child(4) {

                padding: 2px 2px 0px;

            }



            .dottedList li:last-child {

                padding-bottom: 0px;

            }



            .dottedList li:nth-child(1)::before,

            .dottedList li:nth-child(2)::before,

            .dottedList li:nth-child(3)::before,

            .dottedList li:nth-child(4)::before {

                font-size: 40px;

                bottom: 97%;

                width: 79px;

                height: 94px;

            }



            .dottedList li:nth-child(2)::before {

                bottom: 111%;

                width: 80px;

                height: 80px;

            }



            .dottedList li:nth-child(3)::before {

                bottom: 111%;

                width: 66px;

                height: 66px;

            }



            .dottedList li:nth-child(4)::before {

                width: 79px;

                height: 94px;

                bottom: 35% !important;

                font-size: 50px !important;

                left: 76px;

            }



        .dottedList p {

            padding: 10px 30px 0;

        }



    /* about section end */

    /* newly launch section start */

    .productD {

        flex-wrap: wrap;

    }



    .productimg {

        transform: translateX(0);

    }



    .productNewContent {

        margin-left: 0px;

        padding: 30px 30px 0;

        text-align: center;

    }



    .shopNow {

        background: #89d526;

        border-radius: 15px;

        padding: 10px 20px;

        color: #ffff;

        margin-top: 0px;

        font-size: 14px;

    }

    /* gallarey section */

    .lightboxContent {

        position: absolute;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 100%;

    }

    /* why kalyani  start */

    .kalyaniBoxcontent {

        max-height: 300px;

    }



    .imageContainer {

        /*margin-bottom: 35px;*/

    }

    /* email contact section strat */

    .contactSection {

        max-height: 900px;

    }



        .contactSection h5 {

            font-size: 35px;

        }



        .contactSection .shopNow {

            padding: 10px 25px;

            margin-top: 20px;

            font-size: 12px;

        }



        .contactSection button a {

            font-size: 14px;

        }



    footer {

        margin-top: 0px;

    }



    .footerCopy {

        margin-top: 20px;

    }



    .form {

        padding: 20px;

    }



    footer p {

        font-size: 12px;

    }





    /*  ===================          ======================*/

    .green-responsive-card img {

        margin-left: 0px;

    }



    .aboutcard-container {

        width: 100%;

    }



    .ctc-heading {

        margin-top: 70px;

    }

}



@media (max-width: 430px) {

    .s-accordion {

        margin-top: 20px;

        margin-bottom: 10px!important;

    }

    .about-sec-img .about-leaf2-bg {

        background-image: url(assets/images/leaf-bg-1.png);

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

        width: 100% !important;

        height: auto !important;

    }

    .slide {

        width: 100%;

        min-height: 70vh;

    }



    .close {

        top: 10px;

        right: 20px;

        position: absolute;

        z-index: 1000000;

    }



    .HeroSection .text {

        font-size: 19px;

        padding-top: 73px;

        letter-spacing: 8px;

        padding-left: 154px;

    }



    .gallery {

        display: flex;

        flex-wrap: wrap;

        gap: 0px;

        /*justify-content: space-between;*/

    }



    .dottedList {

        padding: 84px 36px 0 !important;

        display: flex;

        flex-wrap: wrap !important;

        align-items:center;

        justify-content:center;

    }



        .dottedList li:first-child {

            padding: /*14px 63px 130px 0*/ 0px 0px 131px 0px !important;

        }



        .dottedList li:nth-child(2) {

            padding: 14px 2px 130px;

        }



        .dottedList li:nth-child(3) {

            padding: 2px 2px 128px 0px;

        }



            .dottedList li:nth-child(3)::before {

                bottom: 90%;

                width: 126px;

                height: 127px;

                left: 70px;

            }



        .dottedList li:nth-child(4)::before {

            width: 92px;

            height: 103px;

            bottom: 207% !important;

            font-size: 92px !important;

            left: 100px;

        }



        .dottedList li:nth-child(2)::before {

            /*font-size: 40px;*/

            bottom: 90%;

            width: 135px;

            height: 135px;

        }



        .dottedList li:nth-child(1)::before {

            /* font-size: 40px; */

            bottom: 90%;

            width: 152px;

            height: 145px;

            left: 54px;

        }



    .gallery img {

        width: 50%;

        height: 100%;

    }



    /*.bannerContentOne.activeBanner {

        left: -2%;

        top: -93%;

    }*/



    .gallery {

        display: flex;

        flex-wrap: wrap;

        gap: 0px;

        justify-content: center;

    }



    .carousel-item img {

        height: 36vh;

        object-fit: cover;

    }



    .recBox {

        width: 37% !important;

    }



    .recBoxanimation1 {

        height: 0;

        animation: openBottomToTop 1s forwards, moveUp 1s forwards;

    }



    @keyframes openBottomToTop {

        from {

            height: 0;

        }



        to {

            height: 250px;

        }

    }



    @keyframes moveUp {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(-50px);

        }

    }



    /* Box 2: Opens from top to bottom */

    .recBoxanimation2 {

        height: 0;

        animation: openTopToBottom 1s forwards, moveDown 1s forwards;

    }



    @keyframes openTopToBottom {

        from {

            height: 0;

        }



        to {

            height: 250px;

        }

    }



    @keyframes moveDown {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(30px);

        }

    }



    .HeroSection .text {

        font-size: 16px;

        padding-top: 0px;

        gap: 0px;

        letter-spacing: 1px;

        padding-left: 0px;

        text-align: center;

        position: relative;

        left: 50%;

        transform: translateX(-50%);

    }

}



@media (max-width: 414px) {

    .s-accordion {

        margin-top: 20px;

        margin-bottom: 10px!important;

    }

    .about-sec-img .about-leaf2-bg {

        background-image: url(assets/images/leaf-bg-1.png);

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

        width: 100% !important;

        height: auto !important;

    }

    .slide {

        width: 100%;

        min-height: 75vh;

        position: relative;

        overflow: hidden;

        background-color: #000;

    }

    .HeroSection .text {

        font-size: 16px;

        padding-top: 0px;

        gap: 0px;

        letter-spacing: 1px;

        padding-left: 0px;

    }

    .gallery {

        display: flex;

        flex-wrap: wrap;

        gap: 0px;

        justify-content: center;

        /*justify-content: space-between;*/

    }

    /*    .dottedList li:nth-child(3)::before, .dottedList li:nth-child(4)::before {

        font-size: 40px;

        bottom: 90%;

        width: 135px;

        height: 135px;

    }*/

    .dottedList {

        padding: 84px 26px 0;

        display: flex;

        flex-wrap: wrap !important;

        justify-content: center;

        align-items: center;

    }



        .dottedList li:first-child {

            padding: /*11px 69px 131px 0px*/ 0px 0px 131px 0px !important;

        }



        .dottedList li:nth-child(2) {

            padding: 11px 0px 114px 0px;

            

        }



        .dottedList li:nth-child(3)::before {

            /*font-size: 40px;*/

            bottom: 90%;

            width: 131px;

            height: 131px;

            left: 65px;

        }



        .dottedList li:nth-child(4)::before {

            width: 92px;

            height: 103px;

            bottom: 207% !important;

            font-size: 92px !important;

            left: 100px;

        }



        .dottedList li:nth-child(1)::before, .dottedList li:nth-child(2)::before {

            font-size: 40px;

            bottom: 90%;

            width: 145px;

            height: 145px;

        }



        .dottedList li:nth-child(1)::before {

            left: 57px;

        }



    .gallery img {

        width: 50%;

        height: 100%;

    }



    .carousel-item img {

        height: 31vh;

        object-fit: cover;

    }



    .recBox {

        width: 37% !important;

    }



    .recBoxanimation1 {

        height: 0;

        animation: openBottomToTop 1s forwards, moveUp 1s forwards;

    }



    @keyframes openBottomToTop {

        from {

            height: 0;

        }



        to {

            height: 250px;

        }

    }



    @keyframes moveUp {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(-50px);

        }

    }



    /* Box 2: Opens from top to bottom */

    .recBoxanimation2 {

        height: 0;

        animation: openTopToBottom 1s forwards, moveDown 1s forwards;

    }



    @keyframes openTopToBottom {

        from {

            height: 0;

        }



        to {

            height: 250px;

        }

    }



    @keyframes moveDown {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(30px);

        }

    }



       

}





@media (max-width: 412px) {

    .s-accordion {

        margin-top: 20px;

        margin-bottom: 10px!important;

    }

    .about-sec-img .about-leaf2-bg {

        background-image: url(assets/images/leaf-bg-1.png);

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

        width: 100% !important;

        height: auto !important;

    }

    .slide {

        width: 100%;

        min-height: 75vh;

        position: relative;

        overflow: hidden;

        background-color: #000;

    }



    .gallery {

        display: flex;

        flex-wrap: wrap;

        gap: 0px;

        justify-content: center;

        /*justify-content: space-between;*/

    }

    /*    .dottedList li:nth-child(3)::before, .dottedList li:nth-child(4)::before {

        font-size: 40px;

        bottom: 90%;

        width: 135px;

        height: 135px;

    }*/

    .dottedList li:first-child {

        padding: /*11px 49px 131px 0px*/ 0px 0px 131px 0px !important;

    }



    .dottedList li:nth-child(2) {

        padding: 11px 0px 114px 0px;

    }



    .dottedList li:nth-child(3)::before {

        /*font-size: 40px;*/

        bottom: 90%;

        width: 131px;

        height: 131px;

        left: 70px;

    }



    .dottedList li:nth-child(4)::before {

        width: 92px;

        height: 103px;

        bottom: 207% !important;

        font-size: 92px !important;

        left: 98px;

    }



    .dottedList li:nth-child(1)::before, .dottedList li:nth-child(2)::before {

        font-size: 40px;

        bottom: 90%;

        width: 145px;

        height: 145px;

    }



    .dottedList li:nth-child(1)::before {

        left: 56px;

    }



    .gallery img {

        width: 50%;

        height: 100%;

    }



    .carousel-item img {

        height: 31vh;

        object-fit: cover;

    }



    .recBox {

        width: 37% !important;

    }



    .recBoxanimation1 {

        height: 0;

        animation: openBottomToTop 1s forwards, moveUp 1s forwards;

    }



    @keyframes openBottomToTop {

        from {

            height: 0;

        }



        to {

            height: 250px;

        }

    }



    @keyframes moveUp {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(-50px);

        }

    }



    /* Box 2: Opens from top to bottom */

    .recBoxanimation2 {

        height: 0;

        animation: openTopToBottom 1s forwards, moveDown 1s forwards;

    }



    @keyframes openTopToBottom {

        from {

            height: 0;

        }



        to {

            height: 250px;

        }

    }



    @keyframes moveDown {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(30px);

        }

    }



    .HeroSection .text {

        font-size: 16px;

        padding-top: 0px;

        gap: 0px;

        letter-spacing: 1px;

        position: relative;

        left: 50%;

        transform: translateX(-50%);

    }

}



@media (max-width: 390px) {

    .s-accordion {

        margin-top: 20px;

        margin-bottom: 10px!important;

    }

    .about-sec-img .about-leaf2-bg {

        background-image: url(assets/images/leaf-bg-1.png);

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

        width: 100% !important;

        height: auto !important;

    }

    .dottedList {

        padding: 97px 30px 0;

    }



    .slide {

        width: 100%;

        min-height: 68vh;

    }



   /* .bannerContentOne.activeBanner {

        left: -2%;

        top: -98%;

    }*/



    .carousel-item img {

        height: 38vh;

        object-fit: cover;

    }

}



@media (max-width: 380px) {

    .s-accordion {

        margin-top: 20px;

        margin-bottom: 10px!important;

    }

    .about-sec-img .about-leaf2-bg {

        background-image: url(assets/images/leaf-bg-1.png);

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

        width: 10px!important;

        height: auto !important;

    }

    /*.bannerContentOne.activeBanner {

        left: -2%;

        top: -103%;

    }*/



    .carousel-item img {

        height: 41vh;

        object-fit: cover;

    }

    .HeroSection .text {

        font-size: 12px;

        padding-top:0px;

        gap: 0px;

        letter-spacing: 1px;

        /*padding-left: 86px;*/

    }

}



@media (max-width: 360px) {

    .s-accordion {

        margin-top: 20px;

        margin-bottom: 10px !important;

    }

    .about-sec-img .about-leaf2-bg {

        background-image: url(assets/images/leaf-bg-1.png);

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

        width: 100% !important;

        height: auto !important;

    }

    /*.dottedList li:first-child {

    padding: 14px 2px 130px;

}*/

    .dottedList li:nth-child(3) {

        padding: 2px 2px 132px;

    }

    /* .bannerContentOne.activeBanner {

    left: -2%;

    top: -104%;

}*/

    /*.bannerContentOne.activeBanner {

        left: -2%;

        top: -94%;

    }*/



    .recBoxanimation1 {

        height: 0;

        animation: openBottomToTop 1s forwards, moveUp 1s forwards;

    }



    @keyframes openBottomToTop {

        from {

            height: 0;

        }



        to {

            height: 200px;

        }

    }



    @keyframes moveUp {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(-50px);

        }

    }



    /* Box 2: Opens from top to bottom */

    .recBoxanimation2 {

        height: 0;

        animation: openTopToBottom 1s forwards, moveDown 1s forwards;

    }



    @keyframes openTopToBottom {

        from {

            height: 0;

        }



        to {

            height: 200px;

        }

    }



    @keyframes moveDown {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(30px);

        }

    }

}



@media (max-width: 344px) {

    .s-accordion {

        margin-top: 20px;

        margin-bottom: 10px !important;

    }

    .about-sec-img .about-leaf2-bg {

        background-image: url(assets/images/leaf-bg-1.png);

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

        width: 100% !important;

        height: auto !important;

    }

    .bannerContentOne.activeBanner {

        left: -2%;

        top: -76%;

    }



    .carousel-item img {

        height: 27vh;

        object-fit: cover;

    }



    .dottedList {

        padding: 84px 22px 0 !important;

        display: flex;

        flex-wrap: wrap !important;

    }

}



@media (max-width: 320px) {

    .about-sec-img .about-leaf2-bg {

        background-image: url(assets/images/leaf-bg-1.png);

        background-size: cover;

        background-position: center;

        background-repeat: no-repeat;

        width: 100% !important;

        height: auto !important;

    }

    .sectiontitle {

        text-align: center;

        padding: 0 10px 8px 10px;

        margin-bottom: 0;

    }



    .aboutSubtitle {

        padding: 0 10px 25px;

        margin: 0;

    }



    .dottedList {

        padding: 86px 11px 0;

    }



    .bannerContentOne.activeBanner {

        left: -2%;

        top: -115%;

    }



    .carousel-item img {

        height: 40vh;

        object-fit: cover;

    }



    .dottedList li:nth-child(3)::before {

        /* font-size: 40px; */

        bottom: 90%;

        width: 116px;

        height: 114px;

        left: 53px;

    }



    .dottedList li:nth-child(4)::before {

        width: 92px;

        height: 103px;

        bottom: 162% !important;

        font-size: 83px !important;

        left: 91px;

    }



    .dottedList li:nth-child(1)::before, .dottedList li:nth-child(2)::before {

        font-size: 40px;

        bottom: 90%;

        width: 118px;

        height: 133px;

    }



    .bannerContentOne {

        position: relative;

        bottom: 50%;

        left: 23%;

        padding-right: 46px;

    }



    .dottedList {

        padding: 87px 16px 0 !important;

    }



    .carousel-caption .bannerContentOne p {

        margin-bottom: 5px;

    }



    .recBoxanimation1 {

        height: 0;

        animation: openBottomToTop 1s forwards, moveUp 1s forwards;

    }



    @keyframes openBottomToTop {

        from {

            height: 0;

        }



        to {

            height: 180px;

        }

    }



    @keyframes moveUp {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(-50px);

        }

    }



    /* Box 2: Opens from top to bottom */

    .recBoxanimation2 {

        height: 0;

        animation: openTopToBottom 1s forwards, moveDown 1s forwards;

    }



    @keyframes openTopToBottom {

        from {

            height: 0;

        }



        to {

            height: 180px;

        }

    }



    @keyframes moveDown {

        from {

            transform: translateY(0);

        }



        to {

            transform: translateY(30px);

        }

    }

}