@media all and (max-width: 1300px) { .text_sl { top: -305px; left: -170px; } .text_bn{ left: 80px; top: 130px; } .contennt_p1 { height: 135px; } p.contennt_p1.ap_pl { height: 110px; } } @media all and (max-width: 1024px) { .khung_duoi_p1 { width: 52%; height: 90%; left: -19px; } .img_tl { top: 110px; right: 115px; } p.mota { height: 155px; } .ap_abc{ width: 93% !important; margin-bottom: 3%; margin: 0; } p.contennt_p1.ap_pl { height: 104px; } .bg_td { width: 51%; height: 100%; } .bg_tt { width: 50%; height: 100%; background-color: #E2F5FF; position: absolute; right: 0; } #slide-nhanvien button.owl-prev,#slide-nhanvien button.owl-next{ display: none; } .tintuc_home{ height: 302px; } .tintuc .slide_top { margin-bottom: 5%; width: 100%; float: left; margin-right: 1%; } .texttt.tt_vb a{ padding: 0; } .td_tt { height: 53px; } .texttt.tt_vb p { padding-top: 13%; } .texttt.tt_vb a.xem{ padding: 5px; } .texttt p{ height: 162px; } .slide-hd { margin-top: -12%; } .text_bn { position: absolute; top: 127px; left: 51px; } .fixed .navigation > ul > li > a { margin-right: 36px; } .text_sl{ left: -146px; top: -231px; } .video_p1{ margin-top: 5%; margin-right: 8%; } .ap_abc h1{ margin-top: -26px; } .contennt_p1{ height: 176px; } p.title-p1.apham { margin-top: 5%; } .text_p1 { width: 42%; text-align: justify; margin-top: 4%; color: #07547B; float: left; } .texttt.tt_vb { margin-top: 8%; } .banner img{ height: 210px; } .description.ap_list h4{ height: 85px; } .other_ap{ width: 38%; left: -274px; } .iconap { padding-left: 9%; } input#smsearch-l{ left: 212px; } .noidung_other { height: 116px; } } @media all and (max-width: 800px) { }@media all and (max-width: 768px) { .logo.a1 { display: block; } .search.a4{ margin-top: 8%; display: block; float: right; } .header-right { height: 110px; width: 100%; } ul.lag{ display: none; } .header .header-top{ display: none; } .frm-search{ right: -15.4em; top: -1em; } .header { height: 100px; background-color: #087BB5; opacity: 0.9; } .fb_tt{ display: none !important; } .header .logo{ width: auto; } .header .logo .img img{ max-height: 90px; } .logo { margin-left: 35%; } input#search{ left: -14em; box-shadow: none; background-color: rgba(33, 136, 188, 0); height: 45px; position: absolute; top: -121%; } .search input[type="submit"]{ right: -4%; top: -12px; } #hamburger{ top: 30px; left: 40px; } .carousel-inner>.item>img { object-fit: cover; } .text_sl { top: -258px; right: -130px; } .khung_duoi_p1 { width: 69%; height: 53%; left: 82px; } .video_p1 { width: 100%; } .bg_td { width: 100%; height: 50%; } .bg_tt { top: 48%; width: 100%; height: 51%; right: 0; } .bd_p1.ap_tt { float: left; } .menu-left { padding: -0 !important; } .tintuc .slide_top{ width: 33.33%; margin: 0; } .texttt { margin-left: -5%; color: white; } .tintuc_home { height: 345px; padding: 6% 5% 6% 5%; } .texttt.tt_vb p { padding-top: 7%; font-size: 10pt; } .td_tt a h4 { font-size: 12pt; } .icon_tt .icontt { font-size: 9pt; padding-left: 5% !important; } .img_bg { margin-left: 56%; } .content_phai { width: 100%; margin-top: 3%; } .item-vs{ width: 47%; } #cssmenu ul { padding-left: 0px; } input#smsearch-l { top: 15px; left: 38%; } .wrap-detail.ct_gioithieu.td_abc,.wrap-detail.ct_gioithieu.td_khung { width: 100%; } .bg_dv img{ width: 66%; } .img_bg.abc{ margin-left: 66%; margin-top: -51px; } .tt_other.an { width: 100%; display: none; padding: 0; margin-bottom: 5%; } .tt_otherct { margin-top: 5%; width: 50%; float: left; } .tt_other{ width: 166%; display: block; } .item-vs.tt { width: 47%; float: left; } p.text_anpham { height: 85px; } .box_lienhe, .map { width: 100%; margin-bottom: 3%; } .item-vs.vbanpl { width: 100%; } input.ip-search-lvb{ width: 30%; } input#smsearch-lvb { top: 30px; left: 34%; } .banner img { height: 232px; } .text_bn { top: 140px; left: 45px; } .ha1.tk { height: 122px; } .iconap.tk{ padding-left: 10% !important; } input.ip-search-l{ width: 40%; } #slide-nhanvien button.owl-prev,#slide-nhanvien button.owl-next{ display: none; } .ft.dangky { width: 49%; } .ft.lienket { margin-left: 6%; width: 42%; float: left; } .ft.chung { height: 235px; margin-top: 1%; width: 50%; } .ft_logo { width: 50%; float: left; } nav#menu { width: 37%; } .img_tl { top: 0%; right: 42%; } .ap_abc h1 { text-align: center; margin-top: 4%; } .icontt.ttt { margin-right: 5%; padding-left: 9% !important; background-size: 12px 13px !important; } .overlay.t2{ height: 137% !important; width: 96% !important; } .text_p1{ margin-top: 0; } .slide_anpham.an { display: none; } .slide_anpham.hien{ display: none; } .ct_gioithieu{ width: 70%; top: 43px; } .bg_dv { width: 100%; } .box_lienhe { padding-right: 5%; } .dacbiet{ display: block; } .dacbiet a img { width: 100%; margin-top: 4%; } .bd_p1{ float: none; } a.a_p1 { margin-left: 35%; } .text_p1 h1, .text_p2 h1{ text-align: center; } .text_p1 { width: 100% !important; } .ap_abc { width: 100% !important; } p.contennt_p1.ap_pl{ height: auto; } .contennt_p1 { height: 115px; } .tuyendung { width: 100%; } .tintuc { margin-top: 1%; width: 100%; } .texttt p { height: 155px; } .dv_pl { height: 581px; } .description.ap_list p.text_anpham { height: 135px; } .description.ap_list h4 { height: 80px; } .other_ap { left: -203px !important; } .noidung_other { float: left; height: 96px; width: 46%; margin-right: 2%; margin-left: 2%; margin-bottom: 6%; padding: 0; } .tuyendung_khung.td_td { margin-left: 6%; margin-top: 5%; } .img_bg.td_img { margin-left: 62%; } .img_ttother{ width: 100%; } .iconap.ic_tt { padding-left: 15% !important; } .boder_lh { height: 429px; } .timviec_ct { width: 46%; } .item-vs.tkiem_vban { width: 46%; } .carousel-inner .item.active img{ height: 480px; } .carousel-inner>.item>img{ height: 480px!important; } .header-left { height: 100px; width: 40%; } li.search { top: 0px; right: -43px; } .timviec_ct { width: 47%; } .anpham.vbanpl { width: 45%; } .content_phai.vban_pl { width: 48%; } .anpham{ width: 100%; height: auto !important; } .item-vs.vbanpl { width: 47%; } .other_ap{ display: none; } .other_ap.ap_hien { margin-left: 29%; width: 100%; top: 11px; display: block; position: relative; } .tieude_khac:after{ bottom: 314px; width: 12%; } .tt_other.tt_pps { display: none; } .tt_other.an.pppp { display: block; width: 100%; } .tt_otherct.aaa { width: 45%; margin-left: 2%; margin-right: 2%; } .tt_other h4:after{ width: 15%; } .img_ttother.mar { margin-bottom: 6%; } .tt_other.an.tt_tt { display: block; /* margin-left: 2%; */ } .tt_otherct.tt_ttt { margin-left: 2%; margin-right: 2%; width: 46%; } img.imgap { margin-bottom: 5%; } .iconap.tt_pp{ margin-top: 1% !important; } .other_ap_hiena { display: block; } .detail-wp.f-space20.clearfix.dv.ddddddd { width: 80%; float: right; } .box-wp.container{ margin-top: 0px; } .detail-wp.f-space20.clearfix.ap_paaa { margin-bottom: 3%; } .td_tt { height: 75px; } p.text_anpham.pppll { height: 67px; } .pooldv{ width: 50%; margin-bottom: 11%; } .textdv { background-size: 330px 180px; top: 56%; width: 96%; } } @media all and (max-width: 680px) { }@media all and (max-width: 480px) { .khung_duoi_p1{ display: none; } .embed-responsive.embed-responsive-16by9{ width: initial; } .text_p1 h1{ margin-bottom: 7px; margin-top: 7%; text-align: center; } .text_p2 h1 { margin-bottom: 7px; } .bd_p1{ float: none; } .bg_tt{ width: auto; } .bg_td{ width: 100%; height: 52%; } .texttd { margin-bottom: 10%; height: 390px; } .ft.lienket { display: none; } .footer .information{ padding: 7%; } .ft_logo .img{ margin-top: -3%; margin-right: 2%; width: 40%; float: left; } .header1{ height: 100px; opacity: 1; } #hamburger{ left: 20px; top: 33px; z-index: 999; } .header .logo .img img{ margin-top: 4px; max-height: 90px; } .header .logo{ position: absolute; margin-left: 0px; width: 100% !important; right: -100px; } .header .logo .img{ width: 40%; } li.fb_tt a { display: none; } .search input[type="submit"]{ top: 14px; right: -14px; z-index: 999; } input#search{ left: -7em; height: 45px; top: 6%; width: 100px; } .header-right { height: 100px; } .carousel-inner>.item>img{ object-fit: cover; } .text_sl { text-align: left; top: -270px; right: -157px; position: absolute; width: 340px; } .text_sl h1 { font-size: 20pt; } .text_sl p { font-size: 14px; } span.glyphicon.glyphicon-chevron-right,span.glyphicon.glyphicon-chevron-left{ display: none; } .text_p1 { padding-left: 0; margin-bottom: 5%; } .texttd h4{ padding: 7%; } .icon_td { margin-top: -5%; margin-left: 20%; } .img_tt img{ width: 100%; } .texttt h4 { font-size: 14px; } .texttt p{ height: 84px; padding-right: 3%; font-size: 10px; } .texttt a { font-size: 10px; } .texttt { float: right; width: 100%; } .icon_tt .icontt { font-size: 10pt; } .ct_gioithieu{ margin-top: 80%; width: 100%; } .bg_dv img{ width: 86%; margin-left: 3%; } .bg_dv { margin-top: 5%; z-index: 200; } .detail-wp.f-space20.clearfix.dv{ margin-bottom: 17%; } .item-vs{ width: 100%; } #cssmenu ul li a{ font-size: 10pt !important; } #cssmenu ul li a{ padding-right: 0 !important; padding-left: 0 !important; } ul.sub-menu-m { padding-left: 0px; } .col-4.anpham { padding-right: 0 !important; } input#smsearch-l{ top: 32px; left: 65%; } .item-vs.vbanpl { width: 100%; height: 277px; } input.ip-search-l{ width: 75%; } .menu-left ul li > a{ font-size: 12pt; } .img_bg{ margin-top: -11%; margin-left: 34%; } .img_bg.td_img { margin-left: 62px; } .tuyendung_khung.td_dt{ display: block; } .tuyendung_khung.td_td{ display: none; } p.vt { float: left; width: 13%; color: #C2C2C2; font-size: 10pt; } p.hn,p.ct { display: inline-block; font-size: 10pt; color: #C2C2C2; } p.time.td,p.more { display: inline; padding-left: 2%; } p.more a { font-size: 10pt; } .ap_abc { width: auto !important; text-align: center; } .texttd p{ margin-top: 5%; text-align: center; } .img_bg.abc { margin: -13% 0 -19px 46px; } .tt_other.an { display: block; padding: 0; margin-bottom: 5%; } .tt_other{ display: none; } .box_lienhe{ width: 100%; margin-bottom: 5%; } .map{ width: 100%; margin-bottom: 7%; } .stt { margin-top: -13%; } .breadcrumb { margin-top: 8%; } .content_phai { width: 100%; margin-top: 5%; } .item-vs.tt { margin-bottom: 10%; } .slide-hd { margin-top: -12%; } .tintuc_home{ height: 200px; padding: 4%; } .td_tt { height: auto; } .icon_tt .icontt { padding-left: 11%; } .bg_tt { top: 57%; width: 100%; height: 42.5%; right: 0; } .texttd p{ font-size: 11pt; } .bg_td { width: 100%; height: 57%; } .tintuc{ margin-top: -5px; } .banner img { height: 400px; } .text_bn { top: 205px; left: 20px; } a i.fa.fa-chevron-right { top: 20px !important; left: -8px !important; font-size: 9px; } .text_bn h1 { color: white; font-size: 30pt; } .item-vs.tt { width: 100%; float: none; } .tt_otherct { margin-top: 10%; width: 100%; } input.ip-search-lvb { width: 60%; } input#smsearch-lvb { top: 13px; left: 59%; } .ha1.tk { height: 120px; } .iconap.tk { padding-left: 6% !important; } .timviec_ct.tk { width: 100%; margin-bottom: 5%; } .img_tt{ width: 100%; } .td_tt a h4 { font-size: 15px; } .texttt.tt_vb p { padding-top: 4%; font-size: 9pt; } .img_tl{ top: 0; right: 141px; } .ft_logo, .ft.chung, .ft.dangky { width: 100%; } nav#menu { width: 80%; } .contennt_p1 p { height: 165px; } .noidung_gt.sua a.a_p1 { margin-left: 33%; } a.a_p1{ margin-left: 0; } .texttt.tt_vb { margin-top: 3%; } .icontt.ttt { padding-left: 11% !important; background-size: 23px 15px !important; } .icon_tt .icontt { padding-left: 10% !important; } .banner img{ object-fit: cover; } .breadcrumb.container { display: none; } .menu-left{ margin-left: 2%; } .img_bg{ margin-left: 47px; } .detail-wp.f-space20.clearfix.dv{ margin-top:-18px !important; border: none; } .ft.chung { height: 175px; } .row.gt_pl { height: auto; } .bg_dv.td_tddd { margin-left: 4% !important; } .img_bg.td_img img { padding-top: 0; } .tuyendung_khung{ border: none; } .tuyendung_khung.td_dt { padding-top: 0px; } .img_bg.abc img{ padding-top: 0; } .breadcrumb { display: none; } .anpham { height: auto; width: 100% !important; padding-top: 7%; } .form_lienhe { margin-top: 9%; } .boder_lh { height: 565px; } .boder_lh .map iframe { height: 140px; } .page6 iframe { height: 248px; } .canh { width: 100%; } .row.dv_pl { height: auto; } .ct_gioithieu.gt_tttg { margin-top: 100%; } button#show1 { display: block; } .icontd{ padding-left: 9%; } .contennt_p1 { height: 195px; } p.contennt_p1.ap_pl { height: 132px; } .description.ap_list h4 { height: 65px; } .description.ap_list p.text_anpham { height: 90px; } .other_ap.ap_hien { margin-left: 0; width: 100%; position: initial; display: block; } .other_ap{ display: none; } .noidung_other { width: 100%; height: 100px; } .tieude_khac:after{ width: 30%; bottom: 496px !important; } .img_ttother { margin-bottom: 3%; width: 100%; } .header-left { width: 100%; height: 100px; } .content_phai.vban_pl { width: 100%; } .iconap { padding-left: 10% !important; } .item-vs.tkiem_vban { height: 275px; width: 100%; } .wrap-detail.ct_gioithieu.td_khung { margin-top: 66%; } .wrap-detail.ct_gioithieu.td_abc { margin-top: 65%; } p.text_vanban.tk{ height: 120px; } .iconap.hien_a { padding-left: 7% !important; } .detail-wp.f-space20.clearfix.dv.ddddddd { width: 100%; } .lienhe1 { width: 100%; float: left; } p.text_anpham { height: 60px; } .iconap.an { padding-left: 14% !important; } .cuc { border-bottom: 1px solid #beb9b9; margin-top: 7%; } .pooldv { margin-bottom: 25%; width: 100%; } .textdv { background-size: 339px 180px; top: 53%; width: 98%; } .overlay.t2 { height: 136% !important; width: 101% !important; } .page2 { height: 605px; overflow: hidden; } .tintuc .slide_top { width: 100%; } a.xem { padding: 3% 5% 3% 5%; } .xt { margin-bottom: 9%; } .text_tt.abc1 h1 { line-height: 1.3; } .xt.dv_vv{ display: block; } .page2.sm_mb{ display: block; } .page2{ display: none; } .page2.sm_mb{ height: auto; } }@media all and (width: 414px) { .textdv { background-size: 375px 180px; } .img_tl { right: 163px; } .img_tl { top: 0; right: 163px; } .page2 { height: 665px; } .overlay.t2 { background-size: 392px 277px; } nav#menu { width: 68%; } } @media (min-width: 1400px) { .mxh { right: 190px; } .text_sl { top: -375px; left: -75px; } .text_bn { top: 226px; left: 240px; } .banner img { height: 318px; } } @media (width: 1920px) { .item img{ width: 100%; } .carousel-inner>.item>img{ height: auto !important; } .text_sl { left: 15px; top: -364px; } .text_bn { top: 280px; } .mxh { right: 380px; } .text_bn { left: 410px; } .banner img{ height: 375px; } .header1 { margin-top: -1px; } }