@media screen and (max-width: 1280px) {
    .mb .footer_top ul.menu>li>a {
        font-size: 15px;
    }
    
    .events .international_certificate_item {
        margin-bottom: 30px !important;
    }
    
    .info_event .list_social {
        width: 100%;
        justify-content: center;
        display: flex;
    }
    
    .mb .abu_content {
        margin-bottom: 50px;
    }

    /*css menu icon*/
    
    .menu-icon {
        position: absolute;
        top: 10px;
        right: 15px;
        top: -50px;
        right: -80px !important;
        height: 30px !important;
        width: 35px !important;
        cursor: pointer;
        z-index: 100;
        top: -52px !important;
        right: 15px !important;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
        display: block;
    }
    
    .menu-icon span {
        background: #F5C486 !important;
        border: none;
        height: 3px;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0;
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer;
    }
    
    .menu-icon span:nth-of-type(2) {
        top: 10px;
    }
    
    .menu-icon span:nth-of-type(3) {
        top: 21px;
    }
    
    div#menu {
        position: relative;
        top: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
        left: 0px;
    }
    
    /*css menu*/
    
    .mb .menu-main-menu-container,
    .mb .menu-main-container{
        display: none;
        width: 100%;
        float: left;
        padding-top: 0;
        text-align: left;
        position: fixed;
        left: 0;
        z-index: 99999;
        top: 9%;
        /*top: auto;*/
    }
    
    .mb ul#menu-main-menu,
    .mb ul#menu-main{
        margin-top: 0;
        background: #fff;
        flex-direction: column;
        padding-left: 0;
    }
    
    .mb ul#menu-main-menu li,
    .mb ul#menu-main li {
        display: block;
        padding: 0 20px;
        margin: 0 !important;
        border-bottom: 1px solid #eee;
    }
    
    .mb ul#menu-main-menu li a,
    .mb ul#menu-main li a{
        color: #1d1d1d;
        font-size: 14px;
    }
    
    .mb div#menu>div:last-child {
        /*line-height: 50px;*/
        /*height: 100%;*/
        /*background: #0000007a;*/
    }
    
    .mb .des_desk {
        display: none;
    }
    
    .mb .des_mb {
        display: block !important;
    }
        
    .mb .content_intro_banner>div{
        padding-top: 0;
        align-items: center;
        justify-content: center;
    }
    
   .events .content_intro_banner {
        padding-top: 0;
        justify-content: center;
   }
    
    .mb .content_intro_banner>div h2 {
        font-size: 18px;
        padding-top: 30px;
        margin-bottom: 10px;
    }
    
    .mb .content_intro_banner>div span img {
        margin-bottom: 10px;
    }
    
    /*css menu mobile*/
    
    div#main_menu>div {
        flex-wrap: nowrap;
        position: relative;
        padding: 20px 0;
    }
    
    div#logo {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        width: 40%;
        z-index: 999;
    }
    
    div#menu {
        position: relative;
        top: 0;
        padding: 0;
        width: 100%;
        max-width: 85%;
        left: 0px;
        /* right: 0; */
    }
    
    .menu-icon {
        position: absolute;
        top: 10px;
        right: 15px;
        top: -50px;
        right: -80px !important;
        height: 16px !important;
        width: 24px !important;
        cursor: pointer;
        z-index: 9999999;
        top: -10px !important;
        right: 15px !important;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
        display: block;
    }
    
    .menu-icon span:nth-of-type(2) {
        top: 7px;
    }
    
    .menu-icon span:nth-of-type(3) {
        top: 15px;
    }
    
    ul#menu-top-menu-right {
        padding-left: 0;
    }
    
    .top_menu_right {
        z-index: 9999;
    }
    
    ul#menu-main-menu>li,
    ul#menu-main>li{
        position: relative;
    }
    
    ul#menu-main-menu>li>ul,
    ul#menu-main>li>ul{
        position: absolute !important;
        top: 100%;
    }
    
    ul.sub-menu>li {
        background-color: #8e8c91 !important;
    }
    
    ul.sub-menu>li a {
        color: #fff !important;
    }
    
    .menu-icon.active .top {
        -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
        transform: translateY(8px) translateX(0) rotate(45deg);
    }
    
    .menu-icon.active .middle {
        opacity: 0;
        background: #fbbd18;
    }
    
    .menu-icon.active .bottom {
        -webkit-tra1nsform: translateY(-10px) translateX(0) rotate(-45deg);
        transform: translateY(-8px) translateX(0) rotate(-45deg);
        background: #fbbd18;
    }
    
}

@media screen and (max-width: 767px) {
    
    .mb .flex_active.flex_active_part_2 {
        flex-direction: column-reverse;
    }
    
    .row.container.list_content.banner>div {
        padding-top: 0 !important;
    }
    
    span.phone_number {
        font-size: 28px;
        font-weight: bold;
    }
    
    .list_social span a svg {
        width: 20px !important;
    }
        
    .mb .service_item h2 {
        padding: 5px;
    }
    
    .mb #our_facilities .owl-carousel .owl-nav .owl-prev,
    .mb #our_facilities .owl-carousel .owl-nav .owl-next{
        width: unset !important;
        display: unset !important;
        max-width: unset !important;
    }
    
    .mb .slide_video {
        display: none !important;
    }
    
    .mb .slide_image .owl-dots>button {
        display: none !important;
    }
    
    .mb .slide_image .owl-dots>button:nth-child(1),
    .mb .slide_image .owl-dots>button:nth-child(2),
    .mb .slide_image .owl-dots>button:nth-child(3) {
        display: inline-block !important;
    }
    
    .mb .slide_image .owl-dots {
        left: 44.33%;
    }
    
    .mb .lists_image>div:nth-child(1),
    .mb .lists_image>div:nth-child(2) {
        padding-bottom: 0;
    }
    
    .mb .image_more {
        display: none;
    }
    
    .mb .image_more>div {
       height: 230px; 
    }
    
    /*begin common css*/
    
    .mb h1 {
        font-size: 32px;
    }
    
    div#banner_slide h1 {
        font-size: 24px;
        line-height: 35px;
    }
    
    .mb .content_intro_banner h1,
    .mb .content_intro_banner h2,
    .mb .events .content_intro_banner>div h1{
        padding-top: 0;
        width: 100% !important;
    }
    
    /*end common css*/
    
    .mb .about_us_home,
    .mb .flex_active_part_1,
    .mb .flex_active_part_2,
    .mb .list_services_other.row{
        flex-direction: column;
    }
    
    .mb .about_us_left,
    .mb .about_us_right,
    .mb .field_of_activity .activity_left,
    .mb .field_of_activity .activity_right,
    .mb .field_of_activity .flex_active_part_2 .activity_left,
    .mb .field_of_activity .flex_active_part_2 .activity_right{
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .mb .list_services_other>div {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    
    .mb .about_us_right {
        margin-top: 50px;
    }
    
    .mb .about-image-2 {
        max-width: 95%;
        max-height: 95%;
    }
    
    .mb h2 {
        font-size: 28px;
        font-size: 24px;
    }
    
    .mb h3,
    .mb .abu_title h3 {
        font-size: 18px;
    }
    
    .mb .international_certificate>div,
    .mb p,
    span,
    p,
    div{
        font-size: 14px;
        line-height: 25px;
    }
        
    .mb .services_other_item a h4 {
        font-size: 20px;
    }
    
    .mb .field_of_activity,
    .mb div#list_content_pagehome>div {
        padding-top: 50px;
    }
    
    .mb .list_img_right>span:nth-child(2) {
        margin-left: 20px;
    }
    
    .mb .blog_part_top>span>img {
        height: 280px;
    }
    
    .mb .col-12.row.all_blog>div {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
        padding: 0 12px !important;
    }
    
    .mb .row.blog_part_bottom {
        margin-top: 30px !important;
    }
    
    .mb .blog_detail>div.pxl-post--title {
        padding-right: 10px;
        font-size: 17px;
        height: 45px;
        margin-bottom: 10px !important;
    }
    
    .mb .des_post {
        height: 80px;
        margin-bottom: 15px;
    }
    
    .mb .des_post>p {
        height: 35px;
        font-size: 13px;
        line-height: 18px;
    }
    
    .mb .abu_content {
        font-size: 15px;
        line-height: 26px;
    }
    
    .mb .field_of_activity .flex_active {
        padding-top: 0;
    }
    
    .mb .flex_active.flex_active_part_2 .activity_right,
    .mb .flex_active.flex_active_part_3 .activity_left {
        padding-top: 50px;
    }
    
    .mb .list_services_other>div {
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .mb .footer_top>div>div {
        width: 50%;
        padding: 0 12px !important;
    }
    
    .mb .footer_top ul.menu>li>a,
    .mb .footer_top>.container,
    .mb .footer_bottom>.container,
    .mb .textwidget>p,
    .mb .footer_bottom_left>p{
        font-size: 15px;
    }
    
    .mb .footer_top>div>div:nth-child(3),
    .mb .footer_top>div>div:nth-child(4) {
        margin-top: 20px;
    }
    
    .mb .footer_bottom {
        padding: 0 12px;
        padding-top: 30px;
    }
    
    .mb .footer_bottom_left>span {
        font-size: 14px;
    }
    
    .mb .footer_bottom>.container {
        flex-direction: column;
    }
    
    .mb .footer_bottom>.container>div {
        width: 100%;
    }
    
    .mb .footer_bottom_right {
        margin-top: 15px;
    }
    
    /*css menu icon*/
    
    .menu-icon {
        position: absolute;
        top: 10px;
        right: 15px;
        top: -50px;
        right: -80px !important;
        height: 30px !important;
        width: 35px !important;
        cursor: pointer;
        z-index: 100;
        top: -52px !important;
        right: 15px !important;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
        display: block;
    }
    
    .menu-icon span {
        background: #F5C486 !important;
        border: none;
        height: 3px;
        width: 100%;
        position: absolute;
        top: 0px;
        left: 0;
        -webkit-transition: all .35s ease;
        transition: all .35s ease;
        cursor: pointer;
    }
    
    .menu-icon span:nth-of-type(2) {
        top: 10px;
    }
    
    .menu-icon span:nth-of-type(3) {
        top: 21px;
    }
    
    div#menu {
        position: relative;
        top: 0;
        padding: 0;
        width: 100%;
        max-width: 100%;
        left: 0px;
    }
    
    /*css menu*/
    
    .mb .menu-main-menu-container,
    .mb .menu-main-container{
        display: none;
        width: 100%;
        float: left;
        padding-top: 0;
        text-align: left;
        position: fixed;
        left: 0;
        z-index: 99999;
        top: 110px;
        /*top: auto;*/
    }
    
    .mb ul#menu-main-menu,
    .mb ul#menu-main{
        margin-top: 0;
        background: #fff;
        flex-direction: column;
        padding-left: 0;
    }
    
    .mb ul#menu-main-menu li,
    .mb ul#menu-main li {
        display: block;
        padding: 0 20px;
        margin: 0 !important;
        border-bottom: 1px solid #eee;
    }
    
    .mb ul#menu-main-menu li a,
    .mb ul#menu-main li a{
        color: #1d1d1d;
        font-size: 14px;
    }
    
    .mb .des_desk {
        display: none;
    }
    
    .mb .des_mb {
        display: block !important;
    }
        
    .mb .content_intro_banner>div{
        padding-top: 0;
        align-items: center;
        justify-content: center;
    }
    
   .events .content_intro_banner {
        padding-top: 0;
        justify-content: center;
   }
    
    .mb .content_intro_banner>div h2 {
        font-size: 18px;
        padding-top: 30px;
        margin-bottom: 10px;
    }
    
    .mb .content_intro_banner>div span img {
        margin-bottom: 10px;
    }
    
    .mb .content_intro_banner>div>div>p {
        line-height: 20px;
        font-size: 13px;
        margin-bottom: 5px;
    }
    
    /*css menu mobile*/
    
    div#main_menu>div {
        flex-wrap: nowrap;
        position: relative;
        padding: 20px 0;
    }
    
    div#logo {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        margin: 0 auto;
        width: 40%;
        z-index: 999;
    }
    
    div#menu {
        position: relative;
        top: 0;
        padding: 0;
        width: 100%;
        max-width: 85%;
        left: 0px;
        /* right: 0; */
    }
    
    .menu-icon {
        position: absolute;
        top: 10px;
        right: 15px;
        top: -50px;
        right: -80px !important;
        height: 16px !important;
        width: 24px !important;
        cursor: pointer;
        z-index: 9999999;
        top: -10px !important;
        right: 15px !important;
        -webkit-transition: opacity .25s ease;
        transition: opacity .25s ease;
        display: block;
    }
    
    .menu-icon span:nth-of-type(2) {
        top: 7px;
    }
    
    .menu-icon span:nth-of-type(3) {
        top: 15px;
    }
    
    ul#menu-top-menu-right {
        padding-left: 0;
    }
    
    .top_menu_right {
        z-index: 9999;
    }
    
    ul#menu-main-menu>li,
    ul#menu-main>li{
        position: relative;
    }
    
    ul#menu-main-menu>li>ul,
    ul#menu-main>li>ul{
        position: absolute !important;
        top: 100%;
    }
    
    ul.sub-menu>li {
        background-color: #8e8c91 !important;
    }
    
    ul.sub-menu>li a {
        color: #fff !important;
    }
    
    .menu-icon.active .top {
        -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
        transform: translateY(8px) translateX(0) rotate(45deg);
    }
    
    .menu-icon.active .middle {
        opacity: 0;
        background: #fbbd18;
    }
    
    .menu-icon.active .bottom {
        -webkit-tra1nsform: translateY(-10px) translateX(0) rotate(-45deg);
        transform: translateY(-8px) translateX(0) rotate(-45deg);
        background: #fbbd18;
    }
    
    /*css page*/
    
    .mb div#content_academy>div,
    .mb div#content_events>div
    {
        padding-top: 50px;
    }
    
    .mb div#list_services,
    .mb .lists_video,
    .mb div#posts,
    .mb #single,
    .mb #single-recruitment,
    .mb #lecture_detail,
    .mb div#content_artist_management,
    .mb #event_detail {
        padding: 50px 15px;
    }
    
    .mb .courses_item h2 {
        padding: 5px;
    }
    
    .mb .list_course_item {
        margin-left: 0;
    }
    
    .list_course_item>div {
        width: 100%;
        padding-left: 0;
    }
    
    .mb .courses_item {
        padding-bottom: 30px;
        margin-bottom: 0;
    }
    
    .mb .item_course h4 {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .mb .academy_art .international_certificate_item a {
        flex-direction: column;
    }
    
    .mb .academy_art .international_certificate_item a>span,
    .mb .academy_art .international_certificate_item a>div {
        width: 100%;
    }
    
    .mb .academy_art .international_certificate_item a>div {
        margin-top: 30px;
    }
    
    .mb p.name_lecture {
        text-align: center;
        font-weight: bold;
    }
    
    .mb .academy_art {
        padding-bottom: 50px;
    }
    
    .mb .list_international_certificate {
        flex-direction: column;
    }
    
    .mb .list_international_certificate>div {
        width: 100%;
        max-width: 100% !important;
        margin-bottom: 0 !important;
    }
    
    .mb .events .international_certificate>h3 {
        height: 60px;
        font-size: 18px;
    }
    
    .mb .events .international_certificate_item {
        padding: 0;
        margin-bottom: 30px !important;
    }
    
    .mb div#reason_select .title p {
        font-size: 21px;
        padding-top: 0px;
    }
    
    .mb .list_reason .reason_item {
        width: 49%;
    }
    
    .mb .reason_item .name_lecture {
        font-size: 22px;
        line-height: 26px;
    }
    
    .mb .service_item>div>div {
        width: 100%;
        border: 2px solid #cfcfcf;
        margin: 0;
        margin-bottom: 30px;
    }
    
    .mb .list_image {
        height: unset !important;
        flex-direction: column;
    }
    
    .mb .list_image>div {
        width: 100%;
    }
    
    .mb .list_image>div:first-child {
        height: 230px;
        margin-bottom: 20px;
    }
    
    .mb .image_more>div:nth-child(2) {
        padding-right: 5px;
    }
    
    .mb .image_more>div:nth-child(3) {
        padding-left: 5px;
    }
    
    .mb .lists_video>div:nth-child(1),
    .mb .lists_video>div:nth-child(2) {
        padding-bottom: 30px;
    }
    
    .mb .list_video div {
        height: unset;
    }
    
    .mb .image_video {
        height: unset !important;
        width: 100%;
    }
    
    .mb span.image_video video,
    .mb span.image_video iframe {
        height: 250px;
        border-radius: 7px;
    }
    
    .mb .slide_video .owl-nav .owl-prev
    .mb .slide_video .owl-nav .owl-next {
        top: 40%;
    }
    
    .mb .page-library-video .banner_page,
    .mb .page-library-image .banner_page {
        padding: 0;
    }
    
    .mb .page-library-video h1,
    .mb .page-library-image h1{
        padding: 80px 0;
    }
    
    .mb .list_posts {
        padding: 50px 0;
    }
    
    .mb .list_recruitment .post_item h5 {
        padding: 0px;
        margin-bottom: 10px;
    }
    
    .mb .post_item h5 {
        font-size: 18px;
    }
    
    .mb .info_recruitment {
        font-size: 14px;
    }
    
    .mb .flex_active span.apply_now a {
        font-size: 14px;
    }
    
    .mb #posts span.thumb {
        height: 250px;
    }
    
    .mb .list_recruitment>div>div{
        width: 50%;
        max-width: calc(50% - 15px);
    }
    
    .mb span.thumb img {
        border-radius: 7px;
    }
    
    .mb div#page-contact {
        flex-direction: column;
    }
    
    .mb div#page-contact>div {
        width: 100vw !important;
    }
    
    .mb div#page-contact>.content_contact {
        padding-left: 15px;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-right: 15px;
    }
    
    .mb .content_contact h1 {
        padding-bottom: 30px;
    }
    
    .mb .content_contact .info_company {
        padding-bottom: 50px;
    }
    
    .mb .list_info_company>div>h2 {
        font-size: 22px;
    }
    
    .mb .content_contact .list_social {
        margin-top: 0;
        justify-content: center;
    }
    
    .mb .content_contact .list_social span {
        padding-right: 0px;
    }
    
    .mb .form_contact.container {
        padding: 30px 15px 50px 15px;
        width: 100%;
    }
    
    .mb .recruitment .post_first {
        padding: 30px 0 !important;
    }
    
    .mb div#posts .post_first {
        flex-direction: column;
    }
    
    .mb div#posts .post_first>div {
        max-width: 100%;
        width: 100%;
    }
    
    .mb #posts .title {
        padding-top: 30px;
    }
    
    .mb #posts .post_first {
        padding: 50px 0;
    }
    
    .mb div#posts .post_first>div:first-child {
        margin-bottom: 15px;
    }
    
    .mb .post_item div,
    .mb .post_item p {
        font-size: 14px;
    }
    
    .mb .list_posts {
        margin-bottom: -50px;
    }
    
    .mb .list_posts>div h5 {
        font-size: 18px;
    }
    
    .mb .list_posts {
        flex-direction: column;
    }
    
    .mb .list_posts>div {
        max-width: 100%;
        width: 100%;
        margin-bottom: 15px;
    }
    
    .mb .list_posts>div p {
        font-size: 14px !important;
    }
    
    .mb #single .flex_active {
        padding-top: 30px;
    }
    
    .mb div#single>div>div {
        width: 100% !important;
    }
    
    .mb .h1.title_post {
        padding: 10px 0 15px 0;
    }
    
    .mb .bxwidget_lists .widgetcontent .bxitem .bxthumb {
        height: 230px;
    }
    
    .mb .bxwidget_lists .bxcontent h4 {
        font-size: 17px;
    }
    
    /*all recruiment*/
    
    .mb #single-recruitment>div.flex_active {
        flex-direction: column;
        padding-top: 30px;
    }
    
    .mb #single-recruitment>div.flex_active>div {
        width: 100%;
    }
    
    .mb #single-recruitment>div.flex_active>div:last-child {
        padding-left: 0 !important;
        margin-top: 50px;
    }
    
    .thumb_recruitment h1 {
        font-size: 25px;
    }
    
    .mb .request_item>.request_title {
        font-size: 16px;
    }
    
    .mb .apply_now span,
    .mb .apply_now span a{
        font-size: 16px;
    }
    
    /*about us*/
    
    .mb .list_content_about_us h1 {
        font-size: 32px;   
    }
    
    .mb div#about_us .banner_about_us {
        height: 220px;
    }
    
    .mb .vision {
        flex-direction: column;
        margin-bottom: 0;
    }
    
    .mb .vision>div:nth-child(1) {
        margin-bottom: 30px;
    }
    
    .mb .vision>div:nth-child(1)>.vision_right {
        flex: 0 0 50%;
    }
    
    .mb .vision>div {
        width: 100%;
        height: 261px;
    }
    
    .mb .vision_left>p {
        font-size: 38px;
        letter-spacing: 10px;
    }
    
    .mb .vision_left>span::before {
        height: 156px;
    }
    
    .mb .mission {
        height: unset !important;
    }
    
    .mb .mission {
        flex-wrap: nowrap;
        flex-direction: column;
    }
    
    .mb .mission>div:nth-child(1) {
        position: relative;
        height: 300px;
        margin-bottom: 20px;
    }
    
    .mb .mission>div:nth-child(1) span:before {
        height: 200px;
    }
    
    .mb .mission>div:nth-child(1) p.title {
        font-size: 40px;
        letter-spacing: 18px;
    }
    
    .mb .mission>div,
    .mb .mission img{
        width: 100%;
    }
    
    .mb .list_content_about_us>div {
        padding-bottom: 50px !important;
    }
    
    .mb .core_value.container {
        padding-left: 0;
        padding-right: 0;
    }
    
    .mb .core_value>div {
        width: 100%;
    }
    
    .mb .core_value>div>div {
        width: 100%;
    }
    
    .mb .core_value>div>div img {
        border-radius: 7px;
    }
    
    .mb .core_value .top>div:nth-child(1),
    .mb .core_value .bottom>div:nth-child(1) {
        display: none;
    }
    
    .mb span.text_value {
        font-size: 40px;
    }
    
    .mb span.ve-chung-toi.thumb img {
        width: 81%;
        height: 195px;
    }
    
    .mb #our_facilities .owl-carousel .owl-nav .owl-prev,
    .mb #our_facilities .owl-carousel .owl-nav .owl-next {
        top: 25%;
    }
    
    .mb #our_facilities .owl-carousel .owl-nav .owl-prev span,
    .mb #our_facilities .owl-carousel .owl-nav .owl-next span {
        font-size: 27px;
    }
    
    .mb .des_partner {
        width: 90%;
        padding-bottom: 30px;
    }
    
    /*courses detail*/
    
    .mb .list_courses .courses_item {
        flex-direction: column;
    }
        
    .mb .list_courses .courses_item>h2,
    .mb .list_courses .courses_item>div {
        width: 100%;
    }
    
    .mb #course_detail .courses_item:nth-child(1) {
        padding-bottom: 50px;
    }
    
    .mb div#our_lecturers .title h2,
    .mb #international_certificate .title h2 {
        padding-left: unset !important;
    }
    
    .mb .item_courses {
        padding-left: unset;
        padding-bottom: 0;
    }
    
    .mb .item_course h4 {
        font-size: 20px;
    }
    
    .mb #lecture_detail .info_lecture_detail {
        flex-direction: column;
    }
    
    .mb #lecture_detail .info_lecture_detail>div {
        width: 100%;
    }
    
    .mb #lecture_detail .info_lecture_detail>div:nth-child(2) {
        padding-left: 0;
    }
    
    .mb #lecture_detail .info_lecture_detail {
        padding-top: 30px;
        padding-bottom: 0;
    }
    
    .mb #lecture_detail .info_lectures .position_lecture p {
        margin: 0;
        font-size: 20px;
    }
    
    .mb #lecture_detail .info_lectures .name_lecture {
        font-size: 28px;
        padding-bottom: 15px;
    }
    
    .mb #lecture_detail .info_lectures .position_lecture {
        padding-bottom: 15px;
    }
    
    .mb #lecture_detail .info_lectures .position_lecture p {
        font-size: 18px;
    }
    
    .mb .info_lectures {
        margin-top: 30px;
    }
    
    .mb .content_lecture>p:last-child {
        margin-bottom: 0;
    }
    
    /*show detail*/
    
    .mb .info_events {
        flex-direction: column;
    }
    
    .mb .info_events>div {
        width: 100%;
    }
    
    .mb .info_event {
        padding-left: 0;
        margin-top: 30px;
    }
    
    .mb .info_event h1 {
        text-align: center;
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 0;
    }
    
    .mb div#content_events {
        padding-bottom: 50px;
    }
    
    .mb .slide_video .owl-nav .owl-prev,
    .mb .slide_video .owl-nav .owl-next {
        top: 42%;
    }
    
    .mb .list_course_item .item_courses {
        padding-bottom: 30px;
        width: 100%;
    }
    
    .mb .home {
        padding-bottom: 50px;
    }
    
    .mb .field_of_activity {
        padding-top: 90px !important;
    }
    
    .mb .services_other {
        padding-top: 50px;
    }
    
    .mb .content_intro_banner>div>div {
        display: none;
    }
    
    .mb .about-image-2 {
        margin-top: 10%;
        margin-left: 5%;
    }
}

@media screen and (max-width: 550px) {
    .mb .reason_item .name_lecture {
        font-size: 14px !important;
        line-height: 20px !important;
    }
}

@media screen and (min-width: 551px) and (max-width: 767px) {
    .dk_min div#main_menu>div {
        padding: 30px 0;
    }
    
    .dk_min .bxwidget_lists .widgetcontent ul {
        flex-direction: row;
        justify-content: space-between;
    }
    
    .dk_min span.image_video video,
    .dk_min span.image_video iframe,
    .dk_min .slide_video img{
        height: 350px !important;
    }
    
    .dk_min .list_posts {
        flex-direction: unset !important;
    }
    
    .dk_min .list_posts>div {
        max-width: 49%;
        width: 49%;
    }
    
    .dk_min .widgetcontent>ul>li {
        max-width: 49%;
        flex: 0 0 49%;
    }
    
    .dk_min div#posts .post_first {
        flex-direction: row;
    }
    .dk_min div#posts .post_first>div {
        max-width: 49%;
        width: 49%;
    }
    
    .dk_min .page-library-video h1,
    .dk_min .page-library-image h1 {
        padding: 125px 0;
    }
    
    .dk_min .list_image>div:first-child,
    .dk_min .image_more>div {
        height: 350px;
    }
    
    .dk_min .list_international_certificate,
    .dk_min .list_reason{
        flex-direction: unset !important;
    }
    
    .dk_min .service_item>div {
        justify-content: space-between;
    }
    
    .dk_min .service_item>div>div {
        width: 49%;
    }
    
    .dk_min .events .international_certificate>h3 {
        height: 74px;
    }
    
    .dk_min .events .international_certificate>h3 {
        line-height: 26px;
    }
    
    .dk_min .list_course_item>div {
        width: 49%;
    }
    
    .dk_min .list_international_certificate>div,
    .dk_min .list_reason>div{
        width: 49%;
        max-width: 49%;
    }
    
    .dk_min .row.container.list_content.banner>div:nth-child(1),
    .dk_min .row.container.list_content.banner>div:nth-child(2){
        padding-top: 0 !important;
    }
    
    .dk_min div#our_events .list_international_certificate .international_certificate_item {
        max-width: 49%;
        flex: 0 0 49%;
    }
    
    .dk_min .about-image-1.position-relative img {
        max-width: 95%;
    }
    
    .dk_min div#logo {
        width: 35%;
    }
    
    .dk_min div#logo img {
        width: 100%;
    }
    
    .dk_min .blog_part_top>span>img,
    .dk_min span.thumb {
        height: 360px;
    }
    
    .dk_min .reason_item .name_lecture {
        font-size: 22px;
    }
    
    .core_value>div>div:nth-child(1) {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .desk div#main_menu>div {
        padding: 30px 0;
    }
    
    .desk .name_price h4,
    .desk .name_price h4 span {
        font-size: 25px !important;
    }
    
    .desk .list_offer_item p {
        font-size: 15px;
        line-height: 24px;
    }
    
    .desk .name_price {
        height: 200px !important;
    }
    
    .desk .service_item>div {
        justify-content: space-between;
    }
    
    .desk .service_item>div>div {
        width: 30% !important;
    }
    
    .desk div#our_events h3.name_lecture {
        font-size: 23px;
    }
    
    .desk .footer_top ul.menu>li>a,
    .desk .footer_top>.container,
    .desk .footer_bottom>.container,
    .desk .textwidget>p,
    .desk .footer_bottom_left>p {
        font-size: 15px;
    }
    
    .desk .footer_top>.container, .desk .footer_bottom>.container {
        padding: 0 12px;
    }
    
    .desk .list_social span a {
        padding: 0;
    }
    
    .desk .events .list_international_certificate img {
        height: 210px;
    }
    
    .desk div#banner_slide h1 {
        font-size: 28px !important;
        line-height: 45px;
    }
    
    .desk .content_intro_banner>div>div>p {
        line-height: 19px;
        font-size: 13px;
    }
    
    .desk .list_content_about_us>div {
        padding-bottom: 50px;
    }
    
    .desk span.text_value {
        font-size: 35px;
    }
    
    .desk .vision_left>p,
    .desk .mission>div:nth-child(1) p.title {
        font-size: 37px;
        letter-spacing: 11px;
    }
    
    .desk div#about_us .banner_about_us {
        height: 435px;   
    }
    
    .desk .core_value>div {
        width: 95%;
    }
    
    .core_value>div>div {
        width: 50%;
    }
    
    .core_value>div>div:nth-child(1) {
        display: none;
    }
    
    .desk .list_img_right>span:nth-child(2) {
        margin-left: 25px;    
    }
    
    .desk .content_intro_banner>div {
        align-items: flex-start;
        padding-top: 100px;
        padding-top: 0px;
    }
    
    .desk .list_course_item {
        margin-left: 0;
    }
    
    .desk div#logo img {
        width: 60%;
    }
    
    .desk h1 {
        font-size: 35px !important;
    }
    
    .desk h2 {
        font-size: 30px;
    }
    
    .desk h3 {
        font-size: 26px;
    }
    
    .desk #course_detail .item_courses {
        padding-left: 0;
    }
    
    .desk .events .content_intro_banner>div h1 {
        padding-top: 30px;
    }
    
    .desk .col-12.row.all_blog>div {
        margin: 0;
    }
    
    .desk .col-12.row.all_blog>div {
        flex: 0 0 49%;
        max-width: 49%;
        margin: 0;
    }
    
    .desk .about-image-1,
    .desk .about-image-1 .about-image-wrapper{
        height: 100%;
    }
    
    .desk .about-image-1.position-relative img {
        height: 100% !important;
        object-fit: cover;
    }
}

@media screen and (min-width: 1350px) {
    div#about_us {
        padding-top: 80px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1280px) {
    .dk_max div#main_menu>div {
        padding: 30px 0;
    }
    
    .dk_max .footer_top>.container, .dk_max .footer_bottom>.container {
        padding: 0 12px;
    }
    
    .dk_max .events .international_certificate>h3 {
        font-size: 25px;
    }
    
    .dk_max .events .international_certificate>h3 {
        height: 90px;
    }
    
    .dk_max .content_intro_banner>div {
        padding-top: 0;
    }
    
    .dk_max div#banner_slide h1 {
        font-size: 32px !important;
        line-height: 48px;
        padding-top: 0;
    }
    
    .dk_max .content_intro_banner>div>div>p {
        line-height: 19px;
        font-size: 13px;
    }
    
    .dk_max .content_intro_banner>div {
        align-items: flex-start;
        padding-top: 80px;
    }
    
    .dk_max div#logo img {
        width: 50%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1170px) {
    .dk_max div#about_us .banner_about_us {
        height: 540px !important;
    }
    
    .dk_max span.text_value {
        font-size: 37px !important;
    }
}

@media screen and (min-width: 1281px) and (max-width: 1480px) {
    .content_intro_banner h1,
    .content_intro_banner h2 {
        padding-top: 0 !important;
    }
}

@media screen and (min-width: 991px) {
    .list_content_about_us>div {
        padding-top: 30px !important;
    }
}

@media screen and (min-width:551px) and (max-width: 767px) {
    .top_menu_right ul#menu-top-menu-right>li>a>span,
    .top_menu_right ul#menu-top-menu-right>li>ul>li>a>span{
        font-size: 11px;
    }
    
    .partner.container .title_primary>span,
    span.phone_number,
    .title_primary, h2.title_primany,
    h2.title_primany>span {
        font-size: 32px !important;
    }
    
    .list_logo_partner {
        padding: 30px 0 !important;
    }
    
    .data_company {
        margin-top: 30px !important;
    }
    
    .row.container.list_content.banner {
        padding-top: 100px !important;
        padding-bottom: 0 !important;
    }
    
    div#content_banner>span,
    div#content_banner>h1,
    div#content_banner>p {
        width: 100% !important;
    }
    
    .data_company.owl-carousel .owl-stage-outer {
        height: 200px;
    }
    
    .list_partner .partner .text_extra {
        margin-bottom: 5px;
        margin-top: 30px;
    }
}

@media screen and (max-width: 550px) {
    .top_menu_right ul#menu-top-menu-right>li>a,
    .top_menu_right ul#menu-top-menu-right li{
        width: 44px !important;
        padding-top: 0 !important;
    }
    
    .top_menu_right ul#menu-top-menu-right li a span{
        display: none;
    }
    
    .top_menu_right ul#menu-top-menu-right .sub-menu {
        left: 0;
    }
    
}