@media screen and (max-width: 992px) {

    #fp-nav {
        right: 8px !important;}

    .d-lg-block {
        display: none;}

    h1 {
        font-size: 25px;
        line-height: 30px;}

    h2 {
        font-size: 18px;}

    .note {
        font-size: 14px;
        line-height: 18px;
        padding: 0;}

    .btn {
        margin-top: 60px;}

    .container {
        max-width: 100%;
        padding: 20px;}

    .header__col {
        flex-direction: column;}

    .header__col:nth-child(3) {
        justify-content: center;
        align-items: center;
        flex-direction: row;}

    .header__col:nth-child(3) img {
        width: 150px;
        max-width: 70%;
        margin: auto;}

    .header__col .logos {
        justify-content: center;
        align-items: center;
        gap: 20px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 100%;}

    .header__col .header__title,
    .header__col .header__slider {
        width: 100%;}

    .header__slider__content {
        padding: 60px 0;}

    .header__slider__content.note {
        padding-right: 30px !important;}

    .header .header__logo img {
        max-width: 200px;}

    .header__menu {
        display: none;}

    .grid__cols__2 {
        grid-template-columns: 100%;}

    .qmarks img {
        margin: 50px auto;
        display: block;}

    .qmarks .note {
        padding-right: 30px !important;}

    .grid__cols__6 {
        grid-template-columns: repeat(2, 2fr);
        gap: 10px;
        margin: 0;
        padding: 0 25px 0 0;
        width: auto;}

    .panel__outer {
        height: 200px;
        perspective: 1000px;
        width: 100%;}

    .panel-back p {
        font-size: 13px;
    }

    /*.panel-front, .panel-back {*/
    /*    position: relative;}*/

    /*.panel-back {display: none;}*/

    .why .inner__col img {
        max-width: 50px;}

    .why span {
        margin-top: 20px;
        font-size: 14px;
        padding: 0 15px;}

    .order img {
        width: 80%;
        margin: 50px 0;}

    .order .note {
        padding-right: 20px;}


    .scheme .block {
        padding: 50px 20px 20px 20px;}

    .scheme p {
        font-size: 14px;
        line-height: 18px;}

    .scheme .grid__cols_1 {
        margin-right: 20px;}


    .nomination .grid .inner__col:nth-child(1) {
        text-align: center;
        padding-right: 0;
        border-right: none;
        padding-bottom: 60px;}

    .nomination .grid .inner__col:nth-child(2) {
        text-align: center;
        padding-left: 0;}

    .nomination h5,
    .industry h5 {
        font-size: 16px;}

    .industry h5 {
        padding: 20px 0;
    }
    .industry .categories {
        margin: 0 0 20px 0;}

    .industry .warning {
        padding: 20px;
        font-size: 14px;
        line-height: 18px;}

    .industry .warning h4 {
        font-size: 20px;
        padding-bottom: 10px;}

    .industry .warning p {
        padding: 10px 0 0 0;
        color: var(--color-light-blue);}

    .industry .description {
        font-size: 14px;
        line-height: 18px;
        padding: 0 0 20px 0;
    }

    .steps .grid__cols__4 {
        display: flex;
        flex-direction: column;
        gap: 10px;}

    .steps span {
        font-size: 80px;
        line-height: 80px;}

    .steps  p {
        padding: 10px 0 20px 0;}

    .steps  p,
    .steps .description {
        font-size: 16px;
        line-height: 18px;}

    .steps br {
        display: none;}

    .bonus .grid__cols__3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;}

    .bonus .grid__cols__3 .inner__col:nth-child(1) {
        margin-top: 40px;}

    .bonus .inner__col .number {
        padding: 20px;
        display: flex;
        align-items: center;}

    .bonus .inner__col .number span {
        padding-right: 20px;
        font-size: 150px;
        line-height: 150px;}

    .bonus .important-main {
        padding: 0 !important;
        text-transform: uppercase;
        font-size: 14px;
        line-height: 18px;
        color: var(--color-light-blue);}

    .bonus p {
        font-size: 14px;
        line-height: 18px;}

    .pay .description {
        margin: 40px 0 40px 0;
        text-align: center;}

    .grid__cols__4 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;}

    .pay .price p {
        margin: 10px 0 0 0;}

    .pay .inner__col div {
        padding: 20px;
        min-height: auto;}

    .message {
        width: 95%;
        display: flex;
        flex-direction: column;
        padding: 20px 0;}

    .message span {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 20px;}


    footer {
        font-size: 12px;}

    .footer__logos {
        display: flex;
        gap: 30px;
        padding: 30px 0;}

    .footer__col {
        display: flex;
        align-items: center;}

    .footer__col img {
        width: 130px;}

    .footer__logos {
        display: flex;
        gap: 20px;}

    .screen {
        display: flex;
        justify-content: space-around;
        align-items: center;
        gap: 0;
        flex-direction: column;}

    .modal h6{
        font-size: 12px;}

    .modal {
        width: 90%;
        font-size: 11px;
    }

    .slider img {
        max-width: 200px;
    }
    .accordion {
        margin: 40px 0;
        width: 95%;
        font-size: 14px;
        line-height: 18px;}

    .accordion .card__title {
        font-size: 14px;
        line-height: 18px;
    }

    .order .grid .inner__col {
        padding:0
    }
    .order .grid .note {
        padding:0
    }

    .slider__col, .slider__col1 {
        flex-direction: column;
    }

    .screen__col {
        display: flex;
        flex-wrap: wrap;}

    .screen__col div {
        width: 46%;}

    .partners .partners__title {
        display: flex;
        font-size: 18px;}

    .partners1 .slide-grid,
    .partners2 .slide-grid {
        grid-template-columns: repeat(2, 2fr);}

    .partners .container {
        margin-top: 0 !important;
    }
    .more {
        padding: 8px 15px;
        border-radius: .5rem;
        color: var(--color-white);
        display: inline-flex;
        margin-top: 8px;
        font-size: 14px;
    }
    .more-download {
        padding: 8px 15px;
        border-radius: .5rem;
        color: var(--color-white);
        display: inline-flex;
        margin-top: 8px;
        font-size: 14px;
    }


    .slider__col0 .screen__col div{
        width: 100%;
    }

    .row img {
        border-radius: 10px;
        max-width: 100%;
        width: 100%;
    }

    .scheme2 .slide li, .scheme2 .slide p {
        font-size: 14px;
        line-height: 16px;
    }
    .scheme2 .slide li {
        padding: 10px 0;
    }

    .scheme2 h4 {
        font-size: 16px;
        text-align: center;
        padding-bottom: 20px;
    }

    .scheme2 .slide ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
        grid-template-rows: auto;}

    .scheme2 .slide {
        padding: 0 15px 0 0;}

    #section6 .container {
        padding-right: 30px;}

    .social br {
        display: block;}

    .social {
        text-align: center;
        flex-direction: column;}

    .social .social-item {
        margin-top: 10px;}

}
@media  screen and (max-width: 1366px) {
    .pay .inner__col div span {
        font-size: 30px;}
}

@media  screen and (max-width: 1440px) {

    .pay .inner__col div span {
        font-size: 40px;
        line-height: 50px;}

    .pay .inner__col div {
        padding: 30px;}

}