@font-face {
    font-family: 'averta-r';
    src: url('../fonts/Averta.otf');
}
@font-face {
    font-family: 'averta-b';
    src: url('../fonts/AvertaBold.otf');
}
@font-face {
    font-family: 'averta-hv';
    src: url('../fonts/AvertaBlack.otf');
}
@font-face {
    font-family: 'bahnschrift';
    src: url('../fonts/bahnschrift.ttf');
}


@font-face {
    font-family: 'pgn-b';
    src: url('../fonts/VN-PeugeotNew-Bold.ttf');
}
@font-face {
    font-family: 'pgn-r';
    src: url('../fonts/VN-PeugeotNew-Regular.ttf');
}
.contact {
  
width: 270px;
  
right: 0;
  
margin-left: auto;
  
margin-right: 0;
  
margin-top: 21px;
}

.contact p {
    color: #fff;
    font-family: pgn-r;
    width: 100%;
    font-size: 14px;
    margin-bottom: -11px;
}

.social li {
    list-style: none;
    display: block;
    float: left;
}

.social ul {
    padding: 0;
}

.social li a {
    height: 32px;
    display: block;
    margin-right: 13px;
}

.social li a img {
    height: 100%;
}
.container{
    width: 1200px;
}
.logo_cont img {
    width: 100%;
}
ul#banut li {
    width: 33%;
    float: left;
    list-style: none;
}

ul#banut li a {
    width: 200px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    transition: transform .4s;
}
div#blankboi {
    display: block;
    height: 414px;
}
ul#banut li a img {
    width: 100%;
    display: block;
    margin-right: auto;
    margin-left: auto;
}
#banner1 img {width: 100%;}
.download .khung .btn {
    padding: 0;
    border: none;
    background-color: #84848400;
}
.cta .btn {
    padding: 0;
    background-color: #f0f8ff00;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
p.dinhcao {
    font-family: pgn-b;
    font-size: 40px;
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    padding-left: 28px;
    padding-top: 37px;
}

ul#banut li a:hover {
    transform: scale(0.9);
}


body {
    background-image:  url(../img/PG/bg_pc.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #080808;
}
.logo_cont {
    width: 100%;
    /* margin-left: auto; */
    /* margin-right: auto; */
    margin-top: 36px;
    /* margin-bottom: 7px; */
}
.gamebomtan {
    margin-bottom: 300px;
}
.download {
    display: inline-flex;
    padding: 0px;
    width: 100%;
}

.download .khung {
    display: block;
    width: 50%;
    float: left;
    padding: 3px;
    margin-top: 10px;
}
.cta.wow.bounceIn {
    width: 87%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3px;
}.container {
    padding: 0;
}
*.pc{
        display: block;
    }
*.mb{
        display: none;
    }
    *.tb{
        display: none;
    }
@media (max-width: 900px) {
    *.tb{
        display: block;
    }
    *.mb{
        display: none;
    }
    *.pc{
        display: none;
    }
body {
    background-image:  url(../img/PG/bg_tablet.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #080808;
}
p.dinhcao {
    font-family: pgn-b;
    font-size: 35px;
    padding-top: 75px;
}
div#blankboi {
    display: block;
    height: 487px;
}
ul#banut li a {
    width: 188px;
}
.contact {
    margin-left: auto;
    margin-right: auto;
    margin-top: 98px;
    display: block;
    padding-bottom: 20px;
    margin-bottom: 46px;
}
}   
@media (max-width: 768px) {
    ul#banut {
    padding: 0;
}
ul#banut li a {
    width: 154px;
}
div#blankboi {
    display: block;
    height: 520px;
}
p.dinhcao {
    font-size: 25px;
    padding-left: 0px;
}

}   
@media (max-width: 500px) {
    *.tb{
        display: none;
    }
    *.mb{
        display: block;
    }
    *.pc{
        display: none;
    }
body {
    background-image:  url(../img/PG/bg_mobile.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #080808;
    background-size: cover;
}
.container {
    width: 100%;
}
ul#banut li a {
    width: 108px;
}
p.dinhcao {
    font-size:18px;
}
div#blankboi {
    display: block;
    height: 395px;
}
p.dinhcao {
    display: none;
}
.contact {
    margin-top: 128px;
}
}