#idea .top-left,#responsible-apporoach .top-left  {
position: absolute;
top: 80px;
left: 20px;
text-align: left;
width:100%;
}

#idea .top-left h1,#responsible-apporoach .top-left h1{
color: #fe0000;
margin-bottom: 20px;
}

#idea .top-left p{
color: #000;
width: 46%;
}


#idea .top-left h1.c-orng,
#idea .top-right h1.c-orng,
#thewaywork-blc h1.c-orng{
font-size:54px;
}

.fright{
float:right;
}

.d-flex{
display:flex;
}

.jc-fe{
justify-content: flex-end;
}

.ai-bl{
align-items: baseline;
}

#thewaywork-blc section .pad-b0{
padding-bottom:3%;
padding-top:0%;
}



#thewaywork-blc section .pad-b0 h1{
padding-right:3%;}

#idea .container,#responsible-apporoach .container {
position: relative;
text-align: center;
color: white;
}


.design-block2 .bottom-right {
position: relative;
bottom: 215px;
right: -30px;
}


.design-block2 .container {
position: relative;
text-align: center;
color: white;
}


.design-block1{
float: left;
width: 49%;
}

.design-block2{
float: right;
width: 51%;
height: 100px;
}

.design-block2 h1{
color: #fe0000;
margin-bottom: 0px;
font-size: 23px;
}

.design-block2 p{
font-size: 12px;
width: 50%;
line-height: 21px;
}

.right-design{
text-align: right;
padding-top: 30px;
}


.right-design p{
float: right;
font-size: 15px;
width: 60%;
line-height: 25px;
margin-top: 20px;
}

.right-design h1{
font-size: 30px;
}


.design-block2 img{
width: 100%;
}


.tech-block1{
width: 53%;
float: left;
}

.tech-block2{
width: 44%;
float: right;
}

.tech-block1 img {
width: 100%;
}

.tech-block2 h1{
color: #fe0000;
margin-bottom: 20px;
}

.tech-block2 p{
margin-bottom: 48px;
width: 88%;
}


#the-way-main .design-block2{
padding-right: 140px;
}

#the-way-main .margintop{
margin-top: -6px;
}

#the-way-main .margintop{
margin-top: -6px;
}

#the-way-main .paddingnew{
padding-bottom: 40px;
padding-top: 80px;
}

.refined-block1{
width: 60%;
float: left;
}


.refined-block2{
width: 40%;
float: right;
background: #000;
height: 676px;
padding-left: 50px;
padding-top: 50px;
padding-bottom: 50px;
}

.refined-block2 h2{
line-height: 20px;
font-size: 15px;
color: #fff;
margin-bottom: 20px;
}

.refined-block1 #idea p {
    width: 70%;
	}
	
.studio-img{
	max-width: 337px;
	float: right;
	padding-top: 15px;
	margin-right: 12%;
}


.studio-bg{
	background:url(../images/studio-bg.jpg) no-repeat;
	background-size: cover;

}

#site-footer.studio-footer
{
	padding-top: 5%;
}

.aside-block.studio-bg {
    width: 54%;
    padding-left: 5%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    padding-right: 9%;
}


#studio-section-1.page-section{
	padding-bottom: 0;
}

.studio-banner-sec{
	margin-top: -8px;
	margin-bottom: -8px;
}


.event-none{
cursor:default;
}

.icon.icon--arrow-down{
bottom:5px !important;
}

/* CSS Document */

@media all and (max-width: 1000px) {
.design-block2 .right-design p {
font-size: 14px;
width: 100%;
line-height: 21px;
}
	
.design-block2 p {
font-size: 13px;
width: 37%;
line-height: 21px;
}

.design-block2{
height: auto;
}
	
.design-block2 {
float: none;
width: 100%;
}
	
.design-block1 {
float: none;
width: 100%;
text-align: center;
}
	
#idea .top-left p {
width: 98%;
}
}

@media all and (max-width: 800px) {
#idea .top-left {
top: 30px;
left: 20px;
}
#idea .top-left p {
color: #fff;
width: 100%;
}
}	


@media all and (max-width: 767px) {
#the-way-main .margintop {
    margin-top: 10px;
	}
	
#the-way-main .design-block2 {
    padding-right: 20px;
    padding-left: 20px;
	}
	
.refined-block1{
width: 100%;
float: none;
}


.refined-block2{
width: 100%;
float: none;
height: auto;
padding-left: 30px;
padding-top: 50px;
padding-bottom: 50px;
padding-right: 30px;
margin-top: -10px;
}


.tech-block1 {
width: 100%;
float: none;
}

.tech-block2 {
width: 100%;
float: none;
}
		
}



@media all and (max-width: 520px) {
.tech-block2 h1{
font-size: 21px;
margin-bottom: 0px;
}


.tech-block2 p {
    margin-bottom: 25px;
    width: 100%;
}

.right-design h1 {
    font-size: 21px;
	}
	
.right-design p {
margin-top: 0px;
}

.design-block2 p {
font-size: 13px;
width: 100%;
}
	
.design-block2 .bottom-right {
position: relative;
bottom: 0px;
right: -10px;
}
	
#idea .top-left h1,#idea .top-right c-orng,#idea .top-right-pos h1.c-orng {
margin-bottom: 4px;
font-size: 22px;
}
#idea .top-left p,#idea .top-right p,#idea .top-right-pos p {
width: 91%;

}


#idea .top-right,#idea .top-right-pos {
top: 10px;
left: 20px;
width:100%;
}


#idea .top-right-posright{
right:auto;
left:20px;

}



#idea .top-left p,
#idea .top-right p,
#idea .top-right-pos p,
#idea .top-right-posright .c-white,
#idea .top-right-posright .c-white{
width:100%;

}
}

@media all and (max-width: 400px) {
#idea .top-left h1,
.design-block2 h1,
#idea .top-right h1.c-orng,
#idea .top-right-pos h1.c-orng {
margin-bottom: 4px;
font-size: 18px;
}

#idea .top-right,#idea .top-right-pos {
top: 10px;
left: 10px;
width:100%;
}

#idea .top-right-posright h1.c-orng{
font-size:18px;
text-align:left;
}

#idea .top-right-posright .c-white{
width:95%;
float:none;
padding-top:0;
}

#idea .top-left p,
#idea .top-right p,
#idea .top-right-pos p,
#idea .top-right-posright .c-white,
#idea .top-right-posright .c-white{
width:100%;
line-height: 14px;
font-size: 13px;
}

.top-right-pos.d-flex h1.c-orng{
width:100%;
}
}

@media all and (max-width: 350px) {

#idea .top-left p {
    width: 97%;
	}
	
}