#innerPageContent { padding-left: 15px; }

/* Tablet view */

@media screen and (max-width:900px) {
  .alignWith-1 { width:40%; margin-right: 4%; }
  
  .alignWith-2 { width: 51%; }
  
  .bodyText { padding-right: 5%; }
  
  .menuUpperTD { margin-left: 2%; }
  
  #credits { padding: 10px 20px 10px 0; }
  
  #logo { margin-right: 4%; }
}

@media screen and (max-width:850px) {
	body { overflow-x:hidden; }
	
	#logo { width:50%; }
	
	
	#main { width:100%; }
	
	#topMenu { width:100%; }
	
	#topMenu ul { width: 13%; }
	
	.alignWith-1 { width:40%; margin-right: 6%; }
	
	.alignWith-2 { width:50%; }
	
	#rightBox { width:36%; }
	
	#leftMenu li:first-child { text-indent:20px; }
	#leftMenuHome li:first-child { text-indent:20px; }
	
	#rightBox #gray a { font-size:14px !important; }
	
	.bodyText { margin-right: 1%; }
	
	embed { width:95%; margin:0 auto 0 auto; }
	
}

@media screen and (max-width:833px) {
	#innerPageContent { width:50%; }
}

@media screen and (max-width:815px) {
	body { font-size:16px !important; }
	.homeText { font-size:16px !important; }
	#leftPic { float: left; }
	#innerPageContent { width: 52%; }
}

@media screen and (min-width:760px) and (max-width:780px) {
	#leftMenu {
		width:25% !important;
		float:right !important;
	}
	#credits { width:95% !important; }
}

@media screen and (max-width:770px) {
	#topMenu ul:first-child {
		width:13%;
		margin-left:0px;
	}
	
	#topMenu ul {
		float:left;
		width:12%;
		margin-top:140px;
		margin-left:50px;
	}
	
	#topMenu ul:last-child {
		width:16%;
		margin-left:30px;
	}
	
	#innerPageContent {
		float:left;
		margin-top:20px;
		width:50%;
	}
	
	#rightBox { width: 33%; }
	
	.alignWith-1 {width: 62%; }
	
	.alignWith-2 {width: 89%; }
	
	embed { width:95%; margin:0 auto 0 auto; }
	
	#leftPic { float: left; }
	
	#leftMenu { width: 23%; }
	#leftMenuHome { width: 100%; }
}

@media screen and (max-width:740px) {
	#leftMenu li:first-child { font-size:12px; }
	#leftMenuHome li:first-child { font-size:12px; }
	
	#rightBox #gray a { font-size:15px !important; }
}

@media screen and (max-width:715px) {
	#topMenu ul:first-child {
		width:15%;
		margin-left:0px;
	}
	
	#leftMenu li:first-child {
		background:#EAEAEA;
		color:#363636;
	}
	#leftMenuHome li:first-child {
		background:#EAEAEA;
		color:#363636;
	}
	
	#leftMenu li:first-child a { font-size:14px; }
	#leftMenuHome li:first-child a { font-size:14px; }
	
	#leftMenu li a:link { color:#039; font-size:12px; }
	#leftMenu li a:active { color:#039; font-size:12px; }
	#leftMenu li a:visited { color:#039; font-size:12px; }
	#leftMenu li a:hover { color:#039; font-size:12px; }
	
	#leftMenuHome li a:link { color:#039; font-size:12px; }
	#leftMenuHome li a:active { color:#039; font-size:12px; }
	#leftMenuHome li a:visited { color:#039; font-size:12px; }
	#leftMenuHome li a:hover { color:#039; font-size:12px; }
	
	.bodyText { font-size:18px !important; }
	.bodyText p { font-size:18px; text-align:right; }
	
	#leftMenu {
		float:left;
		width:100%;
		margin-top:-13px;
	}
	
	/*#leftMenu { margin-top:40px; }*/
	
	#leftMenu ul {
		width:100%;
		height:auto;
		padding-left:0;
		padding-bottom:0;
		background:#f0f0f0;
	}
	#leftMenuHome ul {
		width:100%;
		height:auto;
		padding-left:0;
		padding-bottom:0;
		background:#f0f0f0;
	}
	
	.MenuSideSubTD2 { background:none !important; }
	
	#leftMenu li:first-child {
		text-indent:0px;
	}
	
	#leftMenu li {
		width:100%;
		padding:6px 0 6px 0;
		list-style:none;
	}
	
	#leftMenuHome li:first-child {
		text-indent:0px;
	}
	
	#leftMenuHome li {
		width:100%;
		padding:6px 0 6px 0;
		list-style:none;
	}
	
	#middleText { width:50%; }
	
	#rightBox { width:42%; }
	
	.alignWith-1 { margin-right:5%; }
	
	#credits {
		width:96%;
		padding: 10px 0 10px 0;text-align: center;
		font-size:13px !important;
		line-height:40px;
		border:none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		min-height:1px !important;
	}
	
	#leftPic { display:none; }
	
	#innerPageContent { width: 90%; }
}

@media screen and (max-width:680px) {
	#topMenu ul:first-child { width:16.5%; }
	#topMenu ul:last-child { width:18%; }
	#innerPageContent { width: 90%; }
	#innerStrip { text-align: right; }
	#leftMenu li:first-child { font-size:14px !important; text-indent:20px; }
	#leftMenuHome li:first-child { font-size:14px !important; text-indent:20px; }
	
	#middleText { font-size:16px; }
	
	.link1 { font-size:16px; }
}

/* Mobile view */
@media screen and (max-width:650px) {
	#logo { width:70%; margin-right:20%; }
	
	.menuUpperTD { padding-top: 20px; margin-left: 25%;}
	
	#top { display:none; }
	
	#topMenu {
		display:block !important;
		height:242px;
		background:none !important;
	}
	
	#topMenu span { display:block !important; height:242px; background:url(image/mobile600.jpg) center no-repeat !important; }
	
	#topMenu ul { display:none; }
	
	#topMenu a:link { color:#000; }
	#topMenu a:active { color:#000; }
	#topMenu a:visited { color:#000; }
	#topMenu a:hover { color:#000; }
	
	#topMenu ul { margin-top:0; }
	
	#topMenu ul li { color:#000; }
	
	#topMenu ul:first-child {
		margin-top:2%;
		width:23%;
		margin-left:0px;
	}
	
	#topMenu ul {
		margin-top:2%;
		margin-left:2% !important;
		width:23%;
		margin-left:0px;
	}
	
	#topMenu ul:last-child {
		float:right;
		margin-top:2%;
		margin-right:2%;
		width:23%;
		margin-left:0px;
	}
	
	#innerStrip { display:none; }
	
	#innerStrip img { display:none; }
	
	#innerPageContent { width:90%; }
	
	.menuUpper { font-size:14px; }
	
	#findhere p { font-size:16px !important; }
	
	img { max-width:100%; height:auto; }
}

@media screen and (min-width:560px) and (max-width:570px) {
	.bodyText {
		padding-right:1.5% !important;
		min-height:480px !important;
	}
	
	#contactnow div {
		width:100% !important;
		padding:10px 0 10px 0 !important;
	}
	
	.link2 { display:none !important; }
}

@media screen and (min-width:580px) and (max-width:600px) {
	.bodyText {
		width:90% !important;
		min-height:500px !important;
	}
}

@media screen and (max-width:570px) {
	#topMenu span { display:block !important; height:242px; background:url(image/mobile568.jpg) center no-repeat !important; }
	#contactnow div {
		width:94%;
	}
}

@media screen and (max-width:540px) {
	#leftMenuHome { display:block !important; }
	
	#top { display:none; }
	
	#topMenu {
		display:block !important;
		height:242px;
	}
	
	#topMenu span { display:block !important; height:242px; background:url(image/mobile500.jpg) center no-repeat !important; }
	
	#topMenu ul:first-child { display:none; }
	
	#topMenu ul { display:none; }
	
	#topMenu ul:last-child { display:none; }
	
	.alignWith-1 { width:35%; }
	
	.alignWith-2 {
		width:84%;
		margin-right:5%;
		font-size:16px;
	}
	
	#innerPageContent {
		float:right;
		margin-right:20px;
	}
	
	.alignWith-1 {
		width: 78%;
		font-size:15px;
	}
	
	h1 { font-size: 20px; }
}

@media screen and (min-width:315px) and (max-width:330px) {
	.alignWith-1 {
		width: 51% !important;
		font-size:15px;
	}
	
	#rightBox #gray a { font-size:22px !important; }
}

@media screen and (max-width:514px) {
	#rightBox { width:40%; }
	.menuUpperTD { margin-left: 18%; }
	.menuSideSubText { font-size:18px !important; }
	#leftMenu li:first-child { font-size:18px !important; }
	#leftMenuHome li:first-child { font-size:18px !important; }
}

@media screen and (max-width:481px) {
	#wrapgray { width:90%; }
	
	#logo {
		width:100%;
		height:55px;
		margin-right: 4%;
	}
	
	.menuUpperTD {
		margin-top:0px;
		padding-top:20px;
	}
	
	.alignWith-1 { margin-right:15%; }
	
	h1 { font-size: 18px; }
	
	#rightBox #gray { padding: 0 5px 1px 15px; }
	
	.bodyText {
		width:91% !important;
		min-height:520px !important;
	}
	
	.bodyText h1 { width:97% !important; }
	
	.alignWith-1 { margin-right:8%; }
	
	#contactnow { margin-bottom:40px; }
	
	#contactnow div {
		width:100% !important;
		padding:10px 0 10px 0;
	}
}

@media screen and (max-width:418px) {
	#middleText {
		width: 100%;
		padding: 2px;
	}
	#rightBox { width:100%; }
	.alignWith-1 { margin-right:0; }
	.alignWith-2 {
		float:right;
		width:90%;
		margin-top: 10px; 
	}
	
	embed { height: 280px; }
	
	#kolhasipur, #infrontcamera, #locations, #ourprojects, #whoweare, #cameraplay, #findhere, #contactnow, #consulting {
		width: 90% !important;
		margin: 24px auto 0 auto !important;
	}
	
	#findhere { margin-top:40px !important; }
	
	.alignWith-1 { width: 100%; }
	
	.bodyText {
		width:87%;
		margin: 24px auto 0 auto !important;
		min-height:370px;
	}
	
	#contactnow {
		margin-bottom:40px !important;
	}
	
	#contactnow div {
		padding: 10px !important;
		width:93.4% !important;
	}
	
	#credits {
		font-size:13px !important;
		line-height:40px;
		border:none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
		min-height:1px !important;
	}
	
	#credits .link2 { display:none; }
	
	#credits > div { margin-left:36%; }
}

@media screen and (min-width:380px) and (max-width:390px) {
	#rightBox #gray a { font-size:22px !important; }
}

@media screen and (max-width:380px) {
	body { width:98% }
	
	#topMenu {
		height:164px;
	}
	
	#topMenu span { display:block !important; height:164px; background:url(image/mobile300.jpg) center no-repeat !important; }
	
	embed { height: 220px; }
	
	.link2  { font-size: 10px; }
	
	.menuUpperTD { margin-left: 2%; }
	
	.bodyText {
		width:87% !important;
		min-height:510px !important;
	}
}

@media screen and (max-width:300px) {
	embed { height: auto; }
	#rightBox #gray a { font-size:18px !important; }
}