img{
    border:none;
}

.table{
    width: 1000px;
    margin: 0px auto;
    height: 500px;
}
#img1{
    left: 166px;
    position: absolute;
    top: 238px;
    width: 233px;
    display: none;
    z-index: 999;
}
#img2{
    display: none;
    left: 610px;
    position: absolute;
    top: 225px;
    width: 250px;
}
#hindi{
     left: 363px;
     position: absolute;
     top: 500px;
     width: 65px;
     display: none;
 }
#english{
    left: 445px;
    position: absolute;
    top: 500px;
    width:69px;
    display: none;
	padding-left:13px;
}
#french{
    left: 529px;
    position: absolute;
    top: 500px;
    width:75px;
    display: none;
	padding-left:7px;
}
#italian{
    left:600px;
    position: absolute;
    top: 500px;
    width:69px;
    display: none;
	padding-left:10px;
}
#text{
    left: 412px;
    position: absolute;
    top: 448px;
    width: 216px;
    display: none;
}

/****************************Mohit CSS 10 july 2014 *********************************************/
.bgalign{
	text-align: center; 
	background:#e9eaed url(../images/bg.png) no-repeat center  4px; 
}
.align_center{
	width:1024px;
	margin:0 auto;
	text-align:center;
	position:relative;
}
.language{
	padding:10px;
	display:inline-block;
}




/*************************Responsive CSS***********************************/
@media screen and (max-width: 768px) 
{
.table{
    width: 100%;
    margin: 0px auto;
    height: 500px;
}
.bgalign{
	text-align: center; 
	background:#e9eaed url(../images/bg.png) no-repeat center  4px; 
	background-size:100%;
}
#img1{
	display: none;
    left: 0;
    position: absolute;
    top: 243px;
    width: 40%;
    z-index: 999;
}
#img2{
	left: 63%;
    position: absolute;
    top: 241px;
    width: 35%;
	z-index: 999;
}
#text {
    left: 21%;
    position: absolute;
    text-align: center;
    top: 448px;
    width: 56%;
}
#hindi {
    left:5%;
    position: absolute;
    top: 500px;
    width: 16%;
}
#english {
    left: 25%;
    position: absolute;
    top: 507px;
    width: 16%;
}
#french {
    left: 43%;
    padding-left: 7px;
    position: absolute;
    top: 515px;
    width: 16%;
}
#italian {
    left: 67%;
    padding-left: 0;
    position: absolute;
    top: 507px;
    width: 16%;
}
.align_center{
	width:100%;
	margin:0 auto;
	text-align:center;
	position:relative;
}
}


@media screen and (max-width: 640px) 
{
#img1{
	display: none;
    left: 0;
    position: absolute;
    top: 243px;
    width: 40%;
    z-index: 999;
}
#img2{
	left: 63%;
    position: absolute;
    top: 241px;
    width: 35%;
	z-index: 999;
}
#text {
    left: 21%;
    position: absolute;
    text-align: center;
    top: 448px;
    width: 56%;
}
#hindi {
    left:5%;
    position: absolute;
    top: 500px;
    width: 16%;
}
#english {
    left: 25%;
    position: absolute;
    top: 507px;
    width: 16%;
}
#french {
    left: 43%;
    padding-left: 7px;
    position: absolute;
    top: 515px;
    width: 16%;
}
#italian {
    left: 67%;
    padding-left: 0;
    position: absolute;
    top: 507px;
    width: 16%;
}

}


@media screen and (max-width: 480px) 
{

#img2{
	left: 304px;
    top: 241px;
    width: 35%;
	z-index: 999;
}
#text {
    left: 15%;
    top: 448px;
    width: 70%;
}
#hindi {
    left:10%;
    top: 96%;
    width: 16%;
}
#english {
    left: 30%;
    top: 97%;
    width: 16%;
}
#french {
    left: 48%;
    padding-left: 7px;
    top: 98%;
    width: 16%;
}
#italian {
    left: 67%;
    padding-left: 0;
    top: 98%;
    width: 16%;
}
}

@media screen and (max-width: 320px) 
{
#img2{
	left: 200px;
    position: absolute;
    top: 241px;
    width: 35%;
	z-index: 999;
}
#text {
    display: none;
	left:0;
    position: absolute;
    text-align: center;
    top: 448px;
    width: 100%;
}	
}