/* Extra Small Device */
@media only screen and (max-width: 430px) {
}

/* Small Device :550px. */
@media only screen and (min-width: 576px) {
    .container {
        width: 540px;
    }

    .work__wrapper {
        border-radius: 64px 0;
    }
    .work__content {
        padding: 40px 40px 48px;
    }
    .contact__wrapper {
        padding: 32px;
    }
    .contact__content {
        padding: 40px;
    }
}

/* Medium Device. */
@media only screen and (min-width: 768px) {
    .container {
        width: 720px;
    }

    .fs-1 {
        font-size: 48px !important;
    }
    .fs-2 {
        font-size: 40px !important;
    }
    .fs-3 {
        font-size: 36px !important;
    }
    .btn {
        font-size: 16px;
        gap: 10px;
    }
    .btn--common,
    .btn--bordered {
        height: 56px;
        padding: 11px 38px;
    }
    .btn__icon--arrow {
        width: 14px;
        height: 16px;
    }

    .logo--header {
        max-width: 72px;
    }
    .hero__inner,
    .work--section,
    .footer--area {
        padding: 64px 0;
    }

    .education--section {
        padding: 0 0 64px;
    }
    .section__obj {
        max-width: 56px;
    }
    .education__object {
        left: -64px;
    }

    .form__item {
        height: 58px;
    }
    .form__input {
        padding: 16px 0;
    }
    .form__item--submit .btn--bordered {
        height: 58px !important;
        padding: 12px 38px !important;
        font-size: 15px !important;
    }
}

/* LG Device. */
@media only screen and (min-width: 992px) {
    .container {
        width: 960px;
    }

    .fs-1 {
        font-size: 60px !important;
    }
    .fs-2 {
        font-size: 48px !important;
    }
    .fs-3 {
        font-size: 44px !important;
    }

    .hero__wrapper,
    .contact__wrapper {
        border-radius: 24px;
    }
    .hero__inner,
    .work--section {
        padding: 80px 0;
    }
    .main__title__sm {
        letter-spacing: 0.03em;
        word-spacing: 3px;
        margin-left: 10px;
    }
    .main__title .fancy-text {
        -webkit-text-stroke: 0.3px var(--black);
    }

    .work__wrapper__row.gx-lg-1 {
        --bs-gutter-x: 2px;
    }
    .work__content,
    .work__thumb {
        height: 100%;
    }
    .work__obj {
        width: clamp(100px, 35%, 274px);
        top: -40px;
        right: -40px;
    }

    .education--section {
        padding: 0 0 88px;
    }
    .education__inner {
        max-width: 100%;
        padding: 0 24px;
    }
    .education__thumb--one {
        width: 272px;
        height: fit-content;
        border-radius: 50px 0 0 0;
    }
    .education__thumb--two {
        width: 176px;
        height: fit-content;
        align-self: flex-end;
        border-radius: 50px 0;
        margin-left: -24px;
    }
    .education--section .section__title .text {
        -webkit-text-stroke: 0.3px var(--primary);
    }

    .contact__wrapper {
        padding: 40px;
    }
    .contact__form {
        max-width: 690px;
    }
    .form__item {
        height: 66px;
    }
    .form__input {
        padding: 24px 0;
    }
    .contact__inner {
        margin-top: 24px;
        gap: 48px;
    }
    .contact__item__link {
        font-size: 28px;
    }
    .contact__item__social {
        width: 48px;
        height: 48px;
    }

    .footer--area {
        padding: 88px 0;
    }
    .copyright--footer {
        padding: 18px;
    }
    .logo--footer {
        max-width: 100px;
    }
}

/* Large Device :992px. */
@media only screen and (min-width: 1200px) {
    .container {
        width: 1140px;
    }

    body {
        font-size: 18px;
    }
    .fs-1 {
        font-size: 68px !important;
    }
    .fs-2 {
        font-size: 56px !important;
    }
    .fs-3 {
        font-size: 50px !important;
    }
    .btn {
        font-size: 18px;
        gap: 12px;
    }
    .btn--common,
    .btn--bordered {
        height: 60px;
        padding: 12px 42px;
    }
    .btn__icon--arrow {
        width: 16px;
        height: 18px;
    }

    .logo--header {
        max-width: 104px;
    }
    .nav--header {
        gap: 48px;
    }
    .nav__wrap--header {
        gap: 56px;
    }

    .hero__inner,
    .work--section {
        padding: 112px 0;
    }

    .work__content {
        padding: 56px;
    }

    .education__object {
        left: -88px;
        top: -96px;
    }

    .contact__content {
        padding: 64px;
    }

    .nav__link--footer,
    .footer__contact__text,
    .footer__contact__link {
        font-size: 17px;
        line-height: 2.7;
    }
    .footer__contact__item {
        gap: 12px;
    }
    .copyright__text {
        font-size: 17px;
    }
}

/* XL Device :1280px. */
@media only screen and (min-width: 1400px) {
    .container {
        width: 1320px;
    }

    .fs-1 {
        font-size: 80px !important;
    }
    .fs-2 {
        font-size: 64px !important;
    }
    .fs-3 {
        font-size: 56px !important;
    }

    .logo--header {
        max-width: 136px;
    }
    .nav__link--header {
        font-size: 18px;
    }
    .nav--header {
        gap: 64px;
    }
    .nav__wrap--header {
        gap: 72px;
    }

    .hero__wrapper,
    .contact__wrapper {
        border-radius: 30px;
    }
    .hero__inner {
        padding: 136px 0;
    }
    .hero__thumb {
        border-radius: 150px 0;
    }

    .section__obj {
        max-width: 66px;
    }

    .education__inner {
        padding: 0 40px;
    }
    .education__thumb--one {
        width: 352px;
        border-radius: 100px 0 0 0;
    }
    .education__thumb--two {
        width: 256px;
        margin-left: -36px;
        border-radius: 100px 0;
    }

    .contact__wrapper {
        padding: 56px;
    }
    .contact__content {
        padding: 72px 110px;
    }
    .contact__inner {
        margin-left: 24px;
    }
    .contact__item__link {
        font-size: 36px;
    }
    .contact__item__social {
        width: 54px;
        height: 54px;
    }
}

/* XXL Device. */
@media only screen and (min-width: 1600px) {
    .container {
        max-width: 1388px;
        width: 100%;
    }

    body {
        font-size: 20px;
    }
    .fs-1 {
        font-size: 90px !important;
    }
    .fs-2 {
        font-size: 70px !important;
    }
    .fs-3 {
        font-size: 60px !important;
    }
    .btn {
        font-size: 20px;
        gap: 16px;
    }
    .btn--common,
    .btn--bordered {
        height: 66px;
        padding: 13px 46px;
    }
    .btn__icon--arrow {
        width: 18px;
        height: 20px;
    }

    .logo--header {
        max-width: 170px;
    }
    .nav--header {
        gap: 70px;
    }
    .nav__wrap--header {
        gap: 84px;
    }

    .hero__inner {
        padding: 176px 0;
    }

    .work--section {
        padding: 128px 0;
    }
    .work__content {
        padding: 56px 64px 64px;
    }
    .work__obj {
        top: -75px;
        right: -75px;
    }
    .education__inner {
        padding: 0 56px;
    }
    .education__thumb--one {
        width: 504px;
        border-radius: 150px 0 0 0;
    }
    .education__thumb--two {
        width: 396px;
        margin-left: -46px;
        border-radius: 150px 0;
    }
    .education__object {
        left: -112px;
    }
    .education--section .section__title .text {
        -webkit-text-stroke: 0.5px var(--primary);
    }

    .contact__wrapper {
        padding: 60px 64px;
    }
    .contact__inner {
        margin-left: 48px;
    }
}