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

    #fp-nav {
        right: 0 !important;}

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

    h1 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 30px;}

    h2 {
        font-size: 24px;}

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

    .btn {
        font-size: 14px;
        line-height: 16px;
        padding: 15px;
        display: flex;
        margin-top: 30px;
        align-items: center;
        text-align: center;
        justify-content: center;}

    .main__buttons {
        flex-direction: column;}

    .main__buttons .btn {
        margin:0;
        width: 100%;}

    section:nth-child(1)::before {
        opacity: 0.1;
        background: url('../img/back-ani-white.svg') no-repeat 72% 39%;
        background-size: 500%;}

    section::before {
        background: url('../img/back-ani-green.svg') no-repeat 72% 39%;
        background-size: 500%;
    }
    .container {
        max-width: 100%;
        padding: 20px;}

    .header__title h1 small {
        font-size: 1.3rem;
        margin: 30px 0 15px 0;}

    .header {
        align-items: start;
        padding-right: 30px;}

    .header__col {
        flex-direction: column;}

    .header__col:nth-child(2) {
        justify-content: start;
    }

    .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;
        margin-bottom: 20px;}

    .header__menu {
        display: none;}

    .fa-big {
        font-size: 50px;
        line-height: 60px;
    }

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

    .grid__cols__3 {
        grid-template-columns: 100%;
        gap: 20px;}

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

    /*.qmarks .note {*/
    /*    padding-right: 30px !important;}*/
    .grid__cols__5 {
        grid-template-columns: 100%;
    }
    .grid__cols__6 {
        grid-template-columns: repeat(2, 2fr);
        gap: 10px;
        margin: 0;
        padding: 0 25px 0 0;
        width: auto;}

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

    .panel-back p {
        font-size: 13px;
    }
    .panel__outer:hover .panel__inner {
        transform: none;}

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

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

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

    .who .important-main {
        font-size: 14px;}

    .who .inner__col .number {
        padding: 15px;}

    .who .inner__col .number span {
        font-size: 110px;}

    .who .description.note,
    .features .description.note {
        padding: 10px 0;
    }

    /*.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;*/
    /*}*/

    .grid .inner__col {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 30px;}

    .steps .grid .inner__col {
        flex-direction: row;}

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


    .steps p, .steps .inner__col .description {
        font-size: 14px;
        line-height: 18px;
        padding: 0;
    }

    /*.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: 20px 0 0 0;}

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

    .pay .inner__col div i {
        margin: 0;}

    .pay .icon-title {
        padding: 0 !important;
        display: flex !important;
        flex-direction: row !important;
        gap: 20px;
        align-items: center;}

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

    .docs ul li i {
        margin: 0 auto 10px auto;}

    .docs .btn-border {
        display: inline-flex;
        border-radius: .5rem;
        padding: 8px 20px;
        margin-top: 10px;
        position: relative;
        color: var(--color-white);
        font-size: 12px;}

    .contacts .container {
        padding: 20px;}

    #orgForm {
        padding: 20px;}

    #orgForm .form-row {
        font-size: 12px;}

    .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: 12px;
    }
    .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;}

}