@media (min-width: 1500px) {

    .container,
    .container-lg {
        max-width: 1460px;
    }
}

@media (max-width: 1499.98px) {
    :root {
        --font-size-xxl: 22px;
        --font-size-xl: 18px;
        --font-size-base: 15px;
        --font-size-small: 13px;
        --font-size-h1: 90px;
        --font-size-h2: 64px;
        --font-size-h3: 54px;
        --font-size-h4: 42px;
        --font-size-h5: 32px;
        --font-size-h6: 24px;
        --section-base: 25px;
        --button-height: 48px;
    }
}

@media (max-width: 1299.98px) {
    :root {
        --font-size-h1: 76px;
        --font-size-h2: 58px;
        --font-size-h3: 48px;
        --font-size-h4: 36px;
        --font-size-h5: 28px;
    }

    .section-banner .font-xxl {
        font-size: 18px;
    }

    .section-banner .desc {
        max-width: 280px;
        font-size: 15px;
    }
}

@media (max-width: 991.98px) {
    :root {
        --font-size-h1: 66px;
        --font-size-h2: 50px;
        --font-size-h3: 42px;
        --font-size-h4: 32px;
        --font-size-h5: 26px;
    }

    .site-header .menu-header li a {
        padding: 0 12px;
    }
	
	.relative-object {
   		width: 22em;
	}
}

@media (max-width: 767.98px) {
    :root {
        --font-size-h1: 44px;
        --font-size-h2: 40px;
        --font-size-h3: 34px;
        --font-size-h4: 28px;
        --font-size-h5: 24px;
        --font-size-h6: 20px;
    }

    .site-header .menu-box {
        padding: 12px 16px;
        width: 100%;
    }

    .site-header .menu-box .logo2 img {
        height: 36px;
		width: auto;
    }

    .svg-neo {
        width: 100%;
        height: calc(100%);
    }

    .svg-neo-2 {
        width: 100%;
        height: calc(100% - var(--section-base) * 3);
        left: 0;
    }

    .item-work img {
        height: calc(var(--section-base) * 18);
    }

    .footer-contact .words-flip {
        display: grid;
    }

    h2 span {
        display: block;
    }

    .culture-wrapper .desc {
        padding-bottom: calc(var(--section-base) * 3);
    }

    .item-culture {
        margin-bottom: calc(var(--section-base) * 3);
    }

    main {
        overflow: hidden !important;
    }
	
	.relative-object {
   		width: 18em;
	}
}

@media (max-width: 487.98px) {
    :root {
        --font-size-h2: 30px;
    }

    .back-to-top .btn-svg {
        display: none;
    }

    .item-num {
        border-radius: 32px;
    }

    .item-num h6 {
        font-size: 18px;
    }

    .video-people {
        height: calc(var(--section-base) * 18);
    }

    .fix-font {
        font-size: 16px;
    }
	
	.item-client {
		width: 240px;
	}
	
	.item-partner {
		width: 220px;
	}
	.relative-object {
   		width: 15em;
	}
}