@font-face {
        font-family: kanit;
        src: url(../font/Kanit-Light.ttf);
    }
    body{
        font-family: kanit !important;
        background-color: #fff !important;
    }
    h1,h2,h3,h4,h5,h6{
        font-family: kanit !important;
    }
    .navbar{
        background-color: #ffffff !important;
    }
    #nevs>li>a:hover{
        color: #1d71b1 !important;
        border-bottom: 2px solid #1d71b1;
    }
     #nevs>li>a{
            color: #000 !important;
            font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif !important;
            font-family: kanit !important;
            font-weight: 100 !important;
        }
    @media (min-width: 768px) {
        .navbar-brand{
            position: absolute !important;
            top: 15% !important;
        }
        #bar1{
            display: none;
        }
        #search{
            top:10px !important;
        }
        .navbar-brand>img{
            margin-top: 7px;
            width: 86px !important;
        }
        .navbar-nav>li>a {
            padding-bottom: 4px !important;
        }
        #nav-top div{
            bottom: 10px;
            color: #fff;
            text-align: center;
            font-weight: 100;
        }
        #nevs>li>a{
            position: relative;
            bottom: 10px;
        }
        #nav-top{
            /*display: none;*/
        }
    }
    @media (min-width: 1024px) {
        .navbar-brand>img{
            margin-top: 13px !important;
            width: 50% !important;
        }
         /*#nav-top{
            display: none;
        }*/
        #nevs>li>a{
            position: relative;
            bottom: 10px;
        }
    }
    @media (min-width: 1280px) {
        .navbar-brand>img{
            margin-top: 7px !important;
            width: 49% !important;
            margin-left: 35px;
        }
         #nav-top{
            display: block;
        }
        #nevs>li>a{
            font-size: 18px;
            margin-left: 10px;
            position: relative;
            bottom: 10px;
        }
        #lang{
            left:15% !important;
        }
    }
    @media (min-width: 1366px) {
        .navbar-brand>img{
            margin-top: 7px !important;
            width: 60% !important;
            margin-left: 6px;
        }
         #nav-top{
            display: block;
        }
        #nevs>li>a{
            font-size: 18px;
            margin-left: 10px;
            position: relative;
            bottom: 10px;
        }
        #lang{
            left:26% !important;
        }
    }
    @media (min-width: 1600px) {
        .navbar-brand>img{
            margin-top: 7px !important;
            width: 85px !important;
            margin-left: -80px;
        }
         #nav-top{
            display: block;
        }
        #nevs>li>a{
            font-size: 18px;
            margin-left: 10px;
            position: relative;
            bottom: 10px;
        }
        #lang{
            left:6% !important;
        }
    }
    @media (min-width: 1680px) {
        .navbar-brand>img{
            margin-top: 7px !important;
            width: 169% !important;
            margin-left: -88px;
        }
         #nav-top{
            display: block;
        }
        #nevs>li>a{
            font-size: 18px;
            margin-left: 10px;
            position: relative;
            bottom: 10px;
        }
        #lang{
            left:0% !important;
        }
    }
    @media (min-width: 1920px) {
        .navbar-brand>img{
            margin-top: 7px !important;
            width: 84px !important;
            margin-left: -176px;
        }
         #nav-top{
            display: block;
        }
        #nevs>li>a{
            font-size: 18px;
            margin-left: 10px;
            position: relative;
            bottom: 10px;
        }
        #lang{
            left:-13% !important;
        }
    }
    @media (max-width: 767px) {
        #bar{
            display: none;
        }
        #bar1{
            display: block;
        }
        .navbar-brand>img{
            margin-top: -13px !important;
            width: 50% !important;
        }
        #search{
            top:0px !important;
            padding:15px;
        }
        #nav-top{
            display: none;
        }
    }
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}