@media (max-width:960px) {
    .show_desktop {
        display: none;
    }

    .mo_none {
        display: none !important;
    }
}

@media (min-width:960px) {
    .show_mobile {
        display: none;
    }

    .desk_none {
        display: none;
    }

}

@media (max-width:2880px) {
    .banner-h-185 {
        height: 700px !important;
    }
}

@media (max-width:2560px) {
    .banner-h-185 {
        height: 600px !important;
    }
}

@media (max-width:1920px) {
    .banner-h-185 {
        height: 470px !important;
    }
}

@media (max-width:1600px) {
    .banner-h-185 {
        height: 415px !important;
    }
}

@media (max-width:1440px) {
    .banner-h-185 {
        height: 365px !important;
    }
}

@media (max-width:760px) {
    .l-3x {
        position: relative;
        left: 2em;
    }

    .banner-h-200 {
        height: 200px !important;
    }

    .banner-h-185 {
        height: 185px !important;
    }

    .banner-h-150 {
        height: 150px !important;
    }

    .banner-h-120 {
        height: 120px !important;
    }

    .banner-h-100 {
        height: 100px !important;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-12 {
        width: 50%;
    }

    .h-40px {
        height: 25px !important;
    }

    .pt-md-10 {
        padding-top: 2.5rem !important
    }

    .min-h-500 {
        min-height: 500px;
    }
}

@media (max-width:360px) {

    .px-sm-10 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .pt-sm-10 {
        padding-top: .25rem !important
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-xs-12 {
        width: 100%;
    }

    .banner_min_h {
        min-height: 250px
    }

}

@media (max-width:680px) {


    .col-sm-6 {
        width: 50%;
    }

}

@media (max-width:720px) {


    .col-sm-6 {
        width: 50%;
    }

}

@media (max-width:760px) {


    .col-sm-6 {
        width: 50%;
    }

}

@media (max-width:480px) {

    .px-sm-10 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .pt-sm-10 {
        padding-top: .25rem !important
    }

    /*.col-sm-6{
        width: 50%;
    }*/
    .col-xs-12 {
        width: 100%;
    }

    .banner_min_h {
        min-height: 250px
    }

}






.fa-2em {
    font-size: 2em !important;
}

.m-r-1 {
    margin-right: 1em;
}

.header {
    border-bottom: 5px solid #123293;
}

.symbol.symbol-15px>img {
    width: 15px;
    height: 15px;
}

.top-2 {
    position: relative;
    top: -2px;
    ;
}

.top--2 {
    position: relative;
    top: 2px;
    ;
}

.symbol-20px {
    width: 20px;
    height: 20px;
}

.btn-group-ssm>.btn,
.btn-ssm {
    --bs-btn-padding-y: 0.55rem;
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-font-size: 0.7rem;
    --bs-btn-border-radius: 5em;
    height: calc(1em + 1.1rem) !important;
    width: calc(1em + 1.1rem) !important;
}

.pull-right {
    float: right;
}

.tns.tns-default .tns-outer .m-0 {
    margin: 0;
}

.tns.tns-default .tns-outer {
    margin: 0 !important;
}

.card-shadow {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.icon {
    display: inline-block;
    flex-shrink: 0;
    position: relative;
    border-radius: 0.95rem;
}

.icon .icon-label {
    width: 50px;
    height: 50px;
}

.icon .icon-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: var(--kt-symbol-label-color);
    /*background-color: var(--kt-symbol-label-bg);*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0.95rem;
}

.card-background {
    background-color: #f1f4f7;
}

.l-3em {
    position: relative;
    left: 3em;
}

.newsbox {
    padding: 1.2em;
    background-color: #ffffff;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
}

.card-rounded-news {
    border-top-right-radius: 1em;
    border-top-left-radius: 1em;
}

.read {
    font-family: 'Bai Jamjuree', sans-serif;
}

.badge-article {
    color: var(--kt-info-inverse);
    background-color: #d568f9;
}

.badge-news {
    color: var(--kt-info-inverse);
    background-color: #ffc50a;
}

.badge-promotion {
    color: var(--kt-info-inverse);
    background-color: #ee7830;
}

.badge-announce {
    color: var(--kt-info-inverse);
    background-color: #5cc8c8;
}

.badge-research {
    color: var(--kt-info-inverse);
    background-color: #0078fb;
}

.card-white {
    background-color: #ffffff;
}

.pt-xl-25 {
    padding-top: 7rem !important
}

.pt-xl-30 {
    padding-top: 10rem !important
}

.pt-xl-35 {
    padding-top: 11.5rem !important
}

.client-logo img {
    filter: grayscale(1);
}

.client-logo img:hover {
    filter: grayscale(0);
}

/*
@media (min-width:320px) {
	.carousel-item img {  
        width:100vh !important;
		height:30vh !important;
	}
}
@media (min-width:420px) {
	.carousel-item img {  
        width:100vh !important;
		height:30vh !important;
	}
}
@media (min-width:576px) {
	.carousel-item img {  
        width:100vh !important;
		height:30vh !important;
	}
}
@media (min-width:768px) {
	.carousel-item img {  
		height:30vh !important;
	}
}
@media (min-width:992px) {
	.carousel-item img {  
        height:30vh !important;
	}
}
@media (min-width:1200px) {
	.carousel-item img {  
		height:30vh !important;
	}
}
@media (min-width:1400px) {
	.carousel-item img {  
		height:30vh !important;
	}
}*/
.bg_footer {
    background-color: #001e5b;
}

.link-footer {
    color: #99a5bd !important
}

.link-footer:focus,
.link-footer:hover {
    color: #42a6e0 !important
}

.pull-right {
    text-align: left !important;
}

.min-h-310px {
    min-height: 310px;
}

.text-right {
    text-align: right !important;
}

.bg-thirdary {
    background-color: #7c8092;
}

.separator-5 {
    display: block;
    height: 0;
    border-bottom: 5px solid var(--kt-border-color);
}

.separator-10 {
    display: block;
    height: 0;
    border-bottom: 10px solid var(--kt-border-color);
}

.text-blue {
    color: #238aee !important;
}

.text-indent-10 {
    text-indent: 4em;
}

.gray-10 {
    filter: grayscale(1);
}

.tint {
    background: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(117, 19, 93, 0.73));
}

.fc-event {
    cursor: pointer;
}

.h-0px {
    height: 0px !important;
}

.grayscale-100 {
    filter: grayscale(80%);
    opacity: 0.6;
}

.grayscale-50 {
    filter: grayscale(50%);
    opacity: 0.38;
}

.whitescale-100 {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

.reseach-tag {
    position: relative;
    top: -150px;
    margin: 0.25rem;
}

.tag-box {
    padding: 1rem;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.tint-blue {
    color: tint(#022c82, 80%);
}

.white_bg {
    background-color: #ffffff;
}

.bg-secondary-2 {
    background-color: #bfcce6;
}

.card-profile {
    border-left: 5px solid #e4e6ee;
}

.w-10 {
    width: 10% !important
}

.w-15 {
    width: 15% !important
}

.w-20 {
    width: 20% !important
}

.w-30 {
    width: 30% !important
}

.w-40 {
    width: 40% !important
}

.w-60 {
    width: 60% !important
}

.bg_white {
    background-color: #ffffff;
}

.btn-login {
    padding: 0.5rem 0.5rem !important;
    border-radius: 0.5rem;
    font-size: 0.90rem;
}

.bottom_nav {
    background-color: #001e5b;
    color: #bfcce6;
}

.form-check-label {
    color: #83858d !important;
}

.bg_xd {
    background-color: #5cc8c8 !important;
}

.bg_xr {
    background-color: #5cc896 !important;
}

.bg_xw {
    background-color: #3466e7 !important;
}

.bg_xt {
    background-color: #194ac7 !important;
}

.bg_xi {
    background-color: #e0c703 !important;
}

.bg_xm {
    background-color: #4e27c2 !important;
}

.bg_xe {
    background-color: #845cfc !important;
}

.bg_xn {
    background-color: #b71fc5 !important;
}

.bg_xb {
    background-color: #fd24ca !important;
}

.min-h-317px {
    min-height: 317px !important;
}

.w-55px {
    width: 55px !important;
}