.container {
    /*border: 1px solid #000;*/
}
.list-inline{
    z-index: 999;
}
.list-inline-item {
    margin-top: .5rem;
}

.wrap{
    background-color: #143F83;
}

/*--------- Main Banner ---------*/
.main-bg{
    /*background: url('../images/bg.png?v=2') 50% 50% no-repeat;*/
    background-color: #143F83;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
    text-align: left;
    min-height: 1024px;
}
.main-bg h1{
    color: #00ABEB;
    font-family: Kanit;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 120% */
}
.main-bg h2{
    color: #171A4A;
    font-family: Kanit;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 120% */
    letter-spacing: 0.5px;
    margin:0;
}

.overlay-img{
    text-align: center;
    transform: translateY(-30%);
}
.font-mitr{
    font-family: Mitr !important;
}

/*--------- Language ------------------*/
.main-language .lang-item {
    width: 20rem;
    position: relative;
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 8px;
    margin:auto;
}
.main-language .lang-item img{
    border-radius: 5px;
}
.main-language .lang-text{
    width: 12rem;
}
.main-language .lang-item p{
    color: #666;
    font-family: Kanit;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px; /* 150% */
    letter-spacing: 0.5px;
    margin:0px;
    padding:0px;
}


@media (max-width: 1200px) {

}

@media (max-width: 992px) {


}

@media (max-width: 768px) {

}

@media (max-width: 576px) {

}