@media (min-width: 768px) {



.ventures, .clients, .menu {
	padding: calc(40vh / 8) 0 0 0;
}

section ul li a {
	font-size: calc(4.5vh + 24px / 6);
	line-height: calc(50vh / 6);
}	

section ul li a:hover {
	color: #EAFF97;
	transition: .2s;
}

.black {
	color: #112;
}
.menu ul li a {}

.menu ul li a:hover {
	padding-left:16px;
	transition: 0.2s;
	background-image: url(../images/arrow.svg);*/
	background-repeat: no-repeat;
	width: 100%;
	background-position: right;
	display: block;
}

.padding1 {
	padding-top: calc(10.51vh + 40px);
}

.padding2 {
	padding-top: calc(5.51vh + 40px);
}

.about4 .padding2 h1 {
	font-size: 2rem;
	text-align: center !important;
}


body {
	padding: 0px 0px; 
	margin: 0px 0px;
	transition:0.2s;
	/*background-color: #EBF0F6;*/
	background-color: #0D3DD5;
}

h1, h2 {text-align: left;}

h1 {
	font-size: 1.6rem;
	line-height: 160%;
	text-align: center !important ;
}

h2 {
	font-size: 1.6rem;
	text-align: left !important ;
}

#backgrounds {
	background-repeat:no-repeat;
	background-size: 85%;
	background-position: 50% 50%;
	height:100%;
	width:100%;
	position: absolute;
	z-index: -1;
	transition: 0.2s;
	background-image: url('../images/map.png');
	opacity: .1;
}	

.on {
	opacity:.3!important;
	transition: 0.5s;
}

.crossLRFacebook {background-image: url(../images/facebook.svg); position: fixed; bottom:120px; right:24px; background-size: 24px 24px; background-repeat: no-repeat; width: 24px; height: 24px; z-index: 100; } .white {color: #EBF0F6;}
.crossLRTwitter {background-image: url(../images/twitter.svg); position: fixed; bottom:80px; right:24px; background-size: 24px 24px; background-repeat: no-repeat; width: 24px; height: 24px; z-index: 100; } .white {color: #EBF0F6;}
.crossLRLinkedin {background-image: url(../images/linkedin.svg); position: fixed; bottom:40px; right:24px; background-size: 24px 24px; background-repeat: no-repeat; width: 24px; height: 24px; padding-right: 8px; z-index: 100; } .white {color: #EBF0F6;}

.logo { 
	background-image: url(../images/logo2dark.svg);
	background-position-x: left;
	text-align: left;
	grid-column: 1 / span 1;
	grid-row: 1;
	margin-top: 0;
	align-self: end;
	background-size: 180px;
	padding: 64px 0 0px 0;
}

.logoMark { 
	background-image: url(../images/logo3.svg);
	background-size: 180px;
	padding: 16px 16px 16px 16px;
	position: fixed; 
	top:24px; 
	right:8px; 
	background-size: 40px 40px; 
	background-repeat: no-repeat; 
	width: 24px; 
	height: 24px;
	z-index: 100;
	/*filter: invert(1);*/
}

.explanation  {
	grid-column: 1 / span 2;
	grid-row: 1 / span 3;
	padding: 64px 0 0px 0;
}

.menu {
	grid-column:3;
	grid-row:2;
}

.partnerwithusGrid {
	grid-template-columns: 2fr 2fr 1fr;
	grid-template-rows: 1fr;
	display: grid;
	   padding:0 40px;

}

.partnerwithus {
	grid-column:3;
	grid-row:1;
	align-self: center;
	
    padding:0px 0;
}


.address {
	grid-column: 1 / span 2;
	grid-row: 1;
	align-self: center;
}

.descriptor1 {
	grid-column: 1 / span 3;
	grid-row: 2 / span 1;
	align-self: center;
	margin: 0 auto;
}

.descriptor2 {
	grid-column: 1;
	grid-row: 1;
	margin: 0 auto;
}



.ventures h3, .clients h3, .menu h3 {
	padding: 32px 0 32px 0;
}


.menu ul {padding-top:24px;}


section ul li a {
    border-bottom: none;
}

.about1 {
	display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    grid-template-rows: 160px 1fr 180px;
    height: 100vh;
    padding: 0 40px;
    max-width: 960px;
}

.about2 {
	display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    height: 25vh;
    padding: 0 40px;
    margin: 0 auto;
    max-width: 960px;
}

.about2 h1 {
	grid-column: 1 / span 3;
	align-self: center;

}

.about4 {
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    /*grid-template-columns: 1fr ;
    grid-template-rows: 1fr ;*/
}

.about4 div {
    max-width: 960px;
}

.about4 h1 {
	/*grid-column: 1 / span 3;*/
	text-align: left !important;
	color:#112;
	padding-bottom: 8px;
	font-size: 1.6rem;
}

.about4 p {
	color: #112;
	line-height: 180%;
}

.about4list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.about4list h1 {
	width:50%;
}

.contactUs {
	display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    height:50vh;
    margin: 0 auto;
}

.contactUs div {
	grid-row: 1;
	grid-column:1;
	max-width: 960px;
	align-self: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

 .back2 {
	/*background-color: #1346E7;*/
	border: 1px solid #fff;
	border-radius: 6px;
	color: #fff;
	padding: 8px 16px;
	width: 160px;
	margin:24px 24px;
	text-align: center;
	text-decoration: none !important;
}

 .back2:hover {
	background-color: #fff;
	color: #0D3DD5;
}

 .descriptor2 a:visited {
	text-decoration-style: none;
	text-decoration: none;
}

 .descriptor2 a {
	text-decoration-style: none;
	text-decoration: none;
}

.blueBG {
	/*background: radial-gradient(50% 50% at 50% 50%, #132236 0%, #0E0E17 100%);*/
	background-color: #0D3DD5;
}

/* ##################### HEADER SECTIONS #################### */

.clientlogos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	grid-column: 1 / span 3;
}

.clientlogos div {
	background-size: 50%;
	width:25%;
	height: 120px;
	background-position: 50% 50% !important;
	background-repeat: no-repeat;
	display: block;
	/*filter: invert(1);*/
}

.square {
	background-size: 75% !important;
	transition: 0.2s;
	background-image: url('../images/squarelong.svg');

	
}

.google {
	transition: 0.2s;
	background-size: 60% !important;
	background-image: url('../images/google.svg');
	
}

.tata {
	transition: 0.2s;
	background-size: 30% !important;
	background-image: url('../images/tata.svg');
	
}

.alibaba {
	background-size: 75% !important;
	transition: 0.2s;
	background-image: url('../images/alibaba.svg');
	
}

.vodafone {
	transition: 0.2s;
	background-size: 40% !important;
	background-image: url('../images/vodafone.svg');
	
}

.cedar {
	background-size: 60% !important;
	transition: 0.2s;
	background-image: url('../images/cedar.svg');
	
}

.jetty {
	background-size: 50% !important;
	transition: 0.2s;
	background-image: url('../images/jetty.svg');
	
}

.nasdaq {
	background-size: 60% !important;
	transition: 0.2s;
	background-image: url('../images/nasdaq.svg');
	
}

/* ##################### CASES #################### */


.studioCases {
	height:840px;
	width: 100%;
	transition: 0.2s;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    position: relative;
    /*max-width: 1280px;*/
    overflow:hidden;
    /*background-color: #fff;*/
}

.studioCases div  img {
	box-shadow: 0px 0px 16px rgba(0, 0, 0, .1);

}

.studioCases div {
	background-size: contain;
	background-position: 50% 50%;
	width: 100%;
	height: 100%;
	display: block;
	background-repeat: no-repeat;
	grid-row: 2 / span 2;
    grid-column: 1 / span 3;
    background-color: #fff;
}

.caseBackgroundLower {
	grid-row: 2 / span 2;
	grid-column: 1 / span 3; 
	background-color: #fff;
	z-index: -50;
}

.casePosition {
	position: absolute;
	overflow: visible;
}

.cases01 {
	top: 260px;
    left: 0%;
    width: 100vw;
    height:50px;

    z-index: 0;
	position: absolute;
	box-shadow: none !important;
}

.cases02 {
	top: 60px;
	left: 27%;
	width: 480px;
	position: absolute;
	z-index: 2;
}

.cases03 {
	top: 480px;
    left: calc(100vw - 560px);
	width: 480px;
	position: absolute;
	z-index:10;
	border-radius: 8px;
	
}


.cases04 {
	top: 40px;
    left: calc(100vw - 500px);
	width: 480px;
	position: absolute;
	z-index: 4;

}

.cases05 {
	top: 280px;
	left: 25%;
	width: 1024px;
	position: absolute;
	z-index: 1;
	/*border-radius: 24px;*/
	box-shadow: none !important;
}

.cases06 {
	top: 120px;
	left: 2%;
	width: 480px;
	position: absolute;
	z-index: 1;
}

.cases07 {
	top: 590px;
	left: 5%;
	width: 120px;
	position: absolute;
	z-index: 7;
}
.cases08 {
	top: 590px;
	left: calc(5% + 140px);
	width: 120px;
	position: absolute;
	z-index: 8;
}
.cases09 {
	top: 590px;
	left: calc(5% + 280px);
	width: 120px;
	position: absolute;
	z-index: 9;
}
.cases10 {
	    top: 250px;
    left: calc(100vw - 730px);
    width: 480px;
    position: absolute;
    z-index: 4;
    border-radius: 8px;
}

.cases11 {
	top: 480px;
	/*left: calc(100vw - 680px);*/
	left: 5%;
	width: 640px;
	position: absolute;
	z-index: 30;
	border-radius: 8px;
	box-shadow: none !important;
}

.cases12 {
	top: 300px;
	left: calc(33% + 140px);
	width: 120px;
	position: absolute;
	z-index: 5;
	border-radius: 24px;
}

.cases13 {
	top: 300px;
	left: calc(33% + 280px);
	width: 120px;
	position: absolute;
	z-index: 5;
	border-radius: 24px;
}

.arrowDown {
	font-size: 4rem;
	width: 100%;
	margin:32px auto 0 auto;
	text-align: center;
}

.TwoOverTwo {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.TwoOverTwo div {
	width: 45%;
	padding:0px 5% 24px 0px;;
}

.TwoOverTwo h2 {
	color: #112;
	font-size: 1.3rem;
	    font-weight: 500;
}


}