@media screen and (min-width: 320px) and (max-width: 767px){
	body,html{overflow:scroll;}
	#section0{/*background-image: url("../images/section0-mobile.jpg");*/background:#000000}
	#section3 {
		background-image: url("../images/disruption-mobile.jpg");
	}

	#section0 .logo, 
	#section1 .logo, 
	#section2 .logo, 
	#section3 .logo, 
	#section4 .logo,
	#section0 .menu, 
	#section1 .menu, 
	#section2 .menu, 
	#section3 .menu, 
	#section4 .menu,
	#section0 .content,
	#section0 .content-text,
	#section0 .scroll-down, 
	#section3 .scroll-down,
	#section2 .scroll-down,
	#section1 .scroll-down{
		position:inherit;
		right:inherit;
		top:inherit;
		left:inherit;
		bottom:inherit;
		transform:none;
	}
	#section0 .logo, 
	#section1 .logo, 
	#section2 .logo, 
	#section3 .logo, 
	#section4 .logo,
	#section0 .menu, 
	#section1 .menu, 
	#section2 .menu, 
	#section3 .menu, 
	#section4 .menu,
	#section2 .scroll-down,
	#section1 .scroll-down{
		display:none;
	}
	.mobilebg{
		background:#FFFFFF;
		padding:10px 0;
		position:fixed;
		top:0;
		left:0;
		height:56px;
		width:100%;
		z-index:9999;
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	}
	#section0{
		margin-top:56px;
	}
	#section1 .logo{
		left:10px;
		position:absolute;
		top:10px;
		display:block;
		max-width:115px;
	}
	#section1 .menu{
		right:10px;
		position:absolute;
		top:17px;
		display:block;
		left:auto;
		max-width:25px;
	}
	#section0, 
	#section1, 
	#section2, 
	#section3, 
	#section4{
		background-attachment:initial;
		background-size:cover;
	}
		
	
	#section0 .content{
		max-width:322px;
		width:83%;
		font-size:21px;
		margin:225px auto 0;
	}
	#section0 .content span{
		display:initial;
	}
	#section0 .content-text{
		max-width:322px;
		width:75%;
		font-size:12px;
		text-align:center;
		margin:10px auto 15px;
	}
	#section0 .scroll-down, 
	#section3 .scroll-down{
		padding:10px 0;
	}
	#section1 .meet-block{
		font-size:23px;
		margin:10px auto;
	}
	#section1 .meet-border{
		top:13px;
	}
	#section1 .david-block{
		height:auto;
		margin:0;
	}
	#section1 .david-block .d1, 
	#section1 .david-block .d2, 
	#section1 .david-block .a, 
	#section1 .david-block .v, 
	#section1 .david-block .i{
		height:70px;
		width:100%!important;
		float:none;
	}
	#section1 .david-block span{
		font-size:53px;
		line-height:70px;
	}
	#section1 .david-block .hiddenDiv{
		left:auto;
		top:auto;
		position:relative;
		padding:10px 0;
		transform:none;
		width:80%;
		margin:0 auto;
	}
	#section1 .ceo-text{
		font-size:20px;
		margin-top:15px;
	}
	#section1 .watch-video{
		font-size:14px;
		margin:10px auto 20px;
	}
	#section1 .watch-video span i{
		width:15px;
		height:15px;
	}
	#section2 .tabs ul{
		max-width:300px;
	}
	#section2 .tabs ul li,
	#section2 .tabs ul li a{
		width:60px;
	}
	#section2 .tabs{
		position:relative;
		top:auto;
	}
	#section2 .tabs ul li div{
		top:27px;
		width:61px;
	}
	#section2 .head-text span h2{
		font-size:30px;
	}
	#section2 .head-text{
		font-size:30px;
	}
	#section2 .subhead-text{
		font-size:20px;
		margin:5px auto;
	}
	#section2 .connect-container.two-col{
		width:100%;
		margin:15px auto 0;
	}
	#section2 .connect-container.two-col .connect-block{
		float:none;
		width:250px;
		margin:0 auto 15px !important;
	}
	#section2 .tab-desc{
		margin-top:15px;
	}
	.popup-content, 
	.casestudy-content{
		width:90%;
		height:60%;
		left:5%;
		top:20%
	}
	.popup-content .video-holder, 
	.casestudy-content .image-holder{
		height:81%;
	}
	#section3 .be-prepared-block .selction-left, 
	#section3 .be-prepared-block .selction-right{
		max-width:200px;
		margin:20px auto;
		float:none;
	}
	#section3 .be-prepared-block .selction-left .image, 
	#section3 .be-prepared-block .selction-right .image{
		margin-bottom:15px;
	}
	#section3 .be-prepared-block .selction-left .description, 
	#section3 .be-prepared-block .selction-right .description{
		height:auto;
	}
	#section3 .be-prepared-block .be-prepared-image{
		margin:0 auto;
	}
	#section3 .be-prepared-block .be-prepared-content{
		margin:0 auto;
		max-width:80%;
	}
	#section3 .be-prepared-block .be-prepared-text{
		font-size:29px;
	}
	#section3 .scroll-down{
		display:none;
	}
	#section3 .be-prepared-block .be-prepared-knowmore{
		margin:15px auto;
		font-size:14px;
	}
	#section3 .be-prepared-block .be-prepared-knowmore span{
		width:150px;
	}
	#section3 .be-prepared-block .be-prepared-knowmore i{
		width:15px;
		height:15px;
	}
	#section4 .head-text h1 span{
		font-size:20px;
		margin-top:15px;
	}
	#section4 .subhead-text h2{
		font-size:18px;
	}
	#section4 .head-text{
		font-size:20px;
		margin-top:15px;
	}
	#section4 .subhead-text{
		font-size:18px;
	}
	#section4 .connect-container .connect-block{
		float:none;
		margin:0 auto 15px !important;
		width:250px;
	}
	#section4 .connect-container{
		margin:15px auto 85px;
	}
	#footer .footer-left,
	#footer .footer-right{
		float:none;
		display:block;
		overflow:hidden;
	}
	#footer .footer-right ul{
		max-width:130px;
		margin:0 auto;
	}
	#footer .footer-left{
		line-height:15px;
		margin:10px auto 0;
		max-width:250px;
	}
	#section1 .watch-video span i,
	#section3 .be-prepared-block .be-prepared-knowmore i{
		vertical-align:middle;
		width:13px;
		height:13px;
	}
	#section2 .connect-container .text,
	#section4 .connect-container .text{
		margin-top:-8px;
	}	
	.hiddenDiv .d-knowmore,
	.hiddenDiv .a-knowmore,
	.hiddenDiv .v-knowmore,
	.hiddenDiv .i-knowmore,
	.hiddenDiv .d1-knowmore,
	#section0 .scroll-down{
		display:none;
	}
	#section3 .social-icon ul{
		width:25px;
	}
	#section3 .social-icon{
		right:-12px;
	}
	ul li.mainlink .accordion-btn-wrap {
		height: 25px !important;
		right: 19px !important;
		text-align: right !important;
		width: 95% !important;
	}
	.mainNav ul li{
		padding:8px 0 8px 15px;
	}
	#section2 .subhead-text,
	#section2 .content,
	#section4 .content{
		max-width:265px;
	}
	#section1 .david-block .hiddenDiv .text{
		max-width:265px;
		margin:0 auto 10px;
	}
	#section0 #slide1,
	#section0 #slide2,
	#section0 #slide3,
	#section0 #slide4{
		display:none;
	}	
	#mainbanner{
		display:block!important;
	}
	.connect_block .connect_head{
		padding-top:15px;
		font-size:24px;
	}
	.connect_block_list .connect_experiences{
		width:100%;
		float:none;
	}
	.connect_block_list .connect_experiences .connect_text{
		margin:10px auto;
	}
	.embrace_text{
		margin-top:0px;
		font-size:24px;
	}
	.connect_block_list{
		margin:10px auto;
	}
	.link_text{
		margin-bottom:15px;
	}
}
@media screen and (min-width: 768px) and (max-width: 900px){
	#section0 .content{
		bottom:21%;
	}
	#section0, 
	#section1, 
	#section2, 
	#section3,
	#section4{
		background-position:center center;
		background-size:cover;
	}
	#section2 .connect-container.two-col {
		width: 500px;
	}
	#section1 .david-block .hiddenDiv{
		width:150px;
	}
	#section1 .david-block .hiddenDiv .head{
		font-size:16px;
	}
	.popup-content, .casestudy-content{
		height:40%;
		left:10%;
		top:30%;
		width:80%;
	}
	#section0 #slide1{
		background:url(../images/home-slide4.jpg) no-repeat center center / 100% 100%;
		position:relative;
	}
	#section0 #slide2{
		background:url(../images/home-slide1.jpg) no-repeat center center / 100% 100%;
		position:relative;
	}
	#section0 #slide3{
		background:url(../images/techbets.jpg) no-repeat center center / 100% 100%;
		position:relative;
	}
	#section0 #slide4{
		background:url(../images/home-slide3.jpg) no-repeat center center / 100% 100%;
		position:relative;
	}
	#section3 {
		background-image: url("../images/disruption.jpg");
	}

	#section0 .slide-three{
		left:43%;
		position:absolute;
		text-align:center;
		top:20%;
		transform:translate(-50%, -50%);
	}
	#section0 .slide-four{
		position:absolute;
		right:-7%;
		top:34%;
		transform:translate(-50%, -50%);
	}
}
@media screen and (min-width: 901px) and (max-width: 1024px){
	#section0 .content{
		bottom:24%;
	}
	.popup-content, .casestudy-content{
		height:70%;
		left:20%;
		top:15%;
		width:60%;
	}
}
@media screen and (min-width: 1025px) and (max-width: 1366px){
	.popup-content, .casestudy-content{
		height:80%;
		left:25%;
		top:10%;
		width:50%;
	}
}
@media screen and (min-width: 1566px) and (max-width: 1920px){
	#section0 .content{
		bottom:23%;
	}
	.popup-content, .casestudy-content{
		height:70%;
		left:30%;
		top:15%;
		width:40%;
	}
}
@media screen and (min-width:300px) and (max-width:640px) and (orientation:landscape) {
	#section0 .content {
		margin:360px auto 0;
		width:200px;
	}
	#section2 .subhead-text,
	#section2 .content,
	#section4 .content{
		max-width:450px;
	}
	#section0 {
		background-image: url("../images/section0-mobile1.jpg");
	}
		
	#section3 {
		background-image: url("../images/disruption-mobile.jpg");
	}

}
	
	
}