/*
Theme Name: WebSeo Child Theme
Theme URI: https: //webseo.vn
Description: Day la child theme cua WebSeo
Author: Huy Tap
Author URI: https://webseo.com.vn
Template: webseo-theme
Version: 0.1
*/
@import url("../webseo-theme/style.css");
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li { margin-bottom: 0 !important; }
table td { border: 1px solid #ccc; }
body { counter-reset: section; }

/* Header */
.home #page { padding: 0; }
.header-top { display: flex; flex-direction: row; background: #0066b3; }
#site-header .header-top .container .header-top-wrapper { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; }
#site-header .header-top .hotline-top { margin: 0 30px 0 0; font-weight: 700; }
#site-header .header-top .hotline-top:before { font-family: 'FontAwesome'; content: "\f095"; color: #fff; margin-right: 4px; }
#site-header .header-top .hotline-top a { color: #fff; }
#site-header .header-top .menu-top-ws ul li a { color: #e1e1e1; }
#site-header .header-top .menu-top-ws ul li { padding: 5px 15px; }
#site-header .header-top .menu-top-ws ul { display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; }
#site-header .header-top .ngon-ngu { width: 55px; padding-top: 3px; }
.home #header { box-shadow: none; }
#header .header-main-content { background: url(https://nuoitrongthuysan.com.vn/wp-content/uploads/2021/12/slider-2.jpg); height: 550px; background-size: cover; }
#header .header-right { display: flex; flex-direction: row; }
#header .header-right #hkt-navigation .navigation { width: auto; float: right; }
#header .header-right .navigation a { font-family: Arial; font-size: 16px; font-weight: 700; text-transform: none; color: #0066b3; }
.header-right .navigation>ul>.current a, .header-right .navigation>ul>.current-menu-item a { background: transparent; color: #0066b3 !important; }
.search-header button.dropdown-toggle i { font-size: 20px; font-weight: 400; color: #0066b3; }
.search-header button.dropdown-toggle { background: none; border: none; }
.search-header .dropleft .dropdown-toggle::before { display: none; }
#site-header .header-top .search-header input[type=search] { width: 150px; box-sizing: border-box; border-radius: 25px 0 0 25px; font-size: 14px; margin-top: -3px; margin-left: 0; border: none; height: 28px; padding: 3px 8px; -webkit-transition: width 0.4s ease-in-out; background: #f5f5f5; transition: width 0.4s ease-in-out; }
#site-header .header-top .search-header input[type=search]:focus { background: #fff; width: 200px; }
#site-header .header-top .search-header form button { background: #f7be68; border: none; padding: 0px 11px 1px 5px; color: #fff; height: 28px; font-size: 17px; margin: -3px 0 0 -5px; border-radius: 0 25px 25px 0; }
#site-header .header-top .search-header form.search { display: flex; flex-direction: row; }
.navigation ul li { border: none !important; }
.search-header .dropdown-toggle::after { display: none; }

/* sản phẩm item home */
.stp-sanpham-item img { margin: auto; object-fit: cover; object-position: center center; height: 220px; width: 100%; }
.stp-sanpham-item .title-box { text-align: left !important; padding-left: 0 !important; font-size: 20px; }
.stp-sanpham-item .title-box a { color: #222; }
.stp-sanpham-item .link-box a { background: #fff; box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); -o-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1); -moz-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1); -webkit-box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); background: #f1f0f0; padding: 10px 20px; font-weight: 700; color: #6e6e6e; font-size: 14px; }
.stp-sanpham-item .link-box a:hover { background: #ffffff; }
.stp-sanpham-item .caption-box { text-align: justify; }

/* giải thưởng */
#giai-thuong .box-item-webseo { background: #fff; box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); -o-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1); -moz-box-shadow: 0px 3px 25px 0px rgba(31, 38, 67, 0.1); -webkit-box-shadow: 0px 3px 25px 0px rgb(31 38 67 / 10%); border-radius: 5px; margin-bottom: 35px; }
#giai-thuong img { background: #fff; margin: auto; object-fit: cover; object-position: center center; height: 215px; width: auto; padding: 25px; }
#giai-thuong .title-box { font-size: 16px; font-weight: 700; }
#giai-thuong .link-box a { padding: 10px 30px; background: #e0e0e0; color: #7a7a7a; border-radius: 5px; }
#giai-thuong .link-box { padding-bottom: 20px; }
#giai-thuong .link-box a:hover { color: #fff; background: #0065b2; }

/* cam kết giới thiệu */
#gth-cam-stp { margin: 0 auto; background: #fff; margin-top: -74px; margin-bottom: 60px; position: relative; height: 148px; max-width: 1713px; -webkit-box-shadow: 0 7px 18px rgb(0 0 0 / 12%); box-shadow: 0 7px 18px rgb(0 0 0 / 12%); }
.gt-cam { padding-top: 25px; }
.gt-cam-2 { border-right: 1px solid #e7e7e7; height: 148px; border-left: 1px solid #e7e7e7; }
.gt-cam:before { font-family: 'FontAwesome'; content: "\f247"; font-size: 47px; color: #ffc92b; padding: 20px; float: left; margin-right: 10px; min-width: 95px; }
.gt-cam-1:before { content: "\f247"; }
.gt-cam-2:before { content: "\f1f9"; padding: 15px; font-size: 53px; }
.gt-cam-3:before { content: "\f1cd"; }
.gt-cam .title-box { margin: 0; }
h2.vc_custom_heading { background: url(/wp-content/themes/webseo-theme-child/images/index_icon_1.png) no-repeat; display: table; margin: auto; padding: 3px 40px 20px 70px; font-weight: 400; font-size: 40px; margin-bottom: 40px; height: 83px; }
.title-server-desc { max-width: 800px; margin: auto; padding-bottom: 40px; color: #777; }
.service-item { position: relative; }
.service-item .hinhmo { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }
.service-item .box-item-webseo-left { position: absolute; top: 0; width: 100%; height: 100%; padding: 20px; text-align: center; display: flex; color: #fff; flex-direction: column; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; align-content: center; justify-content: center; }
.service-item .box-item-webseo-left h3 { font-size: 28px; margin-bottom: 0; }
.service-item .chitiet i { font-size: 53px; color: #fff; opacity: 0.5; }
@keyframes moveDown {
    0% { transform: translateY(-10px); opacity: 0; }
    100% { transform: translateY(0px); opacity: 1; }
}
.service-item:hover .chitiet i { opacity: 1; color: #ffc92b; animation: moveDown 0.6s ease-in-out 0.2s backwards; }
.service-item a { color: #fff; }
.sp-item-des a.linklienket { color: #0066b3; border: 1px solid #ddd; padding: 7px 10px; }
.sp-item-des a.linklienket:after { content: "\f08e"; font-family: FontAwesome; color: #f5821f; padding-left: 13px; padding-top: 4px; font-size: 17px; }
.sp-item { margin-bottom: 20px; }

/*Giới thiệu */
#gioi-thieu { background: #f5f5f5 url(assets/img/bg-gioithieu.png) no-repeat left bottom; background-size: 400px; }
#gioi-thieu .vc_column-inner { padding-left: 3px; padding-right: 3px; }
#gioi-thieu .gioi-thieu-right { padding: 0 30px; }
#gioi-thieu .wpb_content_element { margin-bottom: 6px !important; }
#gioi-thieu .gioi-thieu-right-item-images img { border-radius: 5px; margin: auto; object-fit: cover; object-position: center center; height: 15vw; width: 100%; }
#gioi-thieu .gioi-thieu-left-item .title-box { text-transform: uppercase; }
#gioi-thieu .boxcontent { margin-bottom: 30px; }
#gioi-thieu .boxcontent p { font-size: 16px; text-align: justify; }
#gioi-thieu  .linklienket { border: 1px solid #f7be68; padding: 12px 25px; color: #454545; background: #ffc92b; font-size: 1vw; border-radius: 8px; }
.box-gioithieu-img-left { display: flex; flex-direction: row; margin: auto; align-content: center; }
.box-gioithieu-img-right { flex-direction: row-reverse; }
.box-gioithieu-img-left .img-box { width: 50%; }
.box-gioithieu-img-left .img-box img { width: 100%; height: auto; }
.box-gioithieu-img-left .box-item-webseo-left { width: 50%; padding: 20px; display: flex; flex-direction: column; justify-content: center; text-align: center; background-color: #f7f7f7; }
.box-gioithieu-img-left .title-box { text-align: center; font-size: 1.7vw; color: #222; }
.box-gioithieu-img-left .title-box:after { content: ''; width: 300px; position: relative; display: block; height: 1px; background: linear-gradient(90deg, rgba(196, 58, 81, 0) 0, rgba(180, 147, 63, 1) 50%, rgba(196, 58, 81, 0) 100%); transform: scale3d(1, 1, 1); margin-top: 15px !important; margin: auto; }
.box-gioithieu-img-left .caption-box { text-align: justify; }
.box-gioithieu-img-left .box-item-webseo-left .chitiet { display: none; }
.menu-gioi-thieu .menu-item { height: 90px; display: flex; flex-wrap: nowrap; width: 100%; justify-content: space-around; align-items: center; background: #fff; text-align: center; white-space: nowrap; overflow: hidden; }
.menu-gioi-thieu { background: #fff; border-bottom: 1px solid #e5e5e5; }
.menu-gioi-thieu .sub-menu-gioi-thieu { display: flex; }
.menu-gioi-thieu .menu-item.current { background: #0066b3; }
.menu-gioi-thieu a { filter: brightness(75%); }
.menu-gioi-thieu .menu-item.current a { color: #fff; filter: brightness(100%); }
.page-template-default .hkt-breadcrumb { margin-top: 9px; }
.page-template-default #page { margin-top: 0; }
.menu-gioi-thieu #menu-item-vechungtoi a { background: url(/wp-content/themes/webseo-theme-child/images/icon-truso.png) no-repeat left center; padding: 5px 5px 5px 35px; }
.menu-gioi-thieu #menu-item-hsnl a { background: url(/wp-content/themes/webseo-theme-child/images/icon-out-history.png) no-repeat left center; padding: 5px 5px 5px 35px; }
.menu-gioi-thieu #menu-item-nhanhieu a { background: url(/wp-content/themes/webseo-theme-child/images/icon-setup.png) no-repeat left center; padding: 5px 5px 5px 35px; }
.menu-gioi-thieu #menu-item-lsht a { background: url(/wp-content/themes/webseo-theme-child/images/icon-streng.png) no-repeat left center; padding: 5px 5px 5px 35px; }
.menu-gioi-thieu #menu-item-diemmanh a { background: url(/wp-content/themes/webseo-theme-child/images/icon-truso.png) no-repeat left center; padding: 5px 5px 5px 35px; }
.menu-gioi-thieu #menu-item-doingu a { background: url(/wp-content/themes/webseo-theme-child/images/icon-team.png) no-repeat left center; padding: 5px 5px 5px 35px; }
.home.page .post-single-content, .page-id-6682 .post-single-content { padding: 0; background: transparent; margin: 0; border-radius: 0; }

/* liên hệ */
#thong-tin-lien-he { background: url(assets/img/bg-map.png) no-repeat bottom left; background-size: 95% !important; padding: 10px 0; }
#thong-tin-lien-he a { color: #282828; }
#thong-tin-lien-he .featured-box .icon-featured { background-color: #0060ae; }
#thong-tin-lien-he .featured-box .box-content { border-top: 1px solid #f5f5f5 !important; position: relative; top: 0; background: #fff; }
#thong-tin-lien-he ul { list-style: none; padding: 0; margin: 0; }
#thong-tin-lien-he ul li { padding: 5px; background: #ffffff; margin: 5px 0; border-radius: 3px; }
#thong-tin-lien-he ul li:before { font-family: FontAwesome; color: #f5821f; padding-right: 8px; font-size: 20px; }
#thong-tin-lien-he ul li:nth-child(1):before { content: "\f095"; }
#thong-tin-lien-he ul li:nth-child(2):before { content: "\f003"; }
#thong-tin-lien-he ul li:nth-child(3):before { content: "\f1d8"; }
#thong-tin-lien-he ul li:nth-child(4):before { content: "\f1d8"; }
#thong-tin-lien-he ul li:nth-child(5):before { content: "\f041"; }
#thong-tin-lien-he ul li:nth-child(6):before { content: "\f041"; }

/* cta website */
@media (min-width:992px) {
    .support-bottom { width: 65px; bottom: 140px; right: 0; position: fixed !important; z-index: 99800; background-color: transparent !important; padding: 6px 0; border-radius: 3px 0 0 3px; }
    .support-bottom .btn-list { display: block !important; flex-direction: row !important; flex-wrap: nowrap !important; padding: 6px !important; justify-content: space-around !important; }
    .support-bottom .btn-float-container { width: 100%; margin-bottom: 10px; }
    .support-bottom a { width: 44px; height: 44px; line-height: 44px; display: inline-block !important; border: none !important; font-size: 18px !important; color: #fff !important; text-align: center !important; position: relative; border-radius: 50% !important; cursor: pointer !important; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.11); background: none; }
    .support-bottom .btn-float-container span { display: none; }
    .support-bottom i { display: block; font-size: 28px; width: 44px; height: 44px; background-size: 44px; }
    .support-bottom .button-call { background-image: url(images/icon-call.svg); }
    .support-bottom .button-messenger { background-image: url(images/icon-messenger.svg); }
    .support-bottom .button-zalo { background-image: url(images/icon-zalo.svg); }
    .support-bottom .button-mail { background-image: url(images/tuvan.png); }
    .support-bottom .btn-float-container button { border: none; padding: 0; background: transparent; }
    .ngon-ngu.mobile { display: none; }
}
@media (max-width:991px) {
    .support-bottom { width: 100%; bottom: 0; position: fixed !important; z-index: 10; background-color: #f9f9f9 !important; border-top: 1px solid #d8dde6 !important; box-shadow: 0 -4px 8px rgba(29, 36, 62, 0.20); padding: 10px 0 15px; }
    .support-bottom .btn-list { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; padding: 0 !important; justify-content: space-around !important; }
    .support-bottom a { color: #666; }
    .support-bottom .btn-float-container span { font-size: 11px !important; display: block !important; margin-top: -3px !important; }
    .support-bottom i { font-size: 30px; display: block; margin: 0 auto 5px; width: 30px; height: 30px; }
    .support-bottom .button-home { background-image: url(images/m-icon-home.png); background-size: 100% 100%; }
    .support-bottom .button-call { background-image: url(images/m-icon-call.png); background-size: 100% 100%; }
    .support-bottom .button-messenger { background-image: url(images/m-icon-messenger.png); background-size: 100% 100%; }
    .support-bottom .button-zalo { background-image: url(images/m-icon-zalo.png) !important; background-size: 100% 100%; }
    .support-bottom .button-mail { background-image: url(images/m-icon-mail.png) !important; background-size: 100% 100%; }
    .support-bottom .btn-float-container button { border: none; padding: 0; background: transparent; }
    .hotline-phone-ring-wrap, .datdaily, .header-top { display: none !important; }
    .header-top .search-header { width: 40px; }
}

/* form đăng ký làm đại lý */
#dang-ky-dai-ly input, #dang-ky-dai-ly textarea { height: 36px; border: 1px solid #e9ecef; width: 100%; padding-left: 10px; }
#dang-ky-dai-ly p { padding: 0; margin: 0; width: calc(100% - 40px); }
#dang-ky-dai-ly .input-group-prepend { width: 37px !important; }
#dang-ky-dai-ly textarea { height: 60px }
#dang-ky-dai-ly input.wpcf7-submit { margin: auto; width: 160px !important; background: #008ea1; display: table; height: auto; padding: 7px 15px; border-radius: 5px; color: #fff; }
.datdaily { display: flex; align-items: center; }
.datdaily button { margin-left: 30px; border: none; border-radius: 5px; box-shadow: 1px 1px 3px rgb(0 0 0 / 34%); padding: 8px 15px; background: #ffc107; font-weight: 700; }

/* footer */
#site-footer { position: relative; overflow: hidden; color: #b8b7b7; font-size: 14px; line-height: 1.4; padding: 0; background: #4e4e4e !important; box-shadow: inset 0 0 2px 0 rgb(0 0 0 / 20%); clear: both; }
#site-footer .inner { padding: 50px 0 !important; }
#site-footer i { color: #fff !important; }
#media_image-2 img { background: #fff; padding: 5px; border-radius: 6px; }
#site-footer .widget>h3 { padding: 0 0 8px; margin-bottom: 5px; font-size: 18px; color: #fff; font-weight: 400; text-transform: none; line-height: 1.4; border-bottom: 0 solid #f6df91 !important; background-color: transparent; }
#site-footer li, footer#site-footer a, footer#site-footer p { color: #b8b7b7; font-size: 14px; border: none; padding: 7px 0; line-height: 1.5; margin: 0; }
#site-footer ul li:before { font-family: 'FontAwesome'; content: "\f054"; font-size: 10px; color: #fff; margin-right: 10px; }
#site-footer i.fa.fa-facebook-square, #site-footer i.fa.fa-youtube { font-size: 30px; padding: 10px; color: #fff !important; }
#site-footer i.fa.fa-facebook-square:hover { color: #0066b3 !important; }
#site-footer i.fa.fa-youtube:hover { color: red !important; }
#tong-quan { background: #fff  url(images/bg-dragon2.png) no-repeat left bottom; }
#tong-quan .tong-quan-left h3 { border-left: 6px solid #f5821f; padding-left: 10px; font-size: 26px; padding: 0 0 0 10px; margin: 0 0 30px 0; font-family: Arial; }
#tong-quan .tong-quan-right-img { background-image: linear-gradient(to right, #ff8d00, #ffcc00); border-radius: 55% 0 !important; padding: 18px 18px; margin: 0 40px 40px 40px; }
#tong-quan .tong-quan-right-img img { border-radius: 30% 0; }
#san-pham-dich-vu .timeline-balloon .balloon-content .balloon-photo img { border-radius: 10px; height: 100%; width: 100%; }
#san-pham-dich-vu .balloon-description { text-align: justify; }
.single-product .left-sinlge-woo-content table { text-align: left; }
.woocommerce div.product div.summary .product_meta span.sku_wrapper, .woocommerce div.product.product-type-variable p.price, .related.products .price, .related.products .add_to_cart_button, .related.products .product_type_variable { display: none !important; }
#site-footer a:hover { color: #ffc92b; }

/* faq trường phát */
#faq-truongphat .hoidap-item { background: #fff; padding: 15px; margin-bottom: 3px; }
#faq-truongphat .hoidap-item h4 { font-size: 16px !important; font-weight: 400; color: #0066b3; }
#faq-truongphat .hoidap-item i.vc_toggle_icon { right: 0 !important; left: auto; }
#faq-truongphat .hoidap-item .vc_toggle_title { background: url(assets/img/li-answer.png) no-repeat left center; padding-right: 35px; }

/* đối tác */
#thuong-hieu-noi-tieng .wpb_single_image { margin-bottom: 25px !important; height: 130px; display: flex; flex-direction: column; background: #fff; justify-content: center; align-items: center; }
#thuong-hieu-noi-tieng .wpb_single_image img { padding: 15px; background: #fff; max-height: 130px; margin: auto; }

/* woo */
.woocommerce div.product div.summary .product_meta { display: none !important; }
.single #cong-trinh-tieu-bieu .title-home { border-top: 1px solid #d3ced2; margin-top: 25px; padding-top: 20px; padding-bottom: 20px; }
.single .related.products { padding-top: 25px; border-top: 1px solid #d3ced2; }
.single .cong-trinh-tieu-bieu-item .img-box img { margin: auto; object-fit: cover; object-position: center center; height: 300px; width: 100%; }
.banner-top-big p { margin: 0; }
.doi-ngu-lanh-dao img { border-radius: 50%; padding: 5px; border: 2px solid #ccc; }
#toc_container { border: none !important; padding: 0 !important; margin-bottom: 1em; font-size: 100% !important; width: auto !important; }

/* công trình tiêu biểu */
.cong-trinh-tieu-bieu .vc_gitem-zone.vc_gitem-zone-a { height: 270px; }
.cong-trinh-tieu-bieu .vc_custom_heading h4 { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; min-height: 40px; -webkit-box-orient: vertical; padding: 0; text-overflow: ellipsis; }
.cong-trinh-tieu-bieu .vc_gitem-post-data-source-post_excerpt { display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; -webkit-box-orient: vertical; padding: 0; margin: 0 0 30px 0; text-overflow: ellipsis; }
.cong-trinh-tieu-bieu .vc_btn3-container { display: none; }

/* menu widget */
.sidebar  .widget_nav_menu li, .sidebar .product-categories li { padding: 6px 0; border-bottom: 1px solid #eee; }
.sidebar .widget_nav_menu li a, .sidebar .product-categories li a { color: #222; }
.sidebar .widget_nav_menu li a:before, .sidebar .product-categories li a:before { font-family: 'FontAwesome'; content: "\f054"; color: #7e7e7e; font-size: 10px; margin-right: 7px; }
.sidebar .widget_nav_menu li.showMore a { color: #ff6000; }

/* Mạng lưới hoạt động */
.mang-luoi-hoat-dong h3 { font-size: 13px; line-height: 1.5; margin: 0; padding: 7px 0; color: #f68220; border-top: 1px dotted #dadada; font-weight: 700; }
.bando-container { position: relative; }
.mang-luoi-hoat-dong .item-title { background: #0271c1; border: 2px; border-radius: 20px; color: #fff; display: table; margin: auto; font-size: 18px; border-bottom: 2px solid #fff; padding: 7px 15px; min-width: 135px; text-align: center; margin-top: -22px; box-shadow: -1px 3px 1px 0px #bfbfbf; }
.mang-luoi-hoat-dong ul { margin: 0; padding: 10px 0; list-style: none; }
.mang-luoi-hoat-dong li { line-height: 1.7; font-size: 14px; }
.mang-luoi-hoat-dong ul li:before { content: "\f041"; font-family: 'FontAwesome'; padding-right: 5px; color: #FF9800; }
.mang-luoi-hoat-dong-info-right li:nth-child(1):before { content: "\f041"; }
.mang-luoi-hoat-dong-info-right li:nth-child(2):before { content: "\f095"; }
.mang-luoi-hoat-dong-info-right li:nth-child(3):before { content: "\f1ac"; }
.mang-luoi-hoat-dong-info-right li:nth-child(4):before { content: "\f0e0"; }
.mang-luoi-hoat-dong ul li a { color: #0271c1; text-decoration: none; }
.mang-luoi-hoat-dong-info-right a { color: #222 !important; text-decoration: none; }
.mang-luoi-hoat-dong ul li a:hover { color: #ff5000; }
.mang-luoi-hoat-dong .bd-hanoi, .mang-luoi-hoat-dong .bd-bacgiang, .mang-luoi-hoat-dong .bd-bacninh, .mang-luoi-hoat-dong .bd-haiphong { border: 2px dashed #c5c5c5; border-radius: 15px; min-width: 255px; font-size: 14px; position: relative; padding: 0px 20px; }
.bando-container .bd-hanoi { top: 50px; z-index: 99; }
.bando-container .bd-bacgiang { position: absolute; top: 225px; left: 100px; z-index: 99; }
.bando-container .bd-haiphong { position: absolute; top: 40px; right: 30px; z-index: 99; }
.bando-container .bd-bacninh { position: absolute; top: 200px; z-index: 999; }
#lay-thong-tin .modal-content { background-color: #ccc; }
.ads-header-top {
    position: sticky;
    top: 0;
    z-index: 9999;
}
.single .thecontent ul {
    list-style: square;
    padding: 0 0 0 15px;
    margin: 0;
}
/* RESPONSIVE */
@media screen and (min-width:992px) {
    #main-content { background: url(/wp-content/themes/webseo-theme-child/images/bg_icon_1.png) #eff1f3 no-repeat top center; background-size: 100%; padding-top: 20px; }
    .home #main-content { padding-top: 0; }
    .page-id-6684 #the-post { margin-top: -113px; }
    .page-id-6684 #the-post #crumbs a { color: #fff; }
    .mang-luoi-hoat-dong-info-right { padding-left: 30px; }
    #site-header .header-top .ngon-ngu span { display: none; }
    .sidebar, .category .content.archive .article, .page:not(.home) .content.single .article, .single .content.single .article, .archive.tag .article { -webkit-box-shadow: 0 7px 18px rgb(0 0 0 / 12%); box-shadow: 0 7px 18px rgb(0 0 0 / 12%); background: #fff; padding: 15px; margin-bottom: 30px !important; }
    .banner-top-big img { margin: auto; object-fit: cover; object-position: center center; height: 520px; width: 100%; }
}
@media screen and (max-width:991px) {
    #header { position: relative; }
    #header .header-right #hkt-navigation .navigation { width: 300px; float: none; }
    #site-header .header-top .hotline-top, #site-header .header-top .menu-top-ws { display: none !important; }
    #header .header-right { position: absolute; right: 20px; top: 25px; }
    .box-gioithieu-img-left { margin-bottom: 15px; }
    .box-gioithieu-img-left, .box-gioithieu-img-right { flex-direction: column; }
    .box-gioithieu-img-left .img-box, .box-gioithieu-img-left .box-item-webseo-left { width: 100%; }
    .box-gioithieu-img-left .title-box { font-size: 20px; }
    .bando-center, .bando-left, .bando-right { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .bando-container a { font-size: 16px; }
    .bando-container .bd-hanoi { top: 0; margin-top: 30px; z-index: 99; margin-bottom: 50px; }
    .bando-container .bd-bacgiang, .bando-container .bd-bacninh, .bando-container .bd-haiphong { position: relative; top: 0; left: 0; margin-top: 30px; z-index: 99; margin-bottom: 50px; }
    .bando-container .bd-bacgiang { margin-bottom: 20px; }
    .bando-center { position: absolute !important; opacity: 0.2; top: -80px; }
    header#site-header { background: rgb(255 255 255); }
    #mobile-nav-toggle { width: 45px; }
    #mobile-nav-toggle span { float: left; font-size: 12px; text-align: center; }
    .header-top { margin-right: 60px; margin-top: -12px }
    .ngon-ngu.mobile { width: 55px; top: -15px; right: 70px; position: relative; }
    .menu-mobile { top: -5px; position: relative; }
    .ngon-ngu.mobile span { font-size: 12px; color: #0066b3; text-align: center; }
    .search-header button.dropdown-toggle i { font-size: 25px; }
    .header-top .search-header { margin-right: 15px; padding-top: 16px; }
    .header-top .search-header { width: 40px; margin-right: 15px; padding-top: 16px; }
    #gth-cam-stp { margin-top: 30px; height: auto; }
    .gt-cam-2 { border-top: 1px solid #e7e7e7; border-right: none; border-left: none; height: auto; border-bottom: 1px solid #e7e7e7; }
    h2.vc_custom_heading { padding: 3px 15px 20px 55px; font-weight: 700; font-size: 25px !important; line-height: 1.2 !important; margin-bottom: 5px; height: auto; height: 60px; background-size: 60px; }
    .gt-cam .boxcontent p { font-size: 14px; }
    .sp-item { display: flex; flex-direction: row; opacity: 1; border-bottom: 1px solid #f7be68; padding: 0; background: #fff !important; box-shadow: 0 7px 18px rgb(0 0 0 / 12%); }
    .sp-item .sp-item-img .vc_column-inner { padding: 0; }
    .sp-item .sp-item-img, .sp-item .sp-item-des { width: 50%; opacity: 1; }
    .sp-item .sp-item-img img { height: 110px; }
    .sp-item .sp-item-des .title-box { font-size: 14px; }
    .sp-item .sp-item-des .boxcontent, .menu-gioi-thieu, a.button.add_to_cart_button { display: none; }
    .page .post-single-content { padding: 0; background: #fff; margin: 10px auto; margin-bottom: 20px; border-radius: 10px; text-align: justify; margin-top: 0; }
    .page .post-single-content img { margin: auto; display: table; }
    .page.page-id-8148 .page .post-single-content { padding: 0 !important; background: transparent; margin: 10px auto !important; border-radius: 0; }
    #our-history-webseo .left::after, #our-history-webseo .right::after { left: -12px !important; }
    #our-history-webseo .content-ws { padding: 15px !important }
    #our-history-webseo .container-ws { width: 100%; padding-left: 30px !important; padding-right: 0 !important; }
    #our-history-webseo .wpb_wrapper::after { left: 0 !important; }
    #our-history-webseo .container-ws::before { left: 20px !important; border-color: transparent #0066b3 transparent transparent !important; }
    #header { box-shadow: 1px 2px 3px #ccc; }
}
@media screen and (max-width:767px) {
    #thuong-hieu-noi-tieng .wpb_column.vc_column_container.vc_col-sm-3 { width: 50%; float: left; }
    .home #thuong-hieu-noi-tieng { display: none; }
}
@media screen and (max-width:575px) {
    #gioi-thieu { padding-left: 15px !important; padding-right: 15px !important; }
    #gioi-thieu .gioi-thieu-left-item .title-box { font-size: 20px; font-weight: 700; text-transform: uppercase; text-align: center; }
    .gioi-thieu-right-item { display: none; }
    #gioi-thieu .linklienket { border: 1px solid #f7be68; padding: 12px 25px; color: #454545; background: #ffc92b; font-size: 14px; border-radius: 8px; margin: 0 auto; display: table; }
    .title-home h3 { font-size: 23px !important; }
    #danh-muc-san-pham-noi-bat .sanpham-ma-item img { height: 240px; }
    .title-home p { font-size: 14px; }
    #tin-tuc-su-kien .vc_column-inner { padding: 0; }
    .cong-trinh-tieu-bieu-item img { height: 250px; }
    .cong-trinh-tieu-bieu-item .title-box { padding: 10px 15px; }
    .cong-trinh-tieu-bieu-item .caption-box { padding: 0 15px; }
    .box-item-webseo.style-1.cong-trinh-tieu-bieu-item { padding: 30px; background: #e3e3e3; margin-bottom: 15px; }
    #doi-tac { display: none; }
    .category .post-article article .recent-item, .single article .recent-item { flex-direction: column !important; }
    .category .post-article article .recent-item .entry, .single article .recent-item .entry, .category .post-thumbnail, .single .post-thumbnail { width: 100%; padding-right: 0 !important; }
    .category .entry .post-box-title, .single .entry .post-box-title { margin-top: 10px !important; }
    .category  article .post-thumbnail img { margin: auto; object-fit: cover; object-position: center center; height: 200px; width: 100%; }
    .category .post-article article .recent-item { margin-top: 0; }
    .archive.category.category-thu-vien-anh .listing-wrap.clearfix article { width: 100%; }
    .category .post-thumbnail img, .archive.tag .post-thumbnail img { background: #eee; width: 100%; }
    h2.vc_custom_heading { font-size: 20px !important; }
    .stp-sanpham-item { background: #fff; padding: 10px 10px 20px 10px; border-radius: 5px; }
    .stp-sanpham-item .title-box { font-size: 18px; }
    .cong-trinh-tieu-bieu { padding: 10px; }
    .cong-trinh-tieu-bieu .vc_grid-item-mini.vc_clearfix { display: flex; flex-wrap: wrap; justify-content: flex-start; padding: 10px; border-bottom: 1px solid #ddd; }
    .cong-trinh-tieu-bieu .vc_grid-item-mini .vc_gitem-animated-block { width: 30%; }
    .cong-trinh-tieu-bieu .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-c { width: 70%; height: auto; background-size: 100%; background-color: transparent !important; }
    .cong-trinh-tieu-bieu .vc_gitem-post-data-source-post_excerpt { display: none; }
    .cong-trinh-tieu-bieu .vc_gitem_row .vc_gitem-col { box-sizing: border-box; padding: 0 10px; }
    .cong-trinh-tieu-bieu .vc_custom_heading h4 { font-size: 14px; margin-top: 0; padding-top: 0; }
    .cong-trinh-tieu-bieu .vc_gitem-zone.vc_gitem-zone-a { background-size: cover !important; height: 70px !important; }
    .cong-trinh-tieu-bieu  .vc_grid-item { padding-right: 0 !important; padding-bottom: 0 !important; }
    .congtrinhtieubieu { padding: 10px; }
}