#servers {
                    min-height: 300px;
                }
                body {
                    font-family: roboto;
                }
                .lh-15 {
                    line-height: 15px;
                }
                .lh-18 {
                    line-height: 18px;
                }
                .lh-20 {
                    line-height: 20px;
                }
                @font-face {
                    font-family: vnn;
                    src: url("/vnn.otf");
                }
                @font-face {
                    font-family: gta_3;
                    src: url("/gta_3.otf");
                }
    @font-face {
        font-family: pnt;
        src: url("/PNt.ttf");
    }
    .pnt {
        font-family: pnt!important;
    }    
    @font-face {
        font-family: pnr;
        src: url("/PNr.ttf");
    }
    .pnr {
        font-family: pnr!important;
    }
                .gta_3 {
                    font-family: gta_3;
                }
                .arial {
                    font-family: Arial;
                }
                    .hide {
                        display:none;
                    }
                    .nav-link {
                        font-family: roboto;
                    }
                    .navbar-collapse {
                        justify-content: flex-end;
                    }
                    .navbar {
                        color:rgba(255,255,255,0.8);
                        font-family: roboto;
                    }
                    .nav-link , .navbar-brand{
                        color:rgba(255,255,255,0.6);
                        font-family: roboto;
                         cursor: pointer;
                        }
                    .nav-link{
                         margin-right: 1em !important;
                        }
                    .nav-link:hover{
                     background: rgba(75,80,115,0.65);
                     color: #9DDF5C;
                    }
                    .navbar-toggler{
                          color:rgba(255,255,255,0.9) !important;
                        }
                        .card-text {
                            font-family: roboto;
                            line-height: 16px;
                        }
                        .card-text.bg-danger {
                            padding-top:15px;
                            padding-bottom:15px;
                        }
                        #main {
                            text-align: left;
                        }
            .bannerimg {
                width:104%;
            }
                    @media(max-width:990px) {
            .bannerimg {
                width:98%;
            }
                        #main {
                            text-align: center;
                        }
                        .hide-mobile {
                            display:none;
                        }
                        h5.card-title {
                            font-family: roboto;
                            font-weight: 900;
                            font-size:17px;
                        }
                        .container {
                            max-width:100%!important;
                        }
                        img.card-img {
                            width: auto!important;
                            height: 170px;
                        }
                        .navbar-brand {
                            font-family: roboto;font-size:20px
                        }
                        .card-text.text-right.pull-right {
                            text-align: center!important;
                        }
                        .lots_price {
                            font-size: 26px;font-family:roboto;
                            padding:0;
                        }
                    }
                    @media(min-width:990px) {
                        .lots_price {
                            font-size: 35px;font-family:roboto;
                        }
                        .navbar-brand {
                            font-family: roboto;font-size:30px
                        }
                        .hide-pc {
                            display:none;
                        }
                    }
                    .nowrap {
                        white-space: nowrap; 
                        overflow: hidden; 
                        padding-left: 2px; 
                        padding-right: 2px; 
                        text-overflow: ellipsis; 
                    }
                    .opacity {
                        opacity: 0.77;
                    }
                    #servers .number {
                        font-size: 21.5px;
                        font-weight: bolder;
                        opacity: 0.8;
                    }
                    #servers .number i {
                        font-size: 22px;
                        opacity: 0.5;
                    }
                    .text-white .server-name,.server-name {
                        font-size: 20px;
                        font-weight: lighter;
                        letter-spacing: 0.3px!important;
                        font-family: vnn;
                    }
                    .server-ip {
                        text-align: right;
                    }
                    .btn.alert-success {
                        background-color: rgba(0,0,0,0.67);letter-spacing: 1.1px;width: 100%
                    }
                    .btn.alert-success-1 {
                        background-color: rgba(255,255,255,0.8);letter-spacing: 1.1px;width: 100%
                    }
                    .btn.alert-success:hover {
                        background-color: #95FF35!important;
                        font-weight: bolder!important;
                        color:#000!important;
                        transform: scale(1.05);
                    }
                    .btn.alert-success:hover i {
                        color:#FF0051!important;
                    }
                    .btn.alert-success-1:hover {
                        font-weight: bolder!important;
                        background-color: #FFD723!important;
                        color:#000!important;
                        transform: scale(1.05);
                    }
                    @media(max-width:990px) {
                    .navbar-brand {
                        font-size:1px;
                        color:rgba(0,0,0,0);
                    }
                    .btn.alert-success {
                        background-color: rgba(0,0,0,0.5);
                        padding:0;
                    }
                    .btn.alert-success-1 {
                        background-color: rgba(255,255,255,0.8);
                        padding:0;
                    }
                        .fa-sm {
                            font-size: 17px;
                        }
                        .gta {
                            font-family: gta_3;
                            letter-spacing: 0.7px;
                            font-weight: normal;
                        }
                        .gta.gta-sm {
                            font-family: gta_3;
                            letter-spacing: 0.6px;
                            font-weight: normal;
                            font-size: 13px;
                        }
                    .server-name {
                        font-size: 14px;
                        font-weight: bolder;
                        font-family: vnn;
                        text-align: center;
                    }
                    .server-ip {
                        text-align: center;
                    }
                    .server-ip .rgba {
                        background-color: #D3B700;
                        color:#000!important;
                        font-family: arial;
                        padding-top:10px;
                        padding-bottom:10px;
                    }
                    .server-ip .rgba font.gta{
                        width: 100%!important;
                    }
                        .rating {
                            padding-top: 30px;
                        }
                        body {
                            background-size: cover;
                        }
                        h1 {
                            font-size: 27px!important;
                        }
                    }
                    .rating i {
                        font-size: 13px;
                    }
                    .rating small {
                        font-family: arial;
                        font-size: 10px;
                    }
                    .text-lime {
                        color:#2FE100;
                    }
                    .btn-lime {
                        color:#fff;
                        background-color: #A1B511!important;
                    }
                    .bg-purple {
                        background-color: #FFFFB2!important;
                    }
                    .btn-orange {
                        background-color: #FF6E00!important;
                        color:#fff;
                    }
                    .btn-breeze {
                        background-color: #00C18A!important;
                        color:#fff;
                    }
                    .text-yellow {
                        color: #FFFF00;
                    }
                    .text-shadow {
                        text-shadow: -1px 1px 10px #000;
                    }
                    .opacity:hover {
                        opacity:1;
                        font-weight: bolder;
                    }
                    .text-orange {
                        color: #FF6A00;
                    }
                    .upper {
                        text-transform: uppercase;
                    }
                    .rgba {
                        background-color: rgba(0,0,0,0.33);
                        color:#fff!important;
                        font-weight: normal;
                    }
                    .rgba small {
                        letter-spacing: 0.07px!important;
                    }
                    .rgba i {
                        font-size: 11.5px;
                        text-shadow: -1px -1px 1px #333,1px 1px 1px #111, -1px 1px 1px #444, 1px -1px 1px #444;
                    }
                    .circled {
                        border-radius: 60px!important;
                    }
                    .br-90 {
                        border-radius: 90px;
                        font-family: roboto;
                        letter-spacing: 0.2px;
                        font-size:14px;
                    }
                    .btn-design {
                    background: rgb(0,93,255);
                    background: -moz-linear-gradient(52deg, rgba(0,93,255,1) 0%, rgba(0,138,255,1) 31%, rgba(0,179,255,1) 100%);
                    background: -webkit-linear-gradient(52deg, rgba(0,93,255,1) 0%, rgba(0,138,255,1) 31%, rgba(0,179,255,1) 100%);
                    background: linear-gradient(52deg, rgba(0,93,255,1) 0%, rgba(0,138,255,1) 31%, rgba(0,179,255,1) 100%);
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005dff",endColorstr="#00b3ff",GradientType=1);
                    border: 2px solid rgba(0,0,0,0);
                    }
                    .btn-outline-primary.br-90 {
                        border:2px solid #00B5FD;
                    }
                    .btn-outline-primary.br-90:hover {
                        border:2px solid rgba(0,0,0,0);
                    }
                    .btn-design:hover {
                        background: rgba(0,0,0,0);
                        border:2px solid #00B5FD;
                    }
                    .link-design {
                        font-family: roboto;
                        text-transform: uppercase;
                        letter-spacing: 0.6px;
                        font-size: 14.5px;
                    }
                    @media(min-width: 1200px) {
                        .font-21-pc {
                            font-size: 21px;
                        }
                    }
                    @media(max-width: 900px) {
                        .align-middle {
                            text-align: center!important;
                        }
                        .btn-design {
                            margin-top:15px;
                        }
                        .navbar li.nav-item,a.nav-link,.navbar-text {
                            text-align: center;
                        }
                        .gta{
                            letter-spacing: 1.5px;
                            font-weight: lighter;
                        }
                        .card .fas {
                            transform: scale(1.0);
                        }
                        .block-mobile {
                            display: block;
                        }
                    }