@media (min-width: 320px){
    .hero-content h1{
        margin-bottom: 10px;
    }
    .stats-floating {
        flex-direction: column;
        gap: 24px;
        bottom: -160px;
        text-align: center;
    }
    .divider {
        width: 80%;
        height: 1px;
        background: #d9deef;
    }
    .stat-item {
        justify-content: flex-start;
        gap: 10px;
    }
    .stat-item .icon img{
        width: 50px;
    }
    .stat-item div {
        text-align: left;
    }
    .stat-item h3 {
        font-size: 30px;
    }
    .stat-item p {
        font-size: 18px;
    }
    .trusted-text{
        font-size: 30px;
        padding-top: 200px;
    }
    .factory{
        padding: 50px 0px;
    }
    .factory .title {
        font-size: 40px;
    }
    .factory p {
        font-size: 20px;
    }
    .video-play {
        width: 76px;
        height: 76px;
    }
    .video-play::before {
        left: 30px;
        top: 25px;
        border-width: 15px 0 15px 23px;
    }
    .solutions .title{
        font-size: 40px;
    }
    .solutions p {
        font-size: 20px;
        line-height: 30px;
    }
    .solution-card h3{
        padding: 0;
        font-size: 30px;
    }
    .insights .title{
        font-size: 40px;
    }
    .insights p{
        font-size: 20px;
        line-height: 30px;
    }
    .cta h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .footer-top{
        flex-direction: column;
        gap: 50px;
        align-items: center;
    }
    .footer-col h4,
    .footer-col ul li {
        text-align: center;
    }
    .footer-col:last-child {
        justify-self: center;
    }
    .footer-menus {
        grid-template-columns: 1fr;
        row-gap: 28px;
    }
    .footer-social{
        position: relative;
        left: 0;
        justify-content: center;
        bottom: -30px;
    }
    .footer-bottom {
        flex-direction: column;
        gap: 14px;
        text-align: center;
    }
    .pagehero {
        height: 120px;
    }
    .pagehero-content h1 {
        font-size: 34px;
    }
    .experience-wrap {
        gap: 40px;
    }
    .experience-row {
        flex-direction: column;
    }
    .experience-row:nth-last-child(1) {
        flex-direction: column;
    }
    .experience-row:nth-child(odd) .experience-text {
        width: auto;
        margin-right: 0;
    }
    .experience-row:nth-child(odd) .experience-image {
        width: auto;
        margin-left: 0;
        margin-top: 30px;
    }
    .experience-row:nth-child(even) .experience-image {
        width: auto;
        margin-right: 0;
        margin-top: 30px;
    }
    .experience-row:nth-child(even) .experience-text {
        width: auto;
        margin-left: 0;
    }
    .experience-text{
        padding: 30px 30px;
    }
    .experience-text h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .experience-text h4 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .experience-text p {
        font-size: 16px;
        line-height: 26px;
    }
    .experience-floating {
        flex-direction: column;
        gap: 24px;
        text-align: center;
    }
    .worldwide .worldwide-title {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .worldwide p {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 15px;
    }
    .worldwide .img img {
        width: 100%;
    }
    .pagetop.value{
        padding: 70px 0px 0;
    }
    .values {
        padding: 0px 16px;
    }
    .values-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .values-item h3 {
        font-size: 24px;
    }
    .values-item p{
        max-width: 100%;
        font-size: 14px;
    }
}
@media (min-width: 576px){
    .factory{
        padding: 90px 0px;
    }
    .factory .title{
        font-size: 60px;
    }
    .factory p {
        font-size: 30px;
    }
    .video-play {
        width: 96px;
        height: 96px;
    }
    .video-play::before {
        left: 33px;
        top: 25px;
        border-width: 25px 0 25px 43px;
    }
    .solutions .title{
        font-size: 60px;
    }
    .solutions p {
        font-size: 30px;
        line-height: 40px;
    }
    .solution-card h3{
        padding: 0 90px;
        font-size: 30px;
    }
    .insights .title{
        font-size: 60px;
    }
    .insights p{
        font-size: 30px;
        line-height: 40px;
    }
    .cta h2 {
        font-size: 30px;
        margin-bottom: 58px;
    }
    .pagehero {
        height: 100px;
    }
    .pagehero-content h1 {
        font-size: 30px;
    }
}
@media (min-width: 768px){
	.stats-floating {
        flex-direction: unset;
        gap: 24px;
        bottom: -160px;
        text-align: center;
    }
    .stat-item {
        min-width: auto;
        gap: 35px;
        justify-content: center;
    }
    .divider {
        width: 1px;
        height: 126px;
        background: #d9deef;
    }
    .trusted-text{
        font-size: 34px;
        padding-top: 200px;
    }
    .video-play {
        width: 116px;
        height: 116px;
    }
    .video-play::before {
        left: 43px;
        top: 35px;
    }
    .solution-card h3{
        padding: 0;
    }
    .cta h2 {
        font-size: 40px;
        margin-bottom: 46px;
    }
    .pagehero {
        height: 146px;
    }
    .pagehero-content h1 {
        font-size: 40px;
    }
    .experience-floating {
        flex-direction: unset;
        gap: 24px;
        text-align: center;
    }
    .worldwide {
        margin: 50px auto;
    }
    .values-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 50px 30px;
    }
    .values-item h3 {
        font-size: 28px;
    }
    .values-item p{
        max-width: 100%;
        font-size: 16px;
    }
}
@media (min-width: 992px){
    .stats-floating {
        bottom: -100px;
    }
    .stat-item {
        justify-content: center;
        gap: 36px;
        min-width: 220px;
    }
    .stat-item h3 {
        font-size: 30px;
    }
    .divider {
        width: 1px;
        height: 126px;
        background: #d9deef;
    }
    .trusted-text{
        font-size: 40px;
        padding-top: 150px;
    }
    .solution-card h3{
        padding: 0px;
        font-size: 24px;
    }
    .footer-top {
        flex-direction: unset;
        align-items: flex-start;
    }
	.footer-col h4,
    .footer-col ul li {
        text-align: left;
    }
    .footer-col:last-child {
        justify-self: start;
    }
    .footer-menus {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 48px;
        row-gap: 32px;
    }
    .footer-col:last-child {
        justify-self: start;
    }
    .footer-top {
        gap: 160px;
    }
    .footer-social {
        position: absolute;
        left: unset;
        justify-content: flex-end;
        bottom: 30px;
        width: fit-content;
    }
    .footer-bottom {
        flex-direction: unset;
        align-items: flex-start;
    }
    .experience-wrap {
        gap: 100px;
    }
    .experience-row {
        flex-direction: unset;
    }
    .experience-row:nth-last-child(1) {
        flex-direction: row-reverse;
    }
    .experience-row:nth-child(odd) .experience-image {
        width: 54%;
        margin-left: -65px;
        margin-top: 0px;
    }
    .experience-row:nth-child(odd) .experience-text {
        width: 54%;
        margin-right: -75px;
    }
    .experience-row:nth-child(even) .experience-text {
        width: 54%;
        margin-left: -75px;
    }
    .experience-row:nth-child(even) .experience-image {
        width: 54%;
        margin-right: -65px;
        margin-top: 0px;
    }
    .experience-text p {
        font-size: 14px;
        line-height: 24px;
    }
    .experience-text h4 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .experience-text h3 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .worldwide .worldwide-title{
        font-size: 40px;
        margin-bottom: 25px;
        text-align: center;
    }
    .worldwide p{
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 50px;
    }
}
@media (min-width: 1200px){
    .hero-content h1{
        margin-bottom: 20px;
    }
    .stats-floating {
        bottom: -103px;
        gap: 60px;
    }
    .stat-item h3 {
        font-size: 40px;
    }
	.stat-item p {
        font-size: 20px;
    }
    .stat-item .icon img{
        width: 60px;
    }
    .divider {
        width: 1px;
        height: 126px;
        background: #d9deef;
    }
    .video-play {
        width: 156px;
        height: 156px;
    }
    .video-play::before {
        left: 62px;
        top: 49px;
        border-width: 30px 0 30px 56px;
    }
    .solution-card h3{
        padding: 0 20px;
        font-size: 30px;
    }
    .footer-menus {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 48px;
        row-gap: 32px;
    }
    .footer-social {
        position: absolute;
        left: unset;
        justify-content: flex-end;
        bottom: 30px;
        width: fit-content;
    }
    .experience-floating {
        gap: 90px;
    }
    .experience-row:nth-child(odd) .experience-text {
        width: 54%;
        margin-right: -75px;
        min-height: auto;
        padding: 40px;

        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .experience-row:nth-child(even) .experience-text {
        width: 54%;
        margin-left: -75px;
        min-height: auto;
        padding: 40px;

        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .experience-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .experience-text h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .experience-text h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .values-container {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (min-width: 1400px){
	.stats-floating {
        bottom: -103px;
        gap: 40px;
    }
    .stat-item h3 {
        font-size: 46px;
    }
	.stat-item p {
        font-size: 26px;
    }
    .stat-item .icon img{
        width: 70px;
    }
    .divider {
        width: 1px;
        height: 126px;
        background: #d9deef;
    }
    .solution-card h3{
        padding: 0 50px;
        font-size: 30px;
    }
    .footer-menus {
        grid-template-columns: 1fr 1fr 1fr 1fr auto;
        column-gap: 72px;
    }
    .experience-text p {
        font-size: 16px;
        line-height: 24px;
    }
    .experience-text h4 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .experience-text h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }
}
@media (min-width: 1600px){
	.stats-floating {
        bottom: -103px;
        gap: 110px;
    }
    .stat-item h3 {
        font-size: 50px;
    }
	.stat-item p {
        font-size: 30px;
    }
    .stat-item .icon img{
        width: auto;
    }
    .divider {
        width: 1px;
        height: 126px;
        background: #d9deef;
    }
    .solution-card h3{
        padding: 0 90px;
        font-size: 35px;
    }
    .footer-menus {
        grid-template-columns: 1fr 1fr 1fr 1fr auto;
        column-gap: 72px;
    }
    .experience-row:nth-child(odd) .experience-text {
        width: 54%;
        margin-right: -75px;
        min-height: 477px;
        padding: 60px 100px;

        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .experience-row:nth-child(even) .experience-text {
        width: 54%;
        margin-left: -75px;
        min-height: 477px;
        padding: 60px 100px;

        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .experience-text p {
        font-size: 20px;
        line-height: 30px;
    }
    .experience-text h4 {
        font-size: 30px;
        margin-bottom: 40px;
    }
    .experience-text h3 {
        font-size: 35px;
        margin-bottom: 45px;
    }
}