@charset "utf-8";

@media only screen and (min-width : 320px) and (max-width : 600px) {

.BlueStripInnerDiv{ width:96%; height:auto; margin:2% 0 2% 2%; }
.QuickContactDiv{ width:100%; height:auto; float:left; }
.TopLinkDiv{ width:100%; height:auto; float:left; }


.HeaderInnerDiv{ width:100%; height:auto; margin:1% 0 0 0; }
.Logo{ width:154px; height:63px; float:left; margin:2% 0 0 2%; }
#MenuWrapper{ width:100%; height:auto; margin:2% 0 0 0; }

.BodyInnerDiv{ width:96%; height:auto; }

#BodyWrapper{ width:100%; height:auto; padding:2% 0 2% 0; }
.WelcomeContent{ width:100%; height:auto; float:left; margin:0; background:url(../images/shadow.png) no-repeat scroll center bottom; }
.WelcomeContent > h1{ width:100%; height:auto; }
.WelcomeContent > p{ width:100%; height:auto; }


.ServicesOuterDiv{ width:100%; height:auto; margin:5% 0 0 0; }
.CreativeDesignBox{ width:235px; height:228px; margin-bottom:2%; }
.PremiumSupportBox{ width:235px; height:228px; margin-bottom:2%; }

.OurProcessInnerDiv{ width:96%; height:auto; }
.ThreeStepOuter{ width:100%; height:auto; float:left; }
.ThreeStepOuter > h1{ width:100%; height:auto; }
.RequirementTitle{ width:100%; height:auto; }
.RequirementOuterDiv{ width:100%; height:auto; }
.RequirementOuterDiv > p{ width:100%; height:auto; float:left; margin-top:2%; }
.RequirementIcon{ width:57px; height:57px; margin:0; }


.OurServicesOuter{ width:100%; height:auto; float:left; margin-top:5%; }
.OurServicesOuter > h1{ width:100%; height:auto; }
.container { width:100%; height:auto; }

.acc_trigger { height:auto; width:100%; background:url(../images/hide-show.png) no-repeat scroll right 0 transparent; }
.activeToggle { width:100%; height:40px; line-height:40px; background-position: right bottom;}
.acc_trigger a { width:100%; height:40px; background-position:right bottom; }
.acc_container { width:100%; height:auto; }
.acc_container > p{ width:100%; height:auto; }


.ImageInnerDiv{ width:96%; height:auto; }
.ImageInnerDiv > h1{ width:100%; height:auto; }
#ImageScroller{ width:100%; height:130px; }


.FooterInnerDiv1{ width:96%; height:auto; margin-top:2%; margin-bottom:2%; }
.FooterInnerDiv2{ width:96%; height:auto; }

.FooterInnerDiv3{ width:96%; height:auto; }
.FooterLinkDiv{ width:100%; height:auto; }
.CopyRightDiv{ width:100%; height:auto; float:left; text-align:left; margin-top:3%; }

/*	_INNER PAGE
-----------------------------------------------*/

#PagePathWrapper ul{ width:96%; height:35px; }

.InnerPageNavigation{ width:100%; height:auto; }
.InnerPageNavTitle{ width:100%; height:45px; }
.container2 { width:100%; height:auto; }
.acc_trigger2{ width:100%; height:auto; background-position:right top;}
.acc_trigger02{ width:100%; height:auto;}

.activeNew { width:100%; height:40px; line-height:40px; background-position: right bottom;}

.acc_trigger2 a { width:100%; height:40px; }
.acc_container2 { width:100%; height:auto; }
.acc_container2 li a{ width:100%; height:auto; }
.acc_container2 a.selected{ width:100%; height:auto; }


.InnerPageContWrapper{ width:100%; height:auto; float:left; margin-top:3%; }


/*	_CAREER PAGE
-----------------------------------------------*/
#CareerBoxWrapper{ width:100%; height:auto; float:left; }
.CareerBoxTitle{ width:100%; height:45px; }
.CareerBoxTitle2{ width:100%; height:auto; }

.SkillList{ width:100%; height:auto; margin:0; }
.SkillList ul{ padding:0; margin:0; }
.SkillList li{ width:100%; height:auto; padding-left:0; background-image:none; }

#jobs-list { width: 100%; height:auto; }
#job-info {width:100%; height:auto; }
.CareerBoxTitle{ width:100%; height:auto; }

.details-list { width:96%; height:auto; margin-left:2%; margin-top:2%; }
.JobLocation{ width:96%; height:auto; margin:0 0 0 2%; }
.SendResume{ width:96%; height:auto; margin:2% 0 2% 2%; }

/*	CONTACT US PAGE
-----------------------------------------------*/

.AddressDiv{ width:100%; height:auto; margin-top:2%; }
.AddressDiv h1{ width:100%; height:auto; }
.AddressDiv p{ width:100%; height:auto; }

.AddressDiv2{ width:100%; height:auto; margin-top:2%; }
.AddressDiv2 h1{ width:100%; height:auto; }
.AddressDiv2 p{ width:100%; height:auto; }


/*	_CLIENTELE PAGE
-----------------------------------------------*/

.container3 { width:100%; height:auto; float:left; margin:0; }

.acc_trigger3 { background:url(../images/hide-show3.png) no-repeat scroll right 0 #f4f4f4; height:auto; width:100%; }

.acc_trigger3 a { width:100%; height:40px; }
.acc_trigger3:hover{ background:url(../images/hide-show3.png) no-repeat scroll right bottom #2d2d2d; }

.ActiveTab3 { width:100%; height:40px; line-height:40px; background:url(../images/hide-show3.png) no-repeat scroll right bottom #2d2d2d; }
.ActiveTab3 a{ color:#fff;}

.acc_container3 { width:100%; height:auto; float:left; }

.accListLeft{ width:96%; height:auto; float:left; margin-left:2%;  }
.accListLeft ul{ padding:0; margin:0; }
.accListLeft li{ width:100%; height:30px; line-height:30px; float:left; }

.accListRight{ width:96%; height:auto; float:left; margin-left:2%; }
.accListRight ul{ padding:0; margin:0; }
.accListRight li{ width:100%; height:30px; }



/*	_CORPORATES PAGE
-----------------------------------------------*/
.CorporateImg{ width:247px; height:252px; float:left; margin:0 0 0 5px; }
.CorporateImg img{ width:245px; height:250px; float:left; margin:1px 0 0 1px; }

.CorporateContDiv{ width:98%; height:auto; float:left; margin:1% 0 0 1%; }

/*	_SMS GATEWAY TBL
-----------------------------------------------*/
.SmsGateWayDiv{ width:100%; height:auto; float:left; }
.SmsGateWayTitleRow{ width:100%; height:auto; float:left; }
.SmsGateWayTitleCol1{ width:30%; height:30px; }
.SmsGateWayTitleCol2{ width:30%; height:30px; }

/*	_ENQUIRY PAGE
-----------------------------------------------*/
.EnquiryInputDiv{ width:100%; height:auto; }
.EnqTitle{ width:100%; height:35px; text-align:left;}
.EnquiryInputBox{ width:100%; height:35px; float:left; margin:0; }
.EnquiryInputSelectBox{ width:100%; height:35px; float:left; margin:0; }
.EnquiryInputCommentBox{ width:100%; height:100px; float:left; margin:0; padding:0; }
.EnquiryInputCodeBox{ width:100%; height:35; float:left; margin:0; }
.EnquiryCapchaBox{ width:100px; height:35px; float:left; margin:10px 0 0 0; }
.EnquirySendBtn{ width:110px; height:40px; float:left; margin:0; }

/*	_BUY COMPUTERS AND PERIPHERALS
-----------------------------------------------*/
.EnqProImgDiv{ width:210px; height:auto; float:left; margin:10px 10px 0 0; }

}

@media only screen and (min-width : 600px) and (max-width : 980px) {

.BlueStripInnerDiv{ width:96%; height:auto; margin:2% 0 2% 2%; }
.QuickContactDiv{ width:325px; height:auto; float:left; }
.TopLinkDiv{ width:auto; height:32px; float:right; }

.HeaderInnerDiv{ width:100%; height:auto; margin:1% 0 0 0; }
.Logo{ width:154px; height:63px; float:left; margin:2% 0 0 2%; }
#MenuWrapper{ width:100%; height:auto; margin:2% 0 0 0; }


.BodyInnerDiv{ width:96%; height:auto; }

#BodyWrapper{ width:100%; height:auto; padding:2% 0 2% 0; }
.WelcomeContent{ width:100%; height:auto; float:left; margin:0; background:url(../images/shadow.png) no-repeat scroll center bottom; }
.WelcomeContent > h1{ width:100%; height:auto; }
.WelcomeContent > p{ width:100%; height:auto; }

.ServicesOuterDiv{ width:100%; height:auto; margin:5% 0 0 0; }
.CreativeDesignBox{ width:235px; height:228px; margin-bottom:2%; }
.PremiumSupportBox{ width:235px; height:228px; margin-bottom:2%; }



.OurProcessInnerDiv{ width:96%; height:auto; }
.ThreeStepOuter{ width:47%; height:auto; float:left; }
.ThreeStepOuter > h1{ width:100%; height:auto; }
.RequirementTitle{ width:100%; height:auto; }
.RequirementOuterDiv{ width:100%; height:auto; }
.RequirementOuterDiv > p{ width:75%; height:auto; }


.OurServicesOuter{ width:47%; height:auto; float:right; margin-top:0; }
.OurServicesOuter > h1{ width:100%; height:auto; }
.container { width:100%; height:auto; }

.acc_trigger { height:auto; width:100%; background:url(../images/hide-show.png) no-repeat scroll right 0 transparent; }
.activeToggle { width:100%; height:40px; line-height:40px; background-position: right bottom;}
.acc_trigger a { width:100%; height:40px; background-position:right bottom; }
.acc_container { width:100%; height:auto; }
.acc_container > p{ width:100%; height:auto; }


.ImageInnerDiv{ width:96%; height:auto; }
.ImageInnerDiv > h1{ width:100%; height:auto; }
#ImageScroller{ width:100%; height:130px; }

.FooterInnerDiv1{ width:96%; height:auto; margin-top:2%; margin-bottom:2%; }
.FooterInnerDiv2{ width:96%; height:auto; }

.FooterInnerDiv3{ width:96%; height:auto; }
.FooterLinkDiv{ width:46%; height:auto; }
.CopyRightDiv{ width:46%; height:auto; float:right; text-align:left; margin:0; }

/*	_INNER PAGE
-----------------------------------------------*/

#PagePathWrapper ul{ width:96%; height:35px; }


.InnerPageNavigation{ width:48%; height:auto; }
.InnerPageNavTitle{ width:100%; height:45px; }
.container2 { width:100%; height:auto; }
.acc_trigger2{ width:100%; height:auto; background-position:right top;}
.acc_trigger02{ width:100%; height:auto;}

.activeNew { width:100%; height:40px; line-height:40px; background-position: right bottom;}

.acc_trigger2 a { width:100%; height:40px; }
.acc_container2 { width:100%; height:auto; }
.acc_container2 li a{ width:100%; height:auto; }
.acc_container2 a.selected{ width:100%; height:auto; }


.InnerPageContWrapper{ width:48%; height:auto; float:right; margin-top:0; }

/*	_CAREER PAGE
-----------------------------------------------*/
#CareerBoxWrapper{ width:100%; height:auto; float:left; }
.CareerBoxTitle{ width:100%; height:45px; }
.CareerBoxTitle2{ width:100%; height:auto; }

.SkillList{ width:100%; height:auto; margin:0; }
.SkillList ul{ padding:0; margin:0; }
.SkillList li{ width:100%; height:auto; padding-left:0; background-image:none; }


#jobs-list { width: 100%; height:auto; }
#job-info {width:100%; height:auto; }
.CareerBoxTitle{ width:100%; height:auto; }

.details-list { width:96%; height:auto; margin-left:2%; margin-top:2%; }
.JobLocation{ width:96%; height:auto; margin:0 0 0 2%; }
.SendResume{ width:96%; height:auto; margin:2% 0 2% 2%; }

/*	CONTACT US PAGE
-----------------------------------------------*/

.AddressDiv{ width:100%; height:auto; margin-bottom:2%; }
.AddressDiv h1{ width:100%; height:auto; }
.AddressDiv p{ width:100%; height:auto; }

.AddressDiv2{ width:100%; height:auto; margin-bottom:2%; }
.AddressDiv2 h1{ width:100%; height:auto; }
.AddressDiv2 p{ width:100%; height:auto; }

/*	_CLIENTELE PAGE
-----------------------------------------------*/

.container3 { width:100%; height:auto; float:left; margin:0; }

.acc_trigger3 { background:url(../images/hide-show3.png) no-repeat scroll right 0 #f4f4f4; height:auto; width:100%; }

.acc_trigger3 a { width:100%; height:40px; }
.acc_trigger3:hover{ background:url(../images/hide-show3.png) no-repeat scroll right bottom #2d2d2d; }

.ActiveTab3 { width:100%; height:40px; line-height:40px; background:url(../images/hide-show3.png) no-repeat scroll right bottom #2d2d2d; }
.ActiveTab3 a{ color:#fff;}

.acc_container3 { width:100%; height:auto; float:left; }

.accListLeft{ width:96%; height:auto; float:left; margin-left:2%;  }
.accListLeft ul{ padding:0; margin:0; }
.accListLeft li{ width:100%; height:30px; line-height:30px; float:left; }

.accListRight{ width:96%; height:auto; float:left; margin-left:2%; }
.accListRight ul{ padding:0; margin:0; }
.accListRight li{ width:100%; height:30px; }



/*	_CORPORATES PAGE
-----------------------------------------------*/
.CorporateImg{ width:247px; height:252px; float:left; margin:0 0 0 5px; }
.CorporateImg img{ width:245px; height:250px; float:left; margin:1px 0 0 1px; }

.CorporateContDiv{ width:98%; height:auto; float:left; margin:1% 0 0 1%; }

/*	_SMS GATEWAY TBL
-----------------------------------------------*/
.SmsGateWayDiv{ width:100%; height:auto; float:left; }
.SmsGateWayTitleRow{ width:100%; height:auto; float:left; }
.SmsGateWayTitleCol1{ width:30%; height:30px; }
.SmsGateWayTitleCol2{ width:30%; height:30px; }

/*	_ENQUIRY PAGE
-----------------------------------------------*/
.EnquiryInputDiv{ width:100%; height:auto; }
.EnqTitle{ width:100%; height:35px; text-align:left;}
.EnquiryInputBox{ width:100%; height:35px; float:left; margin:0; }
.EnquiryInputSelectBox{ width:100%; height:35px; float:left; margin:0; }
.EnquiryInputCommentBox{ width:100%; height:100px; float:left; margin:0; padding:0; }
.EnquiryInputCodeBox{ width:100%; height:35; float:left; margin:0; }
.EnquiryCapchaBox{ width:100px; height:35px; float:left; margin:10px 0 0 0; }
.EnquirySendBtn{ width:110px; height:40px; float:left; margin:0; }

/*	_BUY COMPUTERS AND PERIPHERALS
-----------------------------------------------*/
.EnqProImgDiv{ width:210px; height:auto; float:left; margin:10px 10px 0 0; }
}