@media all and (max-width: 1280px) {
	
.home .container {
	width: 89%;
}
}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 1120px) 
and (max-device-width : 1500px) {
	.close{display: none;}
	
	.disable{
		display: none;
	}
	#valuetip1.hover, #valuetip2.hover, #valuetip3.hover, #valuetip4, #valuetip5.hover{
		visibility: visible;
	}
/* Styles */
}

@media all and (min-width: 1120px) {
	.close{display: none;}
	
	.disable{
		display: none;
	}
	#valuetip1.hover, #valuetip2.hover, #valuetip3.hover, #valuetip4, #valuetip5.hover{
		visibility: visible;
	}

}
@media all and (max-width: 980px) {
.container {
	width: 90%;
}
	.solutions ul.gotowork li, .solutions ul.digitalise li{
    width: 46%;
}
	.solutions ul.positive li, .solutions ul.futurework li, .solutions ul.humancapital li{
	width: 35%;
}
.aboutus ul.ourclients li{
	width:130px;
	}
	.aboutus .company_details{
		width: 60%;
	}
}

@media all and (max-width: 960px) {
	.aboutus .company_details{
		width: 62%;
	}
header {
	width: 98%;
}
nav#nav-main li{
		margin: 0 2.5%;
	}
.events .event_details {
	width: 70%;
}

/***TREE**/
.aboutus .ourtree .treeimage {
	width: 700px;
	margin: 0 auto;
}
.diagram__hotspot {
    position: absolute;
    background: #e2700b;
    color: #FFF;
    border-radius: 50% 50%;
    text-align: center;
    height: 30px;
    width: 30px;
    z-index: 1;
    font-size: 20px;
    line-height: 30px;

}
	

#tooltip {
	left: 38px;
top: -32px;
}
#tooltip2 {
	left: 45px;
top: 120px;
}
#tooltip3 {
	right: 40px;
	top: -70px;
}
#tooltip4 {
	right: 40px;
	top: 98px;
}
#tooltip5 {
	right: 40px;
	top: 207px;
}
.container .founder2details {
	width: 100%;
}
}

/* ====================================================================================================================
 * RESPONSIVE FLEX
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 10px;
}
.flex-direction-nav .flex-next {
	opacity: 1;
	right: 10px;
}
	.homedesktop {
	display: none;
}
.homemobile {
	display: block;
}
/*END*/
.aboutus .company_details {
	width: 63%;
}
	.aboutus .ourcompany .image {
    margin-top: -40px;
    float: right;
    padding: 10px;
    width: 32%;
}
.aboutus .ourtree .treeimage {
	width: 600px;
}
	.valuept1, .valuept2, .valuept3, .valuept4, .valuept5{
		left: 20%;
	}
	.events .details {
    width: 50%;
}
	.contact .container .para_right{
		padding:20px;
	}
		.solutions ul.gotowork li, .solutions ul.digitalise li{
    width: 45%;
}
	.solutions ul.positive li, .solutions ul.futurework li, .solutions ul.humancapital li{
	width: 20%;
}
	/*#value1 span.effect, #value1 p.paraeffect, #value2 span.effect, #value2 p.paraeffect, #value3 span.effect, #value3 p.paraeffect, #value4 span.effect, #value4 p.paraeffect, #value5 span.effect, #value5 p.paraeffect{
	
	transition-delay: 1s;}
	
#value1.active span.effect, #value2.active span.effect, #value3.active span.effect, #value4.active span.effect, #value5.active span.effect {
  /*transform:translateZ(-50%);
	-moz-transform: scaleX(-0.5);
        -o-transform: scaleX(-0.5);
        -webkit-transform: scaleX(-0.5);
        transform: scaleX(-0.5);
	transition-delay: 0s;
  opacity:0;
}*/
	br .effmob{
	display: block;
}
.arrow1, .arrow2, .arrow3, .arrow4, .arrow5 {
	left: 44.5%;
}
	.green p, .orange p, .yellow p{
		font-size: 16px;
	}
	.events span.event_title{
		width:30%;
	}.events .details {
    width: 70%;
}
}
@media all and (max-width:780px){
	#ourvalues{
		text-align: center;
	}
	#value1, #value2, #value3, #value4, #value5{
		text-align: center;
		width: 25.5%;
	}
	.aboutus .ourcompany .image {
    margin-top: 0px;
    float: right;
    padding: 0px;
    width: 34%;
}
}

@media all and (max-width: 750px) {
header {
	width: 100%;
}
/*menu*/
	.logo{
		margin: 20px 10px -20px 10px;
width: 236px;

	}
.clear.mobhide,  .menu-right.mobhide {
	display: none;
}
.clear.deshide,  .menu-right.deshide {
	display: block;
}
	
nav#nav-main li.deshide {
	display: block;
}
nav#nav-mobile ul {
	z-index: 99;
}
#nav-trigger {
	display: inline-block;

}
nav#nav-main {
	display: none;
}
nav#nav-mobile {
	display: block;
}
.solutions .sol_images {
	display: none;
}
.solutions .sol_images_mob {
	display: block;
	margin-top: 20px;
}
.solutions .sol_images img {
	margin: 0 auto;
}
	.events .event_details{
		
	}
.contact .container .para_right {
	padding: 20px 10px;
	float: left;
	width: 40%;
}
.aboutus .container, .aboutus .container .para_values {
	text-align: center;
}
.aboutus .ourcompany .image {
	padding: 0 10px;
	width: 50%;
	margin: 0 auto;
	float: none;
}
.aboutus .company_details {
	width: auto;
}
.aboutus .ourtree .treeimage {
	width: 100%;
	margin: 0 auto;
}
.aboutus span.GMname {
	text-align: center;
}
.container .founder1, .container .founder2 {
	float: none;
	margin: 0 auto;
	width: 25%;
}
.container .founder1details, .container .founder2details {
	text-align: center;
	width: auto;
}

.container .para_half {
	float: none;
	width: 75%;
	text-align: center;
	margin: 0 auto;
}
	.solutions ul.positive li, .solutions ul.futurework li, .solutions ul.humancapital li {
    width: 25%;
}
	.solutions ul.gotowork li, .solutions ul.digitalise li {
    width: 25%;
}
	
}
@media all and (max-width:680px){
	#ourvalues {pointer-events: none;}
	/*aboutusVALUES*/
	
	.arrow1, .arrow2, .arrow3, .arrow4, .arrow5 {
	left: 43.5%;
}
	#value1 p.paraeffect, #value2 p.paraeffect, #value3 p.paraeffect, #value4 p.paraeffect, #value5 p.paraeffect{
	position: relative;
    left: 0;
    margin: 0px;
		top:0;
    padding-bottom: 40px;
		width:100%;
	}
	#value1, #value2, #value3, #value4, #value5 {
  position: relative;
  display: block;
  text-align: center;
  width: 95%;
		margin: 0 auto;
		height: auto;
}
}

@media all and (max-width: 500px) {
	.solutions ul.gotowork li, .solutions ul.digitalise li, .solutions ul.positive li, .solutions ul.futurework li, .solutions ul.humancapital li{
    float:none;
		width:auto;
		text-align: left;
		 padding-bottom: 5px;
}
	
	
.logo.mobhide {
	display: none;
}
.logo.deshide {
	display: block;
}
#nav-trigger {/*
	padding: 20px 20px 0 0;*/
	padding: 30px 10px;
}
.careers, .aboutus, .solutions, .events, .contact {
	text-align: center;
}
.events .event_img {
	float: none;
	margin: 0 auto;
	padding-right: 0px;
}
.solutions table.digitalise tr td {
	width: 200px;
}
	.events .event_img{
		width:220px;
	}
.events .event_details {
	
	width: 100%;
	text-align: center;
	padding-bottom: 10px;
}
	
.events span.event_title {
	float: none;
	width: 95%;
}
.events .details {
	margin: 0 auto;
	display: block;
	float: none;
	width: 60%;
}
input[type=text], select, textarea {
	text-align: center;
}
input[type=submit] {
	text-align: center;
	float: none;
}
.banner {
	display: none;
}
.banner_mob {
	display: block;
}
.contact .container .para_left, .contact .container .para_right {
	padding: 20px 0;
	float: none;
	width: auto;
	text-align: center;
}
.aboutus .company_details {
	width: 90%;
	margin: 0 auto;
	text-align: center;
	float: none;
}
.aboutus .ourcompany .image {
	float: none;
}
.aboutus .ourtree .treeimage {
	display: none;
}
.aboutus .ourtree .treeimage_mob {
	display: block;
}
.aboutus .ourcompany .image {
	padding: 0 10px;
	width: 90%;
}
	#valuetip1.tablet, #valuetip2.tablet, #valuetip3.tablet, #valuetip4.tablet, #valuetip5.tablet{
		display: none;
	}
.container .founder1, .container .founder2 {
	width: auto;
	}
	footer{
		height: 95px;
margin-top: -95px;
	}
}