@media (min-width: 1920px) 
{
    
    
    .container
    {
        max-width: 1920px; 
    }
    

    
    .header 
    {
        height: 100px;
        padding: 0 40px; 
        margin-bottom: 1rem;
        position: relative; 
        display: flex;
        
        justify-content: space-between; 
        align-items: center; 
    }

    .header__left 
    {
        order: unset; 
        margin: 0; 
        padding: 0; 
        border: none; 
        display: flex; 
        justify-content: flex-start; 
        align-items: center; 
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: auto;     
    }

    .header__logo img 
    {
        display: block; 
        height: 64px;
        width: 64px;
    }

    .header__center 
    {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex; 
        justify-content: center; 
        align-items: center; 

        order: unset; 
        margin: 0; 
        padding: 0; 
        border: none; 
        
        flex-grow: unset; 
        flex-shrink: unset; 
        flex-basis: unset; 
    }

    .header__center img[alt="Вопрос для ПК"] 
    {
        display: block; 
        width: 40px;
        height: 40px; 
        padding: 7px;
        border: 1px solid black; 
        box-sizing: content-box;
        object-fit: contain;
    }

    .header__right 
    {
        
        order: unset;
        margin: 0;
        padding: 0;
        border: none;
        justify-content: flex-end; 
        align-items: center;
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: auto;       
    }

    .header__button_desktop 
    {
        display: flex; 
        align-items: center; 
        justify-content: center; 
        height: 48px;
        width: 160px;
        padding: 0;
    }
    

    .header__question_mobile_icon_wrapper,
    .header__question_mobile_link,
    .header__question_mobile_icon,
    .header__center img[alt="Логотип для мобильных"],
    .header__mobile_icon 
    {
        display: none; 
    }

    .header__left > *:not(:last-child),
    .header__center > *:not(:last-child),
    .header__right > *:not(:last-child) 
    {
        margin-right: 0; 
    }

    

    
    .main-content 
    {
        padding: 60px 80px;         
    }

    
    .main-content__title 
    {
        text-align: center; 
        font-size: 24px; 
        margin-bottom: 30px; 
        line-height: 30px; 
    }

    .main-content__description 
    {
        font-size: 1.1rem; 
        max-width: 750px;  
        line-height: 1.2; 
        margin: 0 auto 20px auto; 
    }

    .main-content__instruction
    {
        font-size: 1.1rem; 
        max-width: 660px;  
        line-height: 1.2; 
        margin: 0 auto 20px auto; 
    }
    .main-content__instruction .no-break-phrase
    {
        white-space: nowrap;
    }
    

    
   .main-content__image-placeholder 
   {
        width: 263px;  
        height: 150px;  
        margin: 35px auto;   
   }

    .main-content__image-placeholder #demonstrationImage
    {
        display: block; 
    }

    .main-content__image-placeholder #demonstrationImageMobile
    {
        display: none;
    }

    .main-content__image-placeholder #lockOverlay 
    {
        max-width: 90px; 
    }
    

    
    .progress-section 
    {
        width: 720px; 
        margin-bottom: 30px; 
    }

    .progress-bar-label 
    {
        font-size: 13px;
    }

    .progress-bar-container 
    {
        height: 67px; 
    }

    #current-hearts, #target-info 
    {
        font-size: 1.2rem;
    }

    .counter-display img 
    {
        height: 20px; 
        width: 20px; 
    }
    

    
    .click-button 
    {
        height: 125px; 
        font-size: 1.0rem; 
        max-width: 720px; 
        
        width: 720px; 
    }
    

    
}

@media (min-width: 1400px) and (max-width: 1919px) 
{
    
    
    .container
    {
        max-width: 1919px; 
    }
    

    
    .header 
    {
        height: 100px;
        padding: 0 40px; 
        margin-bottom: 1rem;
        position: relative; 
        display: flex;
        
        justify-content: space-between; 
        align-items: center; 
    }

    .header__left 
    {
        order: unset; 
        margin: 0; 
        padding: 0; 
        border: none; 
        display: flex; 
        justify-content: flex-start; 
        align-items: center; 
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: auto;     
    }

    .header__logo img 
    {
        display: block; 
        height: 64px;
        width: 64px;
    }

    .header__center 
    {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex; 
        justify-content: center; 
        align-items: center; 

        order: unset; 
        margin: 0; 
        padding: 0; 
        border: none; 
        
        flex-grow: unset; 
        flex-shrink: unset; 
        flex-basis: unset; 
    }

    .header__center img[alt="Вопрос для ПК"] 
    {
        display: block; 
        width: 40px;
        height: 40px; 
        padding: 7px;
        border: 1px solid black; 
        box-sizing: content-box;
        object-fit: contain;
    }

    .header__right 
    {
        
        order: unset;
        margin: 0;
        padding: 0;
        border: none;
        justify-content: flex-end; 
        align-items: center;
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: auto;       
    }

    .header__button_desktop 
    {
        display: flex; 
        align-items: center; 
        justify-content: center; 
        height: 48px;
        width: 160px;
        padding: 0;
    }
    

    .header__question_mobile_icon_wrapper,
    .header__question_mobile_link,
    .header__question_mobile_icon,
    .header__center img[alt="Логотип для мобильных"],
    .header__mobile_icon 
    {
        display: none; 
    }

    .header__left > *:not(:last-child),
    .header__center > *:not(:last-child),
    .header__right > *:not(:last-child) 
    {
        margin-right: 0; 
    }

    

    
    .main-content 
    {
        padding: 60px 80px;         
    }

    
    .main-content__title 
    {
        text-align: center; 
        font-size: 24px; 
        margin-bottom: 30px; 
        line-height: 30px; 
    }

    .main-content__description 
    {
        font-size: 1.1rem; 
        max-width: 750px;  
        line-height: 1.2; 
        margin: 0 auto 20px auto; 
    }

    .main-content__instruction
    {
        font-size: 1.1rem; 
        max-width: 660px;  
        line-height: 1.2; 
        margin: 0 auto 20px auto; 
    }
    .main-content__instruction .no-break-phrase
    {
        white-space: nowrap;
    }
    

    
   .main-content__image-placeholder 
   {
        width: 263px;  
        height: 150px;  
        margin: 35px auto;   
   }

    .main-content__image-placeholder #demonstrationImage
    {
        display: block; 
    }

    .main-content__image-placeholder #demonstrationImageMobile
    {
        display: none;
    }

    .main-content__image-placeholder #lockOverlay 
    {
        max-width: 90px; 
    }
    

    
    .progress-section 
    {
        width: 720px; 
        margin-bottom: 30px; 
    }

    .progress-bar-label 
    {
        font-size: 13px;
    }

    .progress-bar-container 
    {
        height: 67px; 
    }

    #current-hearts, #target-info 
    {
        font-size: 1.2rem;
    }

    .counter-display img 
    {
        height: 20px; 
        width: 20px; 
    }
    

    
    .click-button 
    {
        height: 125px; 
        font-size: 1.0rem; 
        max-width: 720px; 
        
        width: 720px; 
    }
    

    
}


@media (min-width: 1280px) and (max-width: 1399px) 
{
    
    
    .container
    {
        max-width: 1399px; 
    }
    

    
    .header 
    {
        height: 100px;
        padding: 0 40px; 
        margin-bottom: 1rem;
        position: relative; 
        display: flex;
        
        justify-content: space-between; 
        align-items: center; 
    }

    .header__left 
    {
        order: unset; 
        margin: 0; 
        padding: 0; 
        border: none; 
        display: flex; 
        justify-content: flex-start; 
        align-items: center; 
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: auto;     
    }

    .header__logo img 
    {
        display: block; 
        height: 64px;
        width: 64px;
    }

    .header__center 
    {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex; 
        justify-content: center; 
        align-items: center; 

        order: unset; 
        margin: 0; 
        padding: 0; 
        border: none; 
        
        flex-grow: unset; 
        flex-shrink: unset; 
        flex-basis: unset; 
    }

    .header__center img[alt="Вопрос для ПК"] 
    {
        display: block; 
        width: 40px;
        height: 40px; 
        padding: 7px;
        border: 1px solid black; 
        box-sizing: content-box;
        object-fit: contain;
    }

    .header__right 
    {
        
        order: unset;
        margin: 0;
        padding: 0;
        border: none;
        justify-content: flex-end; 
        align-items: center;
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: auto;       
    }

    .header__button_desktop 
    {
        display: flex; 
        align-items: center; 
        justify-content: center; 
        height: 48px;
        width: 160px;
        padding: 0;
    }
    

    .header__question_mobile_icon_wrapper,
    .header__question_mobile_link,
    .header__question_mobile_icon,
    .header__center img[alt="Логотип для мобильных"],
    .header__mobile_icon 
    {
        display: none; 
    }

    .header__left > *:not(:last-child),
    .header__center > *:not(:last-child),
    .header__right > *:not(:last-child) 
    {
        margin-right: 0; 
    }

    

    
    .main-content 
    {
        padding: 60px 80px;         
    }

    
    .main-content__title 
    {
        text-align: center; 
        font-size: 24px; 
        margin-bottom: 30px; 
        line-height: 30px; 
    }

    .main-content__description 
    {
        font-size: 1.1rem; 
        max-width: 750px;  
        line-height: 1.2; 
        margin: 0 auto 20px auto; 
    }

    .main-content__instruction
    {
        font-size: 1.1rem; 
        max-width: 660px;  
        line-height: 1.2; 
        margin: 0 auto 20px auto; 
    }
    .main-content__instruction .no-break-phrase
    {
        white-space: nowrap;
    }
    

    
   .main-content__image-placeholder 
   {
        width: 263px;  
        height: 150px;  
        margin: 35px auto;   
   }

    .main-content__image-placeholder #demonstrationImage
    {
        display: block; 
    }

    .main-content__image-placeholder #demonstrationImageMobile
    {
        display: none;
    }

    .main-content__image-placeholder #lockOverlay 
    {
        max-width: 90px; 
    }
    

    
    .progress-section 
    {
        width: 720px; 
        margin-bottom: 30px; 
    }

    .progress-bar-label 
    {
        font-size: 13px;
    }

    .progress-bar-container 
    {
        height: 67px; 
    }

    #current-hearts, #target-info 
    {
        font-size: 1.2rem;
    }

    .counter-display img 
    {
        height: 20px; 
        width: 20px; 
    }
    

    
    .click-button 
    {
        height: 125px; 
        font-size: 1.0rem; 
        max-width: 720px; 
        
        width: 720px; 
    }
    

    
}

@media (min-width: 1024px) and (max-width: 1279px) 
{
    
    
    .container
    {
        max-width: 1279px; 
    }
    

    
    .header 
    {
        height: 100px;
        padding: 0 40px; 
        margin-bottom: 1rem;
        position: relative; 
        display: flex;
        
        justify-content: space-between; 
        align-items: center; 
    }

    .header__left 
    {
        order: unset; 
        margin: 0; 
        padding: 0; 
        border: none; 
        display: flex; 
        justify-content: flex-start; 
        align-items: center; 
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: auto;     
    }

    .header__logo img 
    {
        display: block; 
        height: 64px;
        width: 64px;
    }

    .header__center 
    {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex; 
        justify-content: center; 
        align-items: center; 

        order: unset; 
        margin: 0; 
        padding: 0; 
        border: none; 
        
        flex-grow: unset; 
        flex-shrink: unset; 
        flex-basis: unset; 
    }

    .header__center img[alt="Вопрос для ПК"] 
    {
        display: block; 
        width: 40px;
        height: 40px; 
        padding: 7px;
        border: 1px solid black; 
        box-sizing: content-box;
        object-fit: contain;
    }

    .header__right 
    {
        
        order: unset;
        margin: 0;
        padding: 0;
        border: none;
        justify-content: flex-end; 
        align-items: center;
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: auto;       
    }

    .header__button_desktop 
    {
        display: flex; 
        align-items: center; 
        justify-content: center; 
        height: 48px;
        width: 160px;
        padding: 0;
    }
    

    .header__question_mobile_icon_wrapper,
    .header__question_mobile_link,
    .header__question_mobile_icon,
    .header__center img[alt="Логотип для мобильных"],
    .header__mobile_icon 
    {
        display: none; 
    }

    .header__left > *:not(:last-child),
    .header__center > *:not(:last-child),
    .header__right > *:not(:last-child) 
    {
        margin-right: 0; 
    }

    

    
    .main-content 
    {
        padding: 60px 80px;         
    }

    
    .main-content__title 
    {
        text-align: center; 
        font-size: 24px; 
        margin-bottom: 30px; 
        line-height: 30px; 
    }

    .main-content__description 
    {
        font-size: 1.1rem; 
        max-width: 750px;  
        line-height: 1.2; 
        margin: 0 auto 20px auto; 
    }

    .main-content__instruction
    {
        font-size: 1.1rem; 
        max-width: 660px;  
        line-height: 1.2; 
        margin: 0 auto 20px auto; 
    }
    .main-content__instruction .no-break-phrase
    {
        white-space: nowrap;
    }
    

    
   .main-content__image-placeholder 
   {
        width: 263px;  
        height: 150px;  
        margin: 35px auto;   
   }

    .main-content__image-placeholder #demonstrationImage
    {
        display: block; 
        width: 100.3%;
    }

    .main-content__image-placeholder #demonstrationImageMobile
    {
        display: none;
    }

    .main-content__image-placeholder #lockOverlay 
    {
        max-width: 90px; 
    }
    

    
    .progress-section 
    {
        width: 720px; 
        margin-bottom: 30px; 
    }

    .progress-bar-label 
    {
        font-size: 13px;
    }

    .progress-bar-container 
    {
        height: 67px; 
    }

    #current-hearts, #target-info 
    {
        font-size: 1.2rem;
    }

    .counter-display img 
    {
        height: 20px; 
        width: 20px; 
    }
    

    
    .click-button 
    {
        height: 125px; 
        font-size: 1.0rem; 
        max-width: 720px; 
        
        width: 720px; 
    }
    

    
}


@media (min-width: 768px) and (max-width: 1023px) 
{
    
    .header 
    {
        padding: 1rem 1rem; 
        margin-bottom: 1rem;
        position: relative; 
        display: flex;
        
        justify-content: space-between; 
        align-items: center; 
    }

    
    .header__logo 
    {
        display: none; 
    }

    .header__center img[alt="Вопрос для ПК"] 
    {
        display: none; 
    }

    .header__button_desktop 
    {
        display: none; 
    }
    

    
    
    .header__left 
    {
        order: unset; 
        margin: 0; 
        padding: 0; 
        border: none; 
        display: flex; 
        justify-content: flex-start; 
        align-items: center; 
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: auto;     
    }

    .header__question_mobile_icon_wrapper 
    {
        display: flex; 
    }

    .header__question_mobile_link 
    {
        display: flex; 
        align-items: center; 
        justify-content: center; 
    }

    .header__question_mobile_icon 
    {
        display: block; 
        height: 64px;
        width: auto; 
        border: 1px solid black;
        box-sizing: content-box;
    }

    
    

    
    .header__center 
    {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex; 
        justify-content: center; 
        align-items: center; 

        order: unset; 
        margin: 0; 
        padding: 0; 
        border: none; 
        
        flex-grow: unset; 
        flex-shrink: unset; 
        flex-basis: unset; 
    }

    .header__center img[alt="Логотип для мобильных"] 
    {
        display: block; 
        height: 64px;
        width: auto;  
    }
    

    
    .header__right 
    {
        
        order: unset;
        margin: 0;
        padding: 0;
        border: none;
        justify-content: flex-end; 
        align-items: center;
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: auto;  
    }

    .header__mobile_icon 
    {
        display: block; 
        height: 64px;
        width: 64px;
        border: 1px solid black;
        box-sizing: content-box;  
    }
    
    

    
    
    .main-content 
    {
        padding: 30px 20px; 
    }

    .main-content__title 
    {
        text-align: center; 
        font-size: 28px; 
        margin-bottom: 20px; 
        line-height: 30px; 
    }

    .main-content__description 
    {
        font-size: 1.1rem; 
        max-width: 750px; 
        line-height: 1.2; 
        margin: 0 auto 20px auto;      
    }

    .main-content__instruction
    {
        font-size: 1.1rem; 
        max-width: 660px;  
        line-height: 1.2; 
        margin: 0 auto 20px auto; 
    }

    .main-content__instruction .no-break-phrase
    {
        white-space: nowrap;
    }

    
    .main-content__image-placeholder 
    {
        width: 263px;  
        height: 150px;  
        margin: 35px auto; 
    }

    .main-content__image-placeholder #demonstrationImage
    {
        display: block; 
    }

    .main-content__image-placeholder #demonstrationImageMobile
    {
        display: none; 
    }

    .main-content__image-placeholder #lockOverlay 
    {
        
        
        max-width: 100px; 
    }
    

    
    .progress-section 
    {
        width: 720px; 
        margin-bottom: 30px; 
    }

    .progress-bar-label 
    {
        font-size: 13px;
    }

    .progress-bar-container 
    {
        height: 67px; 
    }

    #current-hearts, #target-info 
    {
        font-size: 1.2rem;
    }

    .counter-display img 
    {
        height: 20px; 
        width: 20px; 
    }
    

    
    .click-button 
    {
        height: 125px; 
        font-size: 1.0rem; 
        max-width: 720px; 
        
        width: 720px; 
    }
    

    
}







@media (max-width: 480px) 
{

    
    .header 
    {
        padding: 1rem; 
        margin-bottom: 1rem;
        position: relative; 
        display: flex;
        
        justify-content: space-between; 
        align-items: center; 
    }

    
    .header__logo 
    {
        display: none; 
    }

    .header__center img[alt="Вопрос для ПК"] 
    {
        display: none; 
    }

    .header__button_desktop 
    {
        display: none; 
    }
    

    
    
    .header__left 
    {
        order: unset; 
        margin: 0; 
        padding: 0; 
        border: none; 
        display: flex; 
        justify-content: flex-start; 
        align-items: center; 
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: auto;     
    }

    .header__question_mobile_icon_wrapper 
    {
        display: flex; 
    }

    .header__question_mobile_link 
    {
        display: flex; 
        align-items: center; 
        justify-content: center; 
    }

    .header__question_mobile_icon 
    {
        display: block; 
        height: 48px;
        width: 48px; 
        border: 1px solid black;
        box-sizing: content-box;
    }

    
    

    
    .header__center 
    {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex; 
        justify-content: center; 
        align-items: center; 
        order: unset; 
        margin: 0; 
        padding: 0; 
        border: none; 
        
        flex-grow: unset; 
        flex-shrink: unset; 
        flex-basis: unset; 
    }

    .header__center img[alt="Логотип для мобильных"] 
    {
        display: block; 
        height: 48px;
        width: 48px; 
    }
    

    
    .header__right 
    {
        
        order: unset;
        margin: 0;
        padding: 0;
        border: none;
        justify-content: flex-end; 
        align-items: center;
        flex-shrink: 0;
        flex-grow: 0;
        flex-basis: auto;  
    }

    .header__mobile_icon 
    {
        display: block; 
        height: 48px;
        width: 48px;
        border: 1px solid black;
        box-sizing: content-box;  
    }
    
    

    
    .main-content
    {
        width: 100%; 
        box-sizing: border-box; 
    }

    .main-content__title {
        font-size: 20px; 
        text-align: left; 
        word-wrap: break-word; 
        hyphens: auto; 
        line-height: 23px;
        padding: 0px 0px 0px 3px;
    }

    .main-content__description
    {
        font-size: 14px; 
        text-align: left;
        max-width: 100%;
        word-wrap: break-word; 
        hyphens: auto; 
        line-height: 25px;
    }

    .main-content__instruction
    {
        font-size: 14px; 
        text-align: left;
        max-width: 100%;
        word-wrap: break-word; 
        
        line-height: 25px;
        padding: 0px 22px 0px 7px;
    }
    
    .main-content__instruction .no-break-phrase
    {
        white-space: nowrap;
    }

    
    .main-content__image-placeholder 
    {
        
        
        width: 116px;   
        height: 185px;  
        margin: 20px auto; 
        
        
        
        
        
         
    }

    .main-content__image-placeholder #demonstrationImage
    {
        display: none; 
        
        
        
    }

    .main-content__image-placeholder #demonstrationImageMobile
    {
        display: block; 
        
        
        
        
        
    }


    .main-content__image-placeholder #lockOverlay 
    {
        
        max-width: 100px; 
        
        
        
        
        
        
        
        
    }
    

    
    .progress-section {
        width: 100%; 
        margin-bottom: 15px; 
        padding: 0 5px; 
        box-sizing: border-box;
    }

    .progress-bar-label {
        
        
        font-size: clamp(12px, 3vw, 14px);
        text-align: center; 
        margin-bottom: 5px; 
    }

    .progress-bar-container {
        height: 48px; 
        
    }

    #current-hearts, #target-info
    {
        
        font-size: 1.2rem;; 
        
        
    }

    .counter-display img {
        height: 16px; 
        width: 16px;
        
        vertical-align: middle;
    }
    

    
    .click-button {
        
        min-height: 80px; 
        height: 128px; 
        padding: 15px 20px; 
       
       
        max-width: 100%; 
        width: 448px; 
        
        
        display: block; 
        margin-left: auto; 
        margin-right: auto;
        white-space: normal; 
        text-overflow: clip; 
        font-size: 16px; 
    }
    
}


@media (max-width: 480px) 
{
    
    .main-content__instruction {
        display: none !important;
    }

    
    .main-content__instruction-mobile {
        display: block !important;
        color: rgb(229, 51, 115);
        text-decoration: none;
        cursor: pointer;
        font-size: 14px;
        margin: 0 0 20px 0;
        text-align: left;
        width: 100%;
    }

    
    .instruction-popup {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        display: none;
        justify-content: center;
        align-items: center;
        z-index: 1000;
    }

    .instruction-popup.show {
        display: flex;
    }

    .instruction-popup-content {
        background-color: white;
        padding: 20px;
        border-radius: 10px;
        max-width: 90%;
        max-height: 80%;
        overflow-y: auto;
        position: relative;
    }

    .instruction-popup-close {
        position: absolute;
        top: 10px;
        right: 5px;
        background: none;
        border: none;
        cursor: pointer;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: all 0.2s ease;
        padding: 0;
    }

    .instruction-popup-close img {
        display: none;
        width: 40px;
        height: 40px;
        filter: brightness(0.6);
        transition: filter 0.2s ease;
    }

    .instruction-popup-close:hover {
        background-color: #f0f0f0;
    }

    .instruction-popup-close:hover img {
        filter: brightness(1);
    }

    .instruction-popup-close:active {
        background-color: #e0e0e0;
    }

    .instruction-popup-text {
        font-size: 14px;
        line-height: 1.4;
        margin-top: 10px;
    }

    .instruction-popup-text .colored-text {
        color: rgb(229, 51, 115);
    }
    
    @media (min-width: 464px) and (max-width: 466px)
    {
        #instructionMobile
        {
            margin-left: 1px;
        }
    }
    @media (min-width: 467px) and (max-width: 469px)
    {
        .main-content__instruction-mobile
        {
            margin-left: 3px;
        }
    }
    @media (min-width: 470px) and (max-width: 471px)
    {
        .main-content__instruction-mobile
        {
            margin-left: 4px;
        }
    }
    @media (min-width: 472px) and (max-width: 474px)
    {
        .main-content__instruction-mobile
        {
            margin-left: 6px;
        }
    }
    @media (min-width: 475px) and (max-width: 478px)
    {
        .main-content__instruction-mobile
        {
            margin-left: 10px;
        }
    }
    @media (min-width: 479px) and (max-width: 480px)
    {
        .main-content__instruction-mobile
        {
            margin-left: 13px;
        }
    }
}