@media only screen and (min-width:600px) {
    #sylink-table-small-screen {
        display: none;
    }
    .sylink-table, .sylink-table tr, .sylink-table th, .sylink-table td {
        /* border: none; */
        border-collapse: separate;
        border-spacing: 5px; 
        border-color: transparent;
    }
    .sylink-table:empty, .sylink-table tr:empty, .sylink-table th:empty, .sylink-table td:empty { 
        visibility: hidden;
    }
    
    .offre-basic {
        background: -webkit-radial-gradient(rgb(130, 213, 49), rgb(24, 193, 22));
        background: radial-gradient(rgb(130, 213, 49), rgb(24, 193, 22));
        color: white;
        font-weight: 500;
        font-size: 20px;
        border-radius: 20px 20px 0 0;
    }
    .offre-enterprise {
        background: -webkit-radial-gradient(rgb(27, 197, 211), rgb(3, 135, 217));
        background: radial-gradient(rgb(27, 197, 211), rgb(3, 135, 217));
        color: white;
        font-weight: 500;
        font-size: 20px;
        border-radius: 20px 20px 0 0;
    }
    .offre-vip {
        background: -webkit-radial-gradient(rgb(204, 85, 246), rgb(124, 95, 209));
        background: radial-gradient(rgb(204, 85, 246), rgb(124, 95, 209));    
        color: white;
        font-weight: 500;
        font-size: 20px;
        border-radius: 20px 20px 0 0;
    
    }
    .sylink-table td {
        background: white;
    }
    .sylink-table tr>:nth-child(2){
        padding: 30px;
        border-radius: 20px 0 0 20px;
        border-left: 10px solid #9dd913;
    }
    #buttom-col {
        border-radius: 0 0 20px 20px;
    }
    #buttom-col-right-only {
        border-radius: 0 0 20px 0;
    } 
    .sylink-table .table-blue-text a {
        color: white;
    }
}

@media only screen and (max-width: 600px) {
    .sylink-table {
        display: none;
    }
    #sylink-table-small-screen h3{
        text-align: center;
        margin-bottom: 20px;
        font-weight: bold;
    }
    #sylink-table-small-screen p {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    #sylink-table-small-screen {
        margin: 20px;
    }
    #sylink-table-small-screen ul {
        text-align: center;
    }
    #sylink-table-small-screen li {
        display: inline-flex;
        flex-wrap: wrap;
        flex-direction: row;
        font-size: 10px;
        margin: 2px;
        padding: 10px;
        border: none;
        border-radius: 30px;
    }
    #sylink-table-small-screen ul .yes {
        background-image: linear-gradient(to right top, #9dd913, #a8db3c, #b2dd57, #bcdf6e, #c5e184);
    }
    #sylink-table-small-screen ul .no {
        background-image: linear-gradient(to right top, #c2c2c2, #d1d1d1, #e0e0e0, #efefef, #ffffff);
    }
    #sylink-table-small-screen .offer-link {
        margin: auto;
        margin-top: 30px;
        width: 100%;
        border: 10px solid #E1EEC2;
        padding: 10px;
        text-align: center;
        line-height: 30px;
        background: white;
    }
    #sylink-table-small-screen .offer-link a {
        color: #9dd913;
        font-weight: bolder;
        text-decoration: underline;
        transition: all 0.5s ease-in-out;
    }
    #sylink-table-small-screen .offer-link a:hover {
        text-decoration: none;
        transition: all 0.5s ease-in-out;
    }
    #sylink-table-small-screen hr {
        color: #E1EEC2;
        height: 10px;
    }
}
.sylink-audit-case-picture, .sylink-audit-small-picture, .sylink-audit-vm-picture, .sylink-box-picture, .sylink-op-picture, .sylink-pro-picture {
    width: 600px;
    height: auto;
    margin: 0;
    position: relative;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.large-button-audit{
    width: 100%;
    max-width: inherit;
}