@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:505px) {
	.socialDiv{display:none;}
	h1.logo{height:65px;}
	.da-slider{width:100%;}
}

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

.macbookDiv{width:70%;}
.familyDiv{width:100%;margin:0px auto;}
.sidebysideDiv{width:100%;margin:0px auto;}
.android1,.android2,.iphone1,.iphone2{width:100%;float:left;}
.contentimgDiv{border-bottom:1px solid #CCC;}
.imgsize{width:70%;}
}
@media only screen and (max-width:550px) {
.button.small{display:none;}
}
@media only screen and (max-width:600px) {
	.portleftDiv,.portcenterDiv,.portrightDiv{width:70%;float:left; height:auto;margin:2%;padding:1%;}

}
@media only screen and (max-width:650px) {
#ja-topsl .main{padding:0px}
}
@media only screen and (max-width:700px) {
.aboutuslist1{float:left;width:100%;}
.aboutusimage1{float:left;width:50%;margin:0px auto;}
}
@media only screen and (max-width:720px) {
.slideshow2res{width:100%;}
}
@media only screen and (max-width:760px) {
	.fixedcontact{right:-1%;-webkit-transform: rotate(-90deg);
  -ff-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width:40px;
  top:40%;}
  .scrollup{left:90%;bottom:10%;}
}
@media only screen and (max-width:780px) {
h1.logo, div.logo-text h1{margin-left:35px;}
}

@media only screen and (max-width:750px) {
.contact_form ul {width:100% !important;}
.managementMainDiv{
	 height:auto;margin:1%;
 }
 .managementMainDiv2{
	 height:auto;margin:1%;
 }
 .managementLeftDiv{
	 width:100% !important;height:auto;float:left;
 }
 .managementRightDiv{
	 width:100% !important;height:auto;border:0px solid #000;float:right;
 }
 .managementImgDiv{
	width:20% !important;height:auto;float:left;
 }
}

@media only screen and (max-width:985px) {
.address1,.address2,.working,.download{width:100%;}
}
@media only screen and (max-width:1024px) {
	.callDiv{font-size:17px;}
	.social{margin-right:0%;}
}
@media only screen and (max-width:1132px) {
.socialDiv{margin-right:0%;}
}
@media only screen and (max-width:1186px) {
	.slideshowbg{margin:0px auto;}
	.pages{margin:0%;}
}


@media only screen and (min-width: 40px) and (max-width: 100px){ 
#Table_800 {
	display:none;
}
#Table_500 {
	display:none;
}
#Table_300 {
	display:block;
}
#manimage {
	margin-left:4%;
}
/*#careertoPopup {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
	font-size: 10px;
    left: 50%;
    margin-left: 2px;
    position: fixed;
    top: 50%;
    width: 50px;
    z-index: 9999;
}
*/
}
@media only screen and (min-width: 100px) and (max-width: 553px){ 
#Table_800 {
	display:none;
}
#Table_500 {
	display:none;
}
#Table_300 {
	display:block;
}

#manimage {
	margin-left:5%;
}
/*#careertoPopup {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
	font-size: 10px;
   
    margin-left: -28%;
    position: fixed;
    top: 50%;
    width: 50%;
    z-index: 9999;
}*/

}

@media only screen and (min-width: 554px) and (max-width: 800px){ 
#Table_800 {
	display:none;
}
#Table_500 {
	display:block;
}
#Table_300 {
	display:none;
}

#manimage {
	margin-left:7%;
}

/*#careertoPopup {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
	font-size: 10px;
   
    margin-left: -28%;
    position: fixed;
    top: 50%;
    width: 50%;
    z-index: 9999;
}*/

}

@media only screen and (min-width: 801px) and (max-width: 1000px){ 
#Table_800 {
	display:none;
}
#Table_500 {
	display:block;
}
#Table_300 {
	display:none;
}

#manimage {
	margin-left:10%;
}

}

@media only screen and (min-width: 1001px) and (max-width: 1359px){ 
#Table_800 {
	display:block;
}
#Table_500 {
	display:none;
}
#Table_300 {
	display:none;
}

#manimage {
	margin-left:14%;
}

}


@media only screen and (min-width: 1360px) and (max-width: 1364px){ 
#Table_800 {
	display:block;
}
#Table_500 {
	display:none;
}
#Table_300 {
	display:none;
}
}

@media only screen and (min-width: 1365px) and (max-width: 9999px){ 
#Table_800 {
	display:block;
}
#Table_500 {
	display:none;
}
#Table_300 {
	display:none;
}
}
<!--career ends-->