@charset "UTF-8";
/***************************************
Theme Name: KGX THEME
Theme URI: http://khonggianxanh.com
Description: Khong Gian Xanh Theme v2
Author: Toan Nguyen
Author URI: http://sukidesign.org/
Version: 2.0

Tags: two-columns, fluid-layout, fixed-layout, custom-background, threaded-comments, translation-ready, custom-menu
***************************************/
/**
 * Main Styles
 * -----------------------------------------------------------------------------
 */
* {padding: 0;margin: 0;outline: none;list-style: none;border: 0 none;}
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html {-ms-touch-action: manipulation;touch-action: manipulation;}
body {background: #fff;color: #333;font-family: Roboto, Arial, Verdana, sans-serif;font-size: 15px;}
pre,code {direction: ltr;background: url(images/code-bg.png);font: 11px/19px'andale mono', 'lucida console', monospace;padding: 3px;display: block;overflow-x: visible;overflow-y: hidden;margin: 0 0 20px 0;color: #666;border-top: 1px solid #E1E1E1;border-left: 1px solid #E1E1E1;border-bottom: 1px solid #F0F0F0;border-right: 1px solid #F0F0F0;}
h1,h2,h3,h4,h5,h6 {font-weight: 500;}
.alignright {float: right;}
.alignleft {float: left;}
.aligncenter {clear: both;margin-left: auto;margin-right: auto;}
a {color: #222;text-decoration: none;}
a:hover {color: #000;}
p {margin: 0px 0px 10px;}
.clear {clear: both;}
iframe {max-width: 100%;}
textarea,input,select {border: 1px solid #ccc;background: #fff;font-size: inherit;}
textarea {overflow: auto;width: 100%;}
textarea,input {padding: 5px;outline: none;}
select {padding: 2px;}
option {padding: 0 4px;}
input[type=button],button {padding: 4px;cursor: pointer;vertical-align: middle;}
input.text_input,textarea.textarea {border: 1px solid #ccc;-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
textarea,input[type=text],input[type=password],input[type=email],input[type=url],input[type=tel],input[type=number],input[type=date],input[type=file],input[type=search],input[type=color],input[type=datetime],input[type=datetime-local],input[type=month],input[type=range],input[type=time],input[type=week],select {background: transparent;border-color: #2e4f5a;color: #98a7b3;font: 12px Tahoma;padding: 8px;width: 100%;margin: 8px 0 5px;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
textarea:hover,input[type=text]:hover,input[type=password]:hover,input[type=email]:hover,input[type=url]:hover,input[type=tel]:hover,input[type=number]:hover,input[type=date]:hover,input[type=file]:hover,input[type=search]:hover,input[type=color]:hover,input[type=datetime]:hover,input[type=datetime-local]:hover,input[type=month]:hover,input[type=range]:hover,input[type=time]:hover,input[type=week]:hover,select:focus {background-color: #023442;}
textarea:focus,input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=date]:focus,input[type=file]:focus,input[type=search]:focus,input[type=color]:focus,input[type=datetime]:focus,input[type=datetime-local]:focus,input[type=month]:focus,input[type=range]:focus,input[type=time]:focus,input[type=week]:focus,select:focus {background: #023442;}
.button,a.button,a.more-link,#main-content input[type="submit"],.form-submit #submit,#login-form .login-button,.widget-feedburner .feedburner-subscribe,input[type="submit"],#buddypress button,#buddypress a.button,#buddypress input[type=submit],#buddypress input[type=reset],#buddypress ul.button-nav li a,#buddypress div.generic-button a,#buddypress .comment-reply-link,a.bp-title-button {width: auto;position: relative;background-color: #1f660a;color: #FFF;padding: 5px 12px;font: 14px Roboto;display: inline-block;line-height: 22px;border: 0 none;cursor: pointer;text-decoration: none;webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-appearance: none !important;-moz-appearance: none !important;appearance: none !important;}
.button:hover,a.button:hover,a.more-link:hover,#main-content input[type="submit"]:hover,.form-submit #submit:hover,#login-form .login-button:hover,.widget-feedburner .feedburner-subscribe:hover,input[type="submit"]:hover,#buddypress button:hover,#buddypress a.button:hover,#buddypress input[type=submit]:hover,#buddypress input[type=reset]:hover,#buddypress ul.button-nav li a:hover,#buddypress div.generic-button a:hover,#buddypress .comment-reply-link:hover,a.bp-title-button:hover {background-color: #115A01 !important;text-decoration: none;}
::-moz-selection {background: #F9A386;color: #fff;text-shadow: none;}
::selection {background: #F9A386;color: #fff;text-shadow: none;}
::-webkit-scrollbar-track {background: #FFFFFF;-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;border: 1px solid #D8D8D8;}
::-webkit-scrollbar-thumb {background: #1B8803;-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.3);}
::-webkit-scrollbar-thumb:active {background: #888;-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);}
.clearfix:after {content:'';display:table;width:100%;clear:both;}
.grecaptcha-badge {display: none!important;}
 
/**
 * Fonts
 * -----------------------------------------------------------------------------
 */
@font-face {
    font-family: Abeat;
    src: url('fonts/Abeat/UTMAbeatbyKai.woff2') format('woff2');
    src: url('fonts/Abeat/UTMAbeatbyKai.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Abeat/UTMAbeatbyKai.woff') format('woff'), /* Modern Browsers */
         url('fonts/Abeat/UTMAbeatbyKai.ttf') format('truetype'); /* Legacy iOS */
    font-display: swap;
}
@font-face {
    font-family: BryantLG;
    src: url('fonts/BryantLG/UTMBryantLG.woff2') format('woff2');
    src: url('fonts/BryantLG/UTMBryantLG.woff2') format('woff2'), /* Modern Browsers */
        url('fonts/BryantLG/UTMBryantLG.woff') format('woff'), /* Modern Browsers */
        url('fonts/BryantLG/UTMBryantLG.ttf') format('truetype'); /* Legacy iOS */
    font-display: swap;
}
@font-face {
    font-family: BryantLG;
    src: url('fonts/BryantLG/UTMBryantLGB.woff2') format('woff2');
    src: url('fonts/BryantLG/UTMBryantLGB.woff2') format('woff2'), /* Modern Browsers */
        url('fonts/BryantLG/UTMBryantLGB.woff') format('woff'), /* Modern Browsers */
        url('fonts/BryantLG/UTMBryantLGB.ttf') format('truetype'); /* Legacy iOS */
    font-weight: bold;
    font-display: swap;
}
@font-face {
    font-family: Aptima;
    src: url('fonts/Aptima/UTMAptima.woff2') format('woff2');
    src: url('fonts/Aptima/UTMAptima.woff2') format('woff2'), /* Modern Browsers */
        url('fonts/Aptima/UTMAptima.woff') format('woff'), /* Modern Browsers */
        url('fonts/Aptima/UTMAptima.ttf') format('truetype'); /* Legacy iOS */
}
@font-face {
    font-family: Aptima;
    src: url('fonts/Aptima/UTMAptimaBold.woff2') format('woff2');
    src: url('fonts/Aptima/UTMAptimaBold.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Aptima/UTMAptimaBold.woff') format('woff'), /* Modern Browsers */
         url('fonts/Aptima/UTMAptimaBold.ttf') format('truetype'); /* Legacy iOS */
    font-weight: bold;
    font-display: swap;
}
@font-face {
    font-family: Aptima;
    src: url('fonts/Aptima/UTMAptimaBoldItalic.woff2') format('woff2');
    src: url('fonts/Aptima/UTMAptimaBoldItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Aptima/UTMAptimaBoldItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Aptima/UTMAptimaBoldItalic.ttf') format('truetype'); /* Legacy iOS */
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Aptima;
    src: url('fonts/Aptima/UTMAptimaItalic.woff2') format('woff2');
    src: url('fonts/Aptima/UTMAptimaItalic.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/Aptima/UTMAptimaItalic.woff') format('woff'), /* Modern Browsers */
         url('fonts/Aptima/UTMAptimaItalic.ttf') format('truetype'); /* Legacy iOS */
    font-style: italic;
    font-display: swap;
}

/**
 * Wrapper Styles
 * -----------------------------------------------------------------------------
 */
.wrapper-outer, #wrapper, .inner-wrapper {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;}
.container {width: 100%;padding: 0px 30px;z-index: 100;position: relative;z-index: 9999;}

/**
 * Header
 * -----------------------------------------------------------------------------
 */
#theme-header {background: #006600;position: fixed;top: 0;left: 0;bottom: 0;width: 245px;height: auto;z-index: 99;transition: all 0.17s ease-in-out;-moz-transition: all 0.17s ease-in-out;-webkit-transition: all 0.17s ease-in-out;-o-transition: all 0.17s ease-in-out;}
.admin-bar #theme-header.home-header {top: 32px;}
#fullpage{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin-left: 245px;transform: none!important;}

/* Search */
.search-block {height: 30px;overflow: hidden;float: right;margin-left: 5px;position: relative;}
.search-block:after {content: " ";display: block;width: 0;height: 0;position: absolute;top: 10px;z-index: 2;right: 30px;border: 4px solid transparent;border-right-color: #F88C00;}
.search-block #s-header {background: #FFF;float: right;font: normal 11px tahoma;padding: 9px 12px 8px 12px;width: 90px;color: #C5C5C5;border: 0 none;border: 1px solid #ececec;border-width: 0 0 0 1px;-webkit-transition: width .7s, color .4s;-moz-transition: width .7s, color .4s; -o-transition: width .7s, color .4s;transition: width .7s, color .4s;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.search-block #s-header:focus {color: #000;width: 150px;}
.search-block .search-button {background: #f88c00;cursor: pointer;float: right;height: 30px;width: 30px;display: block;border: 0 none;box-shadow: none !important;padding: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.search-block .search-button:active {top: 0;}
.search-block:hover .search-button,.search-block:hover #s-header {opacity: 1;color: #444;}
.search-block button.search-button i:before {font-size: 18px;color: #FFF;}

/* Header Content area */
.header-content {display: inline-block;width: 100%;position: relative;z-index: 999;padding-top: 20px;}
.logo {display: block;width: 100%;padding: 30px 20px;vertical-align: middle;}
.logo img {width: 100%;}
.logo img.mbLogo {display:none}
.logo h1,.logo h2 {font: bold 32pt arial;}
.logo strong {display: none;}
.logo span {font-weight: normal;font-size: 14px;display: block;clear: both;}

/* Main Nav */
#main-nav {z-index: 100;line-height: normal;}
#main-nav .container,#main-nav-uber .container {position: relative;}
#main-nav ul {display: inline-block;width: 100%;margin-bottom: 10px;}
#main-nav ul li {position: relative;text-align: center;}
#main-nav ul li.mega-menu{position:inherit;}
#main-nav ul li a:after{opacity: 0;position: absolute;content: '';bottom: -5px;left: 0;height: 2px;width: 100%;background: #fff;transition: all 0.17s ease-in-out;-moz-transition: all 0.17s ease-in-out;-webkit-transition: all 0.17s ease-in-out;-o-transition: all 0.17s ease-in-out;}
#main-nav ul li a {position: relative;display: inline-block;color: #fff;font: bold 15px/15px BryantLG, Arial;padding-bottom: 1px;margin-bottom: 25px;letter-spacing: 1px;text-transform: uppercase;}
#main-nav ul li i.fa,#slide-out ul li i.fa,#mobile-menu li.menu-item-home a:before {margin-right: 5px;}
#main-nav ul li.active a:after, #main-nav ul li a:hover:after, #main-nav ul li.current-menu-item a:after, #main-nav ul li a:hover, #main-nav ul li.current-page-ancestor a:after {opacity:1}
#main-nav ul li.current-menu-item .menu-sub-content a,#main-nav ul li.current-menu-item .menu-sub-content a:hover,#main-nav ul li.current-menu-parent .menu-sub-content a,#main-nav ul li.current-menu-parent .menu-sub-content a:hover,#main-nav ul li.current_page_parent .menu-sub-content a,#main-nav ul li.current_page_parent .menu-sub-content a:hover,#main-nav ul li.current-page-ancestor .menu-sub-content a,#main-nav ul li.current-page-ancestor .menu-sub-content a:hover,#main-nav ul li.current-menu-item .menu-sub-content ul,#main-nav ul li.current-menu-parent .menu-sub-content ul,#main-nav ul li.current_page_parent .menu-sub-content ul,#main-nav ul li.current-page-ancestor .menu-sub-content ul {top:0;}

#search-form {position: relative;display: inline-block;border: 1px solid #ccc;margin: 0px 30px;width: 190px;border-radius: 20px;}
form#search-form .search-button {position: absolute;right: 8px;top: 3px;background: transparent;color: #fff;}
form#search-form input#s {float: left;background: transparent;color: #fff;border: none;margin: 0px;font-family: Roboto;font-style: italic;padding-left: 15px;font-weight: 300;}
form#search-form input#s::placeholder {color:#fff}
.header-bottom {width: 100%;z-index: 4;padding-top: 20px;transition: all 0.17s ease-in-out;-moz-transition: all 0.17s ease-in-out;-webkit-transition: all 0.17s ease-in-out;-o-transition: all 0.17s ease-in-out;z-index: 999;}
.header-bottom .social-icons {text-align: center;padding: 0;margin: 0 0 30px;}
.header-bottom .social-icons a {margin-left: 10px;display: inline-block;width: 25px;line-height: 30px;text-align: center;transition: all 0.17s ease-in-out;-moz-transition: all 0.17s ease-in-out;-webkit-transition: all 0.17s ease-in-out;-o-transition: all 0.17s ease-in-out;}
.header-bottom .social-icons  a:hover {color: bisque;transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}
.header-bottom .social-icons a:first-child {margin-left: 0px;}
.header-bottom .copyright-box {color: #666;text-align: center;}
.header-bottom .copyright-box a {color: #888;}
.header-bottom .copyright-box a:hover {color: #fff;}

#slide-out-open {display: none;margin: 0;position: relative;height: 50px;width: 50px;margin-right: 10px;}
.admin-bar #slide-out-open{top:40px}
#slide-out-open span {left: 6px;}
#slide-out-open span,#slide-out-open span:after,#slide-out-open span:before {top: 12px;position: absolute;content: ' ';display: block;height: 4px;width: 35px;background: #fff;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#slide-out-open span:before {top: 10px;}
#slide-out-open span:after {top: 20px;}

/* Home Style */
.dark, .dark a, .dark .section-header .section-title small, .dark .section-header .section-title .txt {color:#fff}
.section-header {position: relative;padding-bottom: 15px;margin-bottom: 25px;}
.section-header .section-title {position: relative;z-index: 3;}
.section-header .section-title small {display: block;font-weight: 300;font: 20px/20px Abeat, Arial;margin-bottom: 10px;color: #298e0a;text-transform: uppercase;}
.section-header .section-title .txt {font: bold 30px/30px BryantLG, Arial;color: #002C38;}
.section-header.center {text-align: center;}
.section-header:after {content:'';position: absolute;bottom: 0;left: 0;width: 70px;height: 2px;background: #bbb;}
.section-header.center:after {left: 50%;transform: translate(-50%,0);}
.section-header.right {float: right;}
.section-content {position:relative;}
.swiper-container .swiper-pagination {bottom:0;}
.swiper-pagination-bullet {background: #fff;opacity: 0.7;border: 1px solid #ccc;border-radius: 3px;transition: 0.2s fade-in;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background: #060;opacity: 1;border: 1px solid #060;}
.swiper-button-prev {left: 0;}
.swiper-button-next {right: 0;}
.sli-btn.swiper-button-prev {left: -30px;}
.sli-btn.swiper-button-next {right: -30px;}
.swiper-button-prev:after, .swiper-button-next:after {color:#060;text-shadow: none;font-weight: 900;font-size: 30px;}

.box-header {position: relative;margin: 0 -30px;padding: 10px 70px 0;}
.box-header .swiper-slide {width: auto;}
.box-header .swiper-slide.active a {background: #002c38;}
.box-header .swiper-slide a {display: inline-block;padding: 10px 7px 12px;font: bold 14px/14px BryantLG, Arial;background: #1f660a;color: #fff;border-radius: 3px;}
.box-header .swiper-button-next {right: 0px!important;}
.box-header .swiper-button-prev {left: 0px!important;}
.box-header .swiper-button-next:after, .box-header .swiper-button-prev:after {content: "\f0da";color: #1f660a;opacity: 1;width: 15px;height: 30px;font-size: 40px;line-height: 30px;text-shadow: none;font-weight: bold;font-family: FontAwesome;}
.box-header .swiper-button-prev:after {content: "\f0d9";font-family: FontAwesome;}
.box-top {position: absolute;bottom: -20px;right: 10px;}
.box-top:before {content:'';display: inline-block;width: 134px;height: 68px;background: url('images/ico/box-top.png') no-repeat;background-size: contain;z-index: 2;}
.box-bot {position: absolute;bottom: -40px;left: 36px;}
.box-bot:before {content:'';display: inline-block;width: 130px;height: 50px;background: url('images/ico/box-bot.png') no-repeat;background-size: contain;z-index: 2;}

#fullpage .container {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;zoom: 1.2;}
#fullpage .section {background: #fff;opacity: 0;visibility: hidden;position: absolute;top: 0;left: 0;transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;background-size: cover;}
#fullpage .section.active {opacity: 1;visibility: visible;display: flex;align-items: center;}

#home1 {position: relative;display: flex;background: #fff;overflow: hidden;}
.img-cols {position: absolute;top: 50%;left: 50%;display: flex;width: 910px;max-width: 90%;flex-direction: row;align-items: flex-end;justify-content: center;transform: translate(-50%,-50%);zoom: 1.3;}
.img-cols .ic {display: flex;margin-right: 15px;flex-basis: 150px;width: 150px;}
.img-cols .ic img {position: relative;width:100%;height: 100%}
.img-cols .ic.imgc2 {margin-bottom: -40px;}
.img-cols .ic.imgc4 {position: absolute;left: 0;bottom: 90px;width: 150px;margin: 0;z-index: 1;}
.img-cols .imgc4-mb {display:none;}
.img-cols .txt-wrap {position:relative;z-index:2;width: 410px;}
.img-cols .txt-col {position: relative;width: 410px;}
.img-cols .txt-col .title {display: inline-block;width: 100%;font: 13px/15px Abeat, Arial;margin-left: 3px;}
.img-cols .txt-col .title h2 {margin-bottom: 5px;}
.img-cols .txt-col .title .cl {float: left;color:#fff;font-size: 40px;line-height: 40px;letter-spacing: 4px;margin-top: 25px;padding-left: 4px;}
.img-cols .txt-col .title .mn {float: right;font-size: 65px;line-height: 65px;letter-spacing: 9px;margin-left: 14px;}
.img-cols .txt-col .title .mn small {display: block;font: 13px/15px Aptima, Arial;letter-spacing: 1px;text-transform: uppercase;}.img-cols .txt-col .desc {position: relative;padding-left: 165px;text-align: justify;margin-bottom: -10px;font: 300 14px/17px Roboto, Arial;}
.img-cols .txt-col .desc .see-more {position: absolute;bottom: 0;left: 0;width: 150px;text-align: center;padding: 8px;color: #111A56;border: 2px solid #111A56;text-transform: uppercase;font: 600 15px/10px Roboto, Arial;}
.slider-box .swiper-container {padding: 0 1px 20px;}
.slider-box .swiper-container .swiper-pagination {bottom: 5px;}
.readmore {display: inline-block;padding: 10px 25px;background: #1f660a;color: #fff;border-radius: 20px;margin-top: 12px;box-shadow: 0 0 3px #666;}
.readmore:hover {color: #fff;}

#home1.hasVideo {padding: 0!important;min-height: calc(100vh - 50px);}
#home1 .video-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;overflow: hidden;background: #000;}
.video-bg .overlay {position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 2;}
.video-bg .overlay i.fa {position: absolute;font-size: 80px;color: #060;cursor: pointer;background: #fff;border-radius: 50%;width: 68px;height: 67px;line-height: 68px;}
.video-bg .overlay.playing i.fa.mute-ico {display: block;}
.video-bg .overlay.playing i.fa.play-ico {display: none;}
.video-bg .overlay .play-ico {top: 50%;left: 50%;transform: translate(-50%, -50%);}
.video-bg .overlay i.fa.mute-ico {bottom: 20px;left: 20px;text-align: center;font-size: 55px;display: none;box-shadow: 0 0 4px #555;}
.video-bg .overlay i.fa.mute-ico.fa-volume-off {padding-right: 5px;}
.video-bg .playerControl {position: absolute;z-index: 3;bottom: 0;left: 50%;transform: translate(-50%, 0);color: #fff;padding: 10px 20px;font-size: 25px;display: flex;align-items: center;gap: 20px;}
.video-bg.img-bg {display: block!important;position: relative;color: #fff;background-size: cover!important;background-position: center center!important;}
.video-bg #player-bg {position: relative;top: 50%;left: 50%;width: 100%;z-index: 2;transform: translate(-50%,-50%);}
.video-bg iframe {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;max-width: initial;background: #000;transform: translate(-50%, -50%);}

#about-us .container .swiper-container {padding: 0 1px 20px;}
#about-us .swiper-container .swiper-pagination {bottom: 0;}
#about-us .swiper-container .swiper-pagination-bullet {background: #fff;opacity: 0.3;}
#about-us .swiper-container .swiper-pagination-bullet-active {opacity: 1;}
#about-us .swiper-slide {display: flex;overflow: hidden;flex-direction: column;}
#about-us .icon {text-align: center;margin-bottom: 15px;}
#about-us .icon img {width: 100%;max-width: 150px;}
#about-us .one-wrap {text-align: justify;color: #fff;margin-bottom: 15px;padding: 15px 15px 5px;border: 1px solid #fff;}
#about-us .one-wrap a {color:#fff}
#about-us .one-wrap .one_title {position: relative;text-align:center;line-height: 25px;height: 50px;font-family: BryantLG, Arial;font-weight: bold;overflow: hidden;margin-bottom: 10px;}
#about-us .one-wrap .one_content, #our-services .one-wrap .one_content {display: inline-block;width: 100%;font-size: 14px;font-weight: 300;text-align: justify;}
#about-us .one-wrap .one_content strong, #our-services .one-wrap .one_content strong {font-weight: 300;}
#about-us .botImg {display: inline-block;width: 100%;overflow: hidden;}
#about-us .swiper-button-prev:after, #about-us .swiper-button-next:after {color: #fff;}

#our-services .swiper-slide {padding: 5px;opacity: 1;}
#our-services .one-wrap .one_title {font: bold 15px/16px BryantLG, Arial;text-align: center;padding: 7px;/* border: 1px solid #c1bec0; */margin-bottom: 15px;color: #fff;background: #060;border-radius: 2px;}
#our-services .one-wrap .one_content {margin-bottom: 10px;}
#our-services .one-wrap .one_content a {}
#our-services .botImg {position: relative;width: 100%;height: 0;padding-bottom: 130%;overflow: hidden;}
#our-services .botImg img {position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%,-50%);}
#our-services .swiper-slide:hover .botImg img {-webkit-transform: scale3d(1.1,1.1,1) translate(-50%,-50%);transform: scale3d(1.1,1.1,1) translate(-50%,-50%);}

#fullpage #our-project {background-color: #ececec;background-size: contain;background-repeat: no-repeat;background-position: right bottom;align-items: flex-start;flex-direction: column;padding: 0;}
#our-project .section-header { display: none; }
#our-project .section-content {display: flex;width: 100%;height: 100%;flex-direction: column;}

#project-list {display: flex;flex-direction: column;height: 100%;justify-content: center;}
#project-list .box-header .swiper-container {display: flex;justify-content: center;width: fit-content;margin: 0 auto;}
#project-list .box-content {position: relative;overflow: hidden;padding: 20px 0 40px;}
#project-list .box-content-wrap {position: relative;display: flex;height: 100%;flex-direction: column;margin: 0 40px;}
#project-list .box-content-wrap .swiper-container {padding: 20px 20px 30px;overflow: hidden;position: relative;}
#project-list .box-content-wrap .swiper-wrapper {display: flex;gap: 15px;align-content: flex-start;justify-content: center;flex-direction: row;}
#project-list .box-content-wrap .swiper-slide {height: auto;margin-left: -15px;margin-top: 0!important;transition: transform 0.3s , box-shadow 0.3s;}
#project-list .swiper-slide:hover {-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);box-shadow: 0 1px 4px #444;z-index: 11;}
#project-list .swiper-scrollbar {position: absolute;bottom: 0;height: 8px;}
#project-list .post-thumbnail {display: block;margin-bottom: 0;height: 0;padding-bottom: 100%;z-index: 2;}
#project-list .post-thumbnail img {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 100%;width: auto;max-width: initial;transition: 0.25s;}
#project-list .post-entry {position: absolute;bottom: 10px;left: 0;width: 100%;padding: 7px 20px;border-top: 0;z-index: 2;}
#project-list .post-entry .item-title {height: 40px;font: 600 15px/20px Aptima, Arial;text-transform: uppercase;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;color: #fff;text-shadow: 1px 1px 3px rgba(0,0,0);}

.project-info {display: flex;position: relative;/* width: calc((100vh - 440px) * 0.65); */height: auto;transition: 0.25s;flex-direction: column;}
.project-info:hover {transform: translateY(-1rem);}
.project-info .project-wrap {position: relative;z-index: 2;overflow: hidden;}

#news-list .box-header .box-top {top: -85px;bottom: initial;right: initial;left: 150px;}
#news-list .box-header .box-top:before {background-image: url('images/bg/h6-topBtn.png');}
#news-list .box-header .swiper-container {padding-bottom: 30px;display: flex;justify-content: center;}
#news-list .box-header .swiper-container .swiper-wrapper {width: auto;max-width: 100%;}
#news-list .box-header .swiper-slide a {width: 188px;height: 160px;display: flex;flex-direction: row;align-items: center;justify-content: center;background: transparent;font: 500 13px/20px Roboto, Arial;text-transform: uppercase;}
#news-list .box-header .swiper-slide a:before {position: absolute;top: 50%;left: 50%;content:'';width: 130px;height: 160px;transform: skew(-20deg);background: #001c2d;opacity: 0.5;transform: translate(-50%,-50%) skew(-20.5deg);}
#news-list .box-header .swiper-slide.active a:before {background: #ffff;}
#news-list .box-header .swiper-slide.active a {color: #006600;text-shadow: 0 0 2px #fff;}
#news-list .box-header .swiper-button-next {position: absolute;top: 1px;right: 29px;width: 60px;height: 100%;}
#news-list .box-header .swiper-button-next:after {content: '';position: absolute;top: initial;bottom: -10px;right: -15px;width: 74px;height: 62px;background: url('images/bg/h6-rightBtn.png');transform: none;}
#news-list .box-header .swiper-button-next:after {content:'';position: absolute;right: 0;bottom: 0;content: '';width: 0;height: 0;border-bottom: 160px solid #002532;border-left: 68px solid transparent;opacity: 0;}

#news-list .box-header .swiper-button-prev {position: absolute;top: -1px;left: 28px;width: 60px;height: 100%;}
#news-list .box-header .swiper-button-prev:after {content: '';top: 0;width: 74px;height: 62px;background: url('images/bg/h6-leftBtn.png');transform: none;}
#news-list .box-header .swiper-button-prev:after {content:'';position: absolute;right: 0;bottom: 0;content: '';width: 0;height: 0;border-top: 160px solid #002532;border-right: 59px solid transparent;opacity: 0;}

#news-list .box-header .swiper-slide:nth-child(1) a {background-image: url(images/bg/h5-t1.png);}
#news-list .box-header .swiper-slide:nth-child(2) a {background-image: url(images/bg/h5-t2.png);}
#news-list .box-header .swiper-slide:nth-child(3) a {background-image: url(images/bg/h5-t3.png);}
#news-list .box-header .swiper-slide:nth-child(4) a {background-image: url(images/bg/h5-t4.png);}
#news-list .box-header .swiper-slide:nth-child(5) a {background-image: url(images/bg/h5-t5.png);}
#news-list .box-header .swiper-slide:nth-child(6) a {background-image: url(images/bg/h5-t6.png);}
#news-list .box-header .swiper-slide h3 {position: relative;width: 100px;text-align: center;z-index: 999999;}

#news-list .box-content {border-top: 1px solid rgba(255,255,255,0.5);padding-top: 20px;}
#news-list .box-content .hbox {margin-bottom: 20px;}
#news-list .box-content .thumb-left li {float: left;width: calc(50% - 40px);height: 80px;margin-bottom: 12px;padding-bottom: 12px;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.5);}
#news-list .box-content .thumb-left li:nth-child(even) {float: right;}
#news-list .box-content .thumb-left li .post-thumbnail {float: left;width: 100px;height: 68px;margin-right: 10px;background: transparent;overflow: hidden;}
#news-list .box-content .thumb-left li .post-entry {float: left;width: calc(100% - 110px);}
#news-list .box-content .thumb-left li .item-title {font: 500 15px/20px Roboto, Arial;max-height: 40px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;}
#news-list .box-content .thumb-left .post-meta {color: #999;margin-top: 5px;font-size: 12px;}
#news-list .box-content .thumb-left .post-meta i.fa {margin-right: 5px;}

#our-contact {background: #002c38!important;}
#our-contact .section-desc {display: block;text-align: left;width: 900px;font-size: 15px;font-weight: 300;line-height: 20px;max-width: 80%;margin: 0 auto 40px;}
#our-contact .section-desc:before {content: "\f10d";font: normal 50px/1 FontAwesome;float: left;width: 50px;margin-right: 15px;color: #849098;}
#our-contact .section-desc .txt {float: left;width: calc(100% - 70px);}
#our-contact .section-content {padding-top: 30px;border-top: 1px solid #2e4f5a;}
#our-contact .left-col {float: left;width: 40%;}
#our-contact .left-col .wpcf7-submit {width:100%}
#our-contact .left-col .ajax-loader {position: absolute;left: 0;bottom: 16px;}
#our-contact .right-col {float: left;width: 60%;padding-left: 40px;}
#our-contact .box-content-wrap {margin-bottom: 10px;}
#branch-list .box-content-wrap iframe {width: 100%;height: 290px;margin-bottom: 10px;}
#our-contact .box-content-wrap i.fa {margin-right: 10px;float: left;line-height: 20px;}
#branch-list .box-footer .box-title li {float: left;}
#branch-list .box-footer .box-title li a {background:#1f660a;display: inherit;padding: 6px 12px 9px;font: bold 11px/15px BryantLG, Arial;border-radius: 15px;margin-bottom: 10px;margin-right: 9px;}
#branch-list .box-footer .box-title li.active a {background: #fff;color: #1f660a;}

/**
 * Post Thumbnail
 * -----------------------------------------------------------------------------
 */
.post-thumbnail {background: #000;position: relative;line-height: 0;}
.post-thumbnail a {display: block !important;background: #000;font-size: 0;}
.post-thumbnail img, #our-services .botImg img, #about-us  .botImg img {height: auto;max-width: 100%;width: 100%;-webkit-transition: opacity 0.6s,-webkit-transform 0.6s;transition: opacity 0.6s,-webkit-transform 0.6s;transition: opacity 0.6s,transform 0.6s;transition: opacity 0.6s,transform 0.6s,-webkit-transform 0.6s;}
.post-thumbnail img.attachment-tie-small,.post-thumbnail img.avatar {max-width: 100px;}

.post-thumbnail:hover img, #about-us .swiper-slide:hover .botImg img {-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.cat-tabs-wrap li .post-thumbnail {float: left;margin-bottom: 0;}
.cat-tabs-wrap li.first-news .post-thumbnail {margin: 0 0 10px 0;float: none;}

.thumb-top .post-thumbnail {float: none;display: inline-block;max-width: 100%;width: 100%;margin: 0px 0px 10px;overflow: hidden;}

img,img.size-auto,img.size-full,img.size-large,img.size-medium,.attachment img {max-width: 100%;height: auto;vertical-align: middle;}
img.centered,img.aligncenter {display: block;margin: 5px auto;}
img.alignright {margin: 5px 0 5px 25px;display: inline;}
img.alignleft {margin: 5px 25px 5px 0;display: inline;}

/**
 * ToolTips
 * -----------------------------------------------------------------------------
 */
a.ttip,a.tooldown {/*display: block;*/}
.tipsy {font-size: 10px;position: absolute;padding: 5px;z-index: 100000;}
.tipsy-inner {background-color: #000;color: #FFF;max-width: 200px;padding: 5px 8px 4px 8px;text-align: center;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.tipsy-arrow {position: absolute;width: 0;height: 0;line-height: 0;border: 5px dashed #000;}
.tipsy-arrow-n {border-bottom-color: #000;}
.tipsy-arrow-s {border-top-color: #000;}
.tipsy-arrow-e {border-left-color: #000;}
.tipsy-arrow-w {border-right-color: #000;}
.tipsy-n .tipsy-arrow {top: 0;left: 50%;margin-left: -5px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-nw .tipsy-arrow {top: 0;left: 10px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-ne .tipsy-arrow {top: 0;right: 10px;border-bottom-style: solid;border-top: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-s .tipsy-arrow {bottom: 0;left: 50%;margin-left: -5px;border-top-style: solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-sw .tipsy-arrow {bottom: 0;left: 10px;border-top-style: solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-se .tipsy-arrow {bottom: 0;right: 10px;border-top-style: solid;border-bottom: none;border-left-color: transparent;border-right-color: transparent;}
.tipsy-e .tipsy-arrow {right: 0;top: 50%;margin-top: -5px;border-left-style: solid;border-right: none;border-top-color: transparent;border-bottom-color: transparent;}
.tipsy-w .tipsy-arrow {left: 0;top: 50%;margin-top: -5px;border-right-style: solid;border-left: none;border-top-color: transparent;border-bottom-color: transparent;}

/* open and Close the SlideOut panel */
.js-nav #slide-out-open span {top: 23px;-webkit-animation: fa-spin 100ms 1 linear;animation: fa-spin 100ms 1 linear;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg)}
.js-nav #slide-out-open span:after {top: 0;-webkit-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg)}
.js-nav #slide-out-open span:before {opacity: 0}

.menu-overlay {display: none;position: fixed;top: 50px;left: 0;right: 0;bottom: 0;}
.js-nav .menu-overlay {display: block;}

/* Animation */
@-webkit-keyframes fadeInDown {
    0% {opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px); }
    100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0); }
}
@keyframes fadeInDown {
    0% {opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px); }
    100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0); }
}
.fade-in {
  animation: fadeIn ease 10s;
  -webkit-animation: fadeIn ease 10s;
  -moz-animation: fadeIn ease 10s;
  -o-animation: fadeIn ease 10s;
  -ms-animation: fadeIn ease 10s;
}
@keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

/** fullPage 2.7.8 */
html.fp-enabled,.fp-enabled body {margin: 0;padding: 0;overflow:hidden;/*Avoid flicker on slides transitions for mobile phones #336 */-webkit-tap-highlight-color: rgba(0,0,0,0);}#superContainer {height: 100%;position: relative;/* Touch detection for Windows 8 */-ms-touch-action: none;/* IE 11 on Windows Phone 8.1*/touch-action: none;}
.fp-section {position: relative;-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */-moz-box-sizing: border-box; /* <=28 */box-sizing: border-box;}
.fp-slide {float: left;}
.fp-slide, .fp-slidesContainer {height: 100%;display: block;}
.fp-slides {z-index:1;height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */transition: all 0.3s ease-out;}
.fp-section.fp-table, .fp-slide.fp-table {background: #000;display: table;table-layout:fixed;width: 100%;height: 100%;box-sizing: border-box;overflow: hidden;clear: both;}
.fp-tableCell {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.fp-slidesContainer {float: left;position: relative;}
.fp-controlArrow {-webkit-user-select: none; /* webkit (safari, chrome) browsers */-moz-user-select: none; /* mozilla browsers */-khtml-user-select: none; /* webkit (konqueror) browsers */-ms-user-select: none; /* IE10+ */position: absolute;z-index: 4;top: 50%;cursor: pointer;width: 0;height: 0;border-style: solid;margin-top: -38px;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.fp-controlArrow.fp-prev {left: 15px;width: 0;border-width: 38.5px 34px 38.5px 0;border-color: transparent #fff transparent transparent;}
.fp-controlArrow.fp-next {right: 15px;border-width: 38.5px 0 38.5px 34px;border-color: transparent transparent transparent #fff;}
.fp-scrollable {overflow: scroll;}
.fp-notransition {-webkit-transition: none !important;transition: none !important;}
#fp-nav {position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;-webkit-transform: translate3d(0,0,0);}
#fp-nav.right {right: 17px;}
#fp-nav.left {left: 17px;}
.fp-slidesNav{position: absolute;z-index: 4;left: 50%;opacity: 1;}
.fp-slidesNav.bottom {bottom: 17px;}
.fp-slidesNav.top {top: 17px;}
#fp-nav ul,.fp-slidesNav ul {margin: 0;padding: 0;}
#fp-nav ul li,.fp-slidesNav ul li {display: block;width: 14px;height: 13px;margin: 7px;position:relative;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{height: 12px;width: 12px;margin: -6px 0 0 -6px;border-radius: 100%;}
#fp-nav ul li a span,.fp-slidesNav ul li a span {border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;background: #333;left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#fp-nav ul li:hover a span,.fp-slidesNav ul li:hover a span{width: 10px;height: 10px;margin: -5px 0px 0px -5px;}
#fp-nav ul li .fp-tooltip {position: absolute;top: -2px;color: #fff;font-size: 14px;font-family: arial, helvetica, sans-serif;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;cursor: pointer;}
#fp-nav ul li:hover .fp-tooltip,#fp-nav.fp-show-active a.active + .fp-tooltip {-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1;}
#fp-nav ul li .fp-tooltip.right {right: 20px;}
#fp-nav ul li .fp-tooltip.left {left: 20px;}
.fp-auto-height.fp-section,.fp-auto-height .fp-slide,.fp-auto-height .fp-tableCell{height: auto !important;}


/**
 * Reponsive
 * -----------------------------------------------------------------------------
 */
@media only screen and (max-width: 1600px){
  .img-cols, #fullpage .container {zoom: 1;}
}
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
  #about-us .botImg {display:none;}
  .section-header {margin-bottom: 15px;}
  .section-header .section-title .txt {font-size: 25px;}
  .section-header .section-title small {font-size: 15px;margin-bottom: 0px;}
  #our-contact .section-desc {margin-bottom: 20px;max-width: 90%;}
  #our-contact .section-content {padding-top: 20px;}
  #our-contact .section-desc .txt {font-size:14px}
}
@media only screen and (max-width: 1280px){
  .wrapper-outer, #wrapper, .inner-wrapper {position: inherit;width: auto;height: auto;top: initial;left: initial;right: initial;bottom: initial;overflow: visible;}
  #theme-header {width: 100%;height: 50px;bottom: initial;padding: 0 20px;z-index: 999999;}
  #theme-header .logo {width: auto;height: 50px;padding: 0;float: left;margin-right: 20px;}
  #theme-header .logo img {display:none;}
  #theme-header .logo img.mbLogo{display: block;width: auto;height: 35px;margin-top: 6px;}
  #theme-header .header-content {float: right;width: auto;padding: 0;height: 50px;overflow: hidden;}
  #main-nav {float:left;}
  #main-nav ul {margin-bottom:0;}
  #main-nav ul li {float: left;}
  #main-nav ul li a {margin-bottom: 0;margin-right: 15px;height: 50px;line-height: 50px;}
  #main-nav ul li a:after {bottom: 0;z-index: -1;}
  #search-form {display:none;}
  #theme-header .header-bottom {display: none;}

  #fullpage {top: 50px;margin-left: 0;}
  #fullpage .section {opacity: 1;visibility: visible;position: relative;top: unset;left: unset;height: unset!important;padding: 40px 0;}
  #fullpage .container, #home1 .img-cols {position: relative;top: initial;left: initial;transform: none;max-width: 100%;margin: 0 auto;}

  #home1 {display: flex;justify-content: center;align-items: center;}
  #home1 .img-cols {margin-bottom:40px;margin-top: 50px;padding: 0 30px;}
  #home1 .img-cols .ic.imgc2 {margin-bottom:-35px;}
  #home1 .img-cols .ic.imgc4 {bottom: 80px;}

  #our-services .section-content {margin-bottom: 40px;}
  #fullpage #our-project {}
  #fullpage #our-project .section-header {position: relative;padding: 40px 40px 20px;display: flex;justify-content: center;align-items: center;text-align: center;margin: 0 auto;}
  #project-list .box-content-wrap .swiper-container {position: relative;padding-bottom: 40px;}
  .sli-btn.swiper-button-next:after{text-shadow: none;right: 3px;opacity:0.8}
  .sli-btn.swiper-button-prev:after{text-shadow: none;left: 3px;opacity:0.8}

  #our-services .swiper-button-next:after, #project-list .box-content .swiper-button-next:after  {right: -23px;color: #060;}
  #our-services .swiper-button-prev:after, #project-list .box-content .swiper-button-prev:after {left: -23px;color: #060;}
  .box-bot {left: 5px;}
}
@media only screen and (max-width: 1040px){ 
  #slide-out-open {display: inline-block;float: left;}
  #theme-header .header-content {opacity: 0;visibility: hidden;height: 0;width: 100%;max-width: 300px;position: fixed;top: 50px;left: 0;background: #012933;transition: all 0.17s ease-in-out;-moz-transition: all 0.17s ease-in-out;-webkit-transition: all 0.17s ease-in-out;-o-transition: all 0.17s ease-in-out;}
  #main-nav {}
  #main-nav ul li {width: 100%;text-align: left;display: inline-block;z-index: 1;}
  #main-nav ul li a {width: 100%;margin-right: 0;padding: 0 20px;z-index: 1;}
  #main-nav ul li.active a:after, #main-nav ul li a:hover:after, #main-nav ul li.current-menu-item a:after, #main-nav ul li.current-page-ancestor a:after {height: 50px;opacity: 0.1;z-index: -1;}
  .js-nav  #theme-header .header-content {opacity: 1;visibility: visible;height: auto;}

  #home1.hasVideo {min-height: unset;}
  #home1 .video-bg {position: relative;height: 0;padding-bottom: 56.25%;}
  #home1 .video-bg iframe {width: 100%!important;height: 100%!important;}
  #news-list .box-header {padding: 40px 0 0;margin: 0}
}
@media only screen and (max-width: 900px){
  #home1 .img-cols {flex-wrap: wrap;margin-top: 0;padding: 0;}
  #home1 .img-cols {margin-top: 0;padding: 0;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
  #home1 .img-cols .ic {display:none!important;}
  #home1 .img-cols .imgc4-mb {display: flex;margin-right: 0;margin-bottom: 14.5%;}
  .img-cols .break {flex-basis: 100%;height: 0;clear: both;}
  .img-cols .txt-col .title {margin-left: 0;}
  .img-cols .txt-col .title h2 {float:right;width: 261px;}
  .img-cols .txt-col .title .cl {color:#006600;padding-left: 17px;letter-spacing: 8px;}
  .img-cols .txt-col .title .mn {margin-left: 0;}
  .img-cols .txt-col .title .mn small {letter-spacing: 1px;}
  .img-cols .txt-col .desc {padding-left: 0;margin-bottom: 0;}
  .img-cols .txt-col .desc .see-more {position: initial;float: right;margin: 13px 0 20px;}
  .img-cols .txt-col .desc p {width:100%;clear: both;}
  #news-list .box-content .thumb-left li {width: calc(50% - 20px);}
}   

@media only screen and (max-width: 768px){
  .box-top {display:none}
  #our-news .section-header {float: left;}
  #our-contact .section-desc {width: 100%;max-width: 100%;}
  #our-contact .section-content {display: flex;flex-direction: column;}
  #our-contact .left-col {width:100%;margin-bottom: 20px;order: 2;}
  #our-contact .right-col {width:100%;padding-left: 0;order: 1;margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px solid #2e4f5a;}
}

@media only screen and (max-width: 680px){
  #news-list .box-content .thumb-left li {width: 100%;height: auto;}
  #news-list .box-content .thumb-left li .post-thumbnail {height: auto;}
}
@media only screen and (max-width: 500px){
  .img-cols .txt-col {width:100%}
  .img-cols .txt-wrap {width: 100%;padding: 0 20px;}
}