@media (max-width:992px){
    .plans{
        width:95%;
        margin:60px auto;
    }

    .plans-title h1{
        font-size:36px;
    }

    .plans-title p{
        font-size:16px;
    }

    .plans-container{
        flex-wrap:wrap;
        gap:25px;
    }

    .plan-card{
        width:320px;
    }
}

@media (max-width:768px){
    .plans{
        width:95%;
        margin:45px auto;
        padding:0 10px;
    }

    .plans-title{
        margin-bottom:35px;
    }

    .plans-title h1{
        font-size:30px;
    }

    .plans-title p{
        font-size:15px;
        line-height:1.8;
    }

    .plans-container{
        flex-direction:column;
        align-items:center;
        gap:20px;
    }

    .plan-card{
        width:100%;
        max-width:420px;
        padding:25px;
    }

    .plan-card h2{
        font-size:34px;
    }

    .plan-card h2 small{
        font-size:16px;
    }

    .plan-card ul{
        margin:25px 0;
    }

    .plan-card ul li{
        font-size:15px;
        margin-bottom:14px;
    }

    .plan-card a{
        padding:13px;
        font-size:15px;
    }

    .popular::before{
        font-size:12px;
        padding:6px 16px;
    }
}

@media (max-width:576px){
    .plans{
        width:96%;
        margin:30px auto;
    }

    .plans-title h1{
        font-size:26px;
    }

    .plans-title p{
        font-size:14px;
    }

    .plan-card{
        padding:20px;
        border-radius:15px;
    }

    .plan-name{
        font-size:16px;
    }

    .plan-card h2{
        font-size:30px;
    }

    .plan-card h2 small{
        font-size:15px;
    }

    .plan-card ul li{
        font-size:14px;
    }

    .plan-card a{
        padding:12px;
        font-size:14px;
    }

    .popular::before{
        font-size:11px;
        padding:5px 14px;
    }
}