/*
    Template: consulting
    Theme Name: Consulting Child Theme
    Theme URI: http://consulting.stylemixthemes.com/
    Author: StylemixThemes
    Author URI: http://stylemixthemes.com/
    Description: Consulting - Business and Finance WordPress theme. Using Consluting you can easily create a modern website with real content. Easily edit the real content and compose the page layout with drag & drop page builder Consulting is the best ever finance, consulting, brokerage WordPress theme. It’s fully Responsive and Easy to Customize using intuitive Drag & Drop Visual Composer and Theme Options panel in WordPress Customizer.
    Version: 4.0.2
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: blue, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, sticky-post, translation-ready
    Text Domain: consulting-child-theme
*/

#main{
    background-color: #F2F3F3;
    background-image: url(/wp-content/uploads/ydvs_logo_bg.svg);
    background-size: 22%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 106% 113%;
}

body .h1:after, body .h2:after, body .h3:after, body .h4:after, body .h5:after, body .h6:after, body h1:after, body h2:after, body h3:after, body h4:after, body h5:after, body h6:after {
    display: none!important;
}

body h3,
body h4,
body h5{
    padding:0;
}

img{
    max-width: 100%;
}

.title_line_height .line_only{
    height: 1px!important;
}

.title_line_height h4{
    padding: 0 0 4px 0!important;
}

.hitnews-marquee {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.hitnews-marquee a {
    text-decoration: none;
    color: #004B8D;
    font-size: 17px;
    padding: 0 5px;
}

.hitnews-marquee a:hover {
    color: #0073aa;
}

.news-separator {
    color: #999;
    margin: 0 10px;
}

.main_menu_nav>li:nth-child(even) {
    background: linear-gradient(to left, #007AC6 0%, #004B8D 100%);
}

.main_menu_nav>li:nth-child(odd) {
    background: linear-gradient(to left, #004B8D 0%, #007AC6 100%);
}

.main_menu_nav>li>a:hover{
   color:#fd9b28;
}

.main_menu_nav>li .sub-menu>li>a{
    padding: 9px 26px 9px;
    font-size: 15px;
    font-weight: 400;
}

.socials-box{
    display: none!important;
}

/* ========================================= */
/* I. 表頭樣式：設定為 Flex 容器並定義固定寬度 */
/* ========================================= */
.announcement-header {
    display: flex; 
    align-items: center;
    padding: 5px 0;
    margin-bottom: 5px;
    background-color: #004B8D;
    color: #fff;
    letter-spacing: 1px;
}

.header-item {
    text-align: center;
    padding: 0 10px;
    border-right: none; 
}

/* 確保表頭寬度一致 */
.header-time-col {
    /* 核心變動：固定寬度 100px */
    flex: 0 0 100px; 
}
.header-unit-col {
    /* 核心變動：固定寬度 80px */
    flex: 0 0 100px; 
    border-left: 1px solid white;
}
.header-title-col {
    flex-grow: 1;
    border-left: 1px solid white;
}


.news_list .list-layout-item .wrap-main-post {
    float: none;
    width: 100%;
    padding-left: 0;
    display: flex;
    align-items: baseline;
    padding-top: 6px;
}

.news_list .list-layout-item {
    margin-bottom: 0px;
    padding: 0;
}

.news_list .list-layout-item .cvca-post-inner {
    border-bottom: none;
    padding-bottom: 0px;
    display: inline-block;
}

.news_list.list-layout-item .title-post {
    margin-bottom: 5px;
}


#footer .footer_widgets {
    padding: 0 0 0;
}

#footer .footer_widgets .widget .widget_title {
    font-size: 16px;
    margin: 0 0 12px;
    padding-top: 30px;
    padding-bottom: 3px;
    font-weight: 400;
    letter-spacing: 1px;
}

#footer .footer_widgets .widget.widget_text p {
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.5px;
}

#footer .footer_widgets .widget .widget_title::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    background: transparent;
    color: #80B3D5;
    padding-right: 5px;
}

#footer .widget_title::before {
    content: '\f02d';
}


.widget.widget_text, .widget.widget_text p {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.5px;
    font-weight: 350;
}

.widget.widget_text div {
    margin-bottom: 8px;
}

.textwidget i:before{
    color: #FABE00;
    padding-right: 5px;
}

#custom_html-4 .textwidget i:before{
    font-size: 18px;    
}

#custom_html-5 ul{
    display: flex;
    list-style: none;
    padding: 10px 0px;
    text-align: center;
    gap: 18px;
}

#custom_html-5 li a{
    display: table-caption;
}


#custom_html-5 li img{
    border: 4px solid lightblue;
    border-radius: 13%;
    padding: 5px;
    background-color: rgba(255, 255, 255);
}

#footer .footer_widgets .widget.widget_text#custom_html-5 img{
    max-width: 65px;    
}

#footer .copyright_row .copyright_row_wr {
    padding: 4px 0 0px;
    text-align: center;
}

#footer .copyright_row .copyright_row_wr .copyright {
    font-size: 14px;
    width: 100%;
    padding: 10px 0 14px;
    font-weight: 300;
    letter-spacing: 0.5px;
}

#footer .footer_widgets .widget {
    margin: 8px 0 34px;
}

.page_title{
    background-size: cover!important;
    background-position: center!important;
    padding: 0;
    padding-bottom: 100px !important;
    margin-bottom: 18px!important;
}

.title_word{
    display: inline-grid;
    background-color: rgb(0, 75, 141, 0.85);
    position: relative;
    top: 190px;
    padding: 19px 23px 12px 23px;
    min-width: 400px;
    margin-bottom: 36px;
}

body:not(.home) .content-area {
    padding: 40px 0px;
    max-width: 1200px;
    margin: 0 auto;
    min-height: 300px;
}

.page_title h1 {
    color: #fff!important;
    font-weight: 500;
    font-size: 32px;
}

.single-post .page_title h1 {
    font-size: 23px;
}

.breadcrumbs>span,
.breadcrumbs>span a{
    color: #fff!important;
}

/* 選單容器區塊 */
.hook-menu {
    display: flex;
    align-items: center;
    gap: 5px 12px;
    padding-bottom: 8px;
    margin-bottom: 12px;
    border-bottom: 2px solid #d3dce3;
    list-style: none;
    margin-left: 377px;
    flex-wrap: wrap;
}


/* 隱藏預設 UL 的縮排 */
.hook-menu ul,
.hook-menu li {
    margin: 0;
    padding: 0;
}

/* 連結文字 */
.hook-menu li a {
    color: #333;
    text-decoration: none;
    font-size: 15px;
}

/* hover 效果 */
.hook-menu li a:hover {
    color: #004B8D;
}

/* 當前頁面（橘色） */
.hook-menu .current-menu-item > a {
    color: #f5a623; /* 跟圖片相近的橘色 */
    font-weight: bold;
}

/* 分隔符號（模仿圖片） */
.hook-menu li:not(:last-child)::after {
    content: " | ";
    color: #999;
    margin-left: 6px;
}


.content-area table {
    /* 確保表格寬度佔滿容器 */
    width: 100%;
    /* 移除單元格之間的間隙 */
    border-collapse: collapse;

}

.content-area th, .content-area td {
    padding: 10px;
    border: 1px solid #ccc; /* 淺灰色邊框 */
    text-align: left;
}

.content-area th {
   /*  background-color: #f2f2f2; 淺灰背景 */
    font-weight: bold;
}

.content-area tr:nth-child(even) {
    background-color: #f9f9f9;
}

.content-area tr:hover {
    background-color: #e6f7ff;
}


.content-area li{
   /* margin-bottom: 15px;*/
}
/* ========================================= */
/* II. 文章內容行樣式：使用 Flexbox 實現三欄對齊 */
/* ========================================= */

.news_list .row {
    margin: 0; 
}

/* 讓每篇文章成為 Flex 容器 (主要的對齊容器) */
.list-layout-item {
    display: flex;
    align-items: center; 
    border-bottom: 1px dashed #ccc; 
    padding: 5px 0;
    margin: 0;
    width: 100%;
}

/* 讓所有子容器都參與到 Flex 佈局中 */
.cvca-post-inner, 
.wrap-main-post,
.post-info {
    display: contents; 
}


/* 1. 時間欄位 (.post-date) */
.news_list .post-date {
    /* 核心變動：固定寬度 100px，與表頭匹配 */
    flex: 0 0 100px; 
    text-align: center;
    padding: 0 10px;
    font-size: 15px;
    color: #555;
    order: 1; 
}

/* 2. 單位欄位 (.post-category) */
.post-category {
    /* 核心變動：固定寬度 80px，與表頭匹配 */
    flex: 0 0 100px; 
    text-align: center;
    padding: 0 10px;
    font-size: 15px;
    order: 2; 
}
.post-category a {
    text-decoration: none;
    color: #004B8D; 
}

/* 3. 標題欄位 (.entry-title) */
.news_list .entry-title {
    /* 標題欄自動伸長填滿剩餘空間 */
    flex-grow: 1; 
    padding: 0 10px;
    margin: 0;
    order: 3; 
    /* (可選) 確保標題內容不會溢出，如果內容太長就截斷 */
    min-width: 0;     
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
}
.news_list .entry-title a {
    color: #333;
    text-decoration: none;
}
.news_list .entry-title a:hover {
    text-decoration: underline;
}

/* 處理原始 HTML 中的多餘 span (如果有的話) */
.post-info span:not(.post-date, .post-category) {
    display: none;
}

h4.submenu {
    letter-spacing: 2px;
    color: #004b91;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 5px;
    border-bottom: 2px solid;
    border-image: linear-gradient(to right, #004b91 10%, #e0e0e0 100%) 1;
    width: 100%;
    padding-top: 0;
}


.wpb_wrapper p, 
.elementor-element {
    font-size: 15px;
}


body:not(.home) .news_list .list-layout-item .wrap-main-post {
    padding-top: 11px;
}


/* 外層容器：水平置中並增加上下間距 */
.cvca-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 30px auto;
    gap: 8px; /* 項目之間的間距 */
    clear: both;
    width: 100%;
}

/* 基礎項目樣式 */
.cvca_pagination-item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border: 1px solid #e0e0e0;
    border-radius: 4px; /* 輕微圓角 */
    color: #666;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 14px;
}

/* 當前頁面 (Current) 樣式：使用校色深藍 */
.cvca-pagination .current {
    background-color: #004b91;
    border-color: #004b91;
    color: #ffffff;
    font-weight: bold;
}

/* 滑鼠懸停 (Hover) 樣式 */
.cvca_pagination-item:hover:not(.current) {
    background-color: #f4f7fa;
    border-color: #004b91;
    color: #004b91;
}

/* 下一頁箭頭圖示微調 */
.cvca-pagination-next {
    font-size: 18px;
    background-color: #f9f9f9;
}

/* 清除浮動 (對應您的 clearfix class) */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}



/* 下載區塊容器 */
.download_section {
    margin: 20px 0;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    border: 1px solid #eee;
}

/* 標題樣式 */
.download_section > div:first-child {
    font-size: 1.25rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #0056b3; /* 加上主題底線 */
    display: inline-block;
}

/* 清單容器 */
.download-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 單個項目樣式 */
.download-list li {
    margin-bottom: 10px;
    transition: transform 0.2s ease;
}

.download-list li:last-child {
    margin-bottom: 0;
}

/* 連結樣式 */
.download-list a {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    background-color: #ffffff;
    color: #444;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}

/* 加上 PDF 圖示 (使用簡單的 CSS 繪製或文字符號) */
.download-list a::before {
    content: "FILE"; /* 也可以改用 \1F4CE (迴紋針符號) */
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    background: #d32f2f; /* PDF 紅色 */
    padding: 2px 5px;
    border-radius: 3px;
    margin-right: 12px;
    line-height: 1;
}

/* 滑鼠移過效果 */
.download-list a:hover {
    background-color: #0056b3;
    color: #ffffff;
    border-color: #0056b3;
    transform: translateX(5px); /* 微向右移動 */
}

.download-list a:hover::before {
    background: #fff;
    color: #0056b3;
}

.single-post article.post {
    margin-top: 40px;
}

.fa-angle-double-right{
    color: #003366;
    font-size: 13px;
}

.custom-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.gallery-item img {
    width: 150px;
    height: 150px;
    object-fit: cover; /* 確保縮圖比例一致 */
    border-radius: 4px;
    transition: transform 0.3s;
}
.gallery-item img:hover {
    transform: scale(1.05);
}

/* 1. 確保外層容器不限制大小，且不產生額外卷軸 */
.lightboxOverlay {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}

.lightbox {
    position: fixed !important;
    top: 50% !important; /* 置中垂直 */
    transform: translateY(-50%) !important;
}

/* 2. 解決圖片下方或側邊產生卷軸的問題 */
.lb-outerContainer, .lb-dataContainer {
    max-width: 90vw !important; /* 限制寬度在螢幕 90% */
}

.lb-image {
    max-height: 80vh !important; /* 限制高度在螢幕 80% */
    width: auto !important;
    height: auto !important;
    display: block;
}

/* 3. 防止背景捲動 (選用) */
body.lb-disable-scrolling {
    overflow: hidden !important;
}

/* 外層白底卡片 */
.photo-gallery-wrapper {
    background: #ffffff;
    border: 1px solid #eee; /* 淡淡的邊框 */
    border-radius: 8px;     /* 圓角 */
    padding: 25px;          /* 內距 */
    margin: 20px 0;
    box-shadow: 0 2px 15px rgba(0,0,0,0.05); /* 輕微陰影 */
}

/* 標題樣式：左側有藍色裝飾線（參考您截圖的視覺） */
.gallery-section-title {
    font-size: 1.15rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid #003366; /* 下劃線 */
    display: inline-block;
}

/* 網格系統：自動適應螢幕寬度 */
.photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 15px;
}

/* 每一張圖片的卡片感 */
.photo-card a {
    display: block;
    border-radius: 6px;
    overflow: hidden;
    aspect-ratio: 4 / 3; /* 固定比例，讓畫面更整齊 */
    border: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.photo-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* 滑鼠經過時的細微動態 */
.photo-card a:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    transform: translateY(-3px);
}

.photo-card a:hover img {
    transform: scale(1.1);
}

.grid-layout-item .post-info{
    display: none;
}

.grid.cvca-blog-shortcode {
    display: flex;
    flex-wrap: wrap;
}

.grid-layout-item{
    float: none;
}

.cvca-blog-shortcode.grid .wrap-content-post {
    padding: 0 0px!important;
}

.grid-layout-item .wrap-media a{
    display: block;
    width: 100%;
    padding-bottom: 60%;
    background-size: cover;
    background-position: center;
}

.grid-layout-item .title-post a{
    font-size: 15px;
}

.cvca-blog-shortcode.grid:not(.grid-1-col) .title-post {
    font-size: 17px;
    margin-bottom: 0px;
}

/* 強制讓 YouTube 嵌入影片自適應 */
iframe[src*="youtube.com"], 
iframe[src*="youtu.be"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}


/* 僅針對 grid-4-col 容器下的項目進行美化 */

/* 1. 卡片外框與容器 */
.grid.grid-4-col .cvca-blog-item.grid-layout-item {
    padding: 10px;
    box-sizing: border-box;
}

.grid.grid-4-col .cvca-post-inner {
    border-radius: 10px;
    border: 1px solid #eee;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    overflow: hidden;
    height: 100%;
}

/* 2. 懸停動效 */
.grid.grid-4-col .cvca-post-inner:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    border-color: #00448a; /* 仰德深藍 */
}

/* 3. 圖片比例統一與縮放 */
.grid.grid-4-col .wrap-media {
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background-color: #f0f0f0;
}

.grid.grid-4-col .wrap-media a {
    transition: transform 0.5s ease !important;
    background-size: cover !important;
    background-position: center !important;
    display: block;
    height: 100%;
}

.grid.grid-4-col .cvca-post-inner:hover .wrap-media a {
    transform: scale(1.08);
}

/* 4. 文字標題美化 */
.grid.grid-4-col .wrap-content-post {
    padding: 4px 10px !important;
    text-align: center;
}

.grid.grid-4-col .entry-title.title-post {
    font-size: 15px !important;
    line-height: 1.4;
    margin: 0 !important;
    min-height: 42px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.grid.grid-4-col .entry-title.title-post a {
    color: #333;
    font-weight: 600;
    text-decoration: none;
}

.grid.grid-4-col .cvca-blog-item .cvca-post-inner {
    padding-bottom: 0px;
}

#footer .footer_widgets .widget.widget_nav_menu ul li {
    font-size: 15px;
}

/* 容器與標題 */
.yd-search-container {
    background: #ffffff;
    border: 1px solid #e1e1e1;
    padding: 30px;
    margin: 20px 0;
    border-radius: 8px;
}

.yd-search-header {
    font-size: 24px;
    font-weight: bold;
    color: #004B8D;
    text-align: center;
    margin-bottom: 25px;
}

.yd-select-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.yd-input-unit {
    width: 170px;
}

.yd-input-unit label {
    display: block;
    font-weight: 600;
    margin-bottom: 8px;
    color: #333;
}

/* 原生 Select 美化：絕對不會跑位 */
.yd-no-select2 {
    width: 100% !important;
    height: 42px !important;
    padding: 0 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    font-size: 15px !important;
    color: #333 !important;
    cursor: pointer;
    /* 讓它看起來像現代選單 */
    appearance: menulist !important;
    -webkit-appearance: menulist !important;
    outline: none !important;
}

.yd-no-select2:focus {
    border-color: #004B8D !important;
    box-shadow: 0 0 0 1px #004B8D !important;
}

/* 隱藏任何 Select2 殘留的 HTML 元素，防止視覺干擾 */
.yd-field-box .select2-container {
    display: none !important;
}

/* 按鈕樣式 */
.yd-btns-group {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 25px;
}

.yd-btn-submit {
    height: 45px;
    min-width: 120px;
    background-color: #004B8D !important;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
}

.yd-btn-reset {
    height: 45px;
    min-width: 120px;
    background-color: #f8f9fa;
    color: #666;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* --- 1. 表格容器：純白底 + 強力投影 --- */
.syllabus-results {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 30px 0;
    background-color: #ffffff !important; /* 確保不與背景融合 */
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18); /* 加深陰影提升立體感 */
    border: 1px solid #d1d9e6;
}

/* --- 2. 表頭美化 --- */
.syllabus-results th {
    background-color: #004B8D !important;
    color: #ffffff !important;
    font-weight: 700;
    padding: 18px 15px;
    text-align: center; /* 表頭全部置中 */
    border: none;
}

/* --- 3. 儲存格對齊設定 --- */
.syllabus-results td {
    padding: 16px 15px;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 15px;
    vertical-align: middle;
    background-color: #ffffff;
    /* 預設全部置中 */
    text-align: center; 
}

/* 核心要求：只有「名稱」欄位靠左，其餘保持置中 */
.syllabus-results td:nth-child(2) {
    text-align: left; 
}

/* --- 4. 課程名稱連結 --- */
.syllabus-results td a {
    color: #e67e22 !important; /* 亮橘色在白底上極其醒目 */
    text-decoration: none;
    font-weight: 600;
    transition: 0.2s;
}

.syllabus-results td a:hover {
    color: #d35400 !important;
    text-decoration: underline;
}

/* --- 5. 滑鼠經過效果：僅序號欄位出現左邊框 --- */
.syllabus-results tbody tr {
    transition: all 0.2s ease;
}

/* 滑鼠移入時，整列底色變淺藍 */
.syllabus-results tbody tr:hover td {
    background-color: #f4f9ff !important;
}

/* 核心要求：滑鼠移入時，border-left 只出現在第一欄（序號） */
.syllabus-results tbody tr:hover td:first-child {
    box-shadow: inset 5px 0 0 #004B8D; /* 使用內陰影模擬左邊框，不會造成位移 */
}

/* --- 6. 條紋背景 --- */
.syllabus-results tbody tr:nth-child(even) td {
    background-color: #fcfdfe;
}

.syllabus-results tbody tr:last-child td {
    border-bottom: none;
}

/* --- 響應式佈局 (Responsive) --- */

/* 電腦版: 一排四個 (大於 992px) */
@media (min-width: 992px) {
    .grid.grid-4-col .cvca-blog-item {
        width: 25% !important;
        float: left;
    }
}

/* 平板版: 一排兩個 (768px ~ 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .grid.grid-4-col .cvca-blog-item {
        width: 50% !important;
        float: left;
    }
}

/* 手機版: 強制一排一個 (小於 767px) */
@media (max-width: 767px) {
    .grid.grid-4-col .cvca-blog-item {
        width: 100% !important;
        float: none !important;
        padding: 15px 20px;
    }
    
    .grid.grid-4-col .entry-title.title-post {
        font-size: 17px !important;
        height: auto;
        min-height: 0;
    }
}
@media (min-width: 992px) {
    .container {
        width: 100%;
    }

    .vc_row:not([data-vc-full-width]),
    #footer .widgets_row {
        max-width: 970px;
        margin: 0 auto;
    }

}


@media (min-width: 1025px) {
    .header_style_7.mobile_grid_landscape #header .header-box .container, .header_style_8.mobile_grid_landscape #header .header-box .container, .header_style_9.mobile_grid_landscape #header .header-box .container {
        padding: 30px 0px;
    }

    .vc_row[data-vc-full-width] {
        padding-left: 300px;
    }

    .header_style_7.mobile_grid_landscape #header .header-box .container .nav-box .main_menu_nav>li>a {
        padding: 9px 16px 9px 0;
        border-top: none !important;
        text-transform: none;
        font-size: 15px;
        color: #fff;
        font-weight: 400;
        text-align: center;
    }

    .header_style_7.mobile_grid_landscape #header .header-box .container .nav-box .main_menu_nav>li.menu-item-has-children .arrow{
        top: 0px;
        right: 10px;
        width: 20px;
        height: 30px;
        color: white;
    }

    .header_style_7.mobile_grid_landscape #header .header-box .container .nav-box .main_menu_nav>li:hover.menu-item-has-children .arrow{
        color: #fd9b28;
    }

    .header_style_7.mobile_grid_landscape #header .header-box .container .nav-box .main_menu_nav>li .sub-menu{
        padding: 0 17px 20px;
    }

    .header_style_7.mobile_grid_landscape #header .header-box .container .nav-box .main_menu_nav>li .sub-menu>li>a{
        color: #fff;
    }

    .header_style_7.mobile_grid_landscape #header .header-box .container .nav-box{
        margin: 0;
    }

    .header_style_7.mobile_grid_landscape #header .header-box .container .nav-box .main_menu_nav>li:hover>a{
        color: #FABE00;
    }
}


@media (min-width: 1200px) {
    .container {
        width: 100%;
    }

    .vc_row:not([data-vc-full-width]){
        max-width: 1100px;
        margin: 0 auto;
    }

    
    #footer .widgets_row{
        max-width: 1300px;
        margin: 0 auto;
    }
}


@media (max-width: 1300px) {
    .hook-menu {
        margin-left: 0;
        margin-top: 41px;
        padding-left: 11px;
        flex-wrap: wrap;
    }
}

@media (max-width: 1024px) {
    .mobile_grid_landscape .header-box .container .logo-box {
        background: #004B8D;
    }

    .mobile_grid_landscape .header-box .container .logo-box {
        padding: 8px 15px;
    }

    .logo-mobile img{
        height: 50px!important;
        width: auto!important;
    }
    .home #main {
        padding: 66px 0 60px;
    }

    #main {
        background-size: 200px;
        background-position: 106% 113%;
    }

    .menu-toggle button,
    .menu-toggle button:after, 
    .menu-toggle button:before{
        background: #fff;
    }

    .mobile_grid_landscape .header-box .container .nav-box .main_menu_nav {
        padding: 0px 0 !important;
    }

    .mobile_grid_landscape .header-box .container .nav-box .main_menu_nav>li>a {
        padding: 10px 36px 10px 44px !important;
        font-size: 16px;
    }

    .mobile_grid_landscape .header-box .container .nav-box .main_menu_nav>li.menu-item-has-children .arrow {
        height: 37px;
    }

    .mobile_grid_landscape .header-box .container .nav-box .main_menu_nav .sub-menu li a {
        padding: 10px 36px 10px 44px;
    }

    .mobile_grid_landscape .header-box .container .nav-box .main_menu_nav>li.menu-item-has-children .arrow i:before{
        top: 4px;
        width: 15px;
        height: 3px;
    }

    .mobile_grid_landscape .header-box .container .nav-box .main_menu_nav>li.menu-item-has-children .arrow i:after{
        top: -2px;
        width: 3px;
        height: 15px;
        left: 6px;
    }

}

@media (max-width: 769px) {
    body .mobile_full {
        margin: 0 -15px !important;
        max-width: calc(100% + 30px) !important;
        width: calc(100% + 30px) !important;        
    }

    .header-item {
        padding: 0px 0px;
    }

    .header-time-col {
        flex: 0 0 78px;
    }

    .news_list .post-date {
        flex: 0 0 78px;
        padding: 0 0px;
        font-size: 14px;
    }

    .header-unit-col {
        flex: 0 0 77px;
    }

    .post-category {
        flex: 0 0 77px;
        padding: 0px 0px;
        font-size: 14px;
    }

    .news_list .entry-title {
        font-size: 15px;
        line-height: 22px;
    }

    #footer .footer_widgets .widget#custom_html-4 .widget_title,
    #footer .footer_widgets .widget#custom_html-5 .widget_title {
    padding-top: 0px;
    }


    .page_title {
        padding-bottom: 0px !important;
        padding: 0px 0;
    }

    .title_word {
        top: 90px;
        padding: 0px 14px 0px 14px;
        min-width: 100%;
    }

    .page_title h1 {
        font-size: 22px;
        margin-bottom: 9px;
        line-height: 25px;
    }
}