@media (max-width: 1340px) {
    .container {
        width: 640px;
    }

    .jc-bs3-container {
        width: 320px;
    }

    body {
        background-image: none;
    }

    .container,
    main .container {
        background-color: transparent;
    }

    .header__inner {
        height: 130px;
    }

    .header__logo,.custom-logo-link {
        width: 80px;
        top: 8px;
    }

    .header__contacts {
        flex-direction: column;
        gap: 5px;
        align-items: flex-start;
        top: 8px;
        right: 8px;
    }

    .header__contacts a {
        font-size: 14px;
    }

    .header__contacts span {
        font-size: 14px;
    }

    .header__sitename {
        font-size: 24px;
    }

    .header__sitename b {
        font-size: 32px;
    }

    main .container {
        padding: 0;
    }

    .description__wrapper {
        width: 100%;
    }

    .description p {
        font-size: 12px;
        margin: 0 0 4px 0;
    }
    
    .description p.first-letter::first-letter {
        font-size: 24px;
    }
    
    .description strong {
        font-size: 12px;
    }
    
    .description b {
        font-size: 12px;
    }
    
    .search__title span:nth-child(1) {
        width: 130px;
    }
    
    .search__title span:nth-child(2) {
        width: calc(100% - 130px);
    }
    
    .search__title span {
        font-size: 16px;
    }
    
    .search__title span::first-letter {
        font-size: 24px;
    }

    .search {
        padding: 0;
        flex-direction: column;
        align-items: center;
        background-image: url('../image/bg-gr-1.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .search__wrapper {
        width: 100%;
    }

    .search__input input {
        width: 130px;
        height: 40px;
        font-size: 12px;
    }

    .search__result {
        width: calc(100% - 130px);
    }

    .search__send span {
        min-height: unset;
        font-size: 16px;
    }

    .search__send span::first-letter {
        font-size: 24px;
    }

    .search__send input {
        font-size: 12px;
        height: 40px;
        width: 240px;
    }

    .search__send button {
        height: 50px;
    }

    .search__send {
        width: 100%;
    }

    .separator {
        padding: 0;
    }

    .variants__wrapper {
        padding: 0;
    }

    .variants__wrapper {
        flex-direction: column;
        align-items: center;
        gap: 100px;
        padding: 0;
        background-image: url('../image/bg-gr-2.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .variants__task {
        gap: 10px;
    }
    
    .variants__task__title {
        font-size: 16px;
    }

    .variants__task__title::first-letter {
        font-size: 24px;
    }

    .variants__task__wrapper span {
        font-size: 20px;
    }

    .variants__words {
        width: 100%;
    }

    .variants__words__title {
        font-size: 16px;
    }

    .variants__words__title::first-letter {
        font-size: 24px;
    }

    .alphabet {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .container {
        width: 360px;
    }
	
	.socials a svg {
		width: 28px !important;
		height: 28px !important;
	}
	
	.header__sitename {
		margin-top: 90px;
	}

    .variants__words__value {
        font-size: 16px;
    }

    .variants__words__value {
        width: 95px;
    }

    .variants__words__row {
        gap: 5px;
    }

    .variants__words__value-list {
        width: calc(100% - 100px);
    }

    .word__value {
        font-size: 12px;
    }

    .word {
        gap: 6px;
        padding: 4px 6px;
    }

    .word__like__icon {
        width: 20px;
        height: 20px;
    }

    .word__like__value {
        font-size: 12px;
    }

    .footer {
        background-color: #D0CD85;
    }

    .jc-bs3-container {
        width: 320px;
    }
}