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

	/*  main container  */
	.main { width: 98%; }
	
/* header wrapper */
#headerWrapper { position: relative; height: 150px; }
#headerWrapper .mobBtn { display: block; position: absolute; top: 120px; right: 5px; z-index: 9999; width: 26px; height: 22px; text-indent: -9999px; z-index: 2px; background: url('../images/mob-nav.png') no-repeat; }

	/* menu area */
	.menuArea { margin: 2%; padding: 3%; width: 90%; position: absolute; top: 131px; left: 0; z-index: 999999; display: none; background: none;   }
	.menuArea li { padding: 3px 8px; margin: 3px 0; width: 100%; border-radius: 3px; background: url('../images/menu-img.png') repeat-x; }
	.menuArea li a { padding: 0px; display: block;  }
	.menuArea li:hover { background: #000; }
	.menuArea li.home  { display: none; }
	.menuArea li.text a { color:#fff; display: block;  font-family: 'ralewayregular'; font-size: 19px;  }
	
	/* header area */
	.headerArea { height: 150px; background: url('../images/header-bg2.png') repeat-x; 	 }
	.headerRight { width: 98%; float:left; }
	.socialLink { width: 80%; margin:5px auto 0 auto; }
	.socialLink ul {  list-style: none; float: left; margin: 0px; padding: 0px; }
	.callArea { width: 90%; margin: 0 auto; padding: 0px; }
	.callArea p { margin: 5px 0 0 0; line-height: 18px; font-size: 14px; }
	
/* banner wrapper */
#bannerWrapper{  margin-top: 48px;}
	
	.bannerArea a { cursor: pointer; display: block; width: 50px; height: 50px; text-indent: -99999px; }
	.bannerArea ul li img { width: 120px; margin: 10px	 30%; padding: 20px 0; }
	.bannerArea .sliderThumb { margin: 0px; width: 100%; float: left; background:none; }
	.bannerArea .sliderThumb h2 { padding: 0px; margin:0px; font-size: 20px; line-height: 20px; text-transform: uppercase;  }
	.bannerArea .sliderThumb h2.text { line-height: 30px; font-size: 20px; }
	.bannerArea .sliderThumb h4 { padding: 10px 3px; margin: 0px; font-size: 19px; line-height: 20px; color:#000; }
	.bannerArea .sliderThumb span { margin-left: 20px; font-size:20px; color:#000; }
	.bannerArea #cycle-prev  { top: 230px; left: 0px;  }
	.bannerArea #cycle-next  { top: 230px; right: 10px; }
	
/* content wrapper */
#contentWrapper{ width:100%; float: left; }
#contentWrapper #content { height: 50px; }
#contentWrapper #content h2 { padding: 5px 0 0 35px; font-size: 18px;}

	/* content area */
	.contentArea { padding: 20px 0; margin:48px 0px 0px; width: 98%; float: left;  }	
	.clear { clear: both; width: 100%; height: 0px; font-size: 0px; }
	.contentArea h1 { padding: 20px 0 0 0; font-size:22px; line-height:25px; }
	.contentArea h1.text { padding-bottom: 20px; text-align: center; color: #ee6b36; }
	.contentArea h2{  padding: 20px 0;}
	.contentArea h3 { width: 100%; float: left; font-size: 16px; }
	.contentArea h3.small{ font-family: 'ralewaymedium'; font-size:14px; font-weight:normal; padding: 0px; margin:0px; color:#e9681f;}
	.contentArea h3.text { padding-bottom: 20px; }
	.contentArea h4{ font-family: 'ralewaymedium'; font-size:18px; font-weight:normal; padding: 0px; margin:0px; color:#fff;}
	.contentArea h5{  font-size:14px;}
	.contentArea i { font-family: 'ralewaymedium'; font-size:12px; font-weight:normal; color:#000; }
	.contentArea span {  font-size:14px; font-weight: normal; line-height: 22px; font-size: 12px; }
	
	.contentArea p.textContr { padding: 0 0 8px 0; margin:0px; line-height: 18px; } 
	.contentArea h2.text { text-align: left; padding: 10px 0; font-weight:bold; color:#e87a0e; font-size: 18px;}
	.contentArea h3 a { text-decoration: none; color:#000;}
	.contentArea h3 a:hover { text-decoration:underline; }

	.contentArea .administrative { width:100%; float: left; padding: 0 0 10px 0; }
	.contentArea .administrative ul { list-style: none; margin:0px; padding: 0px; }
	.contentArea .administrative li { font-family: 'ralewayregular'; font-size: 15px; color: #000; padding: 0 0 8px 0; }
	.contentArea .administrative li span { font-weight:bold; font-family: 'ralewaymedium'; font-size: 15px; color: #000; width:180px; float:left;  }
	.contentArea .administrative li b { padding: 0 10px 0 0;  font-family: 'ralewaymedium'; font-size: 15px; color: #000; }
	


     .contentArea .download{ width:100%; padding:0px; margin:0px;}
    .contentArea .downloadleft { padding:0px; margin:0px; float:left;}
	.contentArea .downloadright .btn { padding: 6px; width: 100px; margin: 6px 0 20px 0; float:right; text-align: center; border-radius: 5px; font-family: 'ralewayregular'; color:#fff; text-decoration: none; font-size: 15px; background: url('../images/btn-bg.png') repeat-x;  }
	.contentArea .downloadright .btn:hover { background: url('../images/btn-bg-hover.png') repeat-x; } 

	/* service area */
	.serviceArea { padding: 10px 0 30px 0;}
	.services ul { list-style: none;  margin: 0px; padding: 0px; }
	.services li { width: 98%; float: left; margin-right: 0px; }
	.services li .desc { width: 100%; float: right; }
	.services li .desc p { padding: 0p 10px; text-align: justify; }
	.services li .desc a.readmore { float: right; font-size: 12px; }

	/* service detail */
	.servicesDetail { padding: 0 0 680px 0; width:100%; float: left; }
		
		.overlayText { width: 100%; float: left; }
		.overlayText p { text-align: justify;}
		.schoolDetail { margin: 20px 0; float: left; width: 100%;  height:auto; }
		.schoolDetail h3 { padding: 10px 0;  font-size: 17px; text-align: center; }
		.schoolDetail p { padding: 10px 5px 30px 5px;  font-size: 12px; text-align: justify; line-height: 13px; }
		.schoolContr { width: 280px; float: left; }
		
	/* cont left */
	.contleft { width:98%; float: left; }

		.modulesLink  { width: 320px; float: left; padding:0px; margin:0px; }
		.modulesLink ul li { margin:0px;  font-size:14px; }
		.schoolLink { padding:0px; margin:0px; width: 100%; float: left; }
		.schoolLink ul { padding:0px; margin: 10px 0 0 0; }
				
		.viewDemo img { width: 100%; float: left;}
		td.image { width: 98%; float: left; margin-bottom: 15px;}
		td.image img { width: 100%;  float: left; display: block;}
		td.image2 { width: 98%; float: left;}
		td.image2 img { width: 100%;  float: left; display: block;}
		
		/* cont right */
		.contright{ float:left; width:100%; height:auto; }
		.contright img { float:left; margin: 20px 0 20px 10px;}
		.contmenu { width: 100%; float: left; }
		.contmenu p { color:#fff; font-size: 20px; text-align: center;}
		.schoolp{ width: 100%; float: left;}
	
		.contform { margin: 30px 0 0 0; width: 100%; float: left;}
		.contform p { text-align:center;  color:#fff; font-size:20px; }
		.pad02 { width: 40px }
		
		/* price deatil*/
		.price { margin-top: 10px; background-image: none; width: 100%;  }
		.price01 { width:100%; height:auto; float:left; margin-left:30px; margin-top: 20px; color:#000;}
		.price02 { width:100%; height:auto; float:left; margin: 20px 0 0 30px; }
		.price03 { width:100%; height:auto; float:left; margin-left:30px; margin-top: 30px;}
				
		span.font { font-family:Arial; font-size:14px; font-family: 'ralewayregular'; font-style:normal; font-weight:bold; text-align: center; color:#000; text-decoration:none; }
		span.font a { text-decoration: none; color:#000 }
		span.fonttext {  color:#000; margin:0 0 10px 10px; font-weight:bold; text-align: left; }
		span.fonttext2 {  font-weight:bold; color:#000; margin: 10px 0 0 10px; text-align: left; }
		.open {color:#000;  font-weight:bold;  margin:0px; float: left; }
		.Professional { color:#000; margin: 0 0 0 10px; font-weight:bold; }
		
		.Standard1 {  color:#000; margin:20px 0 0 0;  } 
		.Professional1 {  color:#000; margin:20px 0 0 0; } 
		.Enterprise1  { color:#000;  margin:20px 0 0 0;  }
		
		.aligncenter { text-align:center;}
		.pad { padding:4px; font-family:Arial; font-size:13px; color:#363636; font-style:normal; font-weight:lighter; line-height:20px; }
		.pad01 { padding:8px; font-family:Arial; font-size:14px; color:#000; font-style:normal; line-height:20px; }
		.adminbold{ font-size:18px; font-family:Arial; font-weight:bold; color:#2a91c4;}
		
		.loginboxdiv { padding: 0px; height: 25px;  background: none; border: 1px solid #dddddd; border-radius: 3px; padding: 10px; margin-bottom: 8px;  }
		.loginbox {    padding: 0px; height: 25px; }
		.txtarea { width: 80%;} 
		strong { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight: normal;}
		td.tdwidth3 { float: left; }
		
/* footer wrapper */
#footerWrapper { width:100%; float: left; background: url(../images/contr-bg2.png) repeat-x;  }

	/* footer top */
	.footerTop { width:100%; float: left; background: #f7fcfe; }
	.footerTop ul { list-style: none; padding: 0px; margin: 0px; }
	.footerTop li { float: left; }	
	.footerTop li a { padding: 8px 6px;  font-size: 12px;}
	
	/* footer bottom */
	.footerBottom { width: 100%; float: left; height: 50px; }
	.footerBottom p { margin: 0px; padding: 10px 0; font-size: 16px; color: #fff; text-align: center;  }
     .footerBottom ul {  list-style: none; float: right; margin-top: -40px; display:none }
    .footerBottom li { padding: 0 0 0 8px; float: right; width: 27px; height: 27px; display:none }
    .footerBottom li img { float: right; display: block; display:none }

	
}

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

	/*  main container  */
	.main { width: 98%; }
	
/* header wrapper */
#headerWrapper { position: relative; height: 75px; }

	/* menu area */
	.menuArea li { padding-top: 10px; line-height: 20px;  }
	.menuArea li a  { padding: 0 0 0 8px; font-size: 13px; }
	.menuArea li.home a { margin: -10px 0 0 0;}
	
	/* header area */
	.headerArea { height: 75px;}
	.headerRight { width: 98%; float:left; position: relative; }
	.socialLink ul {  list-style: none; float: left; margin: 0px; padding: 0px;  position: absolute; bottom: 10px; right: 0px;}
	.callArea p { margin: 5px 0 0 0; line-height: 18px; font-size: 14px; position: absolute; bottom: 45px; right: -5px; }
	
/* banner wrapper */
#bannerWrapper{  margin-top: 70px;}
	
	
	/* banner area */
	.bannerArea { width:100%; float: left; position: relative;}
	.bannerArea ul { list-style: none;  margin: 0px; padding: 0px; }
	.bannerArea ul li { padding: 0px; float: left; width: 100%; }
	.bannerArea a { cursor: pointer; display: block; width: 70px; height: 70px; text-indent: -99999px; }
	.bannerArea ul li img { margin-top: 150px; width: 180px;  }
	
	.bannerArea .sliderThumb { margin: 0px; width: 461px; position: absolute; top: 20px; right: 0px; height: 241px; background: url('../images/slider-thumb2.png') no-repeat; }
	.bannerArea .sliderThumb h2 { padding: 25px 70px 0px 140px; text-align: center; font-size: 19px; line-height: 20px;	 }
	.bannerArea .sliderThumb h2.text { padding: 25px 50px 0px 120px; text-align: center; font-size: 18px; line-height: 19px;}
	.bannerArea .sliderThumb h4 { padding: 0px 80px 0px 90px; margin: 40px 0 80px 0px;font-size: 16px; line-height: 19px; }
	.bannerArea .sliderThumb span { margin-left: 50px; font-size: 28px; color:#fff;  }
	.bannerArea #cycle-prev  { position: absolute; top: 40px; left: 100px;  }
	.bannerArea #cycle-next  { position: absolute; top: 40px; left: 180px;}
	
	
/* content wrapper */
#contentWrapper{ width:100%; float: left; }
#contentWrapper #content { height: 50px; }
#contentWrapper #content h2 { padding: 5px 0 0 35px; font-size: 18px;}

	/* content area */
	.contentArea { padding: 20px 0; margin: 70px 0px 0px; width: 100%; float: left;  }	
	.clear { clear: both; width: 100%; height: 0px; font-size: 0px; }
	.contentArea h1 { padding: 20px 0 0 0; font-size:22px; line-height:25px; }
	.contentArea h1.text { padding-bottom: 20px; text-align: center; color: #ee6b36; }
	.contentArea h2{  padding: 20px 0;}
	.contentArea h3 { width: 100%; float: left; font-size: 16px; }
	.contentArea h3.small{ font-family: 'ralewaymedium'; font-size:14px; font-weight:normal; padding: 0px; margin:0px; color:#e9681f;}
	.contentArea h3.text { padding-bottom: 20px; }
	.contentArea h4{ font-family: 'ralewaymedium'; font-size:18px; font-weight:normal; padding: 0px; margin:0px; color:#fff;}
	.contentArea h5{  font-size:14px;}
	.contentArea i { font-family: 'ralewaymedium'; font-size:12px; font-weight:normal; color:#000; }
	.contentArea span {  font-size:14px; font-weight: normal; line-height: 22px; font-size: 12px; }
	.contentArea p.textContr { padding: 0 0 8px 0; margin:0px; line-height: 18px; } 
	.contentArea h2.text { text-align: left; padding: 10px 0; font-weight:bold; color:#e87a0e; font-size: 18px;}
	.contentArea h3 a { text-decoration: none; color:#000;}
	.contentArea h3 a:hover { text-decoration:underline; }

	.contentArea .administrative { width:100%; float: left; padding: 0 0 10px 0; }
	.contentArea .administrative ul { list-style: none; margin:0px; padding: 0px; }
	.contentArea .administrative li { font-family: 'ralewayregular'; font-size: 15px; color: #000; padding: 0 0 8px 0; }
	.contentArea .administrative li span { font-weight:bold; font-family: 'ralewaymedium'; font-size: 15px; color: #000; width:180px; float:left;  }
	.contentArea .administrative li b { padding: 0 10px 0 0;  font-family: 'ralewaymedium'; font-size: 15px; color: #000; }
	.contentArea a.download { width: 250px; float: left;}
	.contentArea .download a { padding: 10px; width: 120px; margin: 10px 0 30px 0; float: left; text-align: center; border-radius: 5px; font-family: 'ralewayregular'; color:#fff; text-decoration: none; font-size: 17px; background: url('../images/btn-bg.png') repeat-x;  }
	.contentArea .download a:hover { background: url('../images/btn-bg-hover.png') repeat-x; } 
	

    .contentArea .download{ width:100%; padding:0px; margin:0px;}
    .contentArea .downloadleft { padding:0px; margin:0px; float:left;}
	.contentArea .downloadright .btn { padding: 6px; width: 100px; margin: 6px 0 20px 0; float:right; text-align: center; border-radius: 5px; font-family: 'ralewayregular'; color:#fff; text-decoration: none; font-size: 15px; background: url('../images/btn-bg.png') repeat-x;  }
	.contentArea .downloadright .btn:hover { background: url('../images/btn-bg-hover.png') repeat-x; } 



	/* service area */
	.serviceArea { padding: 10px 0 30px 0;}
	.services ul { list-style: none;  margin: 0px; padding: 0px; }
	.services li { width: 98%; float: left; margin-right: 0px; }
	.services li .desc { width: 100%; float: right; }
	.services li .desc p { padding: 0p 10px; text-align: justify; }
	.services li .desc a.readmore { float: right; font-size: 12px;}
	
	/* service detail */
	.servicesDetail { padding: 0 0 90px 0; width:100%; float: left; height: 270px; border-top: 1px solid #fff; background: #f4fcff url('../images/blue-bg1.jpg') repeat-x; }
		
		.overlayText { width: 30%; float: left; }
		.overlayText h3 { padding: 5px 0 8px 0; font-size: 14px; }
		.overlayText p { padding: 5px 5px 0 5px; font-size: 12px; line-height: 18px; text-align: justify; }
		
		.schoolDetail { margin: -40px 0 60px 10px; width: 40%; float: left; height: 375px;}
		.schoolDetail h3 { padding: 10px 5px; font-size: 13px; }
		.schoolDetail p {padding: 5px 10px; font-size: 9px; line-height:13px; }
		
		.schoolContr { width:25%; float: right; }
		.schoolContr img { width: 100%; }
		.schoolContr span {font-size: 14px; }
		.schoolContr span.web { width: 85px;  }
		
		
	/* cont left */
	.contleft { width:98%; float: left; }

		.modulesLink  { width: 320px; float: left; padding:0px; margin:0px; }
		.modulesLink ul { padding:0px; margin-top: 30px; }
		.modulesLink ul li { margin:0px;  font-size:14px; }
		.schoolLink { padding:0px; margin:0px; width: 100%; float: left; }
		.schoolLink ul { padding:0px; margin: 30px 0 0 0; }
		
		.viewDemo img { width: 100%; float: left;}
		td.image { width: 98%; float: left; margin-bottom: 15px;}
		td.image img { width: 100%; float: left; display: block;}
		td.image2 { width: 98%; float: left;}
		td.image2 img { width: 100%;  float: left; display: block;}
		
		/* cont right */
		.contright{ float:left; width: 100%; height:auto; }
		.contright img { float:left; margin: 20px 0 20px 10px;}
		
		.contmenu { width: 98%; float: left;  }
		.contmenu p { text-align:left; padding:15px 10px; margin: 0px; color:#fff; font-size:20px; text-transform: uppercase; font-family: 'ralewaymedium';  }
		.schoolp{ padding:0px 10px; margin:0px; width: 96%; float: left;}
		
		.contform { margin: 20px 0; width: 50%; float: left;}
		
		/* price deatil*/
		.price { background-image:url(../images/pricing_bg2.png); background-repeat:no-repeat; width:590px; height:474px; margin: 0 auto;  }
		.price01 { width:185px; height:474px; float:left; margin-left:10px;}
		.price02 { width:202px; height:474px; float:left;}
		.price03 { width:180px; height:474px; float:left; margin-left:10px;}
		
		.enterpriselink { padding:0px; margin:0px; width: 100%; float: left; }
		.enterpriselink ul { padding:0px; margin: 10px 0 0 0; }
		.enterpriselink ul li { margin:2px; color:Navy; line-height:17px;   font-size:12px;  padding-left:25px; }

		span.fonttext { font-size:11px;  color:#fff; margin:0 0 0 10px;  }
		span.fonttext2 { font-size:12px; color:#fff; }
		.open { font-size:14px;  color:#fff; margin:70px 50px 0 70px; }
		.Professional { font-size:14px; color:#fff; margin:25px 50px 5px 75px;  }
		
		.Standard1 {color:white; font-weight:normal; font-family: Raleway; margin:35px 0 0 0; font-size: 13px; text-align: center;} 
		.Professional1 {  color:white; font-family: Raleway; font-weight:normal; margin: 16px 0 0 0; font-size: 13px; text-align: center; } 
		.Enterprise1  { color:white; font-weight:normal; font-family: Raleway; margin:35px 0 0 0; font-size: 13px; text-align: center;} 
		
		.aligncenter { text-align:center;}
		.pad { padding:4px; font-family:Arial; font-size:13px; color:#363636; font-style:normal; font-weight:lighter; line-height:20px; }
		.pad01 { padding:8px; font-family:Arial; font-size:14px; color:#000; font-style:normal; line-height:20px; }
		.adminbold{ font-size:18px; font-family:Arial; font-weight:bold; color:#2a91c4;}
		
		.loginboxdiv { width: 100%;  padding: 0px; height: 25px;   background: none; border: 1px solid #dddddd; border-radius: 3px; padding: 10px; margin-bottom: 8px;  }
		.loginbox { width: 100%;  padding: 0px; height: 25px;  }
		.txtarea { width: 100%;}
		strong { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight: normal;}
		tr.tdwidth { width: 290px; float: left; }
		tr.tdwidth2 { width: 305px; float: right; }
		.contentArea .chekDetail { width: 500px; float: right;}
		
/* footer wrapper */
#footerWrapper { width:100%; float: left; background: url(../images/contr-bg2.png) repeat-x;  }

	/* footer top */
	.footerTop { width:100%; float: left; background: #f7fcfe; }
	.footerTop ul { list-style: none; padding: 0px; margin: 0px; }
	.footerTop li { float: left; }
	.footerTop li a { padding: 8px 8px;  font-size: 12px;}
	
	/* footer bottom */
	.footerBottom { width: 100%; float: left; height: 50px; }
	.footerBottom p { margin: 0px; padding: 10px 0; font-size: 16px; color: #fff; text-align: center;  }
     .footerBottom ul {  list-style: none; float: right; margin-top: -40px; display:none; }
    .footerBottom li { padding: 0 0 0 8px; float: right; width: 27px; height: 27px; display:none }
    .footerBottom li img { float: right; display: block; display:none; }



}