@media screen and (min-width: 1px) {

	header .header-container h1{font-size:140%;}
	header .header-container p{font-size:90%;font-weight:300;}
	header .header-container p b{font-size:100%;}
	.service-title h1 .title,
	article h1{font-size:150%;}
	.thankyou .main,
	.thankyou .email,
	.thankyou .message,
	.thankyou .phone,
	.thankyou .company,
	.thankyou .name,
	.blog-title-container .subtitle,
	.blog-title span,
	article p{font-size:90%}
	article p.font-125{font-size:112.5%;}
	.blog-box-desc-text .blogtitle,
	.projectbox-box .desc .title,
	.projects-container .projects-box .projects-box-desc .title,
	article .servicebox-container .childbox p,
	.review-container .review-box .review-text p{font-size: 90%;}
	article .servicebox-container .childbox .title{font-size:150%}
	article .mfmf-container .mfmf-6 .agreement{font-size:90%;}
	footer .footer-container .footer-leftbox p,
	footer .footer-container .footer-rightbox .title{font-size:100%}
	footer .footer-container .footer-rightbox p{
		font-size:90%;
	}
	body::-webkit-scrollbar {
		width: 4px;
		height: 4px;
	}
	header.header-bg-project,
	header.header-bg-service,
	header.header-bg{
		background-attachment:initial;
	}
	header.height-50{
		height:calc(40vh + 80px);
		padding:80px 0 0 0;
	}
	header.height-80{
		height:calc(40vh + 80px);
		padding:80px 0 0 0;
	}
	#mobile-nav-btn{
		display:block;
	}
	header .header-bg{
		background-size:100% auto;
	}
	header .header-container{
		max-width:calc(100% - 20px);
		box-sizing: border-box;
	}
	header.header-bg-project{
		padding:80px 0 0 0;
		height:calc(50vh + 80px);
	}
	header p.header-text-mob{
		display:none;
	}
	header .header-container h1{
		flex:0 0 auto;
		width:auto;
		padding:0 10px;
		margin:0 0 50px 0;
		box-sizing: border-box;
		line-height:1.5;
	}
	header .header-container p{
		padding:0 10px;
	}
	header.blog{
		height:60vh;
	}
	header .img6,
	header .img7{
		display:none;
	}
	header nav{
		height:60px;
	}
	header nav .nav-container{
		flex:0 0 100%;
		width:100%;
		padding:10px;
		justify-content:flex-end;
	}
	header nav .nav-container ul{
		display:none;
	}
	header nav .nav-container .logo{
		flex:0 0 calc(193px/2);
	}
	aside.pp-menu{
		display:none;
	}
	section{
		padding:80px 10px 0 10px;
		margin:0 0 20px 0;
	}
	section:nth-of-type(1){
		margin:0 0 20px 0;
	}
	article{
		flex:0 0 100%;
		width:100%;
		margin:0;
		padding:0;
		box-sizing: border-box;
	}
	article p.fontsize-280 br{display:none;}
	article p.width-80{
		width:100% !important;
	}
	article p.width-60{
		width:100% !important;
	}
	article .article-50-about,
	article .article-40,
	article .article-50,
	article .article-60,
	article .article-70,
	article .article-80,
	article .article-100{
		flex:0 0 100%;
		width:100%;
	}
	.article-container p{
		flex:0 0 100%;
		width:100%;
	}
	article p.margin-100{
		margin:0 0 50px 0;
	}
	.article-container p.article-60,
	.article-container p.article-80,
	.article-container p.article-100{
		flex:0 0 100%;
		width:100%;
	}

	article .article-img1{
		top:0;
		right:0;
		width:100%;
		height:auto;
		flex: 0 0 100%;
		display:flex;
		justify-content: flex-end;
	}
	.article-img1-container{
		display:block;
		height:auto;
		margin:0;
		padding:0;
	}
	article .article-img1 .article-img1-container span{
		height:auto;
		max-width:100%;
	}
	article .article-img1 .article-img1-container span img{
		height:auto;
	}
	article .servicebox-container{
		flex:0 0 100%;
		width:100%;
	}
	article .servicebox-container .childbox{
		flex:0 0 100%;
		width:100%;
		height:auto;
		padding:0px;
		margin:0 0 50px 0;
	}
	article .servicebox-container .childbox:nth-of-type(1)::after,
	article .servicebox-container .childbox:nth-of-type(1)::before,
	article .servicebox-container .childbox:nth-of-type(2)::after,
	article .servicebox-container .childbox:nth-of-type(2)::before{
		display:none;
	}
	article .servicebox-container .childbox .childbox-thumbnail{
		display:block;
	}
	article .servicebox-container .childbox .title{
		padding:0 20px;
		box-sizing: border-box;
	}
	article .servicebox-container .childbox p{
		padding:0 20px;
		box-sizing: border-box;		
	}
	article .servicebox-container .childbox .btn-link{
		width:auto;
		margin: 0 0 25px 25px;
	} 
	article .projectbox-container{
		width:100%;
		flex:0 0 100%;
		justify-content: space-between;
		align-items: flex-start;
		align-content: flex-start;
	}
	article .projectbox-container .projectbox-box{
		flex:0 0 100%;
		width:100%;
		margin:0 0 100px 0;
	}
	.projectbox-box .thumbnail{
		flex:0 0 100%;
		width: 100%;
		height:100%;
		padding:0;
		margin:0 0 50px 0;
		aspect-ratio: 2/1;
	}
	article .clientslogo-container{
		flex:0 0 100%;
		width:100%;
		padding:0 0 50px 0;
		flex-wrap:wrap;
	}
	article .clientslogo-container .clientslogo-box{
		flex: 0 0 33.3%;
		margin:0 0 50px 0;
	}
	article .clientslogo-container .clientslogo-box .logo img{
		width:70%;
		height:70%;
		display:block;
	}
	article .projectbox-container .projectbox-linkbox,
	article .projectbox-container .projectbox-box{
		margin:0 0 50px 0;
	}
	.blog-box .blog-box-container .blog-box-thumbnail{
		flex:0 0 100%;
		width:100%;
		min-height:auto;
		position:relative;
		margin:0 0 50px 0;
	}
	.blog-box .blog-box-container .blog-box-thumbnail img{
		width:100%;
		max-width:100%;
		height:100%;
		max-height:500px;
		display:block;

	}

	.blog-box .blog-box-container .blog-box-desc{
		width:100%;
		flex:0 0 100%;

	}
	.blog-box .blog-box-container .blog-box-desc .blog-box-desc-text{
		order:1;
		height:auto;
	}
	.blog-box .blog-box-container .blog-box-desc .btn-link-arrow{
		order:2;
	}
	article .newsletter-container{
		width:100%;
		flex:0 0 100%;
	}
	.newsletter-container .newsletter-form input#emailaddress{
		height:30px;
		font-size:100%;
	}
	article .adviser-container{
		width:100%;
		flex:0 0 100%;
	}
	.adviser-container .adviser-thumbnail{
		width:100%;
		height:auto;
	}
	article .mfmf-container{
		width:100%;
		flex:0 0 100%;
		margin:0 0 50px 0;
	}
	article .mfmf-container input{
		height:70px;
		padding:0;
	}
	article .mfmf-container .mfmf-6{ 
		height:auto;
	}
	article .mfmf-container .mfmf-6 .agreement{
		width:calc(100% - 28px);
		flex: 0 0 calc(100% - 28px);
		margin:0px 0 50px 0;
		padding: 0 0 0 28px;
		overflow:hidden;
		
	}
	article .mfmf-container .mfmf-6 .btn{
		width:120px;
		flex: 0 0 120px;
		margin: 0 0 50px 0;
		position:relative;
		box-sizing: border-box;
	}
	article .team-container{
		width:100%;
		flex: 0 0 100%;
		overflow-x:scroll;
		overflow-y:hidden;
		flex-wrap:nowrap;
	}
	article .team-container .empty,
	article .team-container .empty{
		display:none;
		left:0;
	}
	.team-container .team-box:nth-of-type(6){
		left:0px;
		margin:0px 0 0 0;
	}
	footer .footer-container{
		flex: 0 0 100%;
		padding: 50px 10px;
	}
	footer .footer-container .footer-leftbox{
		flex:0 0 100%;
		width:100%;
	}
	footer .footer-container .footer-rightbox{
		flex:0 0 100%;
		width:100%;
	}
	footer .footer-container .footer-menubox{
		flex:0 0 100%;
		width:100%;
		order:3;
	}
	footer .footer-container .footer-menubox .sns{
		position:relative;
		width:100%;
		margin:50px 0 50px 0;
	}
	footer .footer-container .footer-menubox ul{
		width:100%;
	}
	footer .footer-container .footer-menubox ul li{
		flex:0 0 100%;
		padding:10px 0;
		justify-content: flex-start;
	}
	footer .footer-container .footer-menubox ul li.email{
		margin: 0 0 50px 0;
	} 
	footer .footer-container .footer-menubox ul li:last-child{
		padding:10px 0;
	}
	footer .footer-container .footer-copybox{
		flex:0 0 100%;
		width:100%;
		order:4;
		margin:0 0 25px 0;
	}
	#cookie p{
		margin:0 0 50px 0;
	}

	.projects-container .projects-box{
		flex: 0 0 100%;
		width: 100%;
	}
	article .clients-container .clients-box{
		flex: 0 0 33.33%;
	}
	article .clients-container .clients-box span{
		width:60%;
	}
	article .article-about{
		order:3;
		margin:0 0 0 0;
	}
	article .article-img2{
		position:relative;
		width:100%;
		top:0;
		max-width:100%;
		max-height:100%;
		order:1;
	}
	article .article-img5{
		position:relative;
		width:100%;
		top:0;
		max-width:100%;
		max-height:100%;
		order:2;
		margin: 0 0 50px 0;
	}
	article .article-img2 .scroll-lines{
		left:0;
		top:0;
		max-width:90%;
	}
	article .article-img5 .scroll-lines{
		left:10%;
		top:-25px;
		max-width:90%;
	}
	article .article-img2 span{
		left:0px;
		top:0px;
		max-width:90%;
		max-height:100%;
	}
	article .article-img5 span{
		left:10%;
		top:-25px;
		max-width:90%;
		max-height:100%;
	}
	article .service-img-container p{
		flex: 0 0 100%;
		margin:0 0 50px 0;
	}
	article .service-img-container .service-img{
		flex: 0 0 100%;
	}

	article .formlink-container{
		width:100vw;
		height:60vh;
	}
	article .formlink-container p{
		padding:0 10px;
	}
	article .service-container{
		padding:0;
	}
	section.section-margin-first{
		margin:0px 0 0 0 !important;
		padding:100px 10px 0 10px;
	}
	article .service-container:last-child{
		padding:100px 0 0 0;
		margin:0 0 100px 0;
	}
	article .service-menu,
	article .service-desc{
		flex:0 0 100%;
		width:100%;
	}
	article .service-desc-img{
		position:relative;
		width:100%;
		margin: 0 0 50px 0;
	}
	.blog-article-container .blog-article-box{
		width:100%;
		flex:100%;
		margin: 0 0 100px 0;
	}
	.blog-article-container .blog-article-box:nth-of-type(3n){
		margin:0 0 100px 0;
	}
	#cookie{
		min-height:60vh;
		overflow:hidden;
	}
	#cookie p{
		flex: 0 0 100%;
	}
	.thankyou{
		width:90%;
		padding:25px;
	}

}




@media screen and (min-width: 280px) {
}
@media screen and (min-width: 375px) {
}





@media screen and (min-width: 480px) {
	header .header-container h1{font-size: calc(1.8rem + ((1vw - 4.8px) * 6.6667));} /* 28.8px to 48px */
	header .header-container p{font-size: calc(0.9rem + ((1vw - 4.8px) * 0.5556));font-weight:200;} /* 14.4px to 16px */
	.service-title h1 .title,
	article h1{font-size: calc(1.8rem + ((1vw - 4.8px) * 6.6667));} /* 28.8px to 48px */
	.thankyou .main,
	.thankyou .email,
	.thankyou .message,
	.thankyou .phone,
	.thankyou .company,
	.thankyou .name,
	.blog-title-container .subtitle,
	.blog-title span,
	article p{font-size:100%}
	article .servicebox-container .childbox p,
	.review-container .review-box .review-text p,
	article .mfmf-container .mfmf-6 .agreement{font-size: calc(0.9rem + ((1vw - 4.8px) * 0.5556));}/* 14.4px to 16px */
	article .servicebox-container .childbox .title{
		font-weight:200;
		font-size: calc(1.5625rem + ((1vw - 4.8px) * 2.4306));  /* 25px to 32px */
	}
	footer .footer-container .footer-leftbox p,
	footer .footer-container .footer-rightbox .title{
		font-size: calc(1.5625rem + ((1vw - 4.8px) * 2.4306));  /* 25px to 32px */
	}
	
	section{
		padding:80px 20px 0 20px;
		margin:0 0 70px 0;
	}
	section:nth-of-type(1){
		margin:0 0 70px 0;
	}
	article p.fontsize-280 br{
		display:inline;
	}
	article .servicebox-container .childbox .title{
		padding:0 25px;
	}
	article .servicebox-container .childbox p{
		padding:0 25px;
	}
	footer .footer-container{
		padding:50px 25px 0 25px;
		box-sizing: border-box;
	}


	article .clients-container .clients-box span{
		width:80px;
	}
	article .formlink-container p{
		padding:0 20px;
	}
	section.section-margin-first{
		margin:0px 0 0 0 !important;
		padding:100px 20px 0 20px;
	}

}

@media screen and (min-width: 768px) {
	header .header-container h1{font-size:300%;}
	header .header-container p{font-size:100%;}
	header .header-container p b{font-size:150%;}
	article h1{font-size:300%;}
	article p{font-size:100%;}
	article p.font-125{font-size:125%;}
	.blog-box-desc-text .blogtitle,
	.projectbox-box .desc .title,
	.projects-container .projects-box .projects-box-desc .title,
	article .servicebox-container .childbox p,
	.review-container .review-box .review-text p{font-size: 100%;}
	article .servicebox-container .childbox .title{font-size:190%;}
	footer .footer-container .footer-leftbox p,
	footer .footer-container .footer-rightbox .title{
	font-size:150%;
	}
	footer .footer-container .footer-rightbox p{
		font-size:100%;
	}

	#mobile-nav{
		width:33.33%;
	}
	section{
		padding:80px 50px 0 50px;
		margin:0 0 70px 0;
	}
	.blog-box .blog-box-container .blog-box-desc{
		max-width:100%;
	}
	footer .footer-container{
		padding:50px 50px 0 50px;
		box-sizing: border-box;
	}

	article .clients-container .clients-box{
		flex: 0 0 20%;
	}

	article .formlink-container p{
		padding:0 50px;
	}
	section.section-margin-first{
		margin:0px 0 0 0 !important;
		padding:100px 50px 0 50px;
	}

	.blog-article-container .blog-article-box{
		width:calc(50% - 50px);
		flex:calc(50% - 50px);
		margin: 0 50px 50px 0;
	}
	.blog-article-container .blog-article-box:nth-of-type(3n){margin:0 50px 50px 0;}
	.blog-article-container .blog-article-box:nth-of-type(even){margin:0 0 50px 0;}

	.thankyou{
		width:80%;
		padding:25px;
	}
}
@media screen and (min-width: 1024px) {


	body::-webkit-scrollbar {
		width: 8px;
		height: 8px;
	}
	header.height-50{
		height:calc(50vh + 80px);
		padding:80px 0 0 0;
	}
	header.height-80{
		height:calc(80vh + 80px);
		padding:80px 0 0 0;
	}
	header.header-bg-project,
	header.header-bg-service,
	header.header-bg{
		background-attachment:fixed;
	}
	header.header-bg-project{
		padding:0;
		height:100vh;
	}
	header .header-container{
		width:auto;
	}
	header p.header-text-mob{
		display:block;
	}
	header .header-container h1{
		padding:0;
	}
	#mobile-nav-btn{
		display:none;
	}
	header.blog{
		height:80vh;
	}
	header nav{
		height:80px;
	}
	header nav .nav-container{
		flex:0 0 90%;
		width:90%;
		padding:0;
		justify-content:space-between;
	}
	header nav .nav-container ul{
		flex: 0 0 calc(100% - 400px);
		display:flex;
		list-style-type: none;
	}
	header nav .nav-container .logo{
		flex:0 0 calc(193px/1.5);
	}
	section{
		margin: 0 0 70px 0;
		padding:80px 50px 0 50px;
	}

	article .article-50{
		flex:0 0 100%;
		width:100%;	
	}

	article .servicebox-container .childbox{
		flex:0 0 calc(50% - 25px);
		width:calc(50% - 25px);
		aspect-ratio:1/1;
		padding:25px;
	}
	article .servicebox-container .childbox .btn-link{
		margin: 0;
	} 
	article .servicebox-container .childbox .childbox-thumbnail{
		display:none;
	}
	article .servicebox-container .childbox .title{
		padding:0;
	}
	article .servicebox-container .childbox p{
		padding:0;
	}
	article .servicebox-container .childbox:nth-of-type(1)::after,
	article .servicebox-container .childbox:nth-of-type(1)::before,
	article .servicebox-container .childbox:nth-of-type(2)::after,
	article .servicebox-container .childbox:nth-of-type(2)::before{
		display:block;
	}
	article .projectbox-container{
		justify-content: space-between !important;
	}
	article .projectbox-container .projectbox-box{
		flex:0 0 calc(50% - 50px);
		display:flex;
		margin:0 0px 50px 0;
	}
	article .projectbox-container .projectbox-box .text-link{
		justify-content: flex-start;
	}
	article .projectbox-container .projectbox-box:last-child{
		margin:0 0px 100px 0px;
	}

	article .clientslogo-container .clientslogo-box{
		flex:1;
		margin:100px 0 0 0;
		
	}
	article .clientslogo-container .clientslogo-box:last-child{
		margin:100px 0 0 0;
	}
	article .clientslogo-container .clientslogo-box .logo img{
		width:100%;
		height:100%;
	}
	.projectbox-box .desc{
		flex:0 0 100%;
		width: 100%;
		padding:0px 25px 0 0;
		margin:0;
	}
	.projectbox-box .thumbnail{
		flex:0 0 100%;
		width: 100%;
		height:100%;
		max-width:100%;
		max-height:auto;
		padding:0;
		margin:0 0 50px 0;
	}
	.blog-box .blog-box-container .blog-box-thumbnail{
		flex:0 0 60%;
		width:60%;
	}
	.blog-box .blog-box-container .blog-box-thumbnail img{
		width:100%;
		max-width:100%;
		height:100%;
		max-height:250px;
	}	
	.blog-box .blog-box-container .blog-box-desc{
		flex: 0 0 35%;
		width:35%;
		max-width:100%;
	}
	.blog-box .blog-box-container .blog-box-desc .btn-box-desc-text{
		order:2;
	}
	.blog-box .blog-box-container .blog-box-desc .btn-link-arrow{
		order:1;
	}
	article .newsletter-container{
		width:50%;
		flex:0 0 50%;
	}
	.newsletter-container .newsletter-form input#emailaddress{
		height:30px;
		font-size:100%;
	}
	article .mfmf-container{
		width:calc(50% - 50px);
		flex:0 0 calc(50% - 50px);
		margin:0;
	}
	article .mfmf-container input{
		height:50px;
	}
	article .mfmf-container .mfmf-6 .btn{
		flex: 0 0 auto;
		padding:0;
		margin:0;
	}

	article .adviser-container{
		width:calc(50% - 50px);
		flex:0 0 calc(50% - 50px);
	}
	.adviser-container .adviser-thumbnail{
		width:450px;
		max-width:100%;
	}

	footer .footer-container .footer-leftbox{
		flex:0 0 calc(50% - 50px);
		width:calc(50% - 50px);
	}
	footer .footer-container .footer-rightbox{
		flex:0 0 calc(50% - 50px);
		width:calc(50% - 50px);
	}
	footer .footer-container .footer-menubox{
		flex:0 0 100%;
		width:100%;
		order:3;
	}
	footer .footer-container .footer-menubox .sns{
		position:absolute;
		width:auto;
		margin:0;
	}
	footer .footer-container .footer-menubox ul{
		width:auto;
	}
	footer .footer-container .footer-menubox ul li{
		flex:0 0 auto;
		padding:0 25px;
		justify-content: center;
	}
	footer .footer-container .footer-menubox ul li.email{
		margin: 0;
	} 
	footer .footer-container .footer-menubox ul li:last-child{
		padding:0 0 0 25px;
	}
	footer .footer-container .footer-copybox{
		flex:0 0 100%;
		width:100%;
		order:4;
	}
	#cookie p{
		margin:0;
	}

	.projects-container .projects-box{
		flex: 0 0 calc(50% - 50px);
		width: calc(50% - 50px);
	}
	article .article-50-about{
		flex:0 0 calc(50% - 50px);
		width:calc(50% - 50px);	
	}
	article .article-about{
		margin:0 0 50px 0;
		order:1;
	}
	article .article-img2{
		position:absolute;
		width:auto;
		top:-50px;
		right:0;
		order:2;
	}
	article .article-img5{
		position:absolute;
		width:auto;
		top:-50px;
		right:0;
		order:3;
		margin: 0;
	}
	article .article-img2 .scroll-lines{
		left:-25px;
		top:-25px;
		max-height:calc(465px/2);
	}
	article .article-img5 .scroll-lines{
		left:-75px;
		top:170px;
		max-height:calc(465px/2);
	}
	article .article-img2 span{
		left:-25px;
		top:-25px;
		width:100%;
		height:100%;
		max-width:calc(697px/2);
		max-height:calc(465px/2);
	}
	article .article-img5 span{
		left:-75px;
		top:170px;
		width:100%;
		height:100%;
		max-width:calc(697px/2);
		max-height:calc(465px/2);
	}

	article .service-img-container p{
		flex: 0 0 calc(50% - 50px);
	}
	article .service-img-container .service-img{
		flex: 0 0 calc(50% - 50px);
	}

	article .formlink-container{
		width:100vw;
		height:100vh;
	}
	article .service-menu,
	article .service-desc{
		flex:0 0 calc(50% - 50px);
		width:calc(50% - 50px);
	}
	article .service-desc-img{
		width:100%;
		margin:0;
	}
	#cookie{
		min-height:100px;
	}
	#cookie p{
		flex: 0 0 80%;
	}
}





@media screen and (min-width: 1366px) {
	header .header-container h1{ font-size: calc(2.6875rem + ((1vw - 13.66px) * 2.3466));} /* 42px to 56px */
	header .header-container p{font-size: calc(0.9375rem + ((1vw - 13.66px) * 0.9025));}/* 15px to 20px */
	header .header-container p b{font-size: calc(1.5rem + ((1vw - 13.66px) * 1.444));  /* 24px to 32px */}
	.service-title h1 .title,
	article h1{ font-size: calc(2.6875rem + ((1vw - 13.66px) * 2.3466));} /* 42px to 56px */

	.thankyou .main,
	.thankyou .email,
	.thankyou .message,
	.thankyou .phone,
	.thankyou .company,
	.thankyou .name,
	.blog-title span,
	.service-box-title .name,
	.formlink-container .formlink-box a,
	header nav .nav-container ul li a,
	.team-box .team-box-name,
	.text-link a,
	article p{font-size: calc(0.9375rem + ((1vw - 13.66px) * 0.9025));}/* 15px to 20px */
	.blog-box-desc-text .blogtitle,
	.projectbox-box .desc .title,
	.projects-container .projects-box .projects-box-desc .title,
	article .servicebox-container .childbox p,
	.review-container .review-box .review-text p{font-size: calc(0.9375rem + ((1vw - 13.66px) * 0.9025));}/* 15px to 20px */
	
	article .mfmf-container .mfmf-6 .agreement{font-size: 100%;}
	.team-container .hero .hero-title{ font-size: calc(1.40625rem + ((1vw - 13.66px) * 1.3538));}/* 22.5px to 30px*/

	.blog-title-container .subtitle,
	.team-box .team-box-position,
	aside.pp-menu ol li,
	.blog-box .blog-box-container .blog-box-data p,
	.review-container .review-box .review-client p{font-size: calc(0.84375rem + ((1vw - 13.66px) * 0.8123));}/* 13.5px to 18px*/


	article .servicebox-container .childbox .title{
		font-weight:200;
		font-size: calc(2.6875rem + ((1vw - 13.66px) * 2.3466));/* 42px to 56px */
	}
	footer .footer-container .footer-leftbox p,
	footer .footer-container .footer-rightbox .title{
		font-size: calc(1.5rem + ((1vw - 13.66px) * 1.444));/* 24px to 32px */
	}

	footer .footer-container .footer-rightbox p,
	footer .footer-container .footer-copybox p,
	footer .footer-container .footer-menubox ul li.email,
	footer .footer-container .footer-menubox ul li a{font-size: calc(0.9rem + ((1vw - 13.66px) * 1.4621));} /* 14.4px to 22.5px */
	

	footer .footer-container .footer-rightbox input#footer-emailaddress,
	footer .footer-container .footer-rightbox .btn label,
	article .mfmf-container .mfmf-6 .btn label,
	.btn-link a{font-size: calc(1rem + ((1vw - 13.66px) * 1.444));}/* 16px to 25px */

	body::-webkit-scrollbar {
		width: 10px;
		height: 10px;
	}
	header.blog{
		height:100vh;
	}
	header .img6,
	header .img7{
		display:block;
	}


	header nav .nav-container ul{
		flex: 0 0 calc(100% - 600px);
	}
	aside.pp-menu{
		display:block;
	}
	section{
		padding:80px 0 0 0;
		margin:0 0 70px 0;
	}
	article{
		position:relative;
		flex:0 0 90%;
		width:90%;
		padding:0;
	}
	article.height-100{
		height:100vh;
	}
	article h1{
		margin: 0 0 100px 0;
	}
	article .margin-mob-50{
		margin:0;
	}
	article p.width-80{
		width:80%;
	}
	article p.width-60{
		width:60%;
	}
	article .article-50{
		flex:0 0 calc(50% - 50px);
		width:calc(50% - 50px);	
	}
	article .article-60{
		flex:0 0 60%;
		width:60%;	
	}
	article .article-70{
		flex:0 0 calc(70% - 50px);
	}
	article .article-100{
		flex:0 0 100%;
		width:100%;	
	}
	article p.margin-100{
		margin:0 0 100px 0;
	}
	article .article-img1{
		width:calc(50% - 50px);
		flex:0 0 calc(50% - 50px);
		height:auto;
		margin:0;
		padding:0;
		position:relative !important;
		top:0;
		right:0;
	}
	.article-img1-container{
		display:block;
		position:relative;
		margin:0;
		padding:0;
		width:100%;
		height:100%;
	}
	article .article-img1 .article-img1-container span{
		width:100%;
		max-width:100%;
		height:100%;
		max-height:100%;
	}
	article .servicebox-container .childbox{
		flex: 0 0 calc(50% - 50px);
		width:calc(50% - 50px);
		padding:50px;
	}
	article .servicebox-container .childbox .title{
		margin: 0 0 50px 0;
	}
	article .projectbox-container .projectbox-box{
		flex:0 0 calc(50% - 50px);
		width:calc(50% - 50px);
		margin:0 0px 100px 0 !important;
	}
	.projectbox-box:last-child{
		margin:0 0px 100px 0px;
	}
	.projectbox-box .thumbnail{
		flex:0 0 100%;
		width: 100%;
		height:350px;
		max-width:100%;
		max-height:350px;
		aspect-ratio:2/1;
		margin:0 0 50px 0;
	}
	article .team-container{
		flex: 0 0 calc(60vw + 150px);
		width: 100%;
		overflow-x:hidden;
		overflow-y:hidden;
		flex-wrap:wrap;
	}
	.team-container .team-box{
		width:15vw;
		flex: 0 0 15vw;
		padding:0;
	}
	.team-container .team-box:nth-of-type(6){
		position:relative;
		left:15vw;
		margin:50px 0 0 0;
	}
	.team-container .hero{
		padding:25px;
		height:380px;
	}
	article .team-container .empty,
	article .team-container .empty{
		display:block;
	}
	article .adviser-container{
		width:550px;
		flex:0 0 550px;

	}
	.adviser-container .adviser-thumbnail{
		width:550px;
		max-width:100%;
	}
	.blog-box .blog-box-container .blog-box-thumbnail{
		flex:0 0 40%;
		width:40%;
	}
	.blog-box .blog-box-container .blog-box-desc{
		flex: 0 0 calc(50% - 100px);
		width:calc(50% - 100px);
	}
	article .projectbox-container{
		justify-content: flex-start;
	}
	footer .footer-container .footer-menubox{
		flex:0 0 calc(50% - 50px);
		width:calc(50% - 50px);
		order:4;
	}
	footer .footer-container .footer-copybox{
		flex:0 0 calc(50% - 50px);
		width:calc(50% - 50px);
		margin:0;
		order:3;
	}
	footer .footer-container{
		flex:0 0 90%;
		padding:50px 0 0 0;
	}
	article .article-img5,
	article .article-img2{
		max-width:30vw;
		max-height:100%;
	}
	article .article-img2 .scroll-lines{
		max-width:30vw;
		max-height:auto;
		left:0;
		top:-10%;
	}
	article .article-img5 .scroll-lines{
		max-width:30vw;
		max-height:auto;
		left:-15%;
		top:45%;
	}
	article .article-img2 span{
		left:0;
		top:-10%;
		width:100%;
		height:100%;
		max-width:100%;
		max-height:auto;
	}
	article .article-img5 span{
		left:-15%;
		top:45%;
		width:100%;
		height:100%;
		max-width:100%;
		max-height:auto;
	}
	article .service-menu,
	article .service-desc{
		padding:0;
	}
	article .formlink-container p{
		padding:0;
	}
	section.section-margin-first{
		margin:0px 0 0 0 !important;
		padding:100px 0px 0px 0px;
	}
	.blog-article-container .blog-article-box{
		width:30%;
		flex: 0 0 30%;
		margin: 0 0 5% 0;
	}
	.blog-article-container .blog-article-box:nth-of-type(even){margin: 0 0 5% 0;}
	.blog-article-container .blog-article-box:nth-of-type(3n){margin: 0 0 5% 0;}

	.thankyou{
		width:60%;
		padding:50px;
	}
}



@media screen and (min-width: 1920px) {
	article p.font-125{
		font-size:175%;
	}

	header.height-50{
		height:calc(50vh + 120px);
		padding:120px 0 0 0;
	}
	header.height-80{
		height:calc(80vh + 120px);
		padding:120px 0 0 0;
	}
	header nav{
		height:120px;
	}
	header nav .nav-container ul li.contact a{
		padding:1em 1.5em;	
	}
	header nav .nav-container ul{
		justify-content: flex-end;
	}
	header nav .nav-container ul li{
		flex: 0 0 15%;
	}	
	header .img6{
		max-width:calc(563px/1.5);
		max-height:calc(844px/1.5);
	}
	header .img7{
		max-width:calc(499px/1.5);
		max-height:calc(333px/1.5);	
		right:calc(563px/1.5);
	}
	section{
		padding:150px 0 0 0;
		margin:0 0 150px 0;
	}
	section:nth-of-type(1){
		margin:0 0 150px 0;
	}
	article h1{
		margin 0 0 100px 0;
	}
	article p{
		margin: 0 0 100px 0;
	}
	article .servicebox-container .childbox{
		height:auto;
		aspect-ratio: 1/1;
		padding:100px;
		margin:0;
	}
	article .projectbox-container .projectbox-box{
		margin:0;
	}
	article .review-container{
		padding:0;
	}
	article .adviser-container{
		width:calc(50% - 50px);
		flex:0 0 calc(50% - 50px);

	}
	.adviser-container .adviser-thumbnail{
		width:100%;
		max-width:100%;
	}
	article .mfmf-container .mfmf-1 textarea{
		height:525px;
	}
	article .mfmf-container input{
		height:60px;
	}
	article .review-container{
		padding:0 0 50px 0;
	}
	.review-container::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	.review-container .review-box{
		flex: 0 0 40%;
		width:40%;
	}
	.review-container .review-box .review-text{
		padding:0 0 50px 0;
	}
	.review-container .review-box .review-logo{
		width:125px;
		flex:0 0 125px;
		margin:25px 50px 0 0;
	}
	.review-container .review-box .review-logo img{
		max-width:100px;
	}
	.review-container .review-box .review-client{
		width:calc(100% - 175px);
		flex:0 0 (100% - 175px);
		margin:25px 0 0 0;
	}
	article .article-img1 .article-img1-container span{
		width:100%;
		max-width:100%;
		height:100%;
		max-height:100%;

	}
	.projectbox-box .thumbnail{
		flex:0 0 100%;
		width: 100%;
		height:100%;
		max-width:100%;
		max-height:100%;
		padding:0;
		margin:0 0 100px 0;
	}
	.projectbox-box .thumbnail span{
		max-width:100%;
		max-height:100%;
		width:100%;
		height:100%;
	}
	.blog-box .blog-box-container .blog-box-thumbnail{
		flex: 0 0 calc(50% - 50px);
		width:calc(50% - 50px);
	}
	.blog-box .blog-box-container .blog-box-thumbnail img{
		height:100%;
		max-height:100%;
	}
	.blog-box .blog-box-container .blog-box-desc{
		flex: 0 0 calc(50% - 50px);
		width:calc(50% - 50px);
	}
	
	article .team-container{
		flex: 0 0 calc((450px * 2) + (450px * 1));
		width:calc((450px * 2) + (450px * 1));
	}
	.team-container .team-box{
		width:400px;
		flex: 0 0 400px;
	}
	.team-box .team-box-img{
		width:calc(400px/1);
		height:calc(647px/1);
	}
	.team-container .team-box:nth-of-type(6){
		left:0;
	}
	.team-container .hero{
		height:647px;
	}
	.team-container .hero i::before{
		width:30px;
		height:30px;
	}
	.team-container .hero i::after{
		width:29px;
		top:29px;
		left:-10px;
	}
	footer .footer-container{
		padding:100px 0 0 0;
	}
	footer .footer-container .footer-leftbox{
		margin:0 0 100px 0;
	}
	footer .footer-container .footer-rightbox{
		margin:0 0 100px 0;
	}
	footer .footer-container .footer-menubox{
		margin:0 0 100px 0;
	}
	footer .footer-container .footer-menubox .sns .instagram a img,
	footer .footer-container .footer-menubox .sns .linkedin a img{
		width:30px;
		height:30px;
	}
	article .article-img2 .scroll-lines{
		left:-50px;
		top:-150px;
		max-height:calc(465px/1.5);
	}
	article .article-img5 .scroll-lines{
		left:-150px;
		top:125px;
		max-height:calc(465px/1.5);
	}
	article .article-img2 span{
		left:-50px;
		top:-150px;
		width:100%;
		height:100%;
		max-width:calc(697px/1.5);
		max-height:calc(465px/1.5);
	}
	article .article-img5 span{
		left:-150px;
		top:125px;
		width:100%;
		height:100%;
		max-width:calc(697px/1.5);
		max-height:calc(465px/1.5);
	}
	article .clientslogo-container .clientslogo-box .logo{
		max-width:160px;
	}

	article .mfmf-container .mfmf-6 .btn label,
	.btn-link a{
		padding:1.4em 2.2em;
	}
}