@media all and (max-width: 1300px) { .box-why_hs p { font-size: 16px; line-height: 24px; text-align: center; letter-spacing: 0.005em; color: #FFFFFF; padding: 25px; margin-bottom: 0; } } @media all and (max-width: 1280px) { .box-why_hs p { padding: 25px; } img.banners_why { height: 400px; } .lv_about_next{ left: -60px; } .lv_about_back { right: -60px; } span.title_span.aa { width: 70%; } span.title_span.cc { width: 71%; margin: 0 auto; align-items: center; float: initial; } .tai_sao_5 { margin-top: 0px; } }@media all and (max-width: 1190px) { .list_con_duong_scor { overflow: scroll; } .list_con_duong { width: 892px; } } @media all and (max-width: 1100px) { .header-right { width: 74%; } .navigation > ul > li > a{ padding: 10px 5px 8px; } .apu_slogan { margin-left: 18%; } .apu_slogan p{ font-size: 16px; } .box-wp_item3 br { display: none; } .box-wp_tien_trinh .item_tuvan .img_icon { position: relative; width: 295px; } .box-wp_buoc2 .hequote p { color: #232323; font-size: 15px; display: flex; } .item_center { padding-left: 15px; } .lv_about_next{ left: -50px; } .lv_about_back{ right: -50px; } .list_hqt .item_ { padding: 45px 30px; } .box-th_list_img img{ width: 46%; } .box-school_list .right .right_1 { width: 520px; float: left; } .form-contact.form-dangky_tuvan .form-sm { width: 48%; } .list_hqt{ margin-top: -110px; grid-gap: 22px; } .dat_lich_tham_quan { margin-top: 70px; } .box-wp_lich .item_lich { padding: 15px; } .right_tu_van { width: 35%; } .box-wp_tuvan.box .item_tuvan .img_icon { position: relative; width: 235px; } .box-wp_tuvan.box .item_tuvan { padding-right: 20px; } .list_car img{ width: 46%; } .khung_contact .form-sm { width: 47.7%; } .right_tu_van p{ font-size: 18px; } /*//thêm responsive */ .container .list-hqt-ctvn .item_{ padding: 45px 30px; } } /*//thêm responsive */ @media screen and (max-width: 990px) { .item_academic.a3 a img.lazy, .item_academic.a4 a img.lazy, .item_academic.img_logo_apu .logo_icon { height: 198px; } .box-pthong_list.box-lydo { padding-top: 0; } .box-school_list.list-i .right .box { -webkit-line-clamp: 3; } .box-school_list.list-i .right .box.active { overflow-y: scroll; -webkit-line-clamp: 10; } .box-school_list .right p.title_school { margin-top: 15px; } .left_yearbook { width: 100%; padding-right: 0; margin-bottom: 20px; } .right_yearbook { width: 100%; } } @media all and (max-width: 1025px) { .box-wp_tuvan.box .item_tuvan .img_icon { position: relative; width: 218px; } .right_tu_van p em { font-size: 14px; } .form-lg { width: 97%; } .item_education.co_so { top: 8px; left: 0px; bottom: 8px; right: 0px; } .box-pthong_img { float: right; width: 50%; text-align: right; } .box-wp_tuvan.box .title_time_kvien { margin-top: 48px; } .detail-wp.form { padding: 48px; } .box-list_video { margin-top: 48px; float: left; } .dat_lich_tham_quan { margin-top: 48px; } .box_hqtt.elementary{ padding-bottom: 70px; } .box_hqt { margin-top: 48px; } .box_hqtt.common{ padding-top: 48px; padding-bottom: 48px; } .box-school_list .right .right_1 { width: 550px; } .box-school_list .right { padding: 0 0 0 33px; } .detail-wp.dangky_tuvan{ margin-bottom: 48px; } .box-ct_h_list.left { padding-right: 40px; } .box-ck_ap_list { width: 100%; } .item_academic a span { right: 80px; } .box-ct_h_list.left { width: 40%; } .box-ct_h_list.left.kq{ padding-right: 40px; } .box-ct_h_list.right { width: 60%; } .box-wp_tien_trinh .item_tuvan .img_icon { width: 260px; } .box-wp_tien_trinh .item_tuvan { width: 30.33%; } .box-list_c_chuyen_bottom .list_cc .__item .img { width: 33%; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc { width: 67%; padding-left: 6%; } .bb-project-item:not(:first-child) .text-center .text p { -webkit-line-clamp: 1; } .box_new_list .bb-project-item:not(:first-child) .box { grid-template-columns: 46% 48%; } .box-list_c_chuyen_home .title__cc { padding: 0 0px 0 25px; } .box-list_c_chuyen_home .title_ .img a img { height: 150px; width: 170px; } .box-list_c_chuyen_home .list_cc .__item .title__cc .box_cc p { margin-bottom: 0px; font-size: 14px; } .box-list_c_chuyen_home .list_cc .__item .title__cc h3 a { font-size: 20px; line-height: 20px; } .box-list_c_chuyen_home .title_ .name_cc p span { font-size: 13px; } .box-list_c_chuyen_home .list_cc .__item .title__cc .box_cc_tit .xem_them_cc a { font-size: 14px; line-height: 20px; } .box-list_c_chuyen_home .list_cc .__item .title__cc:before { background-size: 70%; } } @media all and (max-width: 800px) { }/*//thêm responsive */ @media screen and (max-width: 850px) { .box-school_list .right .right_1 { width: 450px; } } @media all and (max-width: 768px) { header.header { display: none; } nav#menu{ z-index: 9999999; } .box-school_list.list-2 .right p.title_school, .box-school_list.list-4 .right p.title_school{ text-align : left; } header.header._header_mobi { display: block; height: 98px; } ul.header-top_wrap.left { float: left; width: 30%; margin-top: 10px; } ul.header-top_wrap.right { float: right; width: 30%; text-align: right; margin-top: 15px; } .logo_mobi { float: left; width: 40%; text-align: center; height: 98px; padding: 10px 0 } .logo_mobi img { height: 100%; object-fit: contain; width: 100%; } ul.header-top_wrap li { display: block; margin-left: 0px; margin-bottom: 7px; } ul.header-top_wrap li.dropdown { display: inline-block; } ul.header-top_wrap li a span { color: #182955; font-size: 10px; } a.dropdown-toggle { grid-gap: 7px; display: grid; grid-template-columns: auto auto; text-transform: uppercase; border-bottom: 1px solid #C4C4C4; } a.dropdown-toggle i { font-size: 11px; } .header-top { padding: 0; } .sis_class { font-size: 9px; line-height: 1.5; color: #182955; border-radius: 5px; padding: 4px 10px; } .box-school_list.list-4 .right .right_1{ margin-bottom : 50px; } .dang_ky_class { font-size: 9px; line-height: 1.5; padding: 4px 10px; border-radius: 5px; } .box-why_hs { align-items: center; justify-content: space-between; grid-gap: 30px; display: grid; grid-template-columns: 47% 49%; } img.banners_why { height: 750px; } .list_banner_home .item .title { transform: translate(-50%, 0); top: auto; bottom: 30px; } .list_banner_home .list_img_tp { padding-left: 3px; padding-right: 3px; } .list_banner_home .list_img_tp .img { float: left; width: 12.5%; } .list_banner_home .list_img_tp .img img { width: 90%; height: 180px; object-fit: cover; } .list_banner_home .list_img_tp .img.item1 { margin-top: 10px; padding-right: 0; text-align: center; } .list_banner_home .list_img_tp .img.item2 { margin-top: 0; text-align: center; } .list_banner_home .list_img_tp .img.item3 { margin-top: 10px; padding-left: 0; text-align: center; } .list_banner_home .list_img_tp .img.item4 { margin-top: 0; padding-right: 0; text-align: center; position: relative; transform: none; top: 0; left: 0; } .list_banner_home .list_img_tp .img.item5 { margin-top: 10px; padding-left: 0; text-align: center; transform: none; position: relative; top: 0; right: 0; } .list_banner_home .list_img_tp .img.item6 { margin-top: 0; padding-right: 0; text-align: center; transform: none; position: relative; top: 0; left: 0; } .list_banner_home .list_img_tp .img.item7 { margin-top: 10px; text-align: center; transform: none; position: relative; bottom: 0; left: 0; } .list_banner_home .list_img_tp .img.item8 { margin-top: 0; padding-left: 0; text-align: center; position: relative; bottom: 0; right: 0; } .box_new_list { grid-gap: 30px; display: block; grid-template-columns: auto; } .box_new_list .bb-project-item:not(:first-child) .box { grid-template-columns: 46% 50%; } .box_new_list .bb-project-item:not(:first-child) { overflow: hidden; height: auto; width: 100%; margin-bottom: 20px; } .box_new_list .bb-project-item:first-child { margin-bottom: 20px; } .backgroud_exp .title_home p { width: 66%; margin: 0 auto; margin-bottom: 48px; } .box-list_c_chuyen_home.pc { display: none; } .box-list_c_chuyen_home.mb { display: block; } .box-list_c_chuyen_home .__item.itemgallrylt { width: 100%; padding: 0; } .box-list_c_chuyen_home .__item.itemgallrylt.a2 { margin-top: 0px; float: right; } .box-list_c_chuyen_home .title_ { width: 100%; float: left; } .box-list_c_chuyen_home .list_cc .__item .title__cc { position: relative; width: 100%; } .box-list_c_chuyen_home .title_ .img { width: 40%; float: left; } .box-list_c_chuyen_home .title_ .name_cc { width: 60%; float: left; } .box-list_c_chuyen_home .title_ .img a img { height: 125px; width: 125px; } .box-list_c_chuyen_home .title_ .name_cc p { text-align: left; padding-left: 16px; } .box-list_c_chuyen_home .title__cc { padding: 0 0px 0 20px; } .box-list_c_chuyen_home .list_cc .__item .title__cc:before { left: 2%; } .lv_about_next { left: -30px; } .lv_about_back { right: -30px; } .exp_slider .swiper-button-next, .exp_slider .swiper-button-prev { display: block; } .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: url(/images/left_dtac.svg); background: transparent; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: url(/images/left_dtac.svg); transform: rotate(180deg); background: transparent; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0% !important; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { left: auto !important; right: 0%; opacity: 1 !important; } .list_cc { margin: 0; } .box-list_c_chuyen_home .list_cc .__item .box__cc { padding: 24px; } .box-wp_footer { display: inline-flex; flex-wrap: wrap; margin-bottom: 40px; } .box-wp_footer .item_footer.a1 { order: 3; width: 100%; flex: 1; margin-left: -25px; margin-right: -25px; background: #182955; margin-top: 48px; padding: 48px 15px; -webkit-order: 3; } .box-wp_footer .item_footer.a2 { order: 1; width: 50%; flex: 0 0 50%; max-width: 50%; -webkit-order: 1; } .box-wp_footer .item_footer.a3 { order: 2; width: 50%; flex: 0 0 50%; max-width: 50%; -webkit-order: 2; } p.left_quocte { white-space: nowrap; } .back_container_m { padding-bottom: 0px; } .right_about-apu { padding-left: 15px; } .left_about-apu { padding-right: 15px; } .tam_nhin .right_text .text_sm { -webkit-line-clamp: inherit; padding: 0 35px; margin-bottom: 20px; } .lecturers_apu-tab ul li p { white-space: nowrap; } .tam_nhin .right_text img { top: 25px; } .tam_nhin:nth-child(2n+2) .box .right_text img { bottom: 15px; } .tam-nhin.history-box:nth-child(2n+2) .box .right_text { padding-left: 15%; padding-right: 0; } .tam-nhin.history-box .box .right_text { padding-left: 0; padding-right: 15%; } .img_doitac { margin-right: 2px; margin-top: 25px; } .thiet_bi .list_menu .item_t_bi { position: relative; padding: 8px; width: 50%; float: left; } .box-wp_tien_trinh .item_tuvan .img_icon .title p:first-child { font-size: 25px; line-height: 1.5; margin-bottom: 0; margin-top: -20px; } .box-wp_tien_trinh .item_tuvan .img_icon .title p:last-child { font-size: 14px; line-height: 1.5; } .box-wp_tien_trinh .item_tuvan .img_icon { width: 210px; } p.title_sm { font-size: 25px; line-height: 1.5; } .title_time_kvien { font-size: 18px; line-height: 1.5; } .box-wp_buoc2 .item_d .title { font-size: 16px; line-height: 1.5; } .box-wp_buoc2 .hequote p { font-size: 13px; } p.title_time_kvien.bottom:after { bottom: -6px; } .container-scholarships .nav > li > a { margin-right: 17px; padding-bottom: 10px; } .list-tab-content.thongtin_hs { padding: 30px 40px 40px 40px; background: rgba(67, 111, 177, 0.12); margin-top: 44px; } .form_dang_ky { grid-template-columns: 47.5% 49%; } .box-list_hb .item_left { padding-right: 0px; width: 100%; } .box-list_hb .item_right { width: 100%; float: right; } .box-list_hb .item:nth-child(2n+2) .item_left { text-align: left; } .box-list_hb .item:nth-child(2n+2) .item_left .box { text-align: justify; } .box-list_hb .item:nth-child(2n+2) .item_right { width: 100%; margin-top: 15px; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc .box_cc_tit { flex: initial; display: block; position: relative; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc .box_cc_tit .name_cc { flex: initial; width: 60%; float: left; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc .box_cc_tit .xem_them_cc { float: left; width: 40%; text-align: right; } .scholarship_left { float: right; width: 100%; padding-right: 0%; } .scholarship_right { float: left; width: 100%; margin-top: 20px; } .scholarship_right img { float: left; width: 100%; } .item_right2.pdf { padding-left: 0%; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc h3 a { font-size: 20px; line-height: 20px; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc .box_cc { font-weight: 400; font-size: 15px; line-height: 1.5; letter-spacing: 0.03em; color: #232323; min-height: 44px; -webkit-line-clamp: 2; display: -webkit-box; overflow: hidden; margin-bottom: 10px; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc .box_cc p { font-weight: 400; font-size: 15px; line-height: 1.5; letter-spacing: 0.03em; color: #232323; min-height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; margin-bottom: 10px; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc { width: 60%; padding-left: 3%; } .box-list_c_chuyen_bottom .list_cc .__item .img { width: 40%; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc .box_cc_tit .xem_them_cc a { font-size: 14px; width: 100%; } .slider_parents_.phu_huynh .lv_about_back { top: 42%; right: -30px; } .slider_parents_.phu_huynh .lv_about_next { top: 42%; left: -30px; } .form_dat_lich { margin-top: 20px; float: left; width: 100%; padding-left: 0px; margin-bottom: 48px; } div.header_warpper.top-fixed { width: 100%; position: fixed; top: 0; left: 0; z-index: 99999999999999; background: white; } .education_list_r { grid-gap: 20px; grid-template-columns: 48% 48%; } .lecturers_apu-tab { position: relative; overflow: scroll; } .scro { width: 720px; } .tab-content.lecturers { display: grid; grid-gap: 20px; grid-template-columns: 48% 48%; margin-top: 31px; } .text_about_us { grid-gap: 20px; display: grid; grid-template-columns: 60% 36%; } .huong_dan_content.chung_nhan table tbody td { width: 100% !important; display: block; padding-left: 0 !important; } .tam_nhin_qt_left, .tam_nhin_qt_right { float: left; width: 100%; } .tam_nhin_qt_right { padding-left: 0px; } .tam_nhin_qt_left { padding-right: 0px; } .header-top_wrap.right ul.dropdown-menu { left: -30px; min-width: auto; } .desc_phu_huynh { width: 100%; padding-right: 0; } .item.hphi .item_left { width: 100%; padding-right: 0; } .item.hphi .item_right { width: 100%; margin-top: 20px; } .item.hphi1 .item_left { width: 100%; } .item_center { width: 100%; padding-left: 0px; margin: 20px 0; } .item_right { width: 100%; } .item.hphi1 .item_left img { width: 100%; } .item_right img { width: 100%; } .box-wp_tuvan_scor { overflow: scroll; } .box-wp_tuvan_scor1 { width: 900px; } .list_con_duong .item_cd.c1 { position: absolute; left: 0px; z-index: 2; } .khung_contact .form-sm { width: 100%; } .form-sm { padding: 5px; width: 100%; float: left; } .form-contact { margin: 0 auto; float: left; width: 97%; } .khung_contact .form-lg { width: 100%; padding-left: 22px; } .left_about-apu.fixed_5 { position: fixed; top: 130px; z-index: 2; width: 151px; } .tam_nhin .left_img { width: 55%; } .menu_link ul li { margin: 0 3px; display: inline-block; } .list_hqt { margin-top: 48px; grid-gap: 25px; grid-template-columns: 48% 48%; } .box-th_list_img img { width: 45%; } .box-school_list .left { float: left; width: 60%; text-align: right; } .box-school_list .left { float: left; width: 100%; text-align: right; } .box-school_list .left img { width: 100%; } .box-school_list .right { float: left; width: 100%; background: #182955; padding: 0 0 0 0px; } .box-school_list { display: block; } .box-school_list .right .right_1 { width: 100%; padding: 40px 15px; } .hover_ap a { font-size: 13px; padding: 13px 28px; } .item_academic a span { font-size: 18px; } .list_event .item--desc { width: 70%; float: left; padding-left: 20px; } .slide_home .swiper-button-prev:after, .slide_home .swiper-container-rtl .swiper-button-next:after { left: 20px; } .slide_home .swiper-button-next:after, .slide_home .swiper-container-rtl .swiper-button-prev:after { right: 20px; } .slide_home .swiper-button-prev, .slide_home .swiper-container-rtl .swiper-button-next { top: 50% !important; bottom: initial !important; } .box-wp_tien_trinh .item_tuvan .img_icon.a2 .title { left: 50px; top: 3%; } .box-wp_tien_trinh .item_tuvan .img_icon.a3 .title { left: 50px; top: 20px; } .buoc_du_dinh .box-wp_buoc2 .hequote p.hequote_email img { margin-right: 11px; width: 11px; height: 9px; margin-top: 2px; margin-left: 2px; } .buoc_du_dinh .box-wp_buoc2 .hequote p img { margin-right: 10px; width: 15px; height: 15px; } .box-wp_tien_trinh .item_tuvan .img_icon.a2 .title { left: 50px; top: 0%; } .box-wp_tien_trinh .item_tuvan .img_icon.a3 .title { left: 50px; top: 8px; } .item_footer.a1 { display: none; } .item_footer.a4 { display: block; background: #182955; padding: 48px 15px; float: left; width: 100%; } .tam_nhin .box { display: grid; } .tam_nhin .left_img img { width: 100%; } .tam_nhin .right_text { position: relative; width: 100%; } .tam_nhin .left_img { width: 100%; } .box-ap_cau_noi .img { width: 40%; float: left; } .box-ap_cau_noi .box { width: 60%; float: left; } ul.ul_hoc_sinh { margin-left: 0 !important; } .item_footer_m { width: 60%; } .detail_view_ts.home { text-align: center; margin-top: 30px; } .box-wp_tien_trinh .item_tuvan .img_icon.a1 .title { left: 20px; } .box-wp_tuvan.box .item_tuvan .img_icon { width: 276px; } .box-wp_tuvan.box .item_tuvan { float: left; width: 25%; } .list_cc { float: left; width: 100%; } .form_quan_tam { grid-template-columns: 49% 49.5%; width: 100%; } .item_lichhoc p { padding-right: 0%; } .item_education .box_education .title { font-size: 15px; } .item_education .box_education .icon_education { width: 50px; } .detail-wp.form { padding: 48px; float: left; } .form-lg { width: 100%; } .left_cuu_sv { float: left; width: 100%; } .right_cuu_sv { float: right; width: 100%; padding-left: 0px; text-align: center; margin-top: 20px; } .right_tu_van { margin-top: 4px; } .tai_sao_5 { margin-top: 0px; } span.title_span.aa { width: 43%; } span.title_span.aa.bb { width: 34%; } .item_education.dich_vu { width: 50%; float: left; padding: 8px; } .item_education.dich_vu .img img { width: 100%; } .form-item label { display: flex; } p.list_dtac { float: left; width: 33.333%; } .ari_doi_tac { margin-top: 48px; } .left_ky_tuc { float: left; padding-right: 30px; width: 45%; text-align: justify; } .right_ky_tuc { width: 55%; } .table_apu { margin-left: 0px; } .box-wp_tuvan.box.aa .title_time_kvien { margin-left: 0px; } .connnnnn { height: 74px; } .box_contact_ .box { float: left; background: white; padding: 0 0 50px 0; margin-top: 30px; } .box_contact_ { position: relative; top: 0; left: 0; right: 0; bottom: 0px; } .box-apu_tp .list_img_tp .img img { width: 70%; } .box-apu_tp .item .title p { font-size: 25px; line-height: 36px; } img.banners-01 { height: 356px; width: 100%; object-fit: cover; } .box-dv_ghoc:last-child .box-dv_list .box-wp_ghoc { float: left; width: 62%; } /*//thêm responsive */ .item_academic.a3 a img.lazy, .item_academic.a4 a img.lazy, .item_academic.img_logo_apu .logo_icon { height: 178px; object-fit: cover; } .box-wp_tuvan.box .list_co_so { position: relative; margin: 0 -13px; margin-left: -8px; margin-right: -12px; } img.banners-02 { width: 100%; height: 230px; object-fit: cover; } .video_mobi { display: block; } .video_decktop { opacity: 0; height: 0px !important; margin-bottom: -28px; position: absolute; z-index: -22; } .left_news .block-list-item .img--news img { height: 137px; object-fit: cover; width: 100%; } .box-mg_list .box ul li { white-space: initial !important; } .box-apu_tp .list_img_tp .img.item5 { bottom: -20px; } .box-apu_tp .list_img_tp .img.item3 { margin-top: 45px; } .box-ts_list .item-parents .box_exp .img img.lazy { height: 129px; } .box-wp_lich .item_lich { float: left; width: 50%; margin-bottom: 48px; } .box-wp_lich .item_lich:nth-child(2n+3) { clear: both; } .box-wp_lich .item_lich:nth-child(3n+4) { clear: initial; } .box-wp_lich.box { padding: 10px; } .news__events--detail .news__event { width: 100%; } .box-wp_tien_trinh .item_tuvan .img_icon.a1.bmau .title p:first-child { /* position: relative; */ margin-top: -7px; } .box-wp_tien_trinh .item_tuvan .img_icon.a3.bmau .title p:first-child { /* position: relative; */ margin-top: -13px; } /*//thêm responsive */ .box-school_list .right .right_1{ width: 100%; } .box-pthong_list.box-lydo{ width: 100%; } p.lydo-mm-tl{ display: block; } .ctvn-clc .box-pthong_img{ width: 100%; } .list-item-ctdt{ padding: 0 40px; } .list-item-ctdt .item-ctdaotao{ width: 100%; } .box-school_list.list-i .left.ll, .box-school_list.list-i .right.rl{ width: 100%; } .box-school_list.list-2 .right.rl-2 .right_1, .box-school_list.list-4 .right.rl-4 .right_1{ float: right; margin-bottom: 70px; } .box-school_list.list-2 .right .button-30, .box-school_list.list-4 .right .button-30{ right: unset; } .container .list-hqt-ctvn{ display: flex; flex-wrap: wrap; } .container .list-hqt-ctvn .item_ { padding: 30px 15px; } p.lydo-mm-tl, p.title_sm.ct-sm-tl{ width: 90%; margin: 0 auto; } .list-newsletter{ flex-wrap: wrap; } .list-newsletter .item_education{ margin: 0; width: 48%; } .list-newsletter-2 .item_education{ width: 48%; } } @media screen and (max-width: 644px) { .item_academic.a1, .item_academic.a2,.item_academic.a3,.item_academic.a4,.item_academic.img_logo_apu,.item_academic._bottom{ width: 100%; } .item_academic.a3 a img.lazy, .item_academic.a4 a img.lazy, .item_academic.img_logo_apu .logo_icon{ height: unset; } } @media screen and (max-width: 574px) { .list-newsletter .item_education{ width: 45%; } .box-school_list.list-i .right .box{ max-height: 115px; } } @media all and (max-width: 480px) { img.banners-01 { height: 210px; width: 100%; object-fit: cover; } .box-why_hs { align-items: center; justify-content: space-between; grid-gap: 0px; display: grid; grid-template-columns: 100%; } img.icon_home_apu { display: none; } .box-why_hs p:hover img.icon_home_apu1{ display: none; } .box-why_hs p { padding: 15px; text-align: left; } .box-why_hs p span:nth-child(1) { font-size: 40px; text-align: left; } .box-why_hs .title_span { font-size: 40px; line-height: 1.5; margin: 10px 0; } .bb-project-item:first-child .text-center .text h2 a { min-height: auto; } .title_home-h2 { line-height: 1.5; font-size: 20px; } .title_home p { font-size: 13px; line-height: 1.5; } .box-why_hs p{ font-size: 13px; line-height: 1.5; } img.banners_why { height: 560px; } .list_banner_home .list_img_tp .img img { width: 90%; height: 150px; object-fit: cover; } .list_banner_home .item .title p { font-size: 20px; line-height: 1.5; } .list_banner_home .item .title span { font-size: 13px; line-height: 18px; float: initial; margin-bottom: 25px; display: block; } .list_banner_home .item .img img.lazy.banner { width: 100%; height: 380px; } .list_banner_home .item .title a { padding: 10px 20px; font-size: 14px; line-height: 1.5; } .bb-project-item .text-center .text h2 a { font-size: 14px; } .bb-project-item .text-center .text p { font-style: normal; font-weight: 300; font-size: 13px; line-height: 1.5; } label.time, label.views { font-size: 8px; line-height: 1.5; } .detail_view_ts a { padding: 9px 20px; font-size: 14px; } .box_new_list .bb-project-item:not(:first-child) .box { display: grid; grid-template-columns: 46% 50%; grid-gap: 17px; } .bb-project-item:not(:first-child) .text-center .text h2 a { font-size: 14px; } .bb-project-item:not(:first-child) .text-center .text p { margin-bottom: 3px; } .backgroud_exp .title_home p { width: 73%; margin-bottom: 0; } .backgroud_exp { background: rgba(67, 111, 177, 0.12); padding: 33px 0; } ._sharing-parents .title_home-h2 { margin-bottom: 20px; } .exp-apu .title_home-h2{ width: 60%; } .box-list_c_chuyen_home .__item.itemgallrylt { padding: 30px; } .box-school_list-gioithieu .right .right_1{ text-align : center; } .slider_parents_ .box_exp .img img.lazy { width: 100%; } .slider_parents_ .box_exp { padding: 0 20px; } .box_exp.stt_chan { margin-top: 0px; } .box_parents.parents_bottom{ margin: 0 20px; margin-top: 20px; } .lv_about_next { left: -20px; } .lv_about_back { right: -20px; } .box-wp_footer .item_footer.a2 { order: 1; width: 50%; flex: 0 0 100%; max-width: 100%; } .box-wp_footer .item_footer.a3 { order: 2; width: 50%; flex: 0 0 100%; max-width: 100%; margin-top: 20px; } .menu_link { display: none; } .bottom_footer { display: grid; grid-template-columns: 100%; padding: 20px 0; } p.meta_copy1 { text-align: center; } .bottom_footer p { text-align: center; } .menu_link.mb { display: block; float: left; width: 100%; text-align: center; margin-top: 10px; } .menu_link p{ margin-right: 0; margin-bottom: 14px; } .left_about-apu { float: left; width: 100%; padding-right: 0px; } .right_about-apu { float: right; width: 100%; padding-left: 0px; margin-top: 30px; } .wpb_content_element tr { display: grid; } .wpb_content_element tr td.tcs-selection-enabled { width: 100% !important; } .caret2 { display: inline-block; font-size: 14px; padding-left: 10px; background: url(/images/menu_sp.png) no-repeat; background-size: 20px; height: 20px; width: 20px; position: absolute; right: 10px; top: 10px; } .dropdown_pt button { width: 100%; border: none; background: #182955; color: #fff; font-size: 16px; font-weight: 500; text-align: left; padding: 10px 10px; border-bottom: 1px solid white; } .dropdown_pt { position: relative; } .menumobile .dropdown-menu { padding: 0; top: 93%; background: #182955; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 190px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%); box-shadow: 0 6px 12px rgb(0 0 0 / 18%); } .open > .dropdown-menu { display: block; } .list_menu_ab.mb { display: block; border-top: none; padding-top: 0px; } .list_menu_ab { display: none; } .list_menu_ab ul.dropdown-menu li a { color: #FFF; font-size: 13px; } .text_about_us { grid-gap: 4px; display: grid; grid-template-columns:auto; } .box-ts_list .item-parents { width: 100%; } .box-ts_list .item-parents .box_exp .img img { width: 100%; } .box-ts_list .item-parents { margin: 15px 0; } .box-ts_list .item-parents img{ width: 100%; } .box-dv_tai_sao.item3 { float: left; width: 100%; padding: 11px; } .box-dv_tai_sao.item3 .img img{ width: 100%; } .box-wp_buoc2 .item_d { float: left; width: 100%; } .box-wp_buoc2 .item_d:first-child { padding-right: 0px; margin-bottom: 20px; } .box-wp_tien_trinh .item_tuvan .img_icon { width: 147px; } .box-wp_tien_trinh .item_tuvan .img_icon .title p:first-child { font-size: 18px; line-height: 1; margin-bottom: 5px; margin-top: 0px; } .item-ctdaotao .title-ctdt-s{ -webkit-line-clamp: 3; } .box-wp_tien_trinh .item_tuvan .img_icon .title p:last-child { font-size: 8px; line-height: 1; margin-bottom: 0; } .box-wp_tien_trinh .item_tuvan .img_icon.a2 .title { left: 15px; top: -0px; } .box-wp_tien_trinh .item_tuvan .img_icon.a3 .title { left: 20px; top: 8px; } .box-wp_tien_trinh .item_tuvan .img_icon.a1 .title { left: 15px; } .apply-tabb { overflow: scroll; } .apply-tab { width: 600px; } .list-tab-content.thongtin_hs { padding: 30px 20px 30px 20px; } .form_dang_ky { grid-template-columns: auto; grid-gap: 0; } .item.hphi .item_left { width: 100%; padding-right:0; } .item.hphi .item_right { width: 100%; margin-top: 20px; } .item.hphi1 .item_left { width: 100%; } .item_center { width: 100%; padding-left: 0px; margin: 20px 0; } .item_right { width: 100%; } .item.hphi1 .item_left img{ width: 100%; } .item_right img{ width: 100%; } .item_right2.pdf a span { margin-left: 6px; border-bottom: 1px solid #182955; } .item_right2.pdf a img { width: 19px; } .item_right2 { float: left; width: 100%; margin-top: 20px; } .form-contact { margin: 0 auto; float: left; width: 100%; } .item_right2.pdf a { font-size: 11px; } .box-list_c_chuyen_bottom .list_cc .__item .img { width: 100%; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc { width: 100%; padding-left: 0%; } .box-list_c_chuyen_bottom .list_cc .__item .img img { border-radius: 22px; float: left; width: 100%; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc:before { left: 0%; top: 7; } .box-list_c_chuyen .title_cc .box_cc{ display: none; } .box-list_c_chuyen .title_cc h3 a { font-size: 15px; } .box-list_c_chuyen .title_cc { padding: 15px 15px; opacity: 0; } .desc_phu_huynh { float: left; width: 100%; padding-right: 0px; } .item_academic.a1, .item_academic.a2 { width: 100%; } .item_academic.a3 { width: 100%; } .item_academic._bottom { width: 100%; } .item_academic.img_logo_apu { width: 100%; } .list_hqt { margin-top: 47px; grid-gap: 22px; grid-template-columns: 47% 47%; } .list_hqt .item_ { padding: 30px 15px; } .box-mg_list.left { float: left; width: 100%; padding-right: 0px; } .box-mg_list.right { float: left; width: 100%; } .box-th_list .item { width: 100%; float: left; padding: 0 31px; text-align: center; margin-bottom: 20px; } .box-th_list .item .box{ margin-top: 10px; } .box-th_list_img img { width: 100%; margin: 0 ; margin-bottom: 20px; } .box_hqtt.elementary { padding-bottom: 45px; } .box-school_list .left { float: left; width: 100%; text-align: right; } .box-school_list .right { float: left; width: 100%; background: #182955; padding: 30px 15px; } .box-school_list .right .right_1 { width: auto; } .box-school_list{ display: block; } .box-pthong_list { float: left; width: 100%; } .box-pthong_img { float: right; width: 100%; text-align: right; margin-top: 20px; } .form-contact.form-dangky_tuvan .form-sm { padding-left: 0px; width: 100%; } .form .form-item { padding: 7px; margin: 8px 0; } .form-item label{ padding-left: 10px; font-size: 12px; white-space: initial; } .form-item.form-lg.txt-center .btn-send.send_ { padding: 8px 20px; font-size: 14px; } .box-pthong_img.he_song_ngu .owl-lazy { padding: 0 0px; margin: 10px 0; width: 100%; } .box-pthong_img.he_song_ngu { width: 100%; margin: 0 0px; margin-top: 46px; } .box-ct_h_list.left { width: 100%; padding-right: 0px; } .box-ct_h_list.right { width: 100%; padding-left: 0; margin-top: 20px; } .slider-home-img .title .title_h1 { font-size: 25px; line-height: 25px; width: 85%; text-align: center; } .box-nc_ap_list.left { width: 100%; padding-right: 0px; } .box-nc_ap_list.right { width: 100%; } .box-nc_ap_list.right .item_img img{ width: 100%; } .box_ct_he { float: left; margin-top: 48px; } .box-ap_cau_noi .box { width: 100%; float: left; } .box-ap_cau_noi .img { width: 100%; float: left; } .box-nc_ap_list.left.tquan { width: 100%; } .box-nc_ap_list.right.tquan { width: 100%; } .box-ct_h_list.left.kq { padding-right: 0px; } .item_education.dich_vu { width: 100%; float: left; padding: 8px; } .item_education.hoi_dong { float: left; width: 100%; padding: 8px; } .item_education.hoi_dong .img img{ width: 100%; } .box-dv_ghoc:last-child .box-dv_list .box-wp_ghoc { float: left; width: 100%; } .item_education.cau_lac { float: right; width: 100%; padding: 8px; } .item_education.cau_lac .img img{ width: 100%; } .block-list-item { display: grid; grid-gap: 0px; grid-template-columns: 100%; margin-top: 48px; float: left; } .left_news { width: 100%; float: left; margin-bottom: 40px; padding-right: 0px; } .right_news { width: 100%; float: left; padding-left: 0px; } .list_news_other .block__item-note { width: 100%; float: left; padding: 20px; } .khung_contact .detail-wp { margin-bottom: 50px; width: 100%; } .khung_contact .form-sm { width: 100%; } .khung_contact .form-lg { width: 100%; padding-left: 7px; } .khung_contact .form-item label{ padding-left: 0; white-space: nowrap; } .box-apu_tp .list_img_tp .img.item1{ display: none; } .box-apu_tp .list_img_tp .img.item3{ display: none; } .box-apu_tp .list_img_tp .img.item4{ display: none; } .box-apu_tp .list_img_tp .img.item5{ display: none; } .box-apu_tp .list_img_tp .img.item6{ display: none; } .box-apu_tp .list_img_tp .img img { width: 85%; } .box-apu_tp .list_img_tp .img { float: left; width: 100%; margin: 0 auto; text-align: center; } .box-apu_tp .item .title { top: 67%; width: 80%; } .box-list_c_chuyen_home .title_ .img { width: 45%; float: left; } .box-list_c_chuyen_home .title_ .name_cc { width: 55%; float: left; } .box-list_c_chuyen_home .list_cc .__item .box__cc { padding: 12px; width: 100%; } .hequote p{ float: left; width: 100%; } .hequote p.left_quocte { float: left; width: 44%; display: flex; } .box_new_list .bb-project-item:not(:first-child) .box .img img{ height: 100%; width: 100%; object-fit: cover; } .box_new_list .bb-project-item:not(:first-child) .box .img a{ height: 100%; } .text_about_us p img{ width: 100%; } .tam_nhin .left_img { float: left; width: 100%; position: relative; } .tam_nhin .right_text { float: left; width: 100%; text-align: left; } .tam_nhin .box{ display: grid; } .tam_nhin .right_text .title_sm { font-size: 20px; padding: 0 15px; } .tam_nhin .right_text .text_sm { -webkit-line-clamp: 13; padding: 0 15px; padding-bottom: 20px; } .tam-nhin.history-box:nth-child(2n+2) .box { float: right; width: 100%; } .tam-nhin.history-box:nth-child(2n+2) .box .right_text { padding-left: 0%; padding-right: 0; } .tam-nhin.history-box:nth-child(2n+2) .box .title p.title_his { right: initial; left: 0px; position: relative; text-align: center; margin: 0 auto; } .tam-nhin.history-box .box .title p.title_his{ right: initial; left: 0px; position: relative; text-align: center; margin: 0 auto; top: 0px; } .line{ display: none; } .tam-nhin.history-box:nth-child(2n+2) .box .left_img { text-align: right; margin-left: 0%; margin-right: 0; position: relative; } .tam-nhin.history-box .box .right_text { padding-left: 0; padding-right: 0%; } .tam-nhin.history-box .box .left_img { text-align: left; margin-right: 0%; position: relative; } .tam-nhin.history-box .box { width: 100%; float: left; margin-bottom: 30px; } .tam-nhin.history-box .box .title { position: relative; margin-bottom: 20px; } .tam-nhin.history-box .box .right_text .text_sm p { margin-bottom: 20px; } .tab-content.lecturers { display: grid; grid-gap: 15px; grid-template-columns: 100%; margin-top: 31px; } .tab-content.lecturers .content { width: 100%; } .tab-content.lecturers .content .un-img img{ width: 100%; } .education_list_r { grid-template-columns: 100%; } .item_education { position: relative; width: 100%; } .education_list_r .item_education .img img{ width: 100%; } td.chung_nhan4, td.chung_nhan3{ width: 100%; display: block; } .chung_nhan4 img { position: relative; top: 0px; } .list_khuvien{ grid-template-columns: 100%; } .khuon_vien .lecturers_apu-tab ul li.active p { color: #DCAA1E; font-size: 20px; line-height: 26px; } .khuon_vien .lecturers_apu-tab ul li p { font-size: 20px; } .thiet_bi .list_menu .item_t_bi.tiem { position: relative; width: 100%; } .thiet_bi .list_menu .item_t_bi { width: 100%; } .thiet_bi .list_menu .item_t_bi .img img{ width: 100%; } .box-list_video_ .img { float: left; width: 100%; padding: 12px; } .box-list_video_ .img img { overflow: hidden; width: 100%; } .box-list_hb .item_left{ width: 100%; padding-right: 0; } .box-list_hb .item_right { width: 100%; } .box-list_hb .item:nth-child(2n+2) .item_right { float: left; width: 100%; } .box-list_hb .item:nth-child(2n+2) .item_left .box{ text-align: left; } .box-list_hb .item:nth-child(2n+2) .item_left{ text-align: left; } .scholarship_left{ width: 100%; padding-left: 0; padding-right: 0; } .scholarship_right { float: left; width: 100%; padding-right: 0px; } .scholarship_right img{ width: 100%; } .form_quan_tam{ grid-template-columns: 100%; display: block; } .form_dat_lich .form-item label{ white-space: nowrap; } .box-list_tt { float: left; width: 100%; } .scholarship { margin-top: 36px; float: left; width: 100%; } .box-list_c_chuyen_bottom .list_cc .__item { padding: 20px 20px; } .box-list_tt_scor{ position: relative; } .box-list_tt_scor1 { overflow: scroll; width: 400px; } .box-list_tt_scor2 { width: 500px; } .dat_lich_tham_quan .form-item label{ white-space: nowrap; } .item_academic a span.img_icon_ { top: 30px; right: 30px; } .box-ck_ap_list .item{ flex: 0 0 100%; max-width: 100%; } .box-ck_ap_list .item .img img{ width: 100%; } .box-ck_ap_list .item .box { padding: 9px 0; } .box-ck_ap_list .item { position: relative; padding: 9px 0; } .box-ck_ap_list .item .box:after { left: 0px; right: 0px; } .box-nc_ap_list .item .box .box-ap ul{ margin-left: 10px !important; } .box_ct_he.danh_sach p.title_sm { width: 100%; font-size: 20px; } p.title_sm { font-size: 20px; line-height: 1.5; margin-bottom: 10px; } .box-dv_ghoc { margin-bottom: 48px; float: left; } .item_education .box_education .title { font-size: 15px; line-height: 20px; } .box-wp_ct .item_chuong_trinh { float: left; width: 100%; padding: 15px; } .box-wp_lich .item_lich { float: left; width: 100%; margin-bottom: 30px; text-align: center; } .item_lichhoc { float: left; width: 100%; display: grid; grid-template-columns: 18% 80%; margin-bottom: 30px; } .item_lichhoc p { padding-right: 0%; } .left_tu_van { float: left; width: 100%; padding-right: 0px; } .right_tu_van { width: 100%; margin-top: 0px; text-align: center; } .right_tu_van p{ text-align: center; } .left_cuu_sv { float: left; width: 100%; } .right_cuu_sv { float: right; width: 100%; padding-left: 0px; } .form-sm { padding: 5px; width: 100%; float: left; } .box-wp_tuvan .form_ .form-item label { padding-left: 10px; font-size: 12px; white-space: nowrap; } .form-lg { width: 100%; } .detail-wp.form { padding: 30px; float: left; } .left_ky_tuc { float: left; padding-right: 0px; width: 100%; text-align: justify; } .right_ky_tuc { position: relative; float: left; width: 100%; overflow: hidden; } .item_education.co_so { width: 100%; float: left; padding: 8px; } .item_education.co_so .img img{ width: 100%; } .left_about-apu.fixed_5 { position: relative; top: 0; width: 100%; } td.chung_nhan3.mm { width: 100%; letter-spacing: 0.04em; } td.chung_nhan3.dd { width: 100%; } td.chung_nhan3.aa.ww { padding-right: 0px; width: 100%; } td.chung_nhan3.aa.bb { padding-right: 0px; } .item_footer.top.a2 { padding-right: 0px; padding-left: 0px; } p.mm { font-weight: 500; font-size: 14px; line-height: 138.84%; letter-spacing: 0.03em; color: #DCAA1E; display: block; text-align: center; } .back_container_m{ padding-top: 41px; } .box-apu_tp .list_img_tp .img.item2 img { float: initial; margin-top: 13px; height: 150px; object-fit: cover; } p.tp_dn{ margin-bottom: 10px; } ._sharing-parents .lv_about_next { left: 20px; width: 35px; height: 35px; top: 25%; background-size: 70%; } ._sharing-parents .lv_about_back { right: 20px; width: 35px; height: 35px; top: 25%; background-size: 70%; } ._sharing-parents .backgroud_exp { background: linear-gradient(180deg, rgba(220, 170, 30, 1) 363px, rgba(24, 41, 85, 1) 30px); } .slider_parents_.phu_huynh .lv_about_back { width: 35px; height: 35px; top: 25%; right: 20px; background: url(/images/right1.svg) no-repeat center center; background-size: 70%; } .slider_parents_.phu_huynh .lv_about_next { width: 35px; height: 35px; top: 25%; left: 20px; background: url(/images/left1.svg) no-repeat center center; background-size: 70%; } .box-wp_buoc2 .hequote p.hequote_email img { width: 12px; height: 8px; margin-right: 12px; } .buoc_du_dinh .box-wp_buoc2 .hequote p.hequote_email img { margin-right: 12px; width: 11px; height: 9px; margin-top: 2px; } .buoc_du_dinh .box-wp_buoc2 .hequote p img { margin-right: 10px; width: 14px; height: 12px; margin-top: 3px; } .form_dat_lich .form .form-item { margin: 8px 0px; } .box-mg_list.left.aa{ width: 100%; padding-right: 0; } .box-mg_list.right.aa.bb{ width: 100%; margin-top: 10px; } .box_hqt.dm { margin-bottom: 48px; width: 100%; } .dat_lich_tham_quan { width: 100%; } .box-dv_tai_sao .detail_view_ts { margin-top: 20px; } .item_footer .hequote p{ padding-left: 0; } .box-ts_list .item-parents:last-child{ margin-bottom: 0; } .detail-wp.dangky_tuvan { margin-bottom: 48px; width: 100%; } .box-school_list .right .right_1{ padding: 20px 0; } .form-item.form-lg.textarea label { height: 34px; } .detail-wp.form .title { font-size: 20px; } .form .form-item{ position: relative; } label.error { color: red; border-right: initial; font-weight: 400; font-size: 10px !important; position: absolute; right: 6px; top: 16px; padding-right: 0!important; } .item_education .box_education .title { font-size: 20px; } .item_education .box_education .icon_education { width: initial; } span.title_span.aa { margin-left: 0; } span.title_span.cc{ margin-left: 0; } span.title_span.aa { width: 37%; } span.title_span.aa.bb { width: 20%; } .box_contact_ { position: relative; top: 0; left: 0; right: 0; bottom: 0px; } .box_contact_ .box { float: left; background: white; padding: 0 0 50px 0; margin-top: 30px; } .hequote p{ padding-left: 0; } .item_footer_m { width: 100%; } .box-wp_tuvan.box .item_tuvan .title{ display: flex; align-content: center; } .box_contact_ .hequote p img { width: 11px; } .img_doitac p.list_dtac.active img{ margin: 0px -2px; border: 2px solid #d7970c; } .img_doitac img { margin: 0px 0px; } p.list_dtac { float: left; width: 50%; text-align: center; } .list_con_duong_scor { overflow: hidden; } .list_con_duong .item_cd.c1 { position: relative; top: 15%; left: 15px; z-index: 2; width: 122px; } .list_con_duong .item_cd.c1:after { transform: rotate(0deg); right: 28px; top: -38px; } .item_cd.c1 .title { margin-top: 0px; position: relative; top: -157px; left: 20px; } .list_con_duong .item_cd.c1:before { background: #C4C4C4; content: ""; position: absolute; left: 69%; bottom: 7px; width: 1px; height: 52px; transform: rotate(121deg); } .item_cd.c2 { top: 32%; left: -61px; width: 119px; } .item_cd.c2 .title { position: absolute; bottom: -80px; margin-left: -45px; width: 132px; } .list_con_duong .item_cd.c2:before { left: 5%; top: 98px; } .item_cd .title p { font-size: 13px; line-height: 14px; } .list_con_duong .item_cd.c1 img { z-index: 2; position: relative; width: 77px; } .list_con_duong .item_cd.c2 img { z-index: 2; position: relative; width: 119px; } .list_con_duong .item_cd.c2:after { right: -11px; bottom: -11px; } .item_cd.c3 { position: relative; left: initial; top: 28%; width: 263px; right: -100px; } .list_con_duong .item_cd.c3 img { width: 90px; } .item_cd.c4 { right: -190px; top: 68px; z-index: 2; width: 110px; } .item_cd.c5{ width: 91px; } .list_con_duong .item_cd .title .box { font-size: 9px; } .item_cd.c3 .title { width: 61%; top: -205px; left: 29px; position: relative; } .list_con_duong .item_cd.c3:after { transform: rotate(0deg); right: 93px; top: -11px; } .list_con_duong .item_cd.c3:before { background: #C4C4C4; content: ""; position: absolute; left: 49%; top: 80px; width: 1px; height: 65px; } .list_con_duong .item_cd.c4 img { width: 110px; } .item_cd.c4 .title { position: absolute; bottom: -71px; width: 183px; left: -190px; } .list_con_duong .item_cd.c5 img { z-index: 2; position: relative; width: 91px; } .item_cd.c5 { position: relative; left: 140px; top: 200px; } .list_con_duong .item_cd.c4:after { transform: rotate(206deg); right: 22px; bottom: -31px; height: 71px; } .item_cd.c5 .title { margin-left: -151%; position: relative; top: -15px; } .list_con_duong .item_cd.c5:before { background: #C4C4C4; content: ""; position: absolute; left: 25%; bottom: -13px; width: 1px; height: 46px; transform: rotate(246deg); } .xemthem_m.dk { position: absolute; bottom: -84px; left: 20px; width: 150px; } .xemthem_m.dk a { background: #DCAA1E; color: #182955; padding: 8px 16px; } .xemthem_m a { font-size: 14px; line-height: 14px; padding: 8px 16px; } .list_con_duong { width: 100%; } .list_con_duong .item_cd.c4:before { background: #C4C4C4; content: ""; position: absolute; left: -3%; bottom: -8px; top: initial; width: 1px; height: 28px; transform: rotate(232deg); } .modal5.active .modal-content.a { width: 90%; } .box-wp_tuvan.box .form-item input{ font-size: 12px; } .box-wp_tuvan.box .form-item.form-sm select { font-size: 12px; } .clonedInput .form-item input{ font-size: 12px; } .clonedInput .form-item.form-sm select{ font-size: 12px; } .clonedInput .form-item.form-lg.textarea textarea{ font-size: 12px; } .dat_lich_tham_quan .form-item input{ font-size: 12px; } .dat_lich_tham_quan .form-item.form-sm select{ font-size: 12px; } .khung_contact .form-item input{ font-size: 12px; } .form-contact.form-dangky_tuvan { padding-left: 15px; padding-right: 15px; padding-bottom: 10px; } .connnnnn{ height: auto; } .detail_view_ts.home.aa { margin-top: 20px; } .detail_view_ts.home.bb { margin-top: 10px; } .detail_view_ts.home1 { margin-top: 40px; } .box-wp_tuvan_scor1{ width: 100%; } .box-wp_tuvan_scor { overflow: hidden; } .box-wp_tuvan.box .item_tuvan { float: left; width: 100%; padding-right: 0; } .box-wp_tuvan.box .item_tuvan .img_icon { width: 50%; float: left; margin-bottom: -35px; } .box-wp_tuvan.box .item_tuvan .img_icon.a4 { margin-bottom: 10px; } .box-wp_tuvan.box .item_tuvan img{ float: left; width: 50%; height: 126px; padding-left: 10px; object-fit: cover; } .box-wp_tuvan.box .item_tuvan .img_icon img { width: 200px; transform: rotate(90deg); height: 174px; padding-left: 0; object-fit: fill; } .box-wp_tuvan.box .item_tuvan .title { position: absolute; top: 0; left: 14px; right: 10px; bottom: 0; display: grid; align-items: center; text-align: left; font-size: 11px; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc h3 a { -webkit-line-clamp: 7; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .box-list_c_chuyen_bottom .list_cc .__item .title__cc .box_cc { -webkit-line-clamp: 10; } .education_list .desc2 { margin-top: 48px; } .education_list_rr details { width: 100%; margin-bottom: 30px; } .desc.chung_nhan { margin-top: 20px; } .education_apu .huong_dan { font-size: 18px; } .box-list_hb .item:first-child { margin-bottom: 0; } .slider_parents_.phu_huynh .box_exp{ padding: 0; } .slider_parents_.phu_huynh .box_parents.parents_bottom{ margin-left: 0; margin-right: 0; } .slider_parents_.phu_huynh .top_slider span.lv_about_next{ left: 0px; } .slider_parents_.phu_huynh .top_slider span.lv_about_back{ right: 0px; } .slider_parents_.phu_huynh .bottom_slider span.lv_about_next{ left: 0px; } .slider_parents_.phu_huynh .bottom_slider span.lv_about_back{ right: 0px; } .list_hqt .item_ span.title { font-size: 20px; } .box_hqtt.elementary{ padding-top: 48px; } .huong_dan_content.chung_nhan table tbody td.doitac{ padding-right: 0; } .detail-wp.dangky_tuvan { padding: 30px; } .box-dv_ghoc:last-child { margin-bottom: 0px; } .list_car img { width: 43%; margin: 6px; } .left_news .item--desc{ margin-bottom: 20px; } .khung_contact { padding-bottom: 20px; } .khung_contact .detail-wp .title { margin-top: 48px; } .box-apu_tp .item .title p { font-size: 20px; line-height: 25px; } .item_education.cau_lac.a1 { margin-top: 0; } .box-pthong_img img.lazy { width: 100%; } .slick-slider .slick-track, .slick-slider .slick-list{ height: initial !important; } .slick-slider .slick-prev { left: 0px; } .slick-slider .slick-next { right: 0px; } .hequote p.left_quocte i { float: left; } .hequote p.left_quocte span{ float: left; } .hequote p.left_quocte img { float: left; height: 13px; margin-top: 4px; } .box-nc_ap_list .item .box .title{ text-align: left; } p.left_quocte img { width: 13px; } .box-wp_tuvan.box .list_co_so { position: relative; margin: 0 -13px; margin-left: -8px; margin-right: -8px; } img.banners-02 { width: 100%; height: 120px; object-fit: cover; } p.qua_caummm { display: flex; } p.qua_caummm img{ width: 15px!important; height: 15px!important; } p.qua_cau img { width: 12px; margin-right: 7px; margin-left: 2px; } ul.slick-dots { bottom: -34px!important; z-index: 0; } .left_news .block-list-item .img--news img { height: 221px; object-fit: cover; width: 100%; } .block-list-item .item--desc .title p{ text-align: left; } .list_con_duong{ margin-top: 0; } span.hoidong2 br { display: none; } .item_right2.pdf.aa { padding-left: 0%; } .box-ts_list .item-parents .box_exp .img img.lazy { height: 261px; } .backgroud_exp .slider_parents_ .box_exp .img img.lazy { height: 396px; width: 100%; object-fit: cover; } .box-wp_lich.box { padding: 5px; } .detail-content--post iframe{ width: 100% !important; } .box-wp_tien_trinh .item_tuvan .img_icon.a2.bmau .title p:first-child { margin-top: -15px; } .hequote strong { margin-left: 0; } .list_menu_tp ul li p { font-size: 20px; } .form-item.form-sm select { font-size: 12px; } .content_accor tr { display: grid; } .slide_home .lv_about_back{ top: 37.5%; } td.tcs-selection-enabled { padding-left: 0 !important; width: 100% !important; } .box-school_list .right p.title_school{ font-size: 20px; line-height: 1.5; margin-bottom: 10px; } /*thêm responsive */ .box-school_list.list-1 .right.rl-1 .right_1, .box-school_list.list-3 .right.rl-3 .right_1, .box-school_list.list-2 .right.rl-2 .right_1, .box-school_list.list-4 .right.rl-4 .right_1{ padding-right: 15px; margin-right: 0; } .f-newsletter{ display: none; } .f-newsletter.mb{ display: block; } .list-newsletter .item_education{ width: 100%; } .list-newsletter .item_education .img img{ width: 100%; } .box_hqtt.elementary .box-th_list .box.tt.ctdaotao{ width: 80%; } .box_hqtt.elementary .item-chuongtrinh p.title_sm{ padding : 0 15px; } .box-pthong_list.box-lydo{ padding-right : 0; text-align: center ; } } @media all and (width: 414px) { .item_cd.c4 { right: 69px; top: 308px; z-index: 2; width: 110px; } .item_cd.c5 { position: relative; left: -2px; top: 321px; } .item_cd.c3 { position: relative; left: initial; top: 28%; width: 263px; right: -108px; } .slide_home .lv_about_back{ top: 39%; } .education_list_rr .content_accor tr{ display: grid; } .content_accor td.tcs-selection-enabled { width: 100% !important; } } @media all and (width: 375px) { .box-wp_tien_trinh .item_tuvan .img_icon { width: 129px; } } @media all and (width: 320px) { } @media (min-width: 1400px) { } @media (width: 1920px) { .video-contai { } img.banners-01 { height: auto; width: 100%; object-fit: cover; } }