@media (max-width:480px){

    
    .container{
        max-width:360px;
        padding:0 15px;
    }
    
    
    p{
        font-size:16px;
        line-height: 100%;
    }
    
    h1{
        font-size:36px;
    }
    
    h2{
        font-size:24px;
    }
    
    h3{
        font-size:20px;
        padding-bottom:16px;
    }
    
/*_______________________________________Шапка__________________________________________________________*/
    
    header{
        margin-top:24px;
        column-gap:16px;
    }
    
    header img{
        width:40px;
    }
    
    header p{
        font-size:14px;
    }
    
    .icons{
        margin-left:auto;
    }
    
    .round_markets{
        width:36px;
        height:36px;
    }
    
    .round_markets img{
        width:20px;
        padding:8px;
    }
    
    
/*_______________________________________Заставка__________________________________________________________*/
    
    .top{
        padding-top:500px;
        padding-bottom:92px;
        background-size:600px;
    }
    
    
/*_______________________________________про нас__________________________________________________________*/
    
    .text_about{
        flex-direction:column;
        gap:16px;
        padding-bottom:40px;
    }
    
    
    
    .cards_block{
        position:static;
        display:flex;
        flex-direction:column;
        gap:8px;
    }
    
    .card{
        position:static;
        width:auto;
        min-width: 100%-40px;
        height:215px;
        padding:20px;
        margin: 0% auto;
    }
    
    .card1,
    .card2,
    .card3{
        left:auto;
        background:#e6d3c3;
    }
    
    .card3 h1{
        font-size:48px;
    }
    
    
/*_______________________________________Игра__________________________________________________________*/
    
    .game{
        padding-top:80px;
    }
    
    .stars{
        margin-top:40px;
        overflow-x:auto;
        scroll-snap-type:x mandatory;
        gap:20px;
        flex-wrap: nowrap;
    }
    
    .stars > div{
        min-width:100%;
        scroll-snap-align:center;
    }
    
    .lion,
    .pegas,
    .swan{
        align-items: end;
        padding-top:0;
        margin-left:0;
    }

    .pegas{
        padding-top: 25px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .stars img{
        width:100%;
        max-width:260px;
    }
    
    
    
    .place{
        width:75%;
        height:50px;
        margin: 0% auto;
        margin-top:20px;
    }
    
    .place button{
        font-size:16px;
    }
    
    
    
    .answers{
        padding-top:24px;
        gap:10px;
    }
    
    .answers button{
        font-size:16px;
        padding:10px 18px;
    }
    
    
/*_______________________________________Скачать__________________________________________________________*/
    
    .content{
        padding-top:80px;
        flex-direction:column;
        align-items:center;
        text-align:center;
    }
    
    .mockup {
    width: 100%;
    overflow: hidden;
}

.mockup img {
    width: 150%;
    margin-left: -35%;
}
    
    .right_part h2{
        min-width:auto;
        font-size: 24px;
        margin: 0% auto;
    }
    
    .store{
        padding-top:32px;
        flex-direction:column;
        gap:12px;
        padding-bottom: 80px;
    }
    
    .apple,
    .google{
        width:auto;
        min-width: 100%;
        height:57px;
        gap: 8px;
    }

    .apple img,
    .google img{
        width: 11%;
    }
    
    .store h3{
        padding-top:0px;
        font-size:16px;
    }
    
    
/*_______________________________________Футер__________________________________________________________*/

    footer{
        padding-top: 48px;
    }
    
    .contacts{
        flex-direction:column;
        align-items:flex-start;
        gap:24px;
        padding-bottom: 35px;
    }
    
    .form{
        width:100%;
        gap:24px;
    }

    .form h2{
        margin: 0% auto;
    }

    
    .form input{
        font-size:16px;
    }
    
    footer ::placeholder{
        font-size:16px;
    }
    
    .form button{
        width:100%;
        font-size:16px;
        margin-top:56px;
    }

    .bottom{
        display: flex;
        flex-direction:row;
        align-items:end;
        padding-top: 342px;
        gap: 24px;
    }

    .year h3{
        font-size: 30px;
    }
    
    }