/* mobile style*/
@media only screen and (max-width: 768px) {
    .mt-footer {
        margin-bottom: 20px !important;
    }

    #footer .d-flex {
        display: block;
    }

    .address-item:not(:last-child) {
        margin: 0 0 20px 0;
    }

    .home-title p {
        font-size: 14px;
    }

    .sumenh .box-text {
        padding: 15px 0 0 0;
        width: 100%;
        margin: 15px 0;
    }

    .counter .counter-total {
        font-size: 58px;
    }

    .home-title h2 {
        font-size: 30px;
        line-height: 38px;
    }

    .review-item .review-desc {
        background: #fff;
        font-size: 16px;
    }

    .post-large.category {
        height: 280px;
    }

    iframe.contact-map {
        height: 400px !important;
    }

    div#top-bar {
        display: none;
    }

    #pvt_box_school_serach .bottom-form {
        display: block !important;
    }

    #pvt_box_school_serach .bottom-form .custom-select, #pvt_box_school_serach .bottom-form button:not(:last-child) {
        margin-bottom: 10px !important;
    }

    #pvt_box_school_serach button.btn-search {
        min-width: 100%;
        width: 100% !important;
    }

    .list-partner-school, .list-scholarship {
        max-width: 100%;
        overflow-x: scroll;
    }

    .list-partner-school::-webkit-scrollbar {
        height: 5px;
    }

    .list-partner-school .table-list thead th {
        padding: 15px;
        font-size: 15px;
    }

    .list-partner-school .table-list tbody tr td {
        line-height: 24px;
        font-size: 15px;
    }
	
	 .tab-duhoc ul, .category-list ul {
        display: inline-block;
        overflow-x: scroll;
        white-space: nowrap;
    }

    .tab-duhoc ul::-webkit-scrollbar, .category-list ul::-webkit-scrollbar {
        height: 0px;
    }
}

/* iPad landscape style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

}

/* iPad portrait style here */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {


}

/**desktop**/
@media only screen and (min-width: 1440px) {
    .container-width, .full-width .ubermenu-nav, .container, .row {
        max-width: 1280px !important;
    }
}