/* Extra small devices (portrait phones, less than 576px) */
@media only screen and (max-width: 575.98px) {
    /* Styles for extra small devices (phones) */
    section {padding: 30px 0;}h1 {font-size: 28px;}h2 {font-size: 24px;}h3 {font-size: 24px;}h4 {font-size: 18px;}h5 {font-size: 18px;}h6 {font-size: 18px;}p { font-size: 15px;}
    .header {padding: 15px 0;height:125px;}
    .mobheader{padding-top: 10px;}
    .terms {height: 80px;padding-top: 30px;}
    .contentBlock h4{font-size: 23px;width: 73%;}
    .contentBlock h5 {font-size: 16px;margin-bottom: 10px;}
    /* Navigation */
    .icon{right: -17px;top: -10px;}
    .icon img {height: 80px;}
    .sidenav {border-radius: 0; top: 0; padding: 60px 20px 20px; right: -100%;width: 100%;height: 100%;border: none;}
    .sidenav ul li {display: block;padding: 15px 0;text-align: center;border-bottom: 1px solid rgba(37, 54, 12, 0.2);}
    .close-btn {display: block;}
    /* Banner */
    .banner {height: 400px;}
    .banner>div>img {height: 400px;object-fit: cover;}
    .counter-card{border-left: none;}
    
    /* About */
    .section-wrapper {flex-direction: column;}
    .left-panel {padding: 30px 15px;}
    .left-panel h2 {font-size: 20px;}
    .about-heading { margin-top: 20px;}
    .about-heading h3{margin-left: 10px;}
    .leaves {top: -19px;left: -26px;padding-left: 14px; }
    .leaf{width: 34px;}
    .left-panel p{margin-top: 5px;}
    .right-panel {flex-direction: column;height: auto;}
    .overlay-box {height: 400px;margin-bottom: 20px;padding: 30px;}
    .overlay {position: relative;display: none;}
    .overlaytextmob{display: block;padding: 20px;background-color: rgba(0, 0, 0, 0.6);position: relative;bottom: -30px;}
    .overlaytextmob h4, .overlaytextmob p{color: #FFEFDB;}
    .overlaytextmob .btn {background-color: #e03e0e;border: none;padding: 8px 28px;font-size: 14px;margin-top: 10px;color: #FFEFDB;border-radius: 2px !important;}
    .overlay-box.active{padding: 30px;height: 400px;}
    #abtrightimg{margin-bottom: 0px; }
    .abtleftimg p, .values p, .philotext p, .para, .culti p, .packtext p, .stwewgreen p, .envirow p, .envirow ul li, .sustainrow p, .accordion-body p, .left-panel p{font-size: 15px;}
    /* Apply same overlap to both sections */
    /* .abt .abtleftimg {margin-top: 0px; margin-bottom: 0px;} */
    /* Products */
    .deskslider {display: none;}
    .whoweareslider {display: block;}
    /* .hass1 {overflow: hidden;text-align: center;background: radial-gradient(circle closest-side at center, #98A450 0%, rgba(101, 109, 55, 0)/ 100%);background-repeat: no-repeat;background-position: center;background-size: cover;} */
    .hass {margin-bottom: 80px;}
    .texthover {opacity: 1;visibility: visible;bottom: -110px;}
    .downcol .texthover {bottom: -108px;}
    .down-col {margin-top: 0px;}
    .texthass {margin-bottom: 0px;}
    .texthass h3 {font-size: 40px;}
    .hass:hover .highlight-hass {all: unset;}
    .hass:hover img {transform: translateY(0);}
    .highlight-hass {color: #253115;}
    .hass img {top: -5px;}
    .downcol img{top: -3px;}
    .textwrap {margin-top: 30px;}
    .hass:hover .highlight-hass {color: rgba(37, 54, 12, 0.8);}
    #hass{font-size: 56px;}
    .hass1 img{top: 70px;}
    .hassimg{top:90px !important}
    /* Stwedership */
    .featurecard {height: auto;}
    .card-custom:hover .card-image {margin-left: 0px;width: 100%;height: 200px;}
    .card-custom:hover {border-top-left-radius: 0px !important;height: auto;min-height: auto;}
    .card-custom:hover .vertical-text {opacity: 0;}
    .card-custom:hover .card-title {display: block;transform: translateX(0px);}
    /* Gallery carousel */
    .gallery .carousel {height: 400px;margin-top: 30px;}
    .gallery .carousel__slider__item {width: 200px;height: 250px;}
    .gallery .carousel__slider__item.active {width: 450px;height: 300px;}
    /* Footer */
    .listview ul li {display: block;text-align: center;padding: 5px 0;}
    .socialLinks {text-align: center;}
    .socialLinks li {display: block;padding: 5px 0;}
    .copy {text-align: center !important;}
    .hero{height: 250px;}
    .abt1{margin: 40px 0 120px 0;height: 500px !important;}
    .abtleftimg{padding: 30px;}
    .strength{margin-bottom: 0 !important;height: 550px !important;}
    .abt2 .rightimg{position: relative;width: 100%;}
    .values{padding: 20px 0;}
    .featurecard1{margin-bottom: 20px;margin-top: 0;}
    .philo{padding-bottom: 140px;margin-top: 30px;height: auto;}
    .featureblock{margin-top: -140px;}
    /* Careers */
    .careerBlock{flex-direction: column;}
    .accordion{padding: 20px;}
    .accordion-body{padding: 20px 0px !important;}
    .modal-title{font-size: 20px !important;}
    .accordion-item:first-of-type>.accordion-header .accordion-button, .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{padding: 0px;}
    .maps,.mapdetails {display: none;}
    .details { margin-top: 0;}
    .mapmobile {display: block;}
    .details .col-xl-6:first-child .mapdetails {display: none;}
    #farmleft{margin-left: 0;}
    .contactwrapper .imgclm{display: none;}
    .contactmob{display: block;width: 100%;margin-bottom: 20px;}

    /* Products Page */
    .leganddek{display: none;}
    .legandmob{display: block;}
    .avocado-section{background: #656D37;}
    .avocado-section .para{padding: 20px 0;}
    .avocado-ring {display: none;}
    .culti-text{padding: 10px 10px;}
    .culti{height: auto;}
    .mobavocado-ring {display: block;}
    .mobavocado-ring img {width: 400px;object-fit: contain;height: 400px;}
    .dark{height: 250px;margin-bottom: 40px;}
    .greenprd{margin: 60px 0 140px 0;height: 250px;}
    .greentext{top: 130px;}
    .darktext{top: 85px;}
    .packhouse .rightcol {right: 0;}
    .packtext {padding: 20px 0;}
    .rightcol {position: relative;width: 100%;height: auto;margin-top: 20px;display: none;}
    .packhouse .carousel-item {min-height: 300px;}
    .slide-video {height: 300px; }
    .builttxt {margin-top: 20px;}
    .rightcolmob{display: block;margin-top: 20px;}
    .rightimg{position: relative;width: 100%;height: 300px;}
    .commit>.rightimg{display: none;}
    .comitext{padding: 20px 0;}
    .overimg{display: block;width: 100%;}
    .overlapimg{margin-bottom: 30px;position: relative;z-index: 2;display: none;}
    .culti {height: auto;padding: 40px 0;background-attachment: fixed;}
    .culti .row {flex-direction: column;}
    .rightimg {position: relative;width: 100%;height: 250px;}
    .image-stack,
    .image-stack1,
    .image-stack2 {display: none;}
    .mobimg {display: block}
    /* Stewardship adjustments */
    .stwew1 {padding: 30px 0 0 0;}
    .stwew1 .row {flex-direction: column-reverse; }
    .imgbg {width: 100%;height: 200px;margin-bottom: 0px;}
    .envirow,
    .sustainrow { margin-top: 80px; padding: 60px 20px 20px;}
   .agri-icon,.sustain-icon,.commun-icon {position: relative;top: 0;left: 50%;transform: translateX(-50%) rotate(0deg) !important;opacity: 1 !important;transition: none !important;margin-top: -120px;margin-bottom: 20px;}
    /* .agri-icon .sustain-icon .commun-icon {transform: translateX(-200px) rotate(-120deg);opacity: 1;} */
    .active .agri-icon.active .sustain-icon.active .commun-icon {transform: translateX(0) rotate(0deg);opacity: 1;}
    .avoimg img{height: 350px !important;}
    .sustainrow h5{font-size: 18px;}
    .steweimg {position: relative;top:4px;right:0px;height: auto;width: 400px;}
    
}

/* Small devices (landscape phones, 576px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767.98px) {
    section {padding: 30px 0;}h1 {font-size: 28px;}h2 {font-size: 24px;}h3 {font-size: 24px;}h4 {font-size: 18px;}h5 {font-size: 18px;}h6 {font-size: 18px;}p { font-size: 15px;}
    .header {padding: 15px 0;height:125px;}
    .terms{margin-top: 30px;}
    .contentBlock h4{font-size: 24px;width: 73%;}
    .contentBlock h5 {font-size: 16px;margin-bottom: 10px;}
    /* Navigation */
    .icon{right: -17px;}
    .icon img {height: 80px;}
    .sidenav {border-radius: 0; top: 0; padding: 60px 20px 20px; right: -100%;width: 100%;height: 100%;border: none;}
    .sidenav ul li {display: block;padding: 15px 0;text-align: center;border-bottom: 1px solid rgba(37, 54, 12, 0.2);}
    .close-btn {display: block;}
    /* Banner */
    .banner {height: 400px;}
    .banner>div>img {height: 400px;object-fit: cover;}
    .counter-card{border-left: none;}
    /* About */
    .section-wrapper {flex-direction: column;}
    .left-panel {padding: 30px 15px;}
    .left-panel h2 {font-size: 20px;}
    .about-heading { margin-top: 20px;}
    .about-heading h3{margin-left: 10px;}
    .leaves {top: -19px;left: -26px;padding-left: 14px; }
    .leaf{width: 34px;}
    .left-panel p{margin-top: 5px;}
    .right-panel {flex-direction: column;height: auto;}
    .overlay-box {height: 400px;margin-bottom: 20px;padding: 30px;}
    .overlay {position: relative;display: none;}
    .overlaytextmob{display: block;padding: 20px;background-color: rgba(0, 0, 0, 0.6);position: relative;bottom: -30px;}
    .overlaytextmob h4, .overlaytextmob p{color: #FFEFDB;}
    .overlaytextmob .btn {background-color: #e03e0e;border: none;padding: 8px 28px;font-size: 14px;margin-top: 10px;color: #FFEFDB;border-radius: 2px !important;}
    .overlay-box.active{padding: 30px;height: 400px;}
    #abtrightimg{margin-bottom: 0px; }
    .abtleftimg p, .values p, .philotext p, .para, .culti p, .packtext p, .stwewgreen p, .envirow p, .envirow ul li, .sustainrow p, .accordion-body p{font-size: 15px;}
    /* Apply same overlap to both sections */
    /* .abt .abtleftimg {margin-top: 0px; margin-bottom: 0px;} */
    /* Products */
    .deskslider {display: none;}
    .whoweareslider {display: block;}
    .hass {margin-bottom: 80px;}
    .texthover {opacity: 1;visibility: visible;bottom: -110px;}
    .downcol .texthover {bottom: -108px;}
    .down-col {margin-top: 0px;}
    .texthass {margin-bottom: 0px;}
    .texthass h3 {font-size: 40px;}
    .hass:hover .highlight-hass {all: unset;}
    .hass:hover img {transform: translateY(0);}
    .highlight-hass {color: #253115;}
    .hass img {top: -25px;}
    .downcol img{top: -23px;}
    .textwrap {margin-top: 30px;}
    .hass:hover .highlight-hass {color: rgba(37, 54, 12, 0.8);}
    /* .hass1 {overflow: hidden;text-align: center;background: radial-gradient(circle closest-side at center, #98A450 0%, rgba(101, 109, 55, 0) 100%);background-repeat: no-repeat;background-position: center;background-size: cover;} */
    /* Stwedership */
    .featurecard {height: auto;}
    .card-custom:hover .card-image {margin-left: 0px;width: 100%;height: 200px;}
    .card-custom:hover {border-top-left-radius: 0px !important;height: auto;min-height: auto;}
    .card-custom:hover .vertical-text {opacity: 0;}
    .card-custom:hover .card-title {display: block;transform: translateX(0px);}
    /* Gallery carousel */
    .gallery .carousel {height: 400px;margin-top: 30px;}
    .gallery .carousel__slider__item {width: 200px;height: 250px;}
    .gallery .carousel__slider__item.active {width: 450px;height: 300px;}
    /* Footer */
    .listview ul li {display: block;text-align: center;padding: 5px 0;}
    .socialLinks {text-align: center;}
    .socialLinks li {display: block;padding: 5px 0;}
    .copy {text-align: center !important;}
    .maps,.mapdetails {display: none;}
    .details { margin-top: 0;}
    .mapmobile {display: block;}
    .details .col-xl-6:first-child .mapdetails {display: none;}
    #farmleft{margin-left: 0;}
    .contactwrapper .imgclm{display: none;}
    .contactmob{display: block;width: 100%;margin-bottom: 20px;}
     /* Products Page */
     .avocado-section{background: #656D37;}
     .avocado-section .para{padding: 20px 0;}
     .avocado-ring {display: none;}
     .culti-text{padding: 10px 10px;}
     .mobavocado-ring {display: block;height: 400px;}
     .mobavocado-ring img {width: 400px;object-fit: contain;height: 400px;}
     .dark{height: 250px;}
     .greenprd{margin: 60px 0 140px 0;height: 250px;}
    .greentext{top: 130px;}
    .darktext{top: 85px;}
    .packhouse .rightcol {right: 0;}
    .packtext {padding: 20px 0;}
    .rightcol {position: relative;width: 100%;height: auto;margin-top: 20px;display: none;}
    .packhouse .carousel-item {min-height: 300px;}
    .slide-video {height: 300px; }
    .builttxt {margin-top: 20px;}
    .rightcolmob{display: block;margin-top: 20px;}
    .rightimg{position: relative;width: 100%;height: 300px;}
    .comitext{padding: 20px 0;}.commit>.rightimg{display: none;}
    .comitext{padding: 20px 0;}
    .overimg{display: block;width: 100%;}overlapimg{margin-bottom: 30px;position: relative;z-index: 2;}
    .culti {height: auto;padding: 40px 0 80px 0;background-attachment: fixed;}
    .culti .row {flex-direction: column;}
    /* .rightimg {position: relative;width: 100%;height: 250px;} */
    .image-stack,
    .image-stack1,
    .image-stack2 {display: none;}
    .mobimg {display: block}
    /* Stewardship adjustments */
    .stwew1 {padding: 30px 0 0 0;}
    .stwew1 .row {flex-direction: column-reverse; }
    .imgbg {width: 100%;height: 200px;margin-bottom: 0px;}
    .envirow,
    .sustainrow { margin-top: 80px; padding: 60px 20px 20px;}
    
   .agri-icon,.sustain-icon,.commun-icon {position: relative;top: 0;left: 50%;transform: translateX(-50%) rotate(0deg) !important;opacity: 1 !important;transition: none !important;margin-top: -120px;margin-bottom: 20px;}
    /* .agri-icon .sustain-icon .commun-icon {transform: translateX(-200px) rotate(-120deg);opacity: 1;} */
    .active .agri-icon.active .sustain-icon.active .commun-icon {transform: translateX(0) rotate(0deg);opacity: 1;}

    .imgbg{bottom: 0;}
    .steweimg{position: relative;top: -40px;right: 0;width: 100%;height: 400px;}
    .chart {overflow: hidden;display: flex;flex-direction: column;align-items: center;margin-bottom: 30px;}
    .wheel{width: 100%;height: auto;}
    .leganddek{display: none;}
    .legandmob{display: block;}
    .sidenav ul li .navmenu:hover::after {display: none;}
    .accordion-body{padding: 20px 0px !important;}
    .modal-title{font-size: 20px !important;}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991.98px) {
    section {padding: 30px 0;}h1 {font-size: 28px;}h2 {font-size: 24px;}h3 {font-size: 24px;}h4 {font-size: 18px;}h5 {font-size: 18px;}h6 {font-size: 18px;}p { font-size: 15px;}
    .header {padding: 15px 0;}
   .contentBlock h4{font-size: 23px;width: 73%;}
    .contentBlock h5 {font-size: 16px;margin-bottom: 10px;}
    /* Navigation */
    .icon{right: -17px;}
    .icon img {height: 60px;}
    .sidenav {border-radius: 0; top: 0; padding: 60px 20px 20px; right: -100%;width: 100%;height: 100%;border: none;}
    .sidenav ul li {display: block;padding: 15px 0;text-align: center;border-bottom: 1px solid rgba(37, 54, 12, 0.2);}
    .close-btn {display: block;}
    /* Banner */
    .banner {height: 400px;}
    .banner>div>img {height: 400px;object-fit: cover;}
    .counter-card{border-left: none;}
    /* About */
    .section-wrapper {flex-direction: column;}
    .left-panel {padding: 30px 15px;}
    .left-panel h2 {font-size: 20px;}
    .about-heading { margin-top: 20px;}
    .leaves {top: -24px;left: -26px;padding-left: 14px; }
    .leaf{width: 34px;}
    .left-panel p{margin-top: 5px;}
    .right-panel {flex-direction: column;height: auto;}
    .overlay-box {height: 400px;margin-bottom: 20px;padding: 30px;}
    .overlay {position: relative;display: none;}
    .overlaytextmob{display: block;padding: 20px;background-color: rgba(0, 0, 0, 0.6);position: relative;bottom: -30px;}
    .overlaytextmob h4, .overlaytextmob p{color: #FFEFDB;}
    .overlaytextmob .btn {background-color: #e03e0e;border: none;padding: 8px 28px;font-size: 14px;margin-top: 10px;color: #FFEFDB;border-radius: 2px !important;}
     .overlay-box.active{padding: 30px;height: 400px;}
     #abtrightimg{margin-bottom: 0px; }
    /* Apply same overlap to both sections */
    /* .abt .abtleftimg {margin-top: 0px; margin-bottom: 0px;} */
    /* Products */
    .deskslider {display: none;}
    .whoweareslider {display: block;}
    .hass {margin-bottom: 80px;}
    .texthover {opacity: 1;visibility: visible;bottom: -110px;}
    .downcol .texthover {bottom: -108px;}
    .down-col {margin-top: 0px;}
    .texthass {margin-bottom: 0px;}
    .texthass h3 {font-size: 40px;}
    .hass:hover .highlight-hass {all: unset;}
    .hass:hover img {transform: translateY(0);}
    .highlight-hass {color: #253115;}
    .hass img {top: -25px;}
    .downcol img{top: -23px;}
    .textwrap {margin-top: 30px;}
    .hass:hover .highlight-hass {color: rgba(37, 54, 12, 0.8);}
    /* Stwedership */
    .featurecard {height: auto;}
    .card-custom:hover .card-image {margin-left: 0px;width: 100%;height: 200px;}
    .card-custom:hover {border-top-left-radius: 0px !important;height: auto;min-height: auto;}
    .card-custom:hover .vertical-text {opacity: 0;}
    .card-custom:hover .card-title {display: block;transform: translateX(0px);}
    /* Gallery carousel */
    .gallery .carousel {height: 400px;margin-top: 30px;}
    .gallery .carousel__slider__item {width: 300px;height: 250px;}
    .gallery .carousel__slider__item.active {width: 450px;height: 300px;}
    /* Footer */
    .listview ul li {display: inline-block;text-align: center;padding: 5px 10px;}
    .socialLinks {text-align: center;}
    .socialLinks li {display: inline-block;padding: 5px 10px;}
    .copy {text-align: center !important;}
    #farmleft{margin-left: 0;}
    .contactwrapper .imgclm{display: none;}
    .contactmob{display: block;width: 100%;margin-bottom: 20px;}
     /* Products Page */
     .avocado-section{background: #656D37;}
     .avocado-section .para{padding: 20px 0;}
     .avocado-ring {display: none;}
     .culti-text{padding: 10px 10px;}
     .culti{height: auto;}
     .mobavocado-ring {display: block;}
     .mobavocado-ring img {width: 400px;object-fit: contain;height: 400px;}
     .dark{height: 250px;}
    .greenprd{margin: 60px 0 140px 0;height: 250px;}
    .greentext{top: 130px;}
    .darktext{top: 85px;}
    .packhouse .rightcol {right: 0;}
    .packtext {padding: 20px 0;}
    .rightcol {position: relative;width: 100%;height: auto;margin-top: 20px;display: none;}
    .packhouse .carousel-item {min-height: 300px;}
    .slide-video {height: 300px; }
    .builttxt {margin-top: 20px;}
    .rightcolmob{display: block;margin-top: 20px;}
    .rightimg{position: relative;width: 100%;height: 300px;}
    .commit>.rightimg{display: none;}
    .comitext{padding: 20px 0;}
    .overimg{display: block;width: 100%;}
    .overlapimg{margin-bottom: 30px;position: relative;z-index: 2;}
    .culti {height: auto;padding: 40px 0;background-attachment: fixed;}
    .culti .row {flex-direction: column;}
    /* .rightimg {position: relative;width: 100%;height: 250px;} */
    .image-stack,
    .image-stack1,
    .image-stack2 {display: none;}
    .mobimg {display: block}
    /* Stewardship adjustments */
    .stwew1 {padding: 30px 0 0 0;}
    .stwew1 .row {flex-direction: column-reverse; }
    .imgbg {width: 100%;height: 200px;margin-bottom: 0px;}
    .envirow,
    .sustainrow { margin-top: 80px; padding: 60px 20px 20px;}
    .agri-icon,.sustain-icon,.commun-icon {position: relative;top: 0;left: 50%;transform: translateX(-50%) rotate(0deg) !important;opacity: 1 !important;transition: none !important;margin-top: -120px;margin-bottom: 20px;}
    /* .agri-icon .sustain-icon .commun-icon {transform: translateX(-200px) rotate(-120deg);opacity: 1;} */
    .active .agri-icon.active .sustain-icon.active .commun-icon {transform: translateX(0) rotate(0deg);opacity: 1;}
    .imgbg{bottom: 0;}
    .chart {overflow: hidden;display: flex;flex-direction: column;align-items: center;margin-bottom: 30px;}
    .wheel{width: 100%;height: auto;}
    .leganddek{display: none;}
    .legandmob{display: block;}
    .sidenav ul li .navmenu:hover::after {display: none;}
    .steweimg{position: relative;top: 0px;right: 0;width: 100%;}
    .accordion-body{padding: 20px 0px !important;}
    .modal-title{font-size: 20px !important;}
    

}

/* Large devices (laptops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199.98px) {}

/* Extra large devices (desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    /* Styles for desktops */
    /* .carousel-controls {display: none;   } */
}

/* iPhone SE and similar (320px) */
@media only screen and (min-width: 320px) and (max-width: 374px) {
    section {padding: 30px 0;}h1 {font-size: 28px;}h2 {font-size: 24px;}h3 {font-size: 24px;}h4 {font-size: 18px;}h5 {font-size: 18px;}h6 {font-size: 18px;}p { font-size: 15px;}
    .header {padding: 15px 0;height:125px;}
    .terms {height: 80px;padding-top: 30px;}
    .contentBlock h4{font-size: 23px;width: 73%;}
    .contentBlock h5 {font-size: 16px;margin-bottom: 10px;}
    /* Navigation */
    .icon{right: -17px;}
    .icon img {height: 60px;}
    .sidenav {border-radius: 0; top: 0; padding: 60px 20px 20px; right: -100%;width: 100%;height: 100%;border: none;}
    .sidenav ul li {display: block;padding: 15px 0;text-align: center;border-bottom: 1px solid rgba(37, 54, 12, 0.2);}
    .close-btn {display: block;}
    /* Banner */
    .banner {height: 400px;}
    .banner>div>img {height: 400px;object-fit: cover;}
    .counter-card{border-left: none;}
    /* About */
    .section-wrapper {flex-direction: column;}
    .left-panel {padding: 30px 15px;}
    .left-panel h2 {font-size: 20px;}
    .about-heading { margin-top: 20px;}
    .about-heading h3{margin-left: 10px;}
    .leaves {top: -19px;left: -26px;padding-left: 14px; }
    .leaf{width: 34px;}
    .left-panel p{margin-top: 5px;}
    .right-panel {flex-direction: column;height: auto;}
    .overlay-box {height: 400px;margin-bottom: 20px;padding: 30px;}
    .overlay {position: relative;display: none;}
    .overlaytextmob{display: block;padding: 20px;background-color: rgba(0, 0, 0, 0.6);position: relative;bottom: -30px;}
    .overlaytextmob h4, .overlaytextmob p{color: #FFEFDB;}
    .overlaytextmob .btn {background-color: #e03e0e;border: none;padding: 8px 28px;font-size: 14px;margin-top: 10px;color: #FFEFDB;border-radius: 2px !important;}
     .overlay-box.active{padding: 30px;height: 400px;}
     #abtrightimg{margin-bottom: 0px; }
    /* Apply same overlap to both sections */
    /* .abt .abtleftimg {margin-top: 0px; margin-bottom: 0px;} */
    /* Products */
    .deskslider {display: none;}
    .whoweareslider {display: block;}
    .hass1 .texthover{text-align: center;}
    /* .hass1 {overflow: hidden;text-align: center;background: radial-gradient(circle closest-side at center, #98A450 0%, rgba(101, 109, 55, 0) 100%);background-repeat: no-repeat;background-position: center;background-size: cover;} */
    /* Stwedership */
    .featurecard {height: auto;}
    .card-custom:hover .card-image {margin-left: 0px;width: 100%;height: 200px;}
    .card-custom:hover {border-top-left-radius: 0px !important;height: auto;min-height: auto;}
    .card-custom:hover .vertical-text {opacity: 0;}
    .card-custom:hover .card-title {display: block;transform: translateX(0px);}
    /* Gallery carousel */
    .gallery .carousel {height: 400px;margin-top: 30px;}
    .gallery .carousel__slider__item {width: 300px;height: 250px;}
    .gallery .carousel__slider__item.active {width: 300px;height: 300px;}
    /* Footer */
    .listview ul li {display: block;text-align: center;padding: 5px 0;}
    .socialLinks {text-align: center;}
    .socialLinks li {display: block;padding: 5px 0;}
    .copy {text-align: center !important;}
    .maps,.mapdetails {display: none;}
    .details { margin-top: 0;}
    .mapmobile {display: block;}
    .details .col-xl-6:first-child .mapdetails {display: none;}
    /* Products Page */
    .avocado-section{background: #656D37;}
    .avocado-section .para{padding: 20px 0;}
    .avocado-ring {display: none;}
    .culti-text{padding: 10px 10px;}
    .culti{height: auto;}
    .mobavocado-ring {display: block;height: 400px;}
    .mobavocado-ring img {width: 100%;object-fit: contain;height: 400px;}
    .dark{height: 250px;}
    .greenprd{margin: 60px 0 140px 0;height: 250px;}
    .greentext{top: 130px;}
    .darktext{top: 85px;}
    .packhouse .rightcol {right: 0;}
    .packtext {padding: 20px 0;}
    .rightcol {position: relative;width: 100%;height: auto;margin-top: 20px;display: none;}
    .packhouse .carousel-item {min-height: 300px;}
    .slide-video {height: 300px; }
    .builttxt {margin-top: 20px;}
    .rightcolmob{display: block;margin-top: 20px;}
    .rightimg{position: relative;width: 100%;height: 300px;}
    .commit>.rightimg{display: none;}
    .comitext{padding: 20px 0;}
    .overimg{display: block;width: 100%;}
    .overlapimg{margin-bottom: 30px;position: relative;z-index: 2;}
    .culti {height: auto;padding: 40px 0;background-attachment: fixed;}
    .culti .row {flex-direction: column;}
    .rightimg {position: relative;width: 100%;height: 250px;}
    .image-stack,
    .image-stack1,
    .image-stack2 {display: none;}
    .mobimg {display: block}
    /* Stewardship adjustments */
    .stwew1 {padding: 30px 0 0 0;}
    .stwew1 .row {flex-direction: column-reverse; }
    .imgbg {width: 100%;height: 200px;margin-bottom: 0px;}
    .envirow,
    .sustainrow { margin-top: 80px; padding: 60px 20px 20px;}
    .agri-icon,.sustain-icon,.commun-icon {position: relative;top: 0;left: 50%;transform: translateX(-50%) rotate(0deg) !important;opacity: 1 !important;transition: none !important;margin-top: -120px;margin-bottom: 20px;}
    /* .agri-icon .sustain-icon .commun-icon {transform: translateX(-200px) rotate(-120deg);opacity: 1;} */
    .active .agri-icon.active .sustain-icon.active .commun-icon {transform: translateX(0) rotate(0deg);opacity: 1;}
    .imgbg{bottom: 0;}
    .contentBlock h6{width: 75%;font-size: 14px;}
    .steweimg {position: relative;top: -115px;right: 0;width: 100%;height: 300px;}
    .chart {overflow: hidden;display: flex;flex-direction: column;align-items: center;margin-bottom: 30px;}
    .wheel{width: 100%;height: auto;}
    .sidenav ul li .navmenu:hover::after {display: none;}
    .accordion-body{padding: 20px 0px !important;}
    .modal-title{font-size: 20px !important;}
}

/* iPhone 12/13 Mini and similar (375px) */
@media only screen and (min-width: 375px) and (max-width: 424px) {
    section {padding: 30px 0;}h1 {font-size: 28px;}h2 {font-size: 24px;}h3 {font-size: 24px;}h4 {font-size: 18px;}h5 {font-size: 18px;}h6 {font-size: 18px;}p { font-size: 15px;}
    .header {padding: 15px 0;}
    .terms {height: 80px;padding-top: 30px;}
    .contentBlock h4{font-size: 23px;width: 73%;}
    .contentBlock h5 {font-size: 16px;margin-bottom: 10px;}
    /* Navigation */
    .icon{right: -17px;}
    .icon img {height: 80px;}
    .sidenav {border-radius: 0; top: 0; padding: 60px 20px 20px; right: -100%;width: 100%;height: 100%;border: none;}
    .sidenav ul li {display: block;padding: 15px 0;text-align: center;border-bottom: 1px solid rgba(37, 54, 12, 0.2);}
    .close-btn {display: block;}
    /* Banner */
    .banner {height: 400px;}
    .banner>div>img {height: 400px;object-fit: cover;}
    .counter-card{border-left: none;}
    /* About */
    .section-wrapper {flex-direction: column;}
    .left-panel {padding: 30px 15px;}
    .left-panel h2 {font-size: 20px;}
    .about-heading h3{margin-left: 10px;}
    .leaves {top: -19px;left: -26px;padding-left: 14px; }
    /* .leaves {top: -24px;left: -26px;padding-left: 14px; } */
    .leaf{width: 34px;}
    .left-panel p{margin-top: 5px;}
    .right-panel {flex-direction: column;height: auto;}
    .overlay-box {height: 400px;margin-bottom: 20px;padding: 30px;}
    .overlay {position: relative;display: none;}
    .overlaytextmob{display: block;padding: 20px;background-color: rgba(0, 0, 0, 0.6);position: relative;bottom: -30px;}
    .overlaytextmob h4, .overlaytextmob p{color: #FFEFDB;}
    .overlay-box.active{padding: 30px;height: 400px;}
    .overlaytextmob .btn {background-color: #e03e0e;border: none;padding: 8px 28px;font-size: 14px;margin-top: 10px;color: #FFEFDB;border-radius: 2px !important;}
    #abtrightimg{margin-bottom: 0px; }
    /* Apply same overlap to both sections */
    /* .abt .abtleftimg {margin-top: 0px; margin-bottom: 0px;} */
    /* Products */
    .deskslider {display: none;}
    .whoweareslider {display: block;}
    .hass {margin-bottom: 80px;}
    /* .hass1 {overflow: hidden;text-align: center;background: radial-gradient(circle closest-side at center, #98A450 0%, rgba(101, 109, 55, 0) 100%);background-repeat: no-repeat;background-position: center;background-size: cover;} */
    .texthover {opacity: 1;visibility: visible;bottom: -108px;}
    .downcol .texthover {bottom: -108px;}
    .down-col {margin-top: 0px;}
    .texthass {margin-bottom: 0px;}
    .texthass h3 {font-size: 40px;}
    .hass:hover .highlight-hass {all: unset;}
    .hass:hover img {transform: translateY(-20px);}
    .highlight-hass {color: #253115;}
    .hass img {top: -35px;}
    .downcol img{top: -23px;}
    .textwrap {margin-top: 30px;}
    .hass:hover .highlight-hass {color: rgba(37, 54, 12, 0.8);}
    /* Stwedership */
    .featurecard {height: auto;}
    .card-custom:hover .card-image {margin-left: 0px;width: 100%;height: 200px;}
    .card-custom:hover {border-top-left-radius: 0px !important;height: auto;min-height: auto;}
    .card-custom:hover .vertical-text {opacity: 0;}
    .card-custom:hover .card-title {display: block;transform: translateX(0px);}
    /* Gallery carousel */
    .gallery .carousel {height: 400px;margin-top: 0px;}
    .gallery .carousel__slider__item {width: 300px;height: 250px;}
    .gallery .carousel__slider__item.active {width: 300px;height: 300px;}
    /* Footer */
    .listview ul li {display: block;text-align: center;padding: 5px 0;}
    .socialLinks {text-align: center;}
    .socialLinks li {display: block;padding: 5px 0;}
    .copy {text-align: center !important;}
    .abt2 .rightimg{position: relative;}
    .maps,.mapdetails {display: none;}
    .details { margin-top: 0;}
    .mapmobile {display: block;}
    .details .col-xl-6:first-child .mapdetails {display: none;}
    /* Products Page */
    .avocado-section{background: #656D37;}
    .avocado-section .para{padding: 20px 0;}
    .avocado-ring {display: none;}
    .culti-text{padding: 10px 10px;}
    .culti{height: auto;}
    .mobavocado-ring {display: block;height: 400px;}
    .mobavocado-ring img {width: 100%;object-fit: contain;height: 400px;}
    .dark{height: 250px;}
    .greenprd{margin: 60px 0 140px 0;height: 250px;}
    .greentext{top: 130px;}
    .darktext{top: 85px;}
    .packhouse .rightcol {right: 0;}
    .packtext {padding: 20px 0;}
    .rightcol {position: relative;width: 100%;height: auto;margin-top: 20px;display: none;}
    .packhouse .carousel-item {min-height: 300px;}
    .slide-video {height: 300px; }
    .builttxt {margin-top: 20px;}
    .rightcolmob{display: block;margin-top: 20px;}
    .rightimg{position: relative;width: 100%;height: 300px;}
    .commit>.rightimg{display: none;}
    .comitext{padding: 20px 0;}
    .overimg{display: block;width: 100%;}
    .overlapimg{margin-bottom: 30px;position: relative;z-index: 2;}
    .culti {height: auto;padding: 40px 0;background-attachment: fixed;}
    .culti .row {flex-direction: column;}
    .rightimg {position: relative;width: 100%;height: 250px;}
    .image-stack,
    .image-stack1,
    .image-stack2 {display: none;}
    .mobimg {display: block}
    /* Stewardship adjustments */
    .stwew1 {padding: 30px 0 0 0;}
    .stwew1 .row {flex-direction: column-reverse; }
    .imgbg {width: 100%;height: 200px;margin-bottom: 0px;}
    .envirow,
    .sustainrow { margin-top: 80px; padding: 60px 20px 20px;}
    .agri-icon,.sustain-icon,.commun-icon {position: relative;top: 0;left: 50%;transform: translateX(-50%) rotate(0deg) !important;opacity: 1 !important;transition: none !important;margin-top: -120px;margin-bottom: 20px;}
    /* .agri-icon .sustain-icon .commun-icon {transform: translateX(-200px) rotate(-120deg);opacity: 1;} */
    .active .agri-icon.active .sustain-icon.active .commun-icon {transform: translateX(0) rotate(0deg);opacity: 1;}
    .imgbg{bottom: 0;}
    .contentBlock h6{width: 75%;font-size: 14px;}
    .steweimg {position: relative;top: -85px;right: 0;width: 100%;height: 350px;}
    .chart {overflow: hidden;display: flex;flex-direction: column;align-items: center;margin-bottom: 30px;}
    .sidenav ul li .navmenu:hover::after {display: none;}
    .wheel{width: 100%;height: auto;}
    .accordion-body{padding: 20px 0px !important;}
    .modal-title{font-size: 20px !important;}
}


/* iPhone 12/13 Pro Max and similar (428px) */
@media only screen and (min-width: 428px) and (max-width: 474px) {
    section {padding: 30px 0;}h1 {font-size: 28px;}h2 {font-size: 26px;}h3 {font-size: 24px;}h4 {font-size: 20px;}h5 {font-size: 18px;}h6 {font-size: 18px;}p { font-size: 15px;}
    .header {padding: 15px 0;}
    .terms {height: 80px;padding-top: 30px;}
    .contentBlock h4{font-size: 23px;width: 73%;}
    .contentBlock h5 {font-size: 16px;margin-bottom: 10px;}
    /* Navigation */
    .icon{right: -17px;}
    .icon img {height: 80px;}
    .sidenav {border-radius: 0; top: 0; padding: 60px 20px 20px; right: -100%;width: 100%;height: 100%;border: none;}
    .sidenav ul li {display: block;padding: 15px 0;text-align: center;border-bottom: 1px solid rgba(37, 54, 12, 0.2);}
    .close-btn {display: block;}
    /* Banner */
    .banner {height: 400px;}
    .banner>div>img {height: 400px;object-fit: cover;}
    .counter-card{border-left: none;}
    /* About */
    .section-wrapper {flex-direction: column;}
    .left-panel {padding: 30px 15px;}
    .left-panel h2 {font-size: 20px;}
    .about-heading h3{margin-left: 10px;}
    .leaves {top: -19px;left: -26px;padding-left: 14px; }
    /* .leaves {top: -24px;left: -26px;padding-left: 14px; } */
    .leaf{width: 34px;}
    .left-panel p{margin-top: 5px;}
    .right-panel {flex-direction: column;height: auto;}
    .overlay-box {height: 400px;margin-bottom: 20px;padding: 30px;}
    .overlay {position: relative;display: none;}
    .overlaytextmob{display: block;padding: 20px;background-color: rgba(0, 0, 0, 0.6);position: relative;bottom: -30px;}
    .overlaytextmob h4, .overlaytextmob p{color: #FFEFDB;}
    .overlay-box.active{padding: 30px;height: 400px;}
    .overlaytextmob .btn {background-color: #e03e0e;border: none;padding: 8px 28px;font-size: 14px;margin-top: 10px;color: #FFEFDB;border-radius: 2px !important;}
    #abtrightimg{margin-bottom: 0px; }
    /* Apply same overlap to both sections */
    /* .abt .abtleftimg {margin-top: 0px; margin-bottom: 0px;} */
    /* Products */
    .deskslider {display: none;}
    .whoweareslider {display: block;}
    /* .hass1 {overflow: hidden;text-align: center;background: radial-gradient(circle closest-side at center, #98A450 0%, rgba(101, 109, 55, 0) 100%);background-repeat: no-repeat;background-position: center;background-size: cover;} */
    /* Stwedership */
    .featurecard {height: auto;}
    .card-custom:hover .card-image {margin-left: 0px;width: 100%;height: 200px;}
    .card-custom:hover {border-top-left-radius: 0px !important;height: auto;min-height: auto;}
    .card-custom:hover .vertical-text {opacity: 0;}
    .card-custom:hover .card-title {display: block;transform: translateX(0px);}
    /* Gallery carousel */
    .gallery .carousel {height: 300px;margin-top: 30px;}
    .gallery .carousel__slider__item {width: 300px;height: 250px;}
    .gallery .carousel__slider__item.active {width: 300px;height: 300px;}
    /* Footer */
    .listview ul li {display: block;text-align: center;padding: 5px 0;}
    .socialLinks {text-align: center;}
    .socialLinks li {display: block;padding: 5px 0;}
    .maps,.mapdetails {display: none;}
    .details { margin-top: 0;}
    .mapmobile {display: block;}
    .details .col-xl-6:first-child .mapdetails {display: none;}
    /* Products Page */
    .avocado-section{background: #656D37;}
    .avocado-section .para{padding: 20px 0;}
    .avocado-ring {display: none;}
    .culti-text{padding: 10px 10px;}
    .culti{height: auto;}
    .mobavocado-ring {display: block;height: 400px;}
    .mobavocado-ring img {width: 100%;object-fit: contain;height: 400px;}
    .dark{height: 250px;}
    .greenprd{margin: 60px 0 140px 0;height: 250px;}
    .greentext{top: 130px;}
    .darktext{top: 85px;}
    .packhouse .rightcol {right: 0;}
    .packtext {padding: 20px 0;}
    .rightcol {position: relative;width: 100%;height: auto;margin-top: 20px;display: none;}
    .packhouse .carousel-item {min-height: 300px;}
    .slide-video {height: 300px; }
    .builttxt {margin-top: 20px;}
    .rightcolmob{display: block;margin-top: 20px;}
    .rightimg{position: relative;width: 100%;height: 300px;}
    .commit>.rightimg{display: none;}
    .comitext{padding: 20px 0;}
    .overimg{display: block;width: 100%;}
    .overlapimg{margin-bottom: 30px;position: relative;z-index: 2;}
    .culti {height: auto;padding: 40px 0;background-attachment: fixed;}
    .culti .row {flex-direction: column;}
    .rightimg {position: relative;width: 100%;height: 250px;}
    .image-stack,
    .image-stack1,
    .image-stack2 {display: none;}
    .mobimg {display: block}
    /* Stewardship adjustments */
    .stwew1 {padding: 30px 0 0 0;}
    .stwew1 .row {flex-direction: column-reverse; }
    .imgbg {width: 100%;height: 200px;margin-bottom: 0px;}
    .envirow,
    .sustainrow { margin-top: 80px; padding: 60px 20px 20px;}
    
    .imgbg{bottom: 0;}
    .chart {overflow: hidden;display: flex;flex-direction: column;align-items: center;margin-bottom: 30px;}
    .wheel{width: 100%;height: auto;}
    .sidenav ul li .navmenu:hover::after {display: none;}
    .accordion-body{padding: 20px 0px !important;}
    .modal-title{font-size: 20px !important;}
    .agri-icon,.sustain-icon,.commun-icon {position: relative;top: 0;left: 50%;transform: translateX(-50%) rotate(0deg) !important;opacity: 1 !important;transition: none !important;margin-top: -120px;margin-bottom: 20px;}
    /* .agri-icon .sustain-icon .commun-icon {transform: translateX(-200px) rotate(-120deg);opacity: 1;} */
    .active .agri-icon.active .sustain-icon.active .commun-icon {transform: translateX(0) rotate(0deg);opacity: 1;}
}

/* iPad portrait mode */
@media only screen and (min-width: 768px) and (max-width: 1024px) {

    /* Styles for iPad portrait mode */
    .image-stack,
    .image-stack1,
    .image-stack2 {display: none;}
    .mobimg { display: block;}
    .sidenav {right: -100%;}
    .banner {height: 400px;}
    .banner>div>img {height: 400px;}
    .avocado-ring { display: none;}
    .mobavocado-ring {display: block;}
    .mobavocado-ring img {width: 600px;object-fit: contain;height: 600px;}
    .section-wrapper {flex-direction: row;}
    .right-panel {flex-direction: column;height: auto}
    .overlay-box {height: 400px;margin-bottom: 20px;padding: 30px;}
    .overlay {position: relative;}
    .overlay-box {height: 400px;margin-bottom: 20px;padding: 30px;}
    .overlay {position: relative;}
    .overlay-box.active{padding: 30px;}
    .hover-content, .overlay-box.active .text-bg h4{display: block;}
    .text-bg h4{display: none;}
    .hover-content {display: block;}
    .hass img {width: 700px;text-align: center;left: 140px;}
    .deskslider {display: none;}
    .whoweareslider {display: block;}
    .hass {margin-bottom: 80px;}
    .texthover {opacity: 1;visibility: visible;bottom: -110px;}
    .downcol .texthover {bottom: -108px;}
    .down-col {margin-top: 0px;}
    .texthass {margin-bottom: 0px;}
    .texthass h3 {font-size: 40px;}
    .hass:hover .highlight-hass {all: unset;}
    .hass:hover img {transform: translateY(-20px);}
    .highlight-hass {color: #253115;}
    .hass img {top: -25px;}
    .downcol img{top: -28px;}
    .textwrap {margin-top: 30px;}
    .hass:hover .highlight-hass {color: rgba(37, 54, 12, 0.8);}
    .texthover { right: 0;}
    /* Styles for iPad landscape mode */
    .texthass h3 { font-size: 90px;}
    /* Adjust spacing for better fit */
    .left-panel {padding: 60px 60px 30px 100px;}
    /* Gallery */
    .gallery .carousel__slider__item.active { width: 500px}
    .philo {padding-bottom: 140px;}
    .blueblock {padding: 30px 0;}
    /* Stewardship */
    .packhouse .rightcol {right: 0px;}
    .featurecard1 {margin-top: 0;margin-bottom: 20px;}
    .rightimg {position: relative;width: 100%;height: 100%;}
    .para {font-size: 20px; }
    /* Contact form adjustments */
    .contactwrapper .imgclm {display: none;}
    .mapdetails {width: 100%;}
    #farmleft {margin-left: 0;}
    .maps,
    .mapdetails {display: none;}
    .details {margin-top: 0;}
    .mapmobile {display: block;}
    .details .col-xl-6:first-child .mapdetails {display: none;}
    /* Career blocks */
    .careerBlock {flex-direction: column;}
    .accordion {padding: 20px 0;}
    /* Products Page */
    .avocado-section{background: #656D37;}
    .avocado-section .para{padding: 20px 0;}
    .avocado-ring {display: none;}
    .culti-text{padding: 10px 10px;}
    .culti{height: auto;}
    .mobavocado-ring {display: block;}
    .mobavocado-ring img {width: 100%;object-fit: contain;height: 400px;}
    .greenprd{margin-bottom: 0;}
    


}

/* iPad landscape mode */
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    /* Styles for iPad landscape mode */
    /* .abtleftimg{padding: 40px;} */
    h6{font-size: 20px;}
    .texthass h3{font-size: 55px;}
    .contactwrapper .imgclm{display: block;}
    .contactmob{display: none;width: 100%;margin-bottom: 20px;}
    .sidenav ul li{padding-left: 14px;}
    h5{font-size: 20px;}
    h4{font-size: 28px;}
    .culti-text {max-width: 45%;flex: 1 1 50%;}
    .avocado-ring {max-width: 50%;flex: 1 1 50%;}
   .img-1 {top: calc(50% - 292px);left: -21%;}
    /* .culti-text{max-width: 400px;} */
    .img-5{left: 15%;}
    .img-6 {top: calc(50% + 242px); }
    .imgbg{bottom: -30px;}
    section{padding: 60px 0;}
    .counter-label {font-size: 20px;color: #253115;font-weight: 500;white-space: nowrap;}
    .texthover P{font-size:20px;}
    .texthover{bottom: -30px;}
    .down-col .texthover{bottom: -30px;}
    .deskslider{padding-bottom: 0px;}
    .pink .texthover{bottom: -30px;}
    .leaves {top: -26px;left: -49px;}
    .leaf{width: 60px;}
    .stwew1 p{font-size: 16px;}
    .stwew1{padding: 30px 0;}
    .image-stack, .image-stack1, .image-stack2{right:31px;top: -85px;width: 450px;height: 450px;}
    .envirow p, .envirow ul li{font-size: 16px;}
    .counter-number{font-size: 40px;}
    .steweimg {position: absolute;top: -34px;right:-10px;height: auto;width: 550px;}
    .mapdetails{width: 60%;}
    .count{padding: 30px 0;}
    .sustainrow h5{font-size: 20px;}
    .key{padding: 30px 0;}
    
}

@media (min-width: 1400px) and (max-width: 1600px) {
  /* Your CSS rules here */
  .abt .abtleftimg{margin-top: -40px;}
}
/* Media query for tablets */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* Styles for tablets */
}

/* Media query for laptops */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* Styles for laptops */
}


/* Extra large devices (desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    /* Styles for desktops */
    .bx-wrapper .bx-controls {
        display: none !important;
    }
    /* .abt .abtleftimg{margin-top: -40px;} */
    /* .texthover{bottom: -150px;}
    .down-col .texthover{bottom: -128px;} */
    /* .banner>div>img{object-fit: cover;} */
}
@media (min-width: 1900px){
    .texthass h3{font-size: 72px;}
    .banner {position: relative;height:850px;overflow: hidden;z-index: 1;width: 100vw;display: block;}
    .zoom1 img{width: 100%;display: block;height:850px;object-fit: cover;}
    .img-1 {top: calc(50% - 280px);left: -14%;animation: fadeInTop 0.8s ease 0.3s forwards;}
    .img-2 {top: calc(50% - 220px);left: calc(40% - 128px);animation: fadeInRight 0.8s ease 0.6s forwards;}
    .img-3 {top: 40%;left: calc(40% + 45px);animation: fadeInRight 0.8s ease 0.9s forwards;}
    .img-4 {top: calc(50% + 158px);left: calc(40% + 8px);animation: fadeInRight 0.8s ease 1.2s forwards;}
    .img-5 {top: calc(50% + 240px);left: 10%;animation: fadeInBottom 0.8s ease 2.5s forwards;}
    .img-6 {top: calc(50% + 237px);left: calc(40% - 485px);animation: fadeInBottom 0.8s ease 1.8s forwards;}
    .texthover{bottom: -40px;}
    .down-col .texthover{bottom: -48px;}
    /* .abt .abtleftimg{margin-bottom: 0;margin-top: -40px;} */
}
@media (min-width: 2281px) and (max-width: 2560px)  {
    .banner {position: relative;height:850px;overflow: hidden;z-index: 1;width: 100vw;display: block;}
    .zoom1 img{width: 100%;display: block;height:850px;object-fit: cover;}
    .texthass h3{font-size: 72px;}
    .img-1 {top: calc(50% - 280px);left: -14%;animation: fadeInTop 0.8s ease 0.3s forwards;}
    .img-2 {top: calc(50% - 220px);left: calc(40% - 128px);animation: fadeInRight 0.8s ease 0.6s forwards;}
    .img-3 {top: 40%;left: calc(40% + 45px);animation: fadeInRight 0.8s ease 0.9s forwards;}
    .img-4 {top: calc(50% + 158px);left: calc(40% + 8px);animation: fadeInRight 0.8s ease 1.2s forwards;}
    .img-5 {top: calc(50% + 240px);left: 10%;animation: fadeInBottom 0.8s ease 2.5s forwards;}
    .img-6 {top: calc(50% + 237px);left: calc(40% - 485px);animation: fadeInBottom 0.8s ease 1.8s forwards;}
}