body ,li,div,span,p,li,h1,h2,h3,h4,h5,h6,a,input,button{
	font-family: "thaisans_neuebold", Helvetica, Arial, sans-serif!important;

}
.letter-stroke{
	font-size:100px;
}
.metas span {
    font-size: 20px;
}
.title {
    font-size: 80px;
}
p.description{
    font-size: 22px;
	
}
.link-custom, input[type=submit] {
    font-size: 22px;
}
.socials li a span {
    font-size: 18px!important;
}
.tag-heading {
    color: #fff;
}
.service-item-inner.background-section, .pro-text.p-relative.background-section{
	background-color:#f1f1f1!important;
}
.site-header .container-content .title-line, .site-header .container-content p.title-line {
    font-size: 28px;
}
.site-header .container-content .nav-content p .link-hover, .site-header .container-content .nav-content p {
    text-transform: none;
    font-size: 20px;
}
.lest-icon li:before, .about li:before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: var(--theme-color);
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 4px;
}
.about li {
    position: relative;
    padding-left: 30px;
	word-wrap:break-word;
}
.about li:not(:last-of-type) {
    margin-bottom: 20px;
}
.p-relative.text{
	font-size: 20px;
}
.section-title {
    margin-bottom: 50px;
}
.footer.background-section {
    background-color: #fff !important;
}
.footer .logo-footer {
    width: 100px;
}
.pro-text.background-section {
    background-color: #f1f1f1 !important;
}
.pro-text.box-padding {
    padding: 50px 60px;
}
.metas .price-old {
	color:#fff;
}
.metas .font-montserrat{
	font-size: 22px;	
}
.projects-list h4{
	font-size: 24px;
}
.footer .nav-footer li:not(:last-of-type) {
    margin-right: 10px;
}
a.link-hover {
    font-size: 16px!important;
}
.testimonials{
    background: #eee !important;
	margin-bottom: 60px;
    padding-bottom: 60px;
}	
.subtitle span{
	color:#fff!important;
}	
.about .d-flex.align-items-center.background-section{
	background-color:#f1f1f1!important;
	
}	
.about h4.background-main{
	color:#fff!important;	
}	
.about-me .background-section.custom-background-section	{
	background-color:#f1f1f1!important;
}
.about-me h4{
	font-size: 20px;
	
}	
.header-p .title {
    color: #f9f9f9;
    text-shadow: 2px 2px 5px #363636;
}
.breadcrumbs-inner--breadcrumbs-list>li>a {
    color: #f9f9f9;
    text-shadow: -1px 1px 3px #363636;
}
ul.breadcrumbs-inner--breadcrumbs-list li{
	float:left;
	display:inline-block;
}	
.breadcrumbs-inner--breadcrumbs-list>li+li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}	
.breadcrumbs-inner--breadcrumbs-list>li:first-child{
	padding-right: 7px!important;
}
.newslist .has-box-mod.move-circle .icon-circle {
    background-color: unset;
}
.newslist .projects-list h4 {
    font-size: 32px;
}
.newslist p{
	font-size: 20px;
}
.newslist .projects-list h4:hover{
	color:#333!important;
}
.btn-type-3{
	position: relative;
    padding: 12px 30px;
    letter-spacing: 2px;
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    border: solid 1px var(--border-color);
    z-index: 2;
    cursor: pointer;
}
.single-contact .entry-box input, .box-info p, .box-info .info, .des{
	font-size: 20px;
}
#contact-p.dsn-container {
    margin-bottom: 0px;
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 60px;
}
.map-contact{
	height: 500px;
}
.p-fixed.has-parallax-header.background-main{
	background-color: #0e0e0e;
}
.newslist .section-margin {
    margin-bottom: 0px;
    margin-top: 0;
}
#contact-p, #newsdetail{
	background-color:#fff;
}
#newsdetail {
    margin-top: 0px;
    margin-bottom: 0px;
}
.description  p i{
	font-size:11px!important;
}
.des img{
	width:100%;
}
.single-post-wrapper--description-box{
	float: right;	
}
.prolist {
	margin-top: 0;
    margin-bottom: 0;
}
.prolist ins{
	font-size: 24px;
    background: unset;	
}
.prolist del, .intro-project .project-info li h5 strike{
	color: #716d6d;
    text-decoration: line-through;	
}
.description iframe{
	height:500px;
}
.prodetail, .page-p {
    margin-top: 0px;	
    margin-bottom: 0;
}
.cap span {
    font-size: 16px;
}
.prodetail-d {
    margin-top: 50px;	
    margin-bottom: 20px;
}
.prodetail-d .title-block {
    letter-spacing: 0px;
    font-size: 32px;
}
.prodetail-d .des{
    font-size: 22px;	
}
.hide{
	display:none;
}
.intro-project .project-info li h5 {
    margin-bottom: 10px;
    font-size: 20px;
    letter-spacing: 2px;
}
.intro-project .project-info li h5 span, .intro-project .project-info li h5 strike{
	color:#7f7f7f!important;
}
.intro-project .project-info li h5 span.price{
    font-size: 22px;		
}
.prodetail-d iframe{
	width:100%;
	height:500px;
}
.prodetail-d .line{
    margin: 30px 0;
    border: 1px solid #ccc;	
}
.btn-type-5 {
    position: relative;
    padding: 12px 0px;
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    border: solid 1px var(--border-color);
    z-index: 2;
    cursor: pointer;
    width: 163px;
    margin-bottom: 20px;
}
select {
	font-size: 20px;
}
.prodetail-g{
	margin-bottom: 0px;
}
#p_relate {
    margin-top: 0px;
    margin-bottom: 0;
    padding-top: 30px;
    padding-bottom: 50px;
}
.projects-list.work-gallery .work-item:hover .box-content .view-project {
    opacity: 1;
    transform: translateY(-10px);
}
.header-pages p {
	font-size:22px;
}
.content-wrap{
	background-color: #f1f1f1;	
}

.bg-white{
	background-color:#fff;	
}
input, textarea, select {
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    background-color: var(--assistant-color);
    border: 1px solid var(--border-color);
    padding: 10px 18px;
    color: var(--heading-color);
    margin-top: 10px;
    margin-bottom: 0;
}
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    width: 10%;
}
div#ticket #input_reply .BTGreen {
    font-size: 20px;
    height: 35px;
    line-height: 23px;
    padding: 5px 5px 5px;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}
.content h4{
	font-size: 20px;
}
ul.page li{
    margin-right: 10px;
    display: inline-block;
}
ul.page {
	width:100%;
}
ul.page li a{
	font-size:20px;
}
ul.page li a i{
	font-size:16px;
}
#none{
    text-align: center;
    padding: 60px;	
	font-size:22px;

}
.site-header .menu-icon .text-menu {
    top: -9px;
    width: 45px;
    color: var(--heading-color);
    opacity: 0.9;
    font-size: 18px;
    font-weight: 600;
}
.map{
	margin-top: 0px!important;
	margin-bottom: 0px!important;		
}
.site-header .menu-icon .icon-m .menu-icon-line {
    width: 30px;
    height: 4px;	
}
.site-header .menu-icon .icon-m .menu-icon-line.icon-top {
    width: 9px;
}
.site-header .menu-icon .icon-m .menu-icon-line.icon-center {
    width: 20px;
}
.site-header .menu-icon .icon-m .menu-icon-line.icon-bottom {
    margin-top: 1px;
}
.footer {
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer .d-grid {
    grid-row-gap: 15px;
}
.m-t61{
	margin-top:61px;
}

.info-item .icon .fa-envelope {
    margin-right: 14px;
}
.info-item .icon .fa-map-marker-alt {
    margin-right: 17px;
}
.mlr0{
	margin-right:0px!important;
	margin-left:0px!important;
}
.padding-top40{padding-top: 40px!important;}


.wrapper.bg_gray{
	background-color:#FCFCFC;
}
.wrapper .box-set-bottom .pro-text {
	border:solid 3px #fff;
}

@media only screen and (max-width: 767px){
	.margin-xs-top0{margin-top: 0px!important;}
	.margin-xs-top20{margin-top: 20px!important;}
	.margin-xs-top30{margin-top: 30px!important;}
	.margin-xs-bottom0{margin-bottom: 0px!important;}
	.margin-xs-bottom20{margin-bottom: 20px!important;}
	.margin-xs-bottom30{margin-bottom: 30px!important;}
	.padding-xs-top0{padding-top: 0px!important;}
	.padding-xs-top30{padding-top: 30px!important;}
	.padding-xs-bottom0{padding-bottom: 0px!important;}
	.padding-xs-bottom10{padding-bottom: 10px!important;}
	.padding-xs-bottom20{padding-bottom: 20px!important;}	
	.hidden-xs{
		display:none;
	}
	.m-t61{
		margin-top:0px;
	}	
	.heading-h2 {
		font-size: 26px;
		letter-spacing: inherit;
	}
	.title {
		font-size: 32px;
	}
	.section-title {
		margin-bottom: 30px;
	}
	.pro-text.box-padding {
		padding: 50px 40px 50px;
	}
	.box-set-bottom.section-margin.ab{
		margin-bottom: 0px;
	}
	.testimonials .testimonial-inner .testimonial-author .author img {
		width: 100px;
		height: auto;
		border-radius: 50%;
	}
	.testimonials .testimonial-inner .testimonial-author .author, .testimonials .testimonial-inner .testimonial-author .author img {
		width: 100px;
		height: auto;
		border-radius: 50%;
	}
	.our-work.work-2{
		margin-top: 50px;
	}
/* 	.p-fixed.has-parallax-header.background-main {
		background-color: #fff;
	} */
	.prolist {
		margin-top: 0;
		margin-bottom: 0;
		background-color: #fff;
		padding-top: 50px;
	}	
	.page-p {
		margin-top: 0px;
		margin-bottom: 0;
		padding-top: 60px;
		background-color: #fff;
	}
	.intro-project .intro-text {
		padding-right: 0px!important;
	}
	.description iframe{
		height:200px;
	}
	.prodetail-d iframe {
		width: 100%;
		height: 200px;
	}	
	.footer {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	#newsdetail .gallery-portfolio.justified-gallery {
		margin-top: -15px;
		margin-left: 0;
	}
	.testimonials .testimonial-inner .testimonial-author .author-text h4, .heading-h2, .title-block, .title, .link-custom {
		letter-spacing: 0px!important;
	}
	.ms-mt-block {
		margin-top: 20px;
	}
	.btn-type-5 {
		letter-spacing: 0px;
	}	
	.site-header .menu-icon .text-menu > div {
		left: -15px;
		top: -8px;
		font-size: 25px;
	}
	.sm-title-block, .intro-project .project-info li h5 {
		letter-spacing: 0px;
	}
}
	.our-work.work-2 .box-content {
	  position: absolute;
	  margin-bottom: 70px;
	  z-index: 1;
	  padding: 0 15px;
	}	
}
@media (max-width: 991px) and (min-width: 768px){
	.margin-sm-top0{margin-top: 0px!important;}
	.margin-sm-top30{margin-top: 30px!important;}
	.margin-sm-bottom0{margin-bottom: 0px!important;}
	.margin-sm-bottom10{margin-bottom: 10px!important;}
	.margin-sm-bottom20{margin-bottom: 20px!important;}
	.padding-sm-top0{padding-top: 0px!important;}
	.padding-sm-top30{padding-top: 30px!important;}
	.padding-sm-bottom0{padding-bottom: 0px!important;}
	.padding-sm-bottom10{padding-bottom: 10px!important;}
	.padding-sm-bottom20{padding-bottom: 20px!important;}	
	.padding-sm-bottom30{padding-bottom: 30px!important;}	
	
	.prolist {
		margin-top: 0;
		margin-bottom: 0;
		background-color: #fff;
		padding-top: 50px;
	}	
	.page-p {
		margin-top: 0px;
		margin-bottom: 0;
		padding-top: 60px;
		background-color: #fff;
	}	
	.about .grid-md-3 {
		grid-template-columns: auto;
	}
	#newsdetail .gallery-portfolio.justified-gallery {
		margin-top: -15px;
		margin-left: 0;
	}
	.testimonials .testimonial-inner .testimonial-author .author-text h4, .heading-h2, .title-block, .title, .link-custom {
		letter-spacing: 0px!important;
	}
	.m-t61{
		margin-top:0px;
	}
	.ms-mt-block {
		margin-top: 20px;
	}	
	.btn-type-5 {
		letter-spacing: 0px;
	}
	.site-header .menu-icon .text-menu > div {
		left: -15px;
		top: -8px;
		font-size: 25px;
	}
	.hidden-sm{
		display:none;
	}
	.sm-title-block, .intro-project .project-info li h5 {
		letter-spacing: 0px;
	}
	.about-me .box-img [data-dsn-grid=moveUp] {
		height: 1006px;
	}
	.intro-project .project-info {
		display: flex;
		justify-content: unset;
		flex-direction: column;
	}
	.btn-type-5 {
		position: relative;
		padding: 12px 0px;
		letter-spacing: 0px;
		font-size: 22px;
		font-weight: 600;
		text-transform: uppercase;
		border: solid 1px var(--border-color);
		z-index: 2;
		cursor: pointer;
		width: 320px;
		margin-bottom: 20px;
	}
	.intro-project .intro-text {
		padding-right: 0px;
	}	
	.prolist {
		margin-top: 0;
		margin-bottom: 0;
		background-color: #fff;
		padding-top: 50px;
	}	
}
@media (min-width: 992px) {
	.hidden-md{
		display:none;
	}	
}
@media (max-width: 1180px) and (min-width: 810px){
	#order_data #right .box h6 {
	  font-size: 13px;
	}
	.prolist {
		margin-top: 0;
		margin-bottom: 0;
		background-color: #fff;
		padding-top: 50px;
	}	
}
@media (min-width: 1200px) {
	.hidden-lg{
		display:none;
	}	
}