@media (min-width: 300px) and (max-width:640px) {
    .method{
        border: 5px solid #f2f2f2;
    }

    .method-1::before, .method-2::before, .method-3::before, .method-4::before, .method-5::before{
        content: "";
        position: absolute;
        border-top: none;
        border-left: none;
        border-right: none;
        border-bottom: none;
        
    }
    .method-1::after, .method-2::after, .method-3::after, .method-4::after, .method-5::after{
        content: "";
        position: absolute;
        bottom: 0;
        top: 95%;
        right: 50%;
        transform: translateX(50%);
        border-top: 20px solid #1c4688;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: none;
    }
    
    .method-2{
        background: #145245;
    }
    .method-2::after{
        border-top: 20px solid #145245;
    }
    .method-3{
        background: #0eabc3;
    }
    .method-3::after{
        border-top: 20px solid #0eabc3;
    }
    .method-4{
        background: #bf7e2c;
    }
    .method-4::after{
        border-top: 20px solid #bf7e2c;
    }
    .method-5{
        background: #fb9411;
    }
    .method-5::after{
        border: none;
    }
    .method-1 p, .method-2 p, .method-3 p, .method-4 p, .method-5 p{
        margin-top: 30px;
    }
    .nav-link{
        padding: 7px 12px !important;
    }
    .dropdown-menu{
        transform: scale(0,0);
        margin: 0;
        transition: .5s;
        border-bottom: 3px solid #0870a3;
    }
    .dropdown .nav-link{
        padding: 7px 12px !important;
        text-align: left !important;
    }
}
@media (min-width: 700px) and (max-width:1024px) {
    .dropdown .nav-link{
        padding: 7px 12px !important;
        text-align: left !important;
    }
    .dropdown-menu{
        transform: scale(0,0);
        margin: 0;
        transition: .5s;
        border-bottom: 3px solid #0870a3;
    }
}