/* lg */

@media (min-width:1200px) {
    .section-server .server ul li{
        width: 100%;
        color: #555;
    }
    .server{
        padding-top: 20px;
    }
    .section-server .server ul li h6{
        font-size: 16px;
        padding: 2% 0;

    }
    .section-server .server ul li p{
        text-align: left;
        line-height: 25px;
    }


}

/* md */

@media (min-width:992px) and (max-width:1199px) {
    .section-server{
        margin-top: -5%;
    }
    .section-server .server ul li{
        width: 100%;
        color: #555;
    }
    .server{
        padding-top: 4%;
    }
    .section-server .server ul li h6{
        font-size: 16px;
        padding: 2% 0;

    }
    .section-server .server ul li p{
        text-align: left;
        padding: 1.5% 0;
    }

}
/* sm */

@media (min-width:768px) and (max-width:991px) {
    .section-server{
        margin-top: -5%;
    }
    .section-server h3 , .small-dec{
        text-align: center;
        padding: 1% 0;
    }
    .section-server .server ul li{
        width: 100%;
        color: #555;
    }
    .server{
        padding-top: 4%;
    }
    .section-server .server ul li h6{
        font-size: 16px;
        padding: 2% 0;

    }
    .section-server .server ul li p{
        text-align: left;
        padding: 1.5% 0;
    }

}


/* xs */

@media (max-width:767px) {

    .section-server{
        margin-top: -5%;
    }
    .section-server h3 , .small-dec{
        text-align: center;
        padding: 1% 0;
    }
    .section-server .server ul li{
        width: 100%;
        color: #555;
    }
    .server{
        padding-top: 4%;
    }
    .section-server .server ul li h6{
        font-size: 16px;
        padding: 2% 0;

    }
    .section-server .server ul li p{
        text-align: left;
        padding: 1.5% 0;
    }
    body> section{
        padding: 0;
    }
}