/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.7.3
*/


#Top_bar .text-logo #logo {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: bold;
    color: #138900;
}
#Top_bar .logo {
    margin: 0 30px 0 0;
}

#Top_bar .top_bar_left {
	width: 100% !important
}

#Top_bar .menu > li > a span {
    border-right-width: 0 !important;
}

.button-love {
	display: none
}

.tit-home {
	color: #2697c6;
	font-size: 30px; 
	line-height: 35px;
	font-weight:bold;
	text-align: center
}

.portfolio_group:not(.list) .portfolio-item .portfolio-item-fw-bg {
    border: 1px solid #ccc;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 20px;
}

.portfolio_group .portfolio-item .desc {
    padding: 0;
}

#s2 .portfolio_group .portfolio-item .desc .title_wrapper {
    position: relative;
    padding-right: 0;
    border: 1px solid #ccc;  
	margin-top: 15px;
}

#s2 .portfolio_group .portfolio-item .desc .title_wrapper  h5 {
	line-height: 32px;
    text-align: center;
    font-weight: normal;
}

#s1 .portfolio-item .portfolio-item-fw-bg img {
	height: 235px;
	object-fit: cover;
	width: 100%;
	display: block;
	margin: 0 auto
}

#s2 .j-tro2 {
	background-color: #fff;
    border-radius: 5px;
    padding: 30px 20px;
    display: block;
	color: #666;
}

a:hover {
	text-decoration: none
}

#box-news {
	    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}

#box-news .box-ct {
    width: 350px;
    height: 447px;
    padding: 20px;
    box-sizing: border-box;
    background-image: url(https://demo.devwebwp.com/wp-content/uploads/2023/08/nen-tt.png);
}

.flex {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    flex-wrap: wrap;
}

#box-news .box-ct .img {
    width: 90px;
    height: 90px;
    border: 1px solid #ccc;
    padding: 10px;
}

#box-news .box-ct .news {
    width: 190px;
    margin-top: 50px;
    font-size: 16px;
}

.r-title h4 {
	margin-top: 20px;
	font-size: 16px;
	border: 1px solid #ccc;
	padding: 10px 15px;
	font-weight: normal;
}

.r-title h4 a:hover {
	color: #007cc3;
}

.r-title  p {
	margin-top: 20px;
	height: 110px;
}

.r-title .more {
	margin-top: 15px;
	border: 1px solid #ccc;
	width: 100px;
	text-align: center;
	line-height: 26px;
	display: inline-block;
	text-transform: uppercase
}

#Footer p {
	margin-bottom: 5px;
}

#Footer .footer_copy .one {
    margin-bottom: 0;
    padding-top: 12px;
    min-height: 33px;
    font-size: 14px;
}

.archive.tax-portfolio-types .portfolio-item-fw-bg {
	display: flex;
}

.archive.tax-portfolio-types .portfolio-item-fw-bg  .image_frame, .archive.tax-portfolio-types .portfolio-item-fw-bg .desc {
	width: 50%;
}

.archive.tax-portfolio-types .portfolio_group .portfolio-item .desc .title_wrapper {
    position: relative;
    padding-right: 0;
    text-align: center;
    background-color: #2697c6;
}

.archive.tax-portfolio-types .portfolio_group .portfolio-item .desc .title_wrapper h5 {
	 line-height: 35px;  
	font-weight: normal
}

.archive.tax-portfolio-types .portfolio_group .portfolio-item .desc {
	margin-left: 15px;
}

.archive.tax-portfolio-types .portfolio_group .portfolio-item .desc .title_wrapper h5  a {
	 color: #fff;
}

.exc {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 15px 0;
    font-size: 14px;
	height: 70px;
    line-height: 22px;
}

.xtt {
	text-align: center;
    border: 1px solid #2697c6;
    font-size: 12px;
    padding: 8px 12px;
    display: inline-block;
    line-height: 20px;
    text-transform: uppercase;
    color: #2697c6;
}

.single-portfolio .post-header {
    display: flex;
    float: none;
}

.single-portfolio .post-header .image_wrapper {
	width: 50%;
}

.single-portfolio .post-header .desc-single-pr {
	width: 50%;
	margin-left: 40px;
}

.single-portfolio .post-header .desc-single-pr h4 {
    font-weight: 500;
    color: #222222;
    font-size: 22px;
    color: #000;
    border-bottom: 1px solid #004ea2;
    padding-bottom: 15px;
    margin-top: 70px;
    margin-bottom: 25px;
}

.single-portfolio .post-header .desc-single-pr h5 {
	color: #666666;
	font-size: 17px;
	font-weight: 500
}

.tit-info-pr {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	color: #666666;
	padding-bottom: 20px;
	margin-bottom: 20px;
	position: relative;
	border-bottom: 3px solid #d0112b;
	margin-top: 40px;
	padding-left: 30px;
	background: url(http://flowmeterkorea.com/wp-content/uploads/2023/04/rign.png) top 6px left no-repeat;
}

.tit-info-pr:before {
	content: '';
	display: inline-block;
	width: 50%;
	height: 3px;
	background: #ee7421;
	position: absolute;
	left: 0;
	bottom: -3px
}

.single-portfolio .box-btn {
	display: flex;
	margin-top: 40px;
}

.single-portfolio .box-btn a:first-child {
	width: 40%;
    margin-right: 30px;
    text-align: center;
    transition: all .2s;
    border: 1px solid #2697c6;
    line-height: 35px;
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
	cursor: pointer
}

.single-portfolio .box-btn a:nth-child(2) {
	width: 40%;
    text-align: center;
    transition: all .2s;
    border: 1px solid #2697c6;
    line-height: 35px;
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
}


.hd-catolog {
	display: flex;
	border-top: 1px solid #cccc;
	padding-top: 20px;
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	margin-top: 30px;
	border-bottom: 2px solid #333333;
	padding-bottom: 20px;
}

.hd-catolog div:first-child, .box-catolog .box-user {
	width: 25%;
	text-align: center
}

.hd-catolog div:nth-child(2) {
	width: 50%;
}

.hd-catolog div:nth-child(3) {
	width: 25%;
}

.box-catolog {
	display: flex;
	border-bottom: 1px solid #ccc;
	font-size: 18px;
	line-height: 25px;
	color: #222222;
}

.box-user {
	display: flex;
    justify-content: center;
    align-items: center;
    background: #f9f9fb;
}

.box-catolog .box-data_catolog {
	width: 80%;
}

.box-ct-catolog {
	display: flex;
	border-bottom: 1px solid #ccc;
	padding: 20px;
}

.name_catolog {
	width: 68%;
}

.box-ct-catolog:last-child {
	border-bottom: 0;
}

.file_catolog a {
	    display: inline-block;
    border: 1px solid #c9c9c9;
    padding: 5px 20px;
    font-size: 16px;
    color: #333333;
    border-radius: 3px
}

.file_catolog a:hover {
	background: #d0112b;
	color: #fff;
	border-color: #d0112b;
}

.sec-tit-dm {
	padding: 105px 0;
	background-image: url(https://demo.devwebwp.com/wp-content/uploads/2023/08/ba0.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
	margin-top: -30px;
}

.sec-tit-dm .tit-product {
	margin: auto;
    font-size: 36px;
    color: #fff;
    letter-spacing: 1px;
}

.single-portfolio #Subheader, .single-portfolio .image_links {
	display: none
}

.single-portfolio #Content {
    padding-top: 0;
}

#fr-product {
	margin-bottom: 40px;
}

#fr-product h4 {
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #2697c6;
}

.single .box-fr-sp {
	display: flex;
	margin: 20px 0
	
}

.single .box-fr-sp span {
	width: 80%
}

.single .box-fr-sp span:first-child {
    width: 12%;
    padding-left: 50px;
}

.box-fr-sp input {
	width: 90%;
    height: 32px;
    padding: 4px 8px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.box-fr-sp textarea {
    width: 90%;
    height: 150px;
    padding: 8px;
    margin: 8px 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

.box-fr-sp .wpcf7-validates-as-number {
	width: 100px !important;
}

.single #fr-product input[type=submit] {
    padding: 10px 8%;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    background-color: #2697c6;
    margin-left: 40px;
    margin-top: 20px;
}

#fr-product h5 {
	margin-left: 40px;
    color: #666;
}

.archive.category .column_blog .image_frame{
	width: 22%;
	float: left;
}
.archive.category .column_blog .image_frame .image_wrapper{
	overflow: hidden;
    background-color: #fff;
    border: 1px solid #eee;
    padding: 8px;
    border-radius: 3px;
}

.archive.category .column_blog .post-desc-wrapper {
    width: 75%;
    float: left;
    margin-left: 3%;
}

.archive.category .column_blog h2 {
	position: relative;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    line-height: 34px;
}

.archive.category .column_blog .isotope-item {
    margin-bottom: 20px;
    padding: 10px 0 30px;
    border-bottom: 1px solid #ddd;
}

.post-header .title_wrapper h1 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #666;
    margin-bottom: 5px;
}

.single .post-meta {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.single .post-meta .author-date {
    float: none;
}

.single-post .post-header {
    color: #999;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

#lh h3 {
	margin: auto;
    font-size: 30px;
    color: #fff;
    letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 0
}

#lh2 h3 {
	 font-size: 24px;
    line-height: 32px;
    color: #2697c6;
	font-weight: bold;
}

#lh2 h4 {
	    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #2697c6;
}

#lh2 .box-fr-sp {
	display: flex;
}

#lh2 .box-fr-sp {
	margin-bottom: 20px;
}

#lh2 .box-fr-sp  span:first-child {
	width: 12%;
}

#lh2 .box-fr-sp span {
	width: 78%
}

#lh2 input[type=submit] {
    padding: 10px 8%;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    background-color: #2697c6;
    margin-left: 40px;
    margin-top: 20px;
}

.home .exc, .home .xtt {
	display: none
}

.home .portfolio-item .desc .title_wrapper h5 {
    margin-bottom: 0;
    padding-right: 0;
    border: 1px solid #ccc;
    line-height: 32px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: normal;
}

@media only screen and (max-width: 1145px) {
	
#Action_bar {
	display: none !important
}
	
#Top_bar .logo {
    text-align: left;
}	
	
#Top_bar .logo #logo {
	margin-left: 15px !important
}	
	
#Top_bar a.responsive-menu-toggle i {
    font-size: 26px;
    line-height: 34px;
    color: #6c6c6c;
}	
	
.tit-home {
    font-size: 25px;
    line-height: 32px;
}

.home  .portfolio-item {
    width: 48% !important;
    margin: 0 1% 15px!important;
}
	
#s1 .portfolio-item .portfolio-item-fw-bg img {
    height: 172px;
}	
	
.portfolio_group:not(.list) .portfolio-item .portfolio-item-fw-bg {
    padding: 10px;
}	
	
#s2 {
	padding: 50px 0 30px !important
}	
	
p,li {
	font-size: 15px; 
	line-height: 25px;
}
	
#box-news {
	justify-content: center;
}
	
#box-news .box-ct {
    margin-bottom: 30px; 
}
	
#Footer .widgets_wrapper .widget {
    margin-top: 0;
}	
	
#Footer h4 {
	font-size: 17px; 
	line-height: 25px;
}
.sec-tit-dm, #lh {
    padding: 0 !important;
    background-position: center !important;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    margin-top: 0;
    height: 100px !important;
    background-size: auto 120% !important;
    text-transform: uppercase;
    margin-bottom: 20px;
}	
	
.sec-tit-dm .tit-product, #lh h3 {
    margin: auto;
    font-size: 25px;
    color: #fff;
    letter-spacing: 1px;
    padding-top: 34px;
}	
	
.single-portfolio .post-header {
    display: block;
}	
	
.single-portfolio .post-header .image_wrapper {
    width: 100%;
}
	
.single-portfolio .post-header .desc-single-pr {
    width: 100%;
    margin-left: 0;
}
	
.single-portfolio .post-header .desc-single-pr h4 {
    margin-top: 0;
    margin-bottom: 15px;
}	
.single-portfolio .box-btn {
    display: flex;
    margin-top: 0;
}	
	
.single-portfolio .box-btn a:first-child, .single-portfolio .box-btn a:nth-child(2){
    width: 50%; 
	font-size: 16px;
}
	
.single-portfolio .box-btn a:first-child {
    margin-right: 15px; 
}
	
#fr-product h4 {
    margin-top: 30px; 
}
	
.archive.tax-portfolio-types .portfolio-item-fw-bg {
    display: block;
}
	
.archive.tax-portfolio-types .portfolio-item-fw-bg .image_frame, .archive.tax-portfolio-types .portfolio-item-fw-bg .desc {
    width: 100%;
}	
	
.archive.tax-portfolio-types .portfolio-item {
    width: 48% !important;
	margin: 0 1% 15px !important
}	
	
.archive.tax-portfolio-types .portfolio-item img {
	height: 165px !important;
	object-fit: cover;
	width: 100%
}	
	
.archive.tax-portfolio-types .portfolio_group .portfolio-item .desc {
    margin-left: 0;
}
	
	
.archive.tax-portfolio-types .portfolio_group .portfolio-item .desc .title_wrapper h5 {
    margin-top: 10px;
}	
	
.archive.tax-portfolio-types #Content {
    padding-top: 0;
}	
	
.archive.category .column_blog .image_frame {
    width: 35%;
    float: left;
}
	
.archive.category .column_blog .post-desc-wrapper {
    width: 62%;
    float: left;
    margin-left: 3%;
}
	
.post-excerpt, .post-footer {
	display: none
}	
	
.archive.category .column_blog h2 {
   line-height: 20px;
}