/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
#header .stuck #logo img { max-height: 50px !important;}
.header-main .nav > li > a{    font-size: 16px; font-weight: 500; color: #fff;}
.header-main .nav  .html_topbar_left a{    font-size: 16px; font-family: utm avo; margin-right: 50px;}
.header-main .nav .html_topbar_left a:hover{ color: #f58220 !important}
.header-search .icon-search{    background: #ffffff91; padding: 7px 10px; border-radius: 20px;}
.header-search .nav-dropdown .icon-search{    background: none;}
.nav-dropdown-default {  padding: 7px; border-radius: 10px;}
.nav-dropdown-has-border .nav-dropdown {  border: 0px solid #ddd;}
.flex-right .nav-line-bottom>li>a:before, .flex-right  .nav-line-grow>li>a:before, .flex-right  .nav-line>li>a:before{    height: 0px; background-color: #ffffff;}
.title_small{    text-transform: uppercase; color: #fff; letter-spacing: 4px; font-size: 30px;    margin-bottom: 5px;}
.title_bold{    font-size: 49px;  color: #FAF0E6; font-weight: bold;    line-height: 100px;}
.title_bold .dot_1{  font-size: 102px;  background: url(images/icon-dot.png) no-repeat left;  padding-left: 40px; margin-left: 30px;}
.title_bold .notdot{ float: left;}
.title_bold p{ margin-bottom: 0px}
.tick_circle{    font-size: 72px;  font-weight: bold;  color: #FAF0E6; background: url(images/icon-dot.png) no-repeat left;  padding-left: 40px;    margin-left: 40%; line-height: 86px;    margin-bottom: 35px;}
.section1_home .large-4 p{    font-size: 16px; text-align: justify;  line-height: 30px;    margin-bottom: 53px; color: #fff;}
.section1_home .large-4{ padding-top: 10px; flex-basis: 36%;  max-width: 36%;}
.section1_home .large-8{flex-basis: 64%;  max-width: 64%; background: url(images/Line-section1.png) no-repeat bottom right;     background-position-x: 98.2%; padding-bottom: 100px;} 
.section2_home  .large-6{ padding-bottom: 0px}
.text_section2 {padding-top: 228px;    padding-bottom: 140px;}
.text_namkn p{     font-size: 47px;margin-bottom: 30px; font-weight: bold;}
.text_left_section2 p{    font-size: 47px;  margin-bottom: 30px;  font-weight: bold; color: #fff;}
.section3_home .box-text a{    background: #0a4754bf; padding: 10px 40px;  font-size: 25px;  width: 347px; color: #fff;}
.section3_home .box-text{    margin-top: -40px;}
.section3_home .row_nl .col{ padding-bottom: 0px}
.section3_home .row_nl .col p{    font-size: 18px; line-height: 40px;    text-align: justify;}
.section4_home .row_nl .col p{ margin-bottom: 0px}
.title_home  h2{font-size: 30px; text-transform: uppercase; color: #686868;}
.section3_home .row_nl{padding-top: 40px;}
.section4_home {background: #fff url(images/img-logo.png) no-repeat right;  }
.owl-carousel-logo .owl-stage{ margin-left: -1px;}
.owl-carousel-logo .owl-stage-outer{     margin-right: 1px;}
.item_logo{    height: 164px;  display: flex; justify-content: center;  align-items: center;  width: 100%; overflow: hidden;}
.owl-carousel-logo .owl-item img{ object-fit: cover;    width: auto !important;}
.section5_home .row_news{margin-top: 40px;}
.section5_home .post-date{     color: #C4C4C4; background: url(images/icon-date.png) no-repeat left 6px; padding-lefT: 25px; padding-lefT: 29px;  margin-top: 8px; line-height: 32px;  font-family: system-ui;}
.section5_home h3{    line-height: 24px;}
.section5_home h3 a{     font-size: 16px;color: #000;}
.section5_home .post-item:hover h3 a{color: #0A4754;}
.post-thumb, .item_logo{  overflow: hidden; display: flex;  justify-content: center;  align-items: center;}
.post-thumb img, .item_logo img { transition: transform 0.5s ease; /* hiệu ứng mượt */}
.post-thumb:hover img , .item_logo:hover img{  transform: scale(1.2); /* zoom to 120% khi hover */}
.section5_home .large-6 h3{    line-height: 30px;}
.section5_home .large-6 h3 a{     font-size: 24px;color: #000;}
.section5_home .large-6  .post-date{margin-top: 20px;}
.btn_xemtatca a{    background: #0A4754;  font-size: 20px;  color: #fff; padding: 14px 40px;}
.btn_xemtatca:hover a{    background: #F58220}
#footer p, #footer a, #footer li{ margin-bottom: 0px; color: #fff}
#footer p img{margin-bottom: 20px;}
#footer p.name_cty{     font-size: 17px;    margin-bottom: 15px;  font-weight: bold;}
#footer input[type="email"]{     background: none; color: #fff;  border-radius: 50px;     float: left;  height: 50px;}
#footer input::placeholder{ color: #fff; font-size: 16px}
.wpcf7-spinner{ display: none}
#footer input[type="submit"]{background: url(images/button-search.png) no-repeat;  border-radius: 39px;  width: 5px; float: left; margin-left: -55px;  height: 11px; margin-top: 5px;}
#footer form p{ margin-bottom: 0px}
#footer tr td{     border-bottom: 0px solid #ececec; font-family: Raleway, sans-serif; color: #fff;  font-size: 16px;}
#footer tr td.td_1{width: 100px;    }
#footer tr.tr_vp td.td_1{ padding: 27px 0px; }
#footer tr.tr_vp{ margin: 20px 0}
#footer .large-5{padding-left: 60px;  padding-right: 60px;}
#footer .large-2 li{     line-height: 56px; font-weight: bold;}
#footer .large-2 li:hover a{ color: #f58220}
#footer .social_ft a{ margin-right:20px}
#footer .left_ft_bt{color: #fff; border-bottom: 1px solid #ffffff9e; line-height: 2px;}
#footer .left_ft_bt span{    background: #0b0b09; padding-right: 20px;}
.section1_about h1{    font-size: 50px;}
.section1_about .separator{margin: 0 10px;}
.section1_about .title_small_1{ font-size: 35px; color: #0A4754;     font-weight: bold;  margin-bottom: 0px;}
.section1_about h2{color: #0A4754;     text-transform: uppercase; font-size: 60px;}
.section1_about p{font-size: 16px;  font-weight: 500; text-align: justify;}
.seciton2_about h2{ font-size: 60px; color: #FAF0E6;     padding-top: 65px;}
.seciton2_about h3{ color: #E7873C; font-size: 35px;     margin-bottom: 0px;}
.seciton2_about p{ color: #fff; font-size: 16px; text-align: justify}
.seciton2_about .right_section2_about{ background: url(images/bg-a.png) no-repeat left top;    padding-top: 65px; padding-left: 50px;    padding-bottom: 65px;}
.seciton2_about h4{    font-size: 24px; color: #fff; text-transform: uppercase;}
.seciton2_about .row_gtcl p{ padding: 0 10%}
.seciton3_about h2{    font-size: 45px; color: #fff; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);}
.seciton3_about .taihs{ background: url(images/icon_download.png) no-repeat left;     padding-left: 35px;  text-transform: uppercase; font-size: 18px;  color: #fff;}
.seciton3_about a{    border: 1px solid #fff;  padding: 10px 20px;}
.seciton3_about a:hover{    border: 1px solid #E7873C;}
.seciton3_about a:hover span{color: #E7873C}
.seciton3_about .Row3_about{    padding: 15% 0;}
.section1_contact h2{    font-size: 40px;    margin-bottom: 0px;    padding-top: 50px;  text-transform: uppercase;  color: #006F87;}
.section1_contact h3{    font-size: 30px;}
.section1_contact td{ border-bottom: 0px !important; font-size: 16px; color: #000}
.section1_contact td.adress_contact{    width: 200px;}
.section1_contact .adress_contact{ background: url(images/icon-local.png) no-repeat left;    padding: 30px 0 30px 27px;}
.section1_contact .phone_contact{ background: url(images/icon_dt.png) no-repeat left; padding-lefT:27px}
.section1_contact .hotline_contact{ background: url(images/gg_phone.png) no-repeat left; padding-lefT:27px}
.left_contactpage .bando a{    background: #0A4754;  text-transform: uppercase;  color: #fff;  padding: 15px 35px;  font-size: 20px;}
.left_contactpage .bando:hover a , .right_contactpage input[type="submit"]:hover{background: #f58220;}
.left_contactpage .bando{margin-top: 50px;}
.right_contactpage .col-inner{background: #006F87;  border-radius: 20px; padding: 40px;}
.right_contactpage h3{    font-size: 35px;  color: #fff; margin-bottom: 3px;} 
.right_contactpage p.text_lh1{font-size: 16px; color: #fff; padding: 0 6%;}
.name_phone{     overflow: hidden;  width: 100%;}
.name_phone div{ width:48%; float:  left;}
.name_phone .phone_frm{    margin-left: 4%;}
.right_contactpage input, .right_contactpage select{ height: 45px}
.right_contactpage input, .right_contactpage select, .right_contactpage textarea{ border-radius: 10px}
.right_contactpage textarea{min-height: 100px;}
.right_contactpage input[type="submit"]{    width: 100%;  background: none;  border: 1px solid #fff;  height: 45px; font-size: 16px;}
.right_contactpage form{ margin-bottom: 0px}
.right_contactpage  p.text_lh2{font-size: 14px;    margin-bottom: 0px; color: #fff;}
.section3_home .box-text:hover a { background: #f58220c2;}
.menu-duan{    margin-bottom: 40px;}
.menu-duan ul{ list-style: none;  padding: 0; margin: 0 auto; display: table;     margin-bottom: 20px;}
.menu-duan li{ list-style: none; display: inline-block;  margin: 0 30px;}
.menu-duan li a{ text-transform: uppercase;     border-bottom: 3px solid #ADADAD; font-size: 22px; color: #ADADAD;padding-bottom: 6px;}
.menu-duan .current-menu-item a{text-transform: uppercase;     border-bottom: 3px solid #0A4754; font-size: 30px; color: #0A4754;padding-bottom: 6px;}
.duan-item h3{    font-size: 16px;  margin-top: 10px;}
.blog-archive button.button{    background: #0A4754;  height: 55px; width: 190px;  font-size: 20px; font-weight: 500;}
.blog-archive button.button:hover { background: #f58220;}
.single-page-project{width: 76%; margin: 0 auto;border-bottom: 1px solid #252525; margin-bottom: 30px;}
.info_duan{border-radius: 10px; background: #FFF;  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.10); margin-bottom: 30px;  padding: 30px 50px 25px 50px;}
.info_duan h2{color: #0A4754;  font-size: 30px;  font-style: normal;    margin-bottom: 2px; font-weight: 700;  line-height: 140%;  text-transform: uppercase;}
.info_duan .line_singleda{background: #0A4754; width: 97px; margin-bottom:  30px;height: 2px;}
.info_duan p{margin-bottom: 5px;}
.single-page-project .slick-slider {  margin-bottom: 10px;}
.blog_news .post-sidebar { padding-lefT: 0px !important}
.blog_news h1{    border-bottom: 1px solid #212121; padding-bottom: 20px; color: #252525;font-size: 36px; font-style: normal; font-weight: 700; line-height: 130%;}
.post-date, .relatedcat .post-date {color: #686868; background: url(images/icon-date.png) no-repeat left; text-align: justify; font-family:utm avo;  font-size: 16px;font-style: normal; padding-lefT: 30px;    margin-bottom: 0px; font-weight: 400; line-height: 150%;}
.single-page p{ font-size: 16px; text-align: justify;}
.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {  margin-top: -40px;  background: #fff;  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.20);  border-radius: 20px;}
.relatedcat .flickity-slider .product-small img{ height: 220px;}
.relatedcat .post-date{    margin-bottom: 7px; margin-top: 10px;}
.relatedcat p{font-size: 16px; font-weight: bold;    color: #000;margin-top: 10px;}
.blog_news .single-page{padding-top:0px}
.share-buttons{border-top: 1px solid #252525;  border-bottom: 1px solid #252525;  padding: 25px 0;}
.share-buttons .face_share{border-radius: 8px; background: #0063E0; padding: 8px 104.156px 8px 12px; font-size: 14px; color: #fff;}
.share-buttons .face_share span{ background: url(images/Vector.png) no-repeat; padding-lefT: 50px; padding-top: 4px; padding-bottom: 10px;}
.share-buttons .gg_share{border-radius: 8px; background: #C5221F; padding: 8px 115.156px 8px 12px;; font-size: 14px;    margin-left:84px; color: #fff;}
.share-buttons .gg_share span{ background: url(images/bi_google.png) no-repeat; padding-lefT: 50px; padding-top: 4px; padding-bottom: 10px;}
.share-buttons .print_share{border-radius: 8px;  background: #828282;padding: 8px 142.156px 8px 12px; font-size: 14px;    margin-left: 85px; color: #fff;}
.share-buttons .print_share span{ background: url(images/material-symbols_print.png) no-repeat; padding-lefT: 85px;  padding-top: 4px; padding-bottom: 10px;}
#post-list .box-text a{ line-height: 150%;      font-size: 16px; text-align: justify;}
#post-list .post-date{     margin-bottom: 5px;}
#post-list .box-text{ padding-bottom: 0;}
#post-list .nav-pagination>li>.current, #post-list .nav-pagination>li>a:hover, #post-list .nav-pagination>li>span:hover{ border-radius: 5px;background: #0A4754; border: 1px solid #fff;}
.nav-pagination>li>a, .nav-pagination>li>span{ border-radius: 5px; border: 1px solid #787878;} 
.relatedcat h3{color: #0A4754; text-align: center; font-size: 30px; font-style: normal; font-weight: 700; line-height: 140%; text-transform: uppercase;}
.slick-next {  right: 15px;}
.blog_news .post-sidebar .textwidget{border-radius: 0 0 10px 10px; background: #FFF;  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.20); padding: 20px;}
.blog_news .post-sidebar p.widget-title { margin-bottom: 0px;  border-radius: 10px 10px 0 0;  background: #0A4754; text-align: center; color: #FFF; font-size: 20px; font-weight: 700; line-height: 50px;}
.blog_news .post-sidebar .post-item{ overflow: hidden; margin-bottom: 20px;}
.blog_news .post-sidebar .post-thumb{    width: 40%;margin-right: 15px;  float: left;}
.blog_news .post-sidebar .post-thumb img{ border-radius: 5px}
.blog_news .post-sidebar .right_postsb{width: 55%; float: left;}
.blog_news .post-sidebar .post-date{ margin-bottom: 2px}
.blog_news .post-sidebar .post-title{font-size: 16px; font-style: normal; font-weight: 700;    margin-bottom: 0px;  line-height: 140%; text-align: justify}
.blog_news .post-sidebar .post-title a{color: #000}
.slick-initialized .slick-slide{    text-align: -webkit-center;}
.section1_about .text-box-content{ margin-left: 15px;}
.section5_home .large-3 .post-thumb img{ height: 190px}
.single-post .section1_about h1 {
    font-size: 40px;    line-height: 55px;
}
.single-post .section1_about .text-box{    width: 100% !important;}
@media only screen and (max-width: 1680px) {
	.text_section2 {  padding-top: 200px; padding-bottom: 115px;}
	.section2_home .section-content img{    max-width: 75%;}
	.section2_home .section-content .text_namkn img {max-width: 53%;}
	.text_namkn p , .text_left_section2 p{ font-size: 40px;}
} 
@media only screen and (max-width: 1440px) {
	.container, #main .section-content>.row, #main .blog-archive>.row ,  #footer .section-content>.row, .single-post #main>.row { padding-left: 5%; padding-right: 5%;}
	.flex-right .header-search{margin-left: 0px; }
	.header-main .nav .html_topbar_left a{     margin-right: 35px;}
	.section1_home .large-4 p{  margin-bottom: 30px;}
	.section1_about .text-box{    padding-left: 5%;  padding-top: 14%;}
	.seciton2_about .right_section2_about{ padding-bottom: 73px;}
	.menu-duan li a{ font-size: 25px;}
	#footer p.name_cty,#footer tr td{ font-size: 15px;}
	.blog_news .post-sidebar .post-title {font-size: 13px; line-height: 120%;}
	.blog_news .post-sidebar .post-thumb {width: 39%;}
	.blog_news h1{ font-size: 30px;}
    .share-buttons .print_share { padding: 8px 124px 8px 12px; margin-left: 40px;}
	.share-buttons .gg_share{ margin-left: 40px;    padding: 8px 95px 8px 12px;}
	.share-buttons .face_share{     padding: 8px 95px 8px 12px;}
	.relatedcat h3{ font-size: 35px;}
	.section1_about .text-box-content{ margin-left: 0px;}
	#main .section-content>.row, #main .blog-archive>.row{         padding-left: 4%;
        padding-right: 4%;}
	.single-post .blog_news .large-9{        padding: 0 30px 30px 15px;}
}
@media only screen and (max-width: 1366px) {
	.section1_about h1 {  font-size: 40px;}
	.section1_contact h3 { font-size: 25px;}
	.section1_contact h2 { font-size: 35px;}
	.title_small{     font-size: 25px;}
	.title_bold { font-size: 40px;}
    .title_bold .dot_1 { font-size: 85px;}
	.tick_circle{ margin-left: 33%;}
    .section1_home .large-4 p { margin-bottom: 23px;}
	.section3_home .row_nl .col p{ line-height: 30px;}
	.section5_home .post-date { margin-bottom: 0px;}
	.section1_about h2, .seciton2_about h2{ font-size: 50px;}
	.section1_about .gap-element{padding-top: 100px !important;}
	.blog_news .post-sidebar .right_postsb {width: 54%;}
	.header-main .nav .html_topbar_left a { margin-right: 22px; }
}
@media only screen and (max-width: 1280px) {
	.nav>li{     margin: 0 17px;}
	.header-main .nav > li > a, .header-main .nav .html_topbar_left a { font-size: 15px;}
	.header-main .nav .html_topbar_left a { margin-right: 18px; }
	.section1_home .large-4 p { margin-bottom: 15px;}
	#footer .social_ft a { margin-right: 10px;}
	#footer p.name_cty, #footer tr td { font-size: 13px;}
	#footer input[type="email"],#footer input::placeholder{ font-size: 15px;}
	.info_duan h2{     font-size: 25px;}
	.section1_about h1 { font-size: 35px;}
	.share-buttons .print_share { padding: 8px 85px 8px 12px;  margin-left: 40px; }
	.share-buttons .gg_share,  .share-buttons .face_share { padding: 8px 60px 8px 12px;  }
	.text_section2 { padding-top: 130px;padding-bottom: 30px;}
	.section1_about .gap-element { padding-top: 0px !important;}
	.section1_about .title_small_1{     padding-top: 75px;}
}
@media only screen and (max-width: 1024px) {
	.nav>li { margin: 0 11px; }
	.header-main .nav > li > a, .header-main .nav .html_topbar_left a {  font-size: 14px; }
	.header-main .nav > li > a, .header-main .nav .html_topbar_left a {  font-size: 12px;  }
	.header-main .nav .html_topbar_left a { margin-right: 4px;}
	.title_small { font-size: 20px; }
	.title_bold { font-size: 33px;}
	.title_bold .dot_1 {font-size: 60px; }
	.tick_circle {font-size: 53px;}
	.title_home h2 {font-size: 24px;}
	.item_logo {height: 115px;}
	.btn_xemtatca a{     font-size: 16px;}
	.section1_about h2, .seciton2_about h2 {  font-size: 40px;}
	.section1_about .title_small_1 {font-size: 28px;}
	.section1_about .title_small_1 {  padding-top: 30px; }
	.seciton2_about .row_gtcl p {padding: 0 0%;}
	.seciton2_about .right_section2_about{     padding-top: 50px;}
	.seciton2_about .row_gtcl p {  padding: 0 0%;}
	.seciton3_about h2 {font-size: 32px;}
	#footer .social_ft a { margin-right: -1px;}
	.single-page-project {width: 90%;}
	.relatedcat .flickity-slider .product-small img { height: auto;}
	.slider-nav div {height: 140px;}
	.relatedcat h3 { font-size: 30px;}
	.blog_news .post-sidebar .post-thumb {  width: 36%;}
	.section3_home .box-text a{     font-size: 20px;}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.section1_home .large-8 { flex-basis: 100%; padding-bottom: 30px; max-width: 100%;}
	.section1_home .large-4{max-width: 100%; flex-basis: 100%;}
	.title_small { text-transform: uppercase;  color: #fff; letter-spacing: 1px; font-size: 20px; margin-bottom: 0px;}
	.title_bold{ line-height: 55px;font-size: 25px;}
	.title_bold .dot_1 { font-size: 36px;    margin-left: 0px;}
	.tick_circle{     font-size: 55px;     margin-bottom: 20px; margin-left: 1%;}
	.text_left_section2 p, .text_namkn p{ text-align:center}
	.text_left_section2 p img, .text_namkn p img{    width: 80%;}
	.text_section2 {  padding-top: 60px; padding-bottom: 0px;}
	.text_namkn p { font-size: 29px; margin-bottom: 17px;}
	.text_left_section2 p{ font-size: 29px;}
	.section3_home .row_nl .col p { font-size: 16px; line-height: 26px;}
	.section3_home .box-text a{ width:94%;font-size: 22px; margin: 0 auto;}
	.item_logo { height: 90px;}
	.owl-carousel-logo .owl-item img{ height: 60px}
	.section4_home{ padding-bottom: 0px !important;         background-size: 100%; padding: 30px 15px;}
	.btn_xemtatca a{ font-size: 17px; padding: 10px 40px;}
	#footer .large-5 { padding-left: 15px; padding-right: 15px;}
	.section1_about h1{font-size: 28px; margin-left: 0px;}
	.section1_about p {margin-left: 0px; font-size: 14px;}
	.section1_about.banner{ min-height: 265px !important;}
	.section_gtkd p{ margin-left: 0px !important;         font-size: 17px;}
	.section1_about h2{ font-size: 50px;}
	.section_gtkd .large-8{ padding-bottom: 0px !important}
	.seciton2_about h2 {padding-top: 40px; font-size: 35px;}
	.seciton2_about .right_section2_about {  background: none; padding-top: 0px; padding-left: 15px; padding-bottom: 0px;}
	.seciton2_about h3{     text-align: left !important;}
	.seciton2_about .row_gtcl p { padding: 0 0%;}
	.seciton3_about h2 {font-size: 25px;         line-height: 50px;}
	.seciton3_about .taihs{     font-size: 15px;}
	.menu-duan li{ margin: 0 8px 20px 8px;}
	.menu-duan li a{     font-size: 14px;}
	.blog-archive button.button{ height: 45px;  width: 182px; font-size: 18px;}
	#duan-wrapper .large-4{ padding-bottom: 10px !important}
	.single-page-project {width: 100%;}
	.info_duan{ padding: 20px 20px 25px 20px;}
	.single-page{ padding-top: 0px !important}
	.info_duan h2{     font-size: 25px;}
	.single-page p {font-size: 16px;}
	.info_duan .line_singleda{     margin-bottom: 15px;}
	.single-page .slider-nav div{     height: 60px;}
	.relatedcat h3{ font-size: 25px;}
	.blog_news h1{ font-size: 25px;line-height: 120%;}
	.share-buttons .print_share,   .share-buttons .gg_share{ margin-left: 0px;}
	.share-buttons a{    line-height: 42px;}
	.share-buttons{ padding: 15px 0;}
	.section1_contact{ font-size: 30px;     padding-top: 0px;}
	.section1_contact h3 { font-size: 22px;}
	.section1_contact td.adress_contact { width: 120px;}
	.section1_contact td{ font-size: 15px;}
	.left_contactpage .bando a{     padding: 10px 35px; font-size: 17px;}
	.right_contactpage .col-inner{ padding: 15px;}
	.right_contactpage p.text_lh1 { font-size: 14px; color: #fff; padding: 0 0%;}
	.right_contactpage input, .right_contactpage select, .right_contactpage input[type="submit"] { height: 35px;}
	.section1_contact h2 {    padding-top: 0px; font-size: 30px;}
	.off-canvas-left .mfp-content, .off-canvas-right .mfp-content{     background-color: #0A4754;}
	.off-canvas .nav-vertical>li>a { color: #fff}
	.nav-sidebar.nav-vertical>li+li {border-top: 1px dashed #0e5665;}
	.menu-duan .current-menu-item a{ font-size: 14px;}
	#main>.row>.col { padding: 0 10px 30px}
	.section1_about .text-box-content { margin-left: 0px; padding-top: 75%; }
	 .single-post .section1_about .text-box-content { margin-left: 0px; padding-top: 45%; }
	#post-list .post-date {margin-bottom: 1px;}
	.col{padding: 0 5px 30px;}
	.title_bold .dot_1 { padding-left: 27px; margin-left: 10px;  }
	.tick_circle {font-size: 35px; line-height: 40px;  margin-left: 34%;  padding-left: 27px;}
	.left_section2{background: url(images/bg-duan.png) no-repeat;     background-size: 100%;}
	.right_section2{background: url(images/bg-kinhnghiem.png) no-repeat;     background-size: 100%;}
	#main .section2_home  .section-content>.row{padding-left: 0%; padding-right:0%;}
	.section5_home .large-6 h3 a {font-size: 16px; color: #000;}
	.section5_home .large-6, .section5_home  .large-3{ padding-bottom:10px}
	.section5_home .large-6 h3 { line-height: 22px;}
	.section5_home .large-6 .post-date {  margin-top: 7px;}
	#logo { width: 90px !important;}
	.owl-carousel-logo .owl-stage { margin-left: -2px;}
	.owl-carousel-logo .owl-stage-outer {  margin-right: 2px;}
 .single-post .section1_about .text-box {    width: 100% !important;}
 .single-post  .section1_about h1 {
        font-size: 20px;
        line-height: 25px;}
.single-post .thumbnail{ height: auto;}
 .single-post .nav-button {
    background: #ffffff;
    border: 0px solid #ccc;}
	.section5_home, .section3_home{ PADDING: 30px 10px}
}