@media(max-width:575.98px) {
	.mt-mark-condition {
		display: none;
	}

	.mt-mark-blog {
		border-bottom: 1px solid darkgrey;
	}

	.autoMenu {
		display: none;
	}

	.head-mask {
		background: none;
		font-size: calc(10px + 0.2vw);
	}
	.head-img-describe {
		font-size: calc(12px + 0.2vw);
	}

	.container-timeliner {
		width: 100%;
		margin-top: 10vh;
	}

	.container-timeliner h2 {
		font-size: 1.4em;
	}

	.commentAll {
		width: 100%
	}

	.comment-show {
		font-size: calc(10px * 0.6);
	}

	.comment-show-con {
		padding: 0;
	}

	.comment-show-con-list {
		width: 100%;
	}

	.comment-time {
		font-size: 2.5em;
	}

	.work-slide-item {
		height: 80vh
	}

	.menu__toggler,.menus {
		display: none
	}

	.service-text h3 {
		font-size: 16px
	}

	.about-text h3 {
		font-size: 20px
	}

	.about-text p {
		font-size: 14px
	}

	.between {
		padding-top: 50px;
		padding-bottom: 50px
	}

	.address-menu {
		display: none
	}

	.menu li {
		color: #fff
	}

	.menu li p {
		display: none
	}

	.toggle-btn {
		margin-top: 5vh
	}

	.logo {
		margin-top: 3vh
	}

	.main-head h1 {
		font-size: 35px
	}
    #saying-content1 {
        font-weight: 400;
		font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial,
	'PingFang SC', 'Hiragino Sans GB', STHeiti, 'Microsoft YaHei',
  	'Microsoft JhengHei', 'Source Han Sans SC', 'Noto Sans CJK SC',
  	'Source Han Sans CN', 'Source Han Sans TC', 'Noto Sans CJK TC',
  	'WenQuanYi Micro Hei', SimSun, sans-serif;
		color: black;
    }
	#saying-source1 {
		font-size: 25px;
	}
	#saying-date1 {
		color: darkgrey;
		font-size: 15px;
	}
	.heading-text-back h6{
		font-size: 18px;
		padding-top: 10vh;
	}
	.heading-text-back h6 span{
		font-size: 23px;
	}
	.main-title h2 span{
		-webkit-text-stroke: 0 black;
		font-weight: 400;
	}
	.sub-abt {
		display: none
	}

	p.abt-text {
		font-size: 16px
	}

	.main-title h2 {
		font-size: 28px
	}



	.folio-content .folio-item {
		margin-top: 40px
	}

	.folio-content .folio-item .text-folio h2.text-1 {
		font-size: 30px;
		-webkit-text-stroke: 0 black;
		font-weight: 300;
	}

	.folio-content .folio-item .text-folio h2.text-2 {
		font-size: 30px;
		-webkit-text-stroke: 0 black;
		font-weight: 300;
	}

	.img-about {
		display: none
	}

	.abt-text {
		padding: 0;
		margin-left: 0
	}

	.abt-text p {
		font-size: 14px
	}

	.blog-item {
		padding: 0 20px
	}

	.scr {
		display: none
	}

	.article h3 {
		font-size: 20px
	}

	.work-slide-item {
		width: 100%
	}

	.img-slide {
		width: 90%;
		position: relative
	}

	.img-slide img {
		height: 100%
	}

	.text-slide {
		height: 40px;
		position: relative;
		overflow: hidden;
		left: 0;
		margin-top: 20px
	}

	.text-slide h2.text-1 {
		position: relative;
		color: #fff;
		font-weight: 900;
		font-size: 35px;
		z-index: 4;
		margin: 0;
		pointer-events: none
	}

	.text-slide h2.text-2 {
		display: none
	}

	.next-project h3 {
		font-size: 30px;
		-webkit-text-stroke: 0 black;
		font-weight: 400;
		color: darkgrey;
	}
	.menu {
		background: #fff;
		opacity: 0.7;
	}
	a.menu-link {
		/*-webkit-text-fill-color:#fff;*/
		/*-webkit-text-stroke: 0.4px var(--red);*/
	}
	.grid li a span {
    position: absolute;
    bottom: 20px;
    opacity: 0.5;
    right: 30px;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}
	.removeBymobile {
		display: none;
	}
	.galleriesback {
		display: none;
	}
	.heading-text-front h1{
		color: whitesmoke;
		font-weight: 200;
		font-size: 90px;
	}
	.main-title h2 span{
		-webkit-text-stroke: 0 black;
		font-weight: 300;
	}
	.comment-show-con-img{
		display: none;
	}

	section {
		padding: 50px 0
	}

	.partner {
		padding-left: 20px;
		padding-right: 20px
	}

	.blog-text {
		padding: 0 10px 0 0
	}

	.blog-text h3 {
		font-size: 20px
	}

	.blog-text p {
		font-size: 14px
	}

	h3.detail-title {
		font-size: 30px
	}
}

@media(min-width:575.98px) and (max-width:767.98px) {
	h3.detail-title {
		font-size: 36px
	}

	.partner {
		padding-left: 25px;
		padding-right: 25px
	}

	.address-menu {
		display: none
	}

	.menu li {
		color: #fff
	}

	.menu li p {
		display: none
	}

	.main-title h2 {
		font-size: 30px
	}

	.img-about {
		display: none
	}

	.abt-text {
		padding: 0;
		margin-left: 0
	}

	.abt-text p {
		font-size: 14px
	}

	.main-head h1 {
		font-size: 40px
	}

	.menu__toggler,.menus {
		display: none
	}

	.main-head h1 {
		font-size: 50px
	}

	section {
		padding: 70px 0
	}

	.img-slide {
		width: 90%;
		position: relative
	}

	.img-slide img {
		height: 100%
	}

	.text-slide {
		height: 40px;
		position: relative;
		overflow: hidden;
		left: 0;
		margin-top: 20px
	}

	.text-slide h2.text-1 {
		position: relative;
		color: #fff;
		font-weight: 900;
		font-size: 35px;
		z-index: 4;
		margin: 0;
		pointer-events: none
	}

	.text-slide h2.text-2 {
		display: none
	}

	.folio-content .folio-item {
		margin-top: 40px
	}

	.folio-content .folio-item .text-folio h2.text-1 {
		font-size: 40px
	}

	.folio-content .folio-item .text-folio h2.text-2 {
		font-size: 40px
	}

	.next-project h3 {
		font-size: 40px
	}
}

@media(min-width:767.98px) and (max-width:991.98px) {
	.main-title h2 {
		font-size: 35px
	}

	.main-head h1 {
		font-size: 50px
	}

	.menu__toggler,.menus {
		display: none
	}

	.img-about {
		display: none
	}

	.abt-text {
		padding: 20px;
		margin-left: 0
	}

	.abt-text p {
		font-size: 15px
	}

	section {
		padding: 70px 0
	}
}

@media (min-width: 992px) and (max-width: 1439.98px) {
	section {
		padding: 100px 0;
	}
	/*#blogBox {*/
	/*	height: 350px;*/
	/*}*/
}

@media (min-width: 1440px) and (max-width: 1919.98px) {
	/*#blogBox {*/
	/*	height: 500px;*/
	/*}*/
	.autoMenu {
		position: fixed;
		top: 20vh;
		right: 5vh;
	}
}

@media (min-width: 1920px) and (max-width: 2500px) {
	/*#blogBox {*/
	/*	height: 500px;*/
	/*}*/
	.pager-box {
		margin-bottom: 120px;
	}
}