﻿@media (max-width:1199px) {
    body {min-width: 768px}
    .khoi1170 {width: 94.79%;min-width: 0}
    .header {position: static;height: 0}
    #sub_menu {display: none}
    .main_slide {padding-top: 76px}
    .logo {border: none;position: absolute;top: 0;left: 0;width: calc(100% - 77px);height: 76px}
    .logo .khungAnh {width: 279px;height: 73px;margin: 1.5px 0 0 1.5px}
    .trangchu .big_slide .slick-prev, .trangchu .big_slide .slick-next {display: none !important}
    .nav_slide {display: none}
    .khoitin {width: calc(50% - 16px);margin: 0 0 40px 0;border: 1px solid #e2e3e3;border-top: none;border-bottom: none}
    .khoitin:nth-child(2n) {float: right}
    .khoitin:nth-child(3), .khoitin:nth-child(4) {margin-bottom: 0}
    .intro {width: 30%}
    .intro:nth-child(3) {float: right}
    .intro:last-child {width: 100%}
    .intro .contact_info {width: calc(40% - 25px);float: left}
    .ds_gioithieu {margin: 0}
    .ds_gioithieu li {width: 100%;padding: 0}
    .ds_gioithieu li:last-child .khungAnh {margin-bottom: 0}
    .ds_gioithieu .khungAnh {margin: 0 25px 30px 0}
    .sidebar {display: none}
    .main_content {width: 100%}
    .ds_anh {padding: 0 87px}
    .ds_anh li {width: calc(50% - 10px)}
    .ds_anh li:nth-child(3n) {margin-right: 20px}
    .ds_anh li:nth-child(2n) {margin-right: 0}
    .slide_album {padding: 0 87px}
    .slide_album li:nth-child(2n) {margin-right: 20px}
    .information {width: 100%;float: none;margin-bottom: 20px}
    .reply {width: 100%;float: none}
    .khoi_nut input {width: calc(44.78% - 22px)}
    #open_close_sub {width: 76px;height: 76px;display: block;position: absolute;top: 0;right: 0;z-index: 1001;background: url(../css/header/open.png) no-repeat center}
    #sub_menu.show {display: block;width: 270px;position: absolute;z-index: 1001;top: 0;right: 0;background-color: #00a3f0;height: 100%;padding: 0}
    .search_hd {float: none;width: calc(100% - 22px);display: block;border: none;margin: 10px 10px 20px 10px;background-color: white;height: 42px;border: 1px solid #b0b0b0;border-radius: 21px;overflow: hidden;box-shadow: 5px 5px rgba(0,139,204,1);position: static}
    .search_hd input.nhap_tk {position: static;width: calc(100% - 90px);float: left;height: 42px;border: none;box-shadow: none;display: block}
    .search_btn {width: 50px;float: right;height: 42px;background: url(../css/header/search_res.png) no-repeat center;border-radius: 0;background-size: auto auto;box-shadow: none;border: none}
    #sub_menu .menu_top, #sub_menu .main_menu {clear: both;position: static;background-color: transparent}
    .main_menu {border-top: 1px solid #0088c9}
    .main_menu > li {display: block;float: none;background-color: transparent;min-height: 0;overflow: hidden;border-top: 1px solid #35beff;border-bottom: 1px solid #0089c9;position: relative}
    .main_menu > li > ul {display: none}
    .main_menu > li > a {font: 16px 'SegoeUIBold';line-height: 21px;min-height: auto;color: white;display: block;text-transform: unset;float: none;padding: 9px 0 9px 16px;border-left: 4px solid #00a3f0;margin-right: 40px}
    #sub_menu .hasSub:after  {font: 16px 'SegoeUIBold';content:"+";display: block;position: absolute;top: 0;right: 0;width: 40px;height: 39px;color: white;line-height: 35px;text-align: center}
    #sub_menu .hasSub.active > a {border-left: 4px solid #00618b}
    #sub_menu .hasSub.active:after {content:"-"}
    #sub_menu .active {color: white;background: transparent}
    #sub_menu li:hover > a {color: white;background-color: transparent}
    #sub_menu li:hover > ul {display: none}
    #sub_menu .hasSub.active > ul {display: block;position: static;background-color: #0084c2;width: auto;border-top: 1px solid #0089c9}
    #sub_menu .hasSub.active > ul > li:first-child {border-top: 1px solid #35beff}
    .main_menu > li > ul > li {background-color: transparent;border: none}
    .main_menu > li > ul > li > a {font: 16px 'SegoeUIBold';text-transform: unset;border: none;padding: 10px 10px 10px 20px;color: white;line-height: 20px}
    .menu_top > li > a {font: 16px 'SegoeUIBold';color: white;text-transform: unset;line-height: 21px;padding: 9px 0 9px 20px;float: none;display: block;height: auto}
    .menu_top > li {border-top: 1px solid #35beff;border-bottom: 1px solid #0089c9;float: none;display: block;text-align: left;height: auto}
    .menu_top {border-bottom: 1px solid #35beff;overflow: hidden;height: auto}
    #open_close_sub.active {position: fixed;top: 0;right: 270px;background: url(../css/header/close.png) no-repeat center}
    .main_menu .home {border-right: none;width: auto;height: 21px}
    .main_menu .home:after {content:"Trang chủ"}
    #imageContainer img {max-width: 700px}
	.search_btn:hover {background: url(../css/header/search_hover.png) no-repeat center;background-size: 42px 42px}
    .main_menu > li:first-child > a {padding: 9px 0 9px 16px}
}
@media (max-width:767px){
    body {min-width: 320px}
    .khoi1170 {width: 93.75%}
    .main_slide {padding-top: 69px}
    .logo {width: calc(100% - 69px);height: 69px}
    .logo .khungAnh {width: 235px;height: 56px;margin-top: 6px}
    #open_close_sub {width: 69px;height: 69px}
    .hot_news {font-size: 14px;width: calc(67% - 20px);left: 3.125%;height: 21px;bottom: 20px;padding-top: 5px}
    .khoitin {width: 100%;float: none;margin-bottom: 30px;clear: both}
    .khoitin:nth-child(3), .khoitin:nth-child(4) {margin-bottom: 30px}
    .khoitin:last-child {margin-bottom: 0}
    .intro {width: 100%;margin: 0 0 10px 0}
    .intro .contact_info {width: auto;float: none}
    .license {line-height: 18px;padding: 5px 20px;height: auto}
    #page_head {bottom: 43px;right: 3.125%}
    .ds_gioithieu .khungAnh {width: 45%;margin-bottom: 0}
    .ds_gioithieu .khungAnh:before {padding-bottom: 62.222%}
    .ds_gioithieu .detail {height: auto;margin: 0;display: initial}
    .ds_gioithieu li {overflow: hidden;margin-bottom: 30px}
    .ds_gioithieu li span {display: block;max-height: 126px}
    .NormalSize {display: none}
    #dautrang span img {margin-left: 0}
    .LargeSize {margin-left: 5px}
    .page_head, .send_mail, .print {display: none}
    .ds_lanhdao li {width: 100%;float: none}
    .tieudiem .khungAnh {width :100%;float: none}
    .tieudiem .main_pic {padding: 10px 20px}
    .ds_tieudiem {width: calc(100% - 38px);min-height: auto}
    .main_pic .muctin {margin: 0 0 10px 0}
    .main_pic .date {clear: both;display: block}
    .loaitin .khungAnh {width: calc(55.333% - 8px);margin-bottom: 10px}
    .loaitin .date_hour {display: none}
    .loaitin .detail {clear: both;margin: 0 0 10px 0}
    .ds_anh {padding: 0}
    .ds_anh li {width: 100%}
    .ds_anh.slide_album {padding: 0}
    .ds_popup li {width: 100%;margin-right: 0}
    .ds_tailieu, .khung_thuoctinh {min-width: 580px}
    .kinhdoanh_ds .khung_scroll {overflow: auto}
    .kinhdoanh_ds .loaitin .khung_scroll {margin-bottom: 50px}
    .kinhdoanh_ds .khung_scroll:after {font: 14px 'SegoeUIBold';content:"Xin vui lòng lướt sang bên để xem thêm các thông tin khác";display: block;position: absolute;left: 0;bottom: 0;color: #00a3f0;line-height: 24px;text-align: center}
    .kinhdoanh_ds .loaitin {margin-bottom: 20px;position: relative;overflow: hidden}
    .kinhdoanh_ds .loaitin:last-child {margin-bottom: 0}
    .khoi_nut input {width: calc(100% - 155px)}
    .khoi_nut .btn_reply {float: none;clear: both}
    .khoi_nut .capcha {width: 80px}
    .btn_reply .btn {padding: 0;width: 50%;text-align: center}
    .btn_reply .btn:last-child {width: 45%;float: right}
    #sub_menu.show {width: calc(100% - 69px)}
    #open_close_sub.active {right: inherit;left: 0;height: 100%;background-position: top center;background-color: rgba(0,0,0,0.5)}
    #popup_tb {overflow: auto}
    #noidung_tb {width: 93.75%;align-self: unset;margin-top: 50px}
    .tab_pick {background: rgba(38,162,221,0.85) url(../css/content/tab_bg.png) no-repeat right 15px top;position: absolute;top: 0;left: 0;width: 100%;z-index: 2}
    .khoi_tab {position: relative;height: 43px}
    .tab_pick li {display: none;float: none;border: none;overflow: hidden}
    .tab_pick li.active {display: block;float: none}
    .tab_pick.show li {display: block;clear: both;border-bottom: 1px solid #00adff;float: none;overflow: hidden}
    .tab_pick li a {background: url(../css/content/tab_a.png) no-repeat left 5px top 14px}
    .tab_pick li.active a {float: left}
    .TextSize {overflow: unset}
    #outerImageContainer {width: calc(93.75% - 10px) !important}
    #imageContainer {width: 100% !important}
    #imageContainer img {width: 100% !important}
    .slide_partner .slick-list {width: 90%;margin-left: 5%}
}
@media (max-width:480px) {
    #page_head {bottom: 130px}
}