/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .reviews-left-video {
        margin-top: 140px;
    }
    .home-eng-flag {
        display: none;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    .home-screen__img img:first-child {
        position: absolute;
        top: 15px;
        left: 30px;
        height: 100px;
        width: 100px;
    }

    .home-screen__img img:nth-child(2) {
        position: absolute;
        top: 15px;
        right: 30px;
        height: 75px;
        width: 75px;
    }

    .home-screen__img img:last-child {
        display: none;
    }

    .pos-s {
        position: static;
    }

    .home-screen__text {
        margin-top: 150px;
    }

    .final-form {
        margin-left: 0;
       /* margin-top: 40px;*/
    }

    .step-23-wrapper button {
        margin: 20px auto 30px auto;
    }

    .final-form:before {
        display: none;
    }

    .step-23-wrapper p:before {
        display: none;
    }

    .final-form-wrapper {
        margin-top: 40px;
    }
    .final-form-wrapper > div div:first-child {
        order: 2
    }
    .final-form-wrapper > div div:last-child {
        order:1
    }
    .step-18-wrapper video {
    height: 320px !important;
}
    .reviews-left-video {
    margin-top: 97px;
}
    
    .sub-text-1, .sub-text-2 {
        display: none;
    }
    
    .checkbox-next-btn {
        padding: 12px;
    }
    
    .step-13-wrapper button {
        padding: 12px;
            width: calc(70% - 30px);
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .step-20-images .step-20-images__item:first-child {
        margin-top: 0;
        margin-right: 15px;
        width: 50%;
    }

    .step-20-images .step-20-images__item:last-child {
        margin-left: 15px;
        width: 50%;
    }

    .step-20-images__item img {
        width: 100%;
        height: auto;
    }

    .step-20-images .step-20-images__item:first-child img {
        width: 80%;
    }

    .step-20-images {
        flex-direction: row;
    }

    .step-20-wrapper {
        margin-top: 20px;
    }

    .step-20-wrapper h2 {
        margin-top: 40px;
    }
    .reviews-right-video {
        margin-top: 20px;
    }
    
    .home-text {
        margin-top: 16px;
    }
    
    .home-text h1 {
        font-size: 26px;
    }
    
    .home-text p {
        font-size: 16px;
    }
    
    .home-buttons {
        margin-top: 24px;
    }
    
    .home-buttons h2 {
      
        font-size: 28px;
    }
    
    
    .home-buttons-wrapper .answer-list .check-label {
    flex: 1 1 40%;
    margin-bottom: 0;
    padding: 8px 12px;
    font-size: 20px;
    justify-content: center;
}
    
    body {
        background-size:40px, 40px;
         background-position: left 0% top 20%, right 0% top 25%;
    }
    
    .check-label {
        padding: 8px 16px;
        margin-bottom: 6px;
    }
    
    
    .regular-item {
 
    margin: 0px auto 0 auto;
}
    
    .answer-list button {
        margin-bottom: 6px;
        padding: 8px 16px;
    }
    .regular-item h2 {
        font-size: 22px;
    }
    .quiz-subtitle {
        font-size: 16px;
    }
    
    .step-13-wrapper {
 
    margin: 0px auto 0 auto;
}
    
    .step-22-wrapper {
            margin: 0 auto;
    }
    .step-22-wrapper h2 {
        font-size: 26px;
    }
    .final-form-wrapper {
        margin-top: 0;
    }
    .personalization-wrapper .text {
        display: none;
    }
    .personalization-wrapper.active .text {
        display: block;
    }
    
    
    .motivation-wrapper .text {
        display: none;
    }
    
    .motivation-wrapper.active .text {
        display: block;
    }
    .home-corner-girl {
        display: none;
    }
    .home-questio-wrapper {
        margin-top: 24px !important;
    }
    .home-questio-wrapper h2 {
        text-align: center
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .home-screen__buttons {
        flex-direction: column;
    }

/*
    .home-screen__buttons button:last-child {
        margin-left: 0;
    }

    .home-screen__buttons button:first-child {
        margin-right: 0;
    }
*/

    .home-screen__text h1 {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: normal;
    }

    .step-6-wrapper,
    .step-9-wrapper,
    .step-13-wrapper,
    .step-15-wrapper,
    .step-22-wrapper {
        margin: 0px auto 0 auto;
    }

    .step-6-wrapper h2,
    .step-9-wrapper h2,
    .step-13-wrapper h2,
    .step-15-wrapper h2,
    .step-22-wrapper h2 {
        font-size: 26px;
    }

    .step-6-wrapper p,
    .step-9-wrapper p,
    .step-13-wrapper p,
    .step-15-wrapper p,
    .step-22-wrapper p {
        font-size: 16px;
    }

    .regular-item {
        margin: 0 auto 0 auto;
    }

    .check-label {
        padding: 12px;
    }

    .step-20-wrapper h2 {
        font-size: 26px;
    }

    .step-20-wrapper p {
        font-size: 16px;
    }

    .step-23-wrapper h2 {
        font-size: 26px;
    }

    .step-23-wrapper p {
        font-size: 16px;
    }

    .final-form input {
        padding: 12px 24px;
    }

    .header-logo img {
        height: 37px;
        width: 98px;
    }
    .step-18-wrapper video {
    height: 200px !important;
}
    .final-form-wrapper__img-item video {
        border-radius: 10px;
    }
    .final-form-wrapper__img {
        flex-direction: column;
    }
    .final-form-wrapper__img-item {
        width: 100%;
    }
    .final-form-wrapper__img .final-form-wrapper__img-item:last-child {
        margin-left: 0;
        margin-top: 20px;
    }
    .final-form-wrapper__img .final-form-wrapper__img-item:first-child {
        margin-right: 0;
    }
    .reviews-left-video {
        margin-top: 60px;
        flex-direction: column;
    }
    .reviews-left-video .final-form-wrapper__img-item:first-child {
        margin-right: 0;
    }
    .reviews-left-video .final-form-wrapper__img-item:last-child {
        margin-left: 0;
        margin-top: 20px;
    }
    .medals-wrapper {
        flex-direction: column;
    }
    .medals-wrapper img {
        
    }
    
    .home-buttons-wrapper .answer-list .check-label {
        flex: 1 1 100%;
    }
    .home-buttons-wrapper .answer-list {
        gap: 6px;
    }
    
    .final-form-wrapper h3 {
        font-size: 20px;
    }
    
    .final-form-wrapper h4 {
        font-size: 16px;
    }
    .final-form-wrapper {
        padding: 15px;
    }
    .form-wrapper {
        padding: 15px;
    }
    
    .top-header-wrapper {
        padding: 8px;
        gap: 8px;
    }
    
    .motivation-wrapper {
        padding: 0 8px;
    }
    
    .personalization-wrapper .text p {
        font-size: 16px;
    }
    .personalization-wrapper.active .text div {
        font-size: 12px;
    }
    .personalization-wrapper.active .text p {
        font-size: 12px;
    }
    
    .motivation-wrapper.active .text div {
        font-size: 14px;
    }
    
    .motivation-wrapper.active .text p {
        font-size: 14px;
    }
    .all-test-wrapper .word-test {
        padding: 6px 14px;
        margin-bottom: 8px;
    }
    .home-logo-img-1 {
        display: none;
    }

    .final-buttons-wrapper {
        flex-direction: column;
        gap: 8px;
    }
    .final-buttons-wrapper button {
        width: 100%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {}