@charset "utf-8";
/* CSS Document */

.diplayN{display:none;}
.marL27Tab{margin-left:27px;}
.marL18Tab{margin-left:18px;}
.headerLinks a{font-size:13px;}

.main{position:relative; max-width:688px; width:100%; margin:0 auto;}
.main ul{width:20%; margin:22px 0 0 20px;}
.main ul.workDisplay{float:left; text-align:left; width:63.5%; margin:20px 15px 0 0; font-size:11pt;}
.main ul.workDisplay img{margin-top:15px;}
.main ul.experience{float:left; text-align:left; width:54%; margin:35px 15px 0 0; font-size:11pt;}
.main ul.praashConcept{float:right; margin:35px 0 0; width:33%;}
.main ul.DVThumbnail{float:right; margin:20px 0 0; width:32%;}
.main ul.DVThumbnail li{float:left; margin-right:0px; margin-bottom:4px; margin-left:10px; width:26%;}
.main ul.DVThumbnail li img{}
.contact{margin:100px 0; text-align:center; font-size:32px; color:#4b4a4a}
.contact a{font-size:24px;}
.mobNo{color:#29166f; font-size:24px;}

@media only screen and ( min-width: 365px ) and ( max-width: 495px ) /* 365 */
{
	.main ul{width:20%; margin:22px 0 0 18px;}
}

@media only screen and ( min-width: 502px ) and ( max-width: 640px ) /* 502 */
{
/*.logo{width:38%;}*/
.main ul.workDisplay{text-align:left; width:62.5%; margin:20px 15px 0 0; font-size:11pt; float:left;}
}


@media only screen and ( min-width: 600px ) and ( max-width: 1280px ) /* 600 */
{
.main ul{width:21%; margin:22px 0 0 20px;}
}

@media only screen and ( min-width: 768px ) and ( max-width: 1024px ) /* 768 */
{
.headerLinks a{font-size:17px;}
.main ul{width:21%; margin:22px 0 0 20px;}
}

@media only screen and ( min-width: 800px ) and ( max-width: 1280px ) /* 800 */
{
.main{position:relative; max-width:1280px; width:100%; margin:0 auto;}
.main ul.workDisplay{text-align:left; width:63.5%; margin:20px 15px 0 0; font-size:11pt; float:left;}
.main ul.workDisplay img{margin-top:15px;}
.main ul.DVThumbnail{float:left; margin:20px 0 0; width:34%;}
.main ul.DVThumbnail li{float:left; margin-right:0px; margin-bottom:7px; margin-left:9px; width:29%;}
.main ul.DVThumbnail li img{}
}