#header{
    z-index:920;
}
@media (max-width: 960px){
    .box__shortcut-link .list li a .text{
        font-family: 'PSL Kittithada Pro Roman';
        font-size: 4.4271vw !important;
    }
}

/* @media (max-width: 767px)
{
    #header #logo__skl { 
        left: 25%; 
    }
    .myskl #header .box__other .search .custom-btn-search {
        display:none;
    }

    .header__user-profile .user-profile__detail{
        font-size: 4.5vw !important;
    }
}

.header__user-profile {
    margin-left: auto;
}

@media (min-width: 961px) {
    .header__user-profile {
        font-size: 1.4583333333vw;
        
    }
}

@media (max-width: 960px) {
    .header__user-profile {
        font-size: 3.6458333333vw;
        margin-top:3px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile {
        font-size: vmtl(28);
    }
}

.header__user-profile .user-profile {
    position: relative;
}

.header__user-profile .user-profile__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header__user-profile .user-profile__logout .btn {
    margin-top: 11px;
    font-size: 1.25vw;
    padding: 0.2166666667vw 1.1625vw;
    margin-left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__logout .btn {
        font-size: 4.1666666667vw;
        padding: 1.0166666667vw 4.0625vw;
        margin-top: 13px;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__logout .btn {
        font-size: 3.125vw;
        padding: 0.5166666667vw 3.0625vw;
        margin-right: 15px;
    }
}

.header__user-profile .user-profile__img {
    cursor: pointer;
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.8645833333vw;
        flex: 0 0 2.8645833333vw;
        width: 2.8645833333vw;
        margin-left: 0.5208333333vw;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 10.4166666667vw;
        flex: 0 0 10.4166666667vw;
        width: 10.4166666667vw;
        margin-left: 2.6041666667vw;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 7.8125vw;
        flex: 0 0 7.8125vw;
        width: 7.8125vw;
        margin-left: 1.953125vw;
    }
}

.header__user-profile .user-profile__img img {
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header__user-profile .user-profile__img:hover img {
    -webkit-box-shadow: 0 0 0 3px #80c341;
    box-shadow: 0 0 0 3px #80c341;
}

.header__user-profile .user-profile__detail {
    text-align: right;
    font-size: 0.85em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__detail {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__detail {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__detail {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
    }
}

.header__user-profile .user-profile__detail__name {
    display: block;
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__detail__name {
        font-size: 1em;
    }
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__detail__name {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 0.2604166667vw;
    }
}

.header__user-profile .user-profile__detail__point {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-left: auto;
    color: #80c342;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__detail__point {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__detail__point {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
        margin-bottom: 0.2604166667vw;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__detail__point {
        -webkit-box-pack: right;
        -ms-flex-pack: right;
        justify-content: right;
    }
}

.header__user-profile .user-profile__detail__point .point__amount {
    text-decoration: underline;
}

.header__user-profile .user-profile__detail__point .point__amount a {
    color: #80c342;
}

.header__user-profile .user-profile__detail__point .point__dot {
    display: inline-block;
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__detail__point .point__dot {
        padding-left: 0.6510416667vw;
    }
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__detail__point .point__dot {
        padding-left: 0.2604166667vw;
    }
}

.header__user-profile .user-profile__detail__point .point__icon {
    display: inline-block;
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__detail__point .point__icon {
        width: 3.90625vw;
        margin: 0 1.3020833333vw;
    }
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__detail__point .point__icon {
        width: 0.78125vw;
        margin: 0 0.2604166667vw;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__detail__point .point__icon {
        width: 2.9296875vw;
        margin: 0 0.9765625vw;
    }
}

.header__user-profile .user-profile__detail__level {
    color: #bababa;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__detail__level {
        margin-left: 0.5208333333vw;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__detail__level {
        margin-left: 2.6041666667vw;
        margin-top: 1.3020833333vw;
    }
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__detail__level .level {
        margin-left: 0.5208333333vw;
    }
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__detail__level .level__icon {
        width: 1.3020833333vw;
        height: 1.3020833333vw;
        margin-right: 0.2604166667vw;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__detail__level .level__icon {
        width: 3.90625vw;
        margin-right: 1.3020833333vw;
    }
}

.header__user-profile .user-profile__dropdown {
    position: absolute;
    color: #fff;
    display: none;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown {
        -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 50px 100px -5px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 50px 100px -5px;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__dropdown {
        -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 50px 100px -5px;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 50px 100px -5px;
    }
}

.header__user-profile .user-profile__dropdown::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-left: auto;
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown::before {
        border-left: 1.3020833333vw solid transparent;
        border-bottom: 1.3020833333vw solid #80c342;
        -webkit-transform: translateY(0.3645833333vw);
        transform: translateY(0.3645833333vw);
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__dropdown::before {
        border-left: 3.2552083333vw solid transparent;
        border-bottom: 3.2552083333vw solid #80c342;
        -webkit-transform: translateY(0.9114583333vw);
        transform: translateY(0.9114583333vw);
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__dropdown::before {
        border-left: 2.44140625vw solid transparent;
        border-bottom: 2.44140625vw solid #80c342;
        -webkit-transform: translateY(0.68359375vw);
        transform: translateY(0.68359375vw);
    }
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown {
        top: 2.6041666667vw;
        right: 1.0416666667vw;
        border-radius: 0.5208333333vw;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__dropdown {
        top: 15.625vw;
        right: 2.6041666667vw;
        border-radius: 1.3020833333vw;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__dropdown {
        top: 11.71875vw;
        right: 1.953125vw;
        border-radius: 0.9765625vw;
    }
}

.header__user-profile .user-profile__dropdown__wrapper {
    background-color: #80c342;
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown__wrapper {
        font-size: 1.4583333333vw;
        width: 20.8333333333vw;
        border-radius: 0.5208333333vw;
        padding: 2.0833333333vw 1.0416666667vw;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__dropdown__wrapper {
        font-size: 5.859375vw;
        width: 78.125vw;
        border-radius: 1.3020833333vw;
        padding: 5.2083333333vw 2.6041666667vw;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__dropdown__wrapper {
        font-size: 3.90625vw;
        width: 48.828125vw;
        border-radius: 0.9765625vw;
        padding: 3.90625vw 1.953125vw;
    }
}

.header__user-profile .user-profile__dropdown__detail .level {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.header__user-profile .user-profile__dropdown__detail .level__title {
    margin-right: auto;
}

.header__user-profile .user-profile__dropdown__detail .level__detail {
    margin-left: auto;
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown__detail .level__detail {
        width: 10.4166666667vw;
    }
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown__detail .level__detail__name {
        font-size: 1.3em;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__dropdown__detail .level__detail__name {
        font-size: 1.3em;
    }
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown__detail .level__detail__icon {
        width: 1.3020833333vw;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__dropdown__detail .level__detail__icon {
        width: 4.5572916667vw;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__dropdown__detail .level__detail__icon {
        width: 3.41796875vw;
    }
}

.header__user-profile .user-profile__dropdown__detail .point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown__detail .point {
        margin-top: 0.5208333333vw;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__dropdown__detail .point {
        margin-top: 2.6041666667vw;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__dropdown__detail .point {
        margin-top: 1.953125vw;
    }
}

.header__user-profile .user-profile__dropdown__detail .point__title {
    margin-right: auto;
}

.header__user-profile .user-profile__dropdown__detail .point__detail {
    margin-left: auto;
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown__detail .point__detail {
        width: 10.4166666667vw;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__dropdown__detail .point__detail {
        margin-left: auto;
    }
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown__detail .point__detail__amount {
        font-size: 1.5em;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__dropdown__detail .point__detail__amount {
        font-size: 1.5em;
    }
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown__detail .point__detail__icon {
        width: 1.3020833333vw;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__dropdown__detail .point__detail__icon {
        width: 4.5572916667vw;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__dropdown__detail .point__detail__icon {
        width: 3.41796875vw;
    }
}

.header__user-profile .user-profile__dropdown__detail .note {
    font-family: "PSL Kittithada Pro Thin";
    opacity: 0.9;
    font-size: 0.9em;
    display: block;
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown__detail .note {
        margin-top: 0.5208333333vw;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__dropdown__detail .note {
        margin-top: 2.6041666667vw;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__dropdown__detail .note {
        margin-top: 1.953125vw;
    }
}

.header__user-profile .user-profile__dropdown__divider {
    border-color: #fff;
    opacity: 0.5;
}

.header__user-profile .user-profile__dropdown__address .address__title {
    font-size: 0.9em;
    display: block;
    font-family: "PSL Kittithada Pro Thin";
    opacity: 0.9;
}

.header__user-profile .user-profile__dropdown__address .address__detail {
    display: block;
}

@media (min-width: 961px) {
    .header__user-profile .user-profile__dropdown__address .address__detail {
        margin-top: 0.2604166667vw;
    }
}

@media (max-width: 960px) {
    .header__user-profile .user-profile__dropdown__address .address__detail {
        margin-top: 1.3020833333vw;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .header__user-profile .user-profile__dropdown__address .address__detail {
        margin-top: 0.9765625vw;
    }
} */