.itopplus-background {

}
@font-face {
    font-family: fontname;
    src: url(fontname.eot);
    src: url(fontname.eot?#iefix) format('embedded-opentype'), url(fontname.woff2) format('woff2'), url(fontname.woff) format('woff'), url(fontname.ttf) format('truetype'), url(fontname.svg#roboto_slabbold) format('svg');
    font-weight: 400;
    font-style: normal
}

body,
html {
    font-family: Kanit, sans-serif;
    margin: 0;
    padding: 0
}

.margin {
    margin: 0 !important
}

.padding {
    padding: 0 !important
}

a {
    color: #000;
}

a:hover {
    color: #888;
    text-decoration: none
}






.itopplus-search {
    position: absolute;
    top: 0;
    margin-left: -15px
}

.itopplus-background {
    background-color: #fff
}

.itopplus-banner {
    background-color: #fff;
    color: #fff
}

.itopplus-bgmain {
    background-color: #e3e5e8
}

.itopplus-footer {
    background-color: #fff;
    color: #fff
}

.itopplus-footer2 {
    background-color: #fff;
    color: #fff
}

.navbar {
    margin-bottom: 0
}


.itopplus-banner {
    margin-bottom: 30px;
}






@media screen and (max-width: 992px) {
  
    #nav-menu,
    #ItopplusMainSidebar>div {
        background: #fff !important;
    }

    #itpMenuSideBar span {
        background-color: #000 !important;
    }

    #controlMenu * {
        color: #000 !important;
        border: none;
    }

  
  
    #nav-menu {
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    .navbar-header {
        display: flex !important;
        flex-direction: row-reverse;
        align-items: center;
        height: 100%;
        width: 100%;
        padding: 0 5px;
    }

    #itpMenuSideBar {
        display: grid !important;
        place-items: center;
        border: none;
        margin: 0 !important;
        padding: 0 !important;
        background: 0 0 !important;
        background-color: transparent !important;
    }

    #itpMenuSideBar .navbar-inline:last-child {
        display: none;
    }

    #itpMenuSideBar span {
        height: 3px !important;
        width: 25px !important;
        margin: 5px !important;
    }

    .navbar-header a.visible-xs i,
    .navbar-header a:not(a.visible-xs) {
        display: none !important;
    }

    .navbar-header>a {
        display: grid !important;
        place-items: center;
        place-content: center;
        background-size: 30px;
        background-position: center;
        background-repeat: no-repeat;
        padding: 0 !important;
        width: 40px;
        color: #000 !important;
    }



    /*สี*/
    #itpphonemobile {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/telz-z77323662137.png) !important;
    }

    #itpsearchmobile {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/searchz-z1134319420589.png) !important;
    }

    .old-image-icon-facebook {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/facebookz-z1318628404704.png) !important;
    }

    .old-image-icon-line {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/linez-z1655517020729.png) !important;
    }

    .old-image-icon-instragram {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/instagramz-z1066049211157.webp) !important;
    }

    .old-image-icon-youtube {
        background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/youtubez-z1416596488876.webp) !important;
    }

    .new-image-icon-twitter {
        background-image: url(https://itp1.itopfile.com/ImageServer/a26dada3c2b61d7a/0/0/cf-twitterz-z374361002058.webp) !important;
    }

    #languagemobile {
        order: 10;
    }

    #language_member_bar {
        display: none;
    }

    #main-navbar-collapse {
        display: none !important;
    }

    #languagemobile {
        filter: unset !important;
    }
  
  .customLink {
  	 width: 40px !important;
  }
  
    .customLink img {
        width: 30px !important;
        height: 30px !important;
        aspect-ratio: 1;
    }
}