@media(max-width:1200px)
{
    .container
    {
        max-width: 1024px;
    }
    .features_card_title{
        font-size: 30px;
        margin-left: 20px;
    }
}
@media(max-width:1024px)
{
    .container
    {
        max-width: 960px;
    }
    .preview_title{
        font-size: 50px;
    }
    .preview_description{
        font-size: 17px;
    }
    .preview_button{
        font-size: 17px;
    }
    .main_phone{
        height: 500px;
    }
}
@media(max-width:960px)
{
    .container
    {
        max-width: 720px;
    }
    .navigation ul>li{
        margin-right: 22px;
        font-size: 16px;
    }
    .about_container{
        flex-direction: column-reverse !important;
    }
    .results-pc{
        display: none;
    }
    .results-phone{
        display: flex;
    }
    .about_results{
        margin-top: 40px;
        border-radius: 30px;
        width: 70%;
    }
    .about_title{
        font-size: 50px;
    }
    .about_question{
        font-size: 25px;
    }
    .about_description{
        font-size: 20px;
    }
    .features_card{
        width: 100%;
        margin-bottom: 20px;
    }
    .cards_row{
        margin-top: 0px !important;
        flex-direction: column !important;
    }
}
@media(max-width:720px)
{
    .container
    {
        max-width: 580px;
    }
    .navigation ul{
        display: none;
    }
    .logo{
        width: 50px;
        height: 50px;
    }
    .navigation_button{
        padding: 13px 34px;
        font-size: 15px;
    }
    .main_phone{
        display: none;
    }
    .about_results{
        margin-top: 40px;
        border-radius: 30px;
        width: 80%;
    }
    .plans_img{
        width: 80%;
    }
}
@media(max-width:580px)
{
    .container
    {
        max-width: 390px;
    }
    .preview_title{
        text-align: center;
        font-size: 37px;
    }
    .preview_button_group{
        flex-direction: column;
    }
    .preview_description{
        font-size: 16px;
        text-align: center;
    }
    .preview_button{
        margin-bottom: 10px;
        font-size: 16px;
        padding: 15px 30px;
    }
    .about_title{
        font-size: 37px;
    }
    .about_question{
        font-size: 20px;
    }
    .about_description{
        font-size: 17px;
    }
    .about_results{
        margin-top: 40px;
        border-radius: 30px;
        width: 100%;
    }
    .features_card_title{
        font-size: 25px;
        margin-left: 12px;
    }
    .features_card_description{
        font-size: 17px;
    }
    .features_card_container{
        margin: 35px;
    }
    .plans_img{
        width: 90%;
        margin: 30% 0;
    }
    
}
@media(max-width:390px)
{
    .container
    {
        max-width: 320px;
    }
    .preview_title{
        font-size: 30px;
    }
    .preview_description{
        font-size: 15px;
    }
    .preview_button{
        margin-bottom: 10px;
        font-size: 16px;
        padding: 15px 30px;
    }
    svg{
        width: 30px;
    }
    .features_card_title{
        font-size: 22px;
    }
    .svg_tokens{
        width: 25px !important;
    }
}