@media (max-width: 1220px) {

    .container {

        padding-right: 30px;

        padding-left: 30px;

        margin: 0 auto;

    }

}

@media(max-width: 1199px) {

    .grid-wrapper {

        grid-template-columns: 1fr;

        grid-template-rows: repeat(2, auto);

    }

    .grid-col {

        display: flex;

        justify-content: center;

    }

    .choice-block {

        max-width: 575px;

    }

    .choice-button {

    }

    .choice-text {

        margin-bottom: 15px;

    }

    .content-description-row {

        justify-content: center;

    }

    .content-description-row .description-text {

        max-width: 100%;

        text-align: center;

    }

    .footer-info {

        font-size: 15px;

    }

}

@media(min-width: 992px) {

    .footer-info-mobile {

        display: none;

    }

}

@media(max-width: 991px) {

    .modal-container {

        max-width: 100%;

    }

    .title h1 {

        text-align: center;

    }

    .footer {

        padding-bottom: 24px;

    }

    .footer-row {

        flex-direction: column;

    }

    .footer-nav-links {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .footer-nav-links a {

        margin-bottom: 32px;

        text-decoration: none;

        margin-right: 0;

    }

    .footer-info {

        display: none;

    }

    .footer-info-mobile {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .footer-info-mobile .copyright {

        margin-bottom: 10px;

    }

    .footer-info-mobile .copyright,

    .footer-info-mobile .code{

        font-size: 12px;

        font-weight: 400;

        font-family: DIN, sans-serif;

    }

    .footer-logo-wrapper {

        display: flex;

        justify-content: center;

        align-items: center;

        padding: 15px 0 52px;

    }

}

@media(max-width: 767px) {

    .main-nav {

        justify-content: center;

    }

    .main-nav-text {

        display: none;

    }

    .main-nav .logo {

        margin-bottom: -10px;

    }

    .main-nav .logo img {

        max-width: 120px;

    }

    .sub-nav {

        padding: 33px 0 22px;

    }

    .sub-nav .sub-nav-text {

        text-align: center;

    }

    .modal-description,

    .title h1,

    .title p {

        line-height: 1.2;

    }

    .title h1 {

        font-size: 28px;

        word-break: break-all;

    }

    .modal-title {

        font-size: 28px;

    }

    .modal-description {

        font-size: 18px;

    }

    .content-row.modal-row {

        padding-top: 0;

    }



    .choice-title {

        line-height: 1.2;

        font-size: 20px;

        margin: 15px 0 10px;

    }

}

@media(max-width: 575px) {

    .container {

        padding-left: 13px;

        padding-right: 13px;

    }

    .btn span {

        display: block;

    }

    .main-nav {

        justify-content: center;

    }

    .main-nav-text {

        display: none;

    }

    .main-nav .logo {

        margin-bottom: -10px;

    }

    .main-nav .logo img {

        max-width: 120px;

    }

    .sub-nav {

        padding: 33px 0 22px;

    }

    .sub-nav .sub-nav-text {

        text-align: center;

    }

    .title-wrapper .title {

        text-align: center;

    }

    .modal {

        /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); */

        padding: 15px;

    }

    .modal-description {

        line-height: 1.35;

    }

    .content-link-wrapper {

        text-align: center;

    }

    .footer {

        padding-bottom: 24px;

    }

    .footer-row {

        flex-direction: column;

    }

    .footer-nav-links {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .footer-nav-links a {

        margin-bottom: 20px;

        text-decoration: none;

        margin-right: 0;

    }

    .footer-info {

        display: none;

    }

    .footer-info-mobile {

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

    .footer-info-mobile .copyright {

        margin-bottom: 10px;

    }

    .footer-info-mobile .copyright,

    .footer-info-mobile .code{

        font-size: 12px;

        font-weight: 400;

        font-family: DIN, sans-serif;

    }

    .footer-logo-wrapper {

        display: flex;

        justify-content: center;

        align-items: center;

        padding: 30px 0 24px;

    }

    .grid-wrapper {

        grid-template-columns: 1fr;

        grid-template-rows: repeat(2, auto);

    }

    .choice-button {

        flex-direction: column;

    }

    .choice-text {

        margin-bottom: 15px;

    }

    .choice-button .btn {

        margin-right: 0;

        margin-bottom: 15px;

    }



}