/* ถ้าความสูงน้อยกว่า 100px */
@media screen and (min-height: 100px) {
    .inner-wrapper.height-default {
      min-height: 100px;
    }
}
/* ถ้าความสูงน้อยกว่า 200px */
@media screen and (min-height: 200px) {
    .inner-wrapper.height-default {
        min-height: 200px;
    }
}
/* ถ้าความสูงน้อยกว่า 300px */
@media screen and (min-height: 300px) {
    .inner-wrapper.height-default {
        min-height: 300px;
    }
}
/* ถ้าความสูงน้อยกว่า 400px */
@media screen and (min-height: 400px) {
    .inner-wrapper.height-default {
        min-height: 400px;
    }
}
/* ถ้าความสูงน้อยกว่า 500px */
@media screen and (min-height: 500px) {
    .inner-wrapper.height-default {
        min-height: 500px;
    }
}
/* ถ้าความสูงน้อยกว่า 600px */
@media screen and (min-height: 600px) {
    .inner-wrapper.height-default {
        min-height: 600px;
    }
}
/* ถ้าความสูงน้อยกว่า 700px */
@media screen and (min-height: 700px) {
    .inner-wrapper.height-default {
        min-height: 700px;
    }
}
/* ถ้าความสูงน้อยกว่า 800px */
@media screen and (min-height: 800px) {
    .inner-wrapper.height-default {
        min-height: 800px;
    }
}
/* ถ้าความสูงน้อยกว่า 900px */
@media screen and (min-height: 900px) {
    .inner-wrapper.height-default {
        min-height: 900px;
    }
}
/* ถ้าความสูงน้อยกว่า 1000px */
@media screen and (min-height: 1000px) {
    .inner-wrapper.height-default {
        min-height: 1000px;
    }
}

/* ถ้าความกว้างมากกว่า 1200px */
@media screen and (max-width: 1200px) {
    .header-navbar .navbar .navbar-nav li a {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* ถ้าความกว้างมากกว่า 1080px */
@media screen and (max-width: 1080px) {
    .header-navbar li {
        white-space: nowrap;
        width: 12%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

/* ถ้าความกว้างมากกว่า 1023px */
@media screen and (max-width: 1025px) { 
    .be-welcome .card .btn-primary {
        min-width: 100%;
    }
    .slide-image img {
        height: 480px;
    }
}

/* ถ้าความกว้างมากกว่า 991px */
@media screen and (max-width: 991px) {
    .header-template .title {
        margin-left: 10px;
    }
    .header-navbar li {
        width: auto;
    }
    .sidebar {
        display: none;
    }
    .sb-remove {
        display: block;
    }
    .inner-wrapper,
    .header-navbar .navbar {
        margin-left: 0;
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

/* ถ้าความกว้างมากกว่า 800px */
@media screen and (max-width: 800px) { 
    .slide-image img {
        height: 400px;
    }
}


/* ถ้าความกว้างมากกว่า 767px */
@media screen and (max-width: 767px) {
    #navbarText {
        max-height: 260px;
        overflow: auto;
    }
    .header-navbar li .dropdown-menu a.active .icon,
    .header-navbar .navbar .navbar-nav li .dropdown-menu a.active {
        color: dodgerblue;
    }
    .navbar-nav {
        padding-top: 15px;
    }
    .hd-search {
        display: none;
    }
    .header-navbar .navbar .navbar-nav li a,
    .header-navbar .navbar .navbar-nav li:first-child a {
        padding-right: 15px;
        padding-left: 15px;
    }
    .header-navbar .navbar .navbar-nav li:hover a {
        background-color: #f0f0f0;
    }
    .mr-auto, .mx-auto {
        margin: 0 !important;
    }
    .btn-back {
        float: none !important;
        margin-bottom: 15px;
    }
    .btn-back .btn {
        margin-top: 7px;
        display: inline-block;
        width: 49%;
    }
    .search-form .search-box {
        margin-top: 7px;
    }
    .td-detail {
        min-width: 200px;
    }
    .button {
        display: block !important;
    }
    .modal-footer .btn,
    .button .btn {
        width: 100%;
        min-width: 100%;
        margin: 0;
        margin-bottom: 7px;
    }
    .footer-cols {
        margin-top: 20px;
    }
    .wb-btn-add {
        min-width: 100%;
        width: 100%;
    }
}

/* ถ้าความกว้างมากกว่า 800px */
@media screen and (max-width: 600px) { 
    .slide-image img {
        height: 300px;
    }
    .welcome-news-tabs.nav-tabs {
        padding-bottom: 15px;
    }
    .welcome-news-tabs.nav-tabs .nav-item {
        width: auto;
        margin: 0;
        box-shadow: none;
    }
    .welcome-news-tabs.nav-tabs.justify-content-end {
        -ms-flex-pack: flex-start !important;
        justify-content: flex-start!important;
    }
    .welcome-news-tabs.nav-tabs .nav-link,
    .welcome-news-tabs.nav-tabs .nav-item.show .nav-link, 
    .welcome-news-tabs.nav-tabs .nav-link.active,
    .welcome-news-tabs.nav-tabs .nav-link:focus, 
    .welcome-news-tabs.nav-tabs .nav-link:hover {
        background: none;
        border: none;
    }
    .new-details h1, 
    .new-details h2, 
    .new-details h3, 
    .new-details h4 {
        font-size: 1.2rem;
    }
}

/* ถ้าความกว้างมากกว่า 575px */
@media screen and (max-width: 575px) { 
    #table-report .d-flex {
        display: block !important;
    }
    .wb-sm-table {
        display: block;
    }
    td.wb-col-shot,
    td.wb-col-detail {
        display: block;
    }
    td.wb-col-shot {
        width: 100%;
        padding: 15px;
        margin-bottom: 15px;
    }
    td.wb-col-detail {
        padding: 0;
    }
    .table-noborder td {
        display: block;
    }
    .table-noborder td .btn {
        display: block;
        width: 100%;
        margin-top: -10px;
        margin-bottom: 20px;
    }
    .table-noborder td:last-child {
        border: none !important;
    }
}

/* ถ้าความกว้างมากกว่า 510px */
@media screen and (max-width: 510px) {
    .table-device-block th {
        display: none;
    }
    .table-device-block,
    .table-device-block tr,
    .table-device-block td {
        display: block;
    }
    .table-device-block tr:first-child td {
        border: none;
    }
    .table-device-block td:last-child {
        border: none;
    }
}

/* ถ้าความกว้างมากกว่า 400px */
@media screen and (max-width: 400px) {
    .slide-image img {
        height: 200px;
    }
    .btn-back .btn {
        display: block;
        width: 100%;
    }
    .agree-input-file {
        overflow: hidden;
    }
    .site-loading img {
        height: 220px;
        margin-top: -110px;
    }    
}