/**
 * Theme Name: Byron Child
 * Template: byron
 * Version: 1.0
 * Description: Construction Engineering and Architecture WordPress Theme
 * Author: Ninzio
 **/
 body,p,a,h1,h2,h3,h4,h5,h6, .e-n-tab-title-text, li, .elementor-icon-list-item span { font-family: 'LINE Seed Sans TH', sans-serif !important;}

 .site-header-inner { height:120px !important;}
 
 .header-style-4 #site-header,  .header-style-3 #site-header { background-color:#26313e !important;}
 .header-style-4 #site-header .wrap-inner, .header-style-3 #site-header .wrap-inner  { border-radius:15px !important;}
  .header-style-3 #site-header .wrap-inner {  background-color: #030f27 !important;box-shadow: 0 20px 70px 0 rgba(38,42,76,0.2);}
 .header-style-4 #site-header .header-info,  .header-style-3 #site-header .header-info { padding-top:40px;}
 .header-style-4 #site-header .header-info .content, .header-style-3 #site-header .header-info .content { color:#fff !important;}
 .header-style-4 #site-header .header-info .content:before,  .header-style-3 #site-header .header-info .content:before { color:#e9c836 !important; }
 .header-style-4 #site-header .header-info .prefix,  .header-style-3 #site-header .header-info .prefix { color: #999999 !important;}
 .header-style-4 #site-header .header-info .email, .header-style-4 #site-header .header-info .phone,  .header-style-3 #site-header .header-info .email, .header-style-3 #site-header .header-info .phone { padding-bottom:30px;}

 /*Menu */

#main-nav .menu > li:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: 0;
  top: 0;
  color: #fff; 
  font-weight: 600;
  line-height:80px;
}

#main-nav > ul > li > a > span:before {color:#e9c836 !important;background-color:#e9c836 !important; }
#main-nav > ul > li > a:hover {color:#e9c836 !important; }

.nav-top-cart-wrapper a { color:#fff !important;}
.nav-top-cart-wrapper a:hover{color:#e9c836 !important;}

.header-style-4 .mobile-button span { color:#fff !important; }
.mobile-menu {display:none;}

/*Footer*/
#footer-widgets .widget.widget_socials .socials a { color:#fff !important; font-size:24px !important;}
#footer a { color:#fff !important;}
#footer .widget.widget_information i { color: #e9c836!important;}

#scroll-top::before { color:#e9c836 !important;}
ol li {color:#000 !important;font-weight:400 !important;}


.master-counter .title {
  position: absolute !important;
  top: 50% !important;
  left: 50%!important; 
  transform: translate(-50%, -50%)!important; 
  margin: 0 !important;

}

.page-single-project #featured-title  { display:none !important;}
.page-single-project .elementor-element-6005075 { display:none !important;}
.page-single-project #main-content { padding-bottom:0px !important;}

.footer-grid.gutter-30 > .col { padding-left:5px !important;padding-right:5px !important;}
#footer-widgets .widget_information ul li span {font-size:15px !important;}
#footer-widgets .widget_information ul li { border-bottom:0px !important;}



.align-center .master-testimonial .avatar { margin-top:30px;}
.master-testimonial { padding-top:30px;}

.post-meta .post-meta-content { display:none !important;}


@media (max-width: 1200px) {
	#service-section .elementor-button-text {font-size:15px !important;}
	#main-nav > ul > li > a > span {font-size:15px !important;}
	.header-info  {display:block !important;}
	.master-project {width:45% !important; padding:0px 15px !important;}
	#home-banner { margin-bottom:-100px !important;}
	.number-wrap span {font-size:75px !important;}
	.main-logo img { height:63px !important; width:auto !important;}
}

@media (max-width: 1024px) {
	#main-nav > ul > li{ padding:0 10px !important;}
	#main-nav > ul > li > a > span {font-size:14px !important;}
	.column-3-gap-30px .item-carousel {width:32% !important;margin-right:10px !important;}
	#service-section, #home-video { margin-bottom:0px !important; padding-top:60px !important; padding-bottom:60px !important;}
	#home-video {background-size:cover !important;}
	#cta-footer {padding:40px !important;}
	#cta-footer h3 {font-size:24px !important;}
	.master-project {width:80% !important; padding:30px 35px 60px !important;}
	.column-2-gap-40px .item-carousel {width:42% !important;}
	.elementor-page-1255 .column-3-gap-30px .item-carousel {width:28% !important;}
}

@media (max-width: 900px) {
	.header-info  {display:none !important;}
	.master-project {width:100% !important; }

	.master-project.style-1 .desc .inner { font-size:14px !important; line-height:16px !important;}
	#main-nav-mobi {background-color:#26313e !important}
.mobile-menu {display:inline; color:#fff;}
	.mobile-button {top:70% !important;}
	.header-style-4 .mobile-button span,     .header-style-4 .mobile-button:before,     .header-style-4 .mobile-button:after { background-color:#fff !important;}
	.nav-top-cart-wrapper { display:inline !important;}
	.header-style-4 #site-header .wrap-inner { margin-top:30px !important; padding:0px 0px !important; align-items:flex-end !important;}
	.ext { display:none !important;}
	.master-counter.icon-inline-yes .number-wrap {padding-left:0px !important;}
	.master-counter { border:none !important;}
	.flickity-button { display:none !important;}
	.column-3-gap-30px .item-carousel {width:48% !important;margin-right:10px !important;}
	.master-service .content-wrap { padding:15px 10px !important;}
	.master-service .content-wrap .headline-2 {font-size:16px !important;}
	.master-service .sep { width:calc(48% + 35px)!important; margin:0 auto !important}
		.master-service .content-wrap .desc {font-size:14px !important; line-height:16px !important;}
	.master-service .content-wrap .url-wrap .master-link {font-size:14px !important;}
	.mobile-padding { padding-top:0px !important;}
	#service-section, #home-video { margin-bottom:0px !important; padding-top:60px !important; padding-bottom:60px !important;}
	#home-video {background-size:cover !important;}
	#cta-footer {padding:40px !important;}
	#cta-footer h3 {font-size:24px !important;}
	.footer-grid #widget_links-1, .footer-grid #widget_links-2 { display:none !important;}
	.galleries .cbp-wrapper, .galleries .cbp-wrapper-outer {width:90% !important;}
	.master-heading h2 { font-size:20px !important;}
	#footer-widgets .widget .widget-title {margin-bottom:5px !important;}
	.master-heading .sub-heading {font-size:16px !important; line-height:26px !important; margin-bottom:0px !important;}
	
	.master-icon-box .headline-2 { font-size:18px; margin-bottom:15px;}
	.master-icon-box .desc{ font-size:15px;}
	.master-project.style-1 .desc {height:30px !important;margin-bottom:10px !important;}
	.master-project.style-1:hover .desc, .master-project.style-1:active {height:auto !important;margin-bottom:10px !important;}
	.master-project .cbp-item-wrapper .content-wrap .url-wrap {display:none !important;}
	
}