@media screen and (max-width:1600px){
    .timeline-wrapper{
        margin: 0px 50px;
    }
    .nav-next{
        right: -18px;
    }
    .nav-prev{
        left: -18px;
    }
}
@media screen and (max-width:1530px){
    .nav-next{
        right: -3px;
    }
    .nav-prev{
        left: -3px;
    }
    .navigation{
        top: 46%;
    }
    .container{
        max-width: 100%;
        width: auto;
        margin: 0px 50px;
    }
}
@media screen and (max-width: 1440px) {
    .main-text {
        font-size: 40px;
    }
    .welcome-text {
  font-size: 24px;
}
    .main-text.move-top-left {
  left: -5%;
  top: 24px;
  transform: scale(0.5);
  opacity: 1;
}
    .container{
        max-width: 1220px;
        margin: auto;
    }
    .timeline-wrapper{
        margin: 0px ;
    }

    .nav-next{
        right: -60px;
    }
    .nav-prev{
        left: -60px;
    }
    p.loader-text.logo-text.active.move-cross
 {
    width: fit-content;
    /* margin: 0px 40px; */
}
.loader-text.move-cross
 {
    transform: translate3d(-38vw, -37vh, 0) scale(0.3);
 }
 .product-container{
    height: 320px;
 }
} 

@media screen and (max-width:1380px){
    .timeline-wrapper{
        margin: 0px 30px;
    }
    .nav-prev {
        left: -34px;
    }
    .nav-next {
        right: -34px;
    }
    .our-team .owl-nav {
        top: -23%;
        left: -3%;
    }
}

@media screen and (max-width:1380px){
    .nav-prev {
        left: -20px;
    }
    .nav-next {
        right: -20px;
    }
}

@media screen and (max-width:1300px){
    .container{
        max-width: 100%;
        width: auto;
        margin: 0px 50px;
    }
}

@media screen and (max-width:1280px){
    /* .product-img-card {
        height: 290px;
    } */
    .hero-sec-video{
        height: 800px;
    }
    .nav-items{
        gap: 30px;
    }
    .hero-title{
        font-size: 100px;
        line-height: 100px;
    }
    .hero-subtitle{
        font-size: 24px;
    }
    .about-sec , .who-sec , .our-mission-sec , .greenway-sec , .why-choose-sec , .core-sec , .contact-sec , .footer-main{
        padding: 40px 0px;
    }
    .our-mission-text-main{
        gap: 20px;
    }
    .about-title{
        font-size: 36px;
    }
    .our-mission-title{
        font-size: 36px;
        line-height: 46px;
    }
    .about-head , .about-text , .global-title {
        font-size: 20px;
        line-height: 30px;
    }
    .about-main  , .who-sec-content{
        gap: 28px;
    }
    .who-sec-main{
       gap: 16px;
    }
    .what-sec , .our-product-sec , .our-journery-sec , .our-team-sec{
        margin: 30px 20px;
        padding: 40px 0px;
    }
    .footer-sec{
        margin: 20px 20px;
    }
    .what-sec-main{
        gap: 30px;
    }
    .what-global-title{
        font-size: 20px;
    }
    .what-global-text{
        line-height: 25px;
    }
    .greenWay-white-text , .greenWay-gray-text{
        font-size: 24px;
    }
    .greenway_recycling_img{
        width: 80px;
        height: 45px;
    }
    img.greenway-img{
        width: 80px;
    }
    .greenway-img2{
        width: 80px;
        /* margin-bottom: -26px; */
    }
    .our-product-title-row{
        margin-bottom: 40px;
    }
    .product-name , .number-text{
        font-size: 20px;
    }
    .owl-nav{
        top: 37%;
    }
    .why-choose-main{
        gap: 25px;
    }
    .why-choose-main{
        margin-top: 40px;
    }
    .number-box{
        font-size: 20px;
        width: 52px;
        height: 52px;
    }
    .why-horizontal-line{
        margin: 28px 0px;
    }
    img.why-img {
        min-width: 400px;
        height: 400px;
        object-fit: cover;
        border-radius: 16px;
    }
    .timeline-year{
        font-size: 20px;
    }
    .core-icon img {
        width: 24px;
        height: 24px;
    }
    .core-icon{
        min-width: 50px;
        width: 50px;
        height: 50px;
    }
    .core-value{
        font-size: 20px;
    }
    .core-horizontal-line{
        margin: 24px 0px;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
    width: 45px;
    height: 45px;
    }
    .our-team {
        margin-top: 30px;
    }
    .our-team-name{
        font-size: 20px;
        line-height: 20px;
    }
    .our-team-detail{
        gap: 5px;
    }
    .owl-dots {
        display: none;
    }
    .contact-form{
        padding: 25px;
    }
    .contact-main-title{
        gap: 8px;
    }
    .contact-img {
        height: 100%;
    }
    .contact-form{
        gap: 38px;
    }
}

@media screen and (max-width:1024px){
    .loader-text.move-cross {
        transform: translate3d(-32vw, -37vh, 0) scale(0.3);
    }
    .who-sec-main , .contact-main{
        grid-template-columns: 1fr;
    }
    .who-img{
        width: auto;
        height: auto;
    }
    .why-choose-main{
        flex-direction: column;
    }
    .why-choose-sec-title{
        grid-template-columns: 1fr;
    }
    .core-vertical-line{
        margin: 0px 20px;
    }
    .contact-img{
        width: auto;
        height: auto;
        margin: auto;
    }
    .our-journey{
        display: none;
    }
    .mobile-timeline-container {
        position: relative;
        height: 675px;
        overflow: scroll;
        scrollbar-width: none;
        margin-top: 24px;
        display: block !important;
    }
    
    .mobile-timeline {
        position: relative;
        padding-left: 60px;
        /* margin-top: 20px; */
    }
    
    .mobile-timeline::before {
        content: '';
        position: absolute;
        left: 14px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: var(--Shade-04, #CFC7C7);
    }
    
    .mobile-timeline-item {
        position: relative;
        margin-bottom: 48px;
        /* min-height: 120px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 20px;
        border-radius: 8px;
background: #bdbcbc;
    }
    
    .mobile-timeline-item:last-child {
        border-bottom: none;
    }
    
    .mobile-timeline-item::before {
        content: '';
        position: absolute;
        left: -49px;
        top: 50%;
        transform: translateY(-50%);
        width: 8px;
        height: 8px;
        background-color: #EBECED;
        outline: #605A59 solid 4px;
        border-radius: 50%;
        z-index: 2;
    }
    .mobile-timeline-description {
        color: var(--Shade-09, #302A2A);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: 'Inter';
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 142.857% */
        margin-top: 8px;
    }
    .our-mission-main-sec{
       flex-direction: column;
    }
    .our-mission-img{
        width: 100% !important;
        min-width: 100% !important;
    }
}

@media screen and (max-width:991px){
        .main-text {
        font-size: 30px;
    }
    .welcome-text {
  font-size: 20px;
    }
    .our-mission-main-sec{
        grid-template-columns: 1fr;
    }
    .core-main{
        flex-direction: column;
    }
    .core-part{
        width: 100%;
    }
    .core-horizontal-line.tablat-view{
        display: block !important;
    }
    .footer-main{
        flex-direction: column;
        gap: 35px;
    }
    .what-card-main{
        grid-template-columns: 1fr;
    }
    .nav-items , .contact-btn{
        display: none;
    }
    .hero-sec-video {
        height: 700px;
    }
    .hero-content{
        width: 100%;
    }
    .nav-items,
    .header-right .contact-btn {
        display: none;
    }

    .hamburger {
        display: flex;
    }
    
   .greenway_recycling_img,
   .greenway-main-img,
   .greenway-third-img {
    display: none;
   }
   .greenway_recycling_img, .greenway-main-img, .greenway-third-img{
    margin: 0;
   }
}

@media screen and (max-width:878px){
    .loader-text.move-cross {
        transform: translate3d(-30vw, -37vh, 0) scale(0.3);
    }
}
@media screen and (max-width:767px){
    .what-title-main{
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .contact-img{
        width: 100%;
        height: 500px;
    }
    .contact-main{
        display: flex;
        flex-direction: column;
    }
    .form-first-row{
        grid-template-columns: 1fr;
    }
    .contact-form{
        gap: 20px;
    }
    .who-img {
        width: 100%;
    }
    .footer-right{
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .footer-main{
        gap: 24px;
    }
    .who-card-main{
        grid-template-columns: 1fr;
    }
    .who-sec::after {
        width: 400px;
        height: 290px;
    }
    .loader-text.move-cross {
        transform: translate3d(-35vw, -37vh, 0) scale(0.3);
    }
    .loader-text{
        font-size: 60px;
    }

}

@media screen and (max-width:575px){
    .header-main{
        padding: 10px 12px;
    }
    header{
        margin: 10px 12px;
    }
    .hero-sec{
        margin: 0px 12px;
    }
    .container{
        margin: 0px 20px;
    }
    .about-sec, .who-sec, .our-mission-sec, .greenway-sec, .why-choose-sec, .core-sec, .contact-sec, .footer-main{
        padding: 30px 0px;
    }
    .about-title , .our-mission-title{
        font-size: 28px;
        font-weight: 500;
        line-height: 36px;
    }
    .about-head, .about-text, .global-title , .what-global-title , .core-value , .our-team-name , .timeline-year{
        font-size: 16px;
        line-height: 24px;
    }
    .about-sec::after{
    width: 389px;
    height: 206px;
    }
    .read-btn{
        display: none;
    }
    .read-btn.mobile-view{
        display: block !important;
        display: flex !important;
        margin-top: 16px;
    }
    .who-text , .global-text , .what-text , .what-global-text ,.our-mission-text , .number-detail , .core-text , .our-team-text , .contact-text , .footer-link-text , .copy-right{ 
font-size: 14px;
font-weight: 400;
line-height: 20px;
    }
    .about-main, .who-sec-content , .what-sec-main , .our-mission-main-sec{
        gap: 24px;
    }
    .what-sec , .our-product-sec , .our-team-sec{
        padding: 20px 0px !important;
    }
    .what-sec::after{
        display: none !important;
    }
    .what-img{
        height: 300px;
    }
    .what-card-main{
        margin-top: 16px;
    }
    .what-icon{
        width: 44px;
        height: 44px;
    }
    .what-icon img{
        width: 24px;
        height: 24px;
    }
    .what-global-text{
        margin-top: 8px;
    }
    .our-mission-text-main{
        gap: 16px;
    }
    .greenWay-white-text, .greenWay-gray-text{
        font-size: 20px;
        line-height: 38px;
    }
    .greenway_recycling_img {
        width: 57px;
        height: 32px;
        margin: 0px 2px;
    }
    .greenway_recycling_img img {
        width: 20px;
        height: 20px;
    }
    img.greenway-img{
        width: 50px;
        margin-bottom: -9px;
    }
    .greenway-img2{
        width: 60px;
    }
    .our-product-title-row{
        margin-bottom: 24px;
    }
    .owl-carousel.owl-theme.our-product.owl-loaded.owl-drag{
        display: none;
    }
    .mobile-our-product{
        display:flex !important;
        flex-direction: column;
        justify-content: center;
        gap: 24px;
    }
    .product-name{
        font-size: 16px;
        line-height: 24px;
    }
    .view-all-btn{
        color: var(--Primary-White, #FFF);
font-family: 'Inter';
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
border-radius: 50px;
background: var(--Primary-Orange, #FF532A);
padding: 16px;
display: flex;
justify-content: center;
align-items: center;
width: 144px;
    }
    .item{
        width: 100%;
    }
    .item img{
        width: 100%;
        height: 350px;
    }
    .mobile-our-product-item{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        width: 100%;
    }
    img.why-img {
        min-width: 100%;
    }
    .why-choose-right-row{
        grid-template-columns: 1fr;
        gap: 8px;
    }
    .product-name, .number-text , .footer-subtitle{
        font-size: 16px;
    }
    .why-horizontal-line{
        margin: 16px 0px;
    }
    .core-main{
        margin-top: 24px;
    }
    .core-item{
        gap: 16px;
    }
    .core-icon{
        width: 48px;
        height: 48px;
    }
    .core-horizontal-line{
        margin: 16px 0px;
    }
    .owl-carousel.owl-theme.our-team.owl-loaded.owl-drag {
        display: none;
    }
    .mobile-our-team-main{
       display: flex !important;
       flex-direction: column;
       gap: 24px;
       margin-top: 24px;
    }
    .mobile-our-team{
        display: flex !important;
        flex-direction: column;
        gap: 16px;
    }
    .contact-form{
        padding: 20px;
    }
    .footer-subtitle{
margin-bottom: 8px;
    }
    .copy-right{
        padding: 14px 0px;
    }
    .hero-sec-video {
        height: 650px;
    }
    .hero-text{
        font-size: 12px;
    }
    .hero-title{
        font-size: 48px;
        line-height: normal;
    }
    .hero-subtitle{
        font-size: 18px;
        line-height: normal;
    }
    .hero-content{
        width: 100%;
    }
    .loader-text.move-cross {
        transform: translate3d(-30vw, -40vh, 0) scale(0.3);
    }
    .loader-text{
        font-size: 55px;
    }
    .loader-text-container{
        height: 90px;
    }
    .loader-greenway-text{
        font-size: 18px;
    }
    .loader-main-sec{
        gap: 10px;
    }
    .loader-sec{
        overflow: hidden;
    }
    .dropdown.open .dropdown-content{
        min-width: 139px;
    }
    .dropdown-item{
        padding: 5px 12px;
    }
    img#selectedFlag{
        width: 34px;
        height: 34px;
    }
    .mobile-timeline-item::before{
        left: -28px;
    }
    .mobile-timeline{
        padding-left: 38px;
    }
    .hero-loader-text{
        font-size: 75px;
    }
    .hero-main-content{
        width: 100%;
    margin: 0px 30px;
    }
}

@media screen and (max-width:475px){
    .who-sec::after{
        display: none;
    }
    .loader-text {
        font-size: 45px;
    }
}

@media screen and (max-width:400px){
    .loader-text.move-cross {
        transform: translate3d(-29vw, -40vh, 0) scale(0.3);
    }

}