@media (max-width: 1085px) {
    #banner .container {
        margin-top: 48px;
        padding: 0 24px;
    }

    #banner .inner {
        align-items: center;
        gap: 24px;
    }

    #banner .inner .text h1 {
        font-size: 2.6rem;
        line-height: 1;
    }

    #banner .inner .text h3 {
        font-size: 2.1rem;
        line-height: 1.1;
    }

    #banner .inner .thumbnail {
        max-width: 380px;
    }

    #advantages .title h2 {
        font-size: 2.6rem;
        margin: 64px auto 12px;
    }

    #advantages .inner .item .text {
        font-size: 1.25rem;
    }

    #selects .container {
        max-width: calc(700px + 48px);
        padding: 0 24px;
    }
}

@media (max-width: 900px) {
	a.button-new {
		display: flex!important;
	}
	
    #banner .logo {
        max-width: 160px;
        margin: 0 auto 24px;
    }
    #banner .inner {
        flex-direction: column-reverse;
        align-items: center;
        text-align: center;
    }

    #banner .inner .text h1,
    #banner .inner .text h3 {
        text-align: center;
    }

	a.button-new {
        margin: 26px auto 0;
    }
    #banner .inner .text a {
        margin: 18px auto 0;
    }

    #banner .inner .thumbnail {
        max-width: 340px;
    }

    #advantages .container {
        padding: 0 24px;
        max-width: calc(540px + 60px);
    }

    #advantages .inner .item {
        padding: 8px 12px;
        gap: 15px;
    }

    #advantages .inner .item .text {
        max-width: 100%;
    }

    #selects .item {
        width: 100%;
        max-width: 420px;
    }
	
	#info {
		margin-top: 20px;
	}
}

@media (max-width: 768px) {
    #banner .container {
        margin-top: 36px;
    }

    #banner .inner .text h1 {
        font-size: 2.1rem;
    }

    #banner .inner .text h3 {
        font-size: 1.7rem;
    }
	
	a.button-new,
    #banner .inner .text a {
        font-size: 1.25rem;
        padding: 10px 16px;
    }

    #advantages .title h2 {
        font-size: 2.1rem;
        margin: 48px auto 10px;
    }

    #advantages .inner .item .icon {
        max-width: 64px;
    }

    #advantages .inner .item .text {
        font-size: 1.1rem;
        line-height: 1.35;
    }

    #selects {
/*         margin-top: 8px; */
    }

    #selects .item .icon {
        max-width: 96px;
    }

    #selects .item .text h2 {
        font-size: 2.4rem;
    }

    #selects .item .text h4 {
        font-size: 1.1rem;
    }

    #info .container {
        font-size: 0.95rem;
        line-height: 1.1;
    }
}

@media (max-width: 600px) {
    #banner .container,
    #advantages .container,
    #selects .container,
    #info .container {
        padding: 0 18px;
    }

    #banner .inner .thumbnail {
        max-width: 280px;
    }

    #banner .inner .text h1 {
        font-size: 1.8rem;
    }

    #banner .inner .text h3 {
        font-size: 1.45rem;
    }

	a.button-new,
    #banner .inner .text a {
        font-size: 1.1rem;
/*         width: 100%; */
        max-width: 320px;
		        width: fit-content;
    }

    #banner {
        & .inner {
            & .thumbnail {
                .label {
                    max-width: 150px;
                }
            }
        }
    }

    #advantages .inner {
        gap: 10px;
    }

    #advantages .inner .item {
        /*flex-direction: column;*/
        /*align-items: center;*/
        /*text-align: center;*/
        gap: 8px;

        .icon {
            min-width: 55px;
            aspect-ratio: 1;
        }
		
		.text {
			color: #111C3F;
text-align: right;
font-size: 0.95206rem;
font-style: normal;
font-weight: 500;
line-height: 1.24413rem;
letter-spacing: -0.014rem;
		}
    }
	
	.separator {
		max-width: 22px;
		display: flex;
	}


    #selects .container {
/*         flex-direction: column;
        align-items: center;
        gap: 24px; */
    }


    #selects .item {
        max-width: 100%;
    }

	#selects .item .icon .des {
        display: none;
    }
	
	#selects .item .icon .mob {
        display: block!important;
    }
	
    #selects .item .text {
        margin-top: -24px;
        padding: 20px 10px 14px;
    }

    #selects .item .text p {
        font-size: 1.05rem;
    }

    #selects .item .text h2 {
        font-size: 2rem;
    }

    #selects .item .text h4 {
        font-size: 13px;
    }
	
	#info .container {
		text-align: right;
		color: #111C3F;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.0625rem;
	}
}

@media (max-width: 500px) {
	#advantages .inner .item {
		padding: 1px 12px;
		
		.icon {
			width: 55px;
			min-width: 55px;
            aspect-ratio: 1;
		}
	}
	#selects .container {
		gap: 9px;
    }
	#selects .item .text p {
        font-size: 13px;
    }
	#selects .item .text h2 {
        font-size: 1.65131rem;
    }
}

@media (max-width: 450px) {
	#selects .item .text {
		padding: 20px 3px 14px;
	}
	#selects .item .text h4 {
        font-size: 12px;
        text-wrap: balance;
    }
}

@media (max-width: 420px) {
    #banner .container {
        margin-top: 28px;
    }

    #banner .inner .text h1 {
        font-size: 1.6rem;
    }

    #banner .inner .text h3 {
        font-size: 1.25rem;
    }

    #advantages .title h2 {
        font-size: 1.8rem;
    }

    #advantages .inner .item .text {
/*         font-size: 1rem; */
    }

    #selects .item .text h2 {
/*         font-size: 1.8rem; */
    }
	
	#advantages .inner .item {
        padding: 1px 5px;
    } 
	
	#banner .container, #advantages .container, #selects .container, #info .container {
		padding: 0 12px;
	}
}

@media (max-width: 400px) {
	#selects .item .text p,
	#selects .item .text h4 {
        font-size: 9px;
    }
	#selects .item .text h2 {
		text-align: center;
        font-size: 1.4rem;
    }
}