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

/**** 1680px *****/
@media only screen and (max-width: 1680px){.rm-nav{ display:none;}}
/**** 1680px end *****/



/**** 1366px *****/
@media only screen and (max-width: 1366px){.rm-nav{ display:none;}}
/**** 1366px end *****/

/**** 1280px *****/
@media only screen and (max-width: 1280px)
{
    .rm-nav{ display:none;}
	
}

/**** 1280px end*****/

/**** 1024px *****/
@media only screen and (max-width: 1024px){

.rm-nav{ display:none;}

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

.rm-nav{ display:none;}
.wrapper {
	width: 970px;
	
}
.footer ul
{
    width:250px;
}
.services_foot{width:830px;}
}
/**** 1024px end *****/

/**** 800px *****/
@media only screen and (max-width: 800px)
{    
.header {
	background: transparent url("../images/header.png") repeat-x scroll 0% 0%;
	height: 108px;
	position: relative;
	
}
#nav {
    float: left; 
       margin-right:0px;
    padding: 12px 0;
    margin-left:25px;
}
#nav li {
	padding: 0px 5px;
}
.sub_menu {
	left: 300px;
}

.services_main {
	padding: 0px 0px 0px;
}

.monitor img {
	margin-left: 60px;
	width:60%;
}

.monitor1 img {
	margin-left: 60px;
	width:60%;
}
.slide1_txt img 
{
    
	margin-left: 50px;
	width: 70%;	
	margin-top:80px;
}
.wrapper {
	width: 768px;
}
.main_about {
	padding: 0px 0px 0px;
}
.main_about h3 {
	text-align: center;
	width: 100%;
	line-height: 33px;
	margin-top:50px;
}
.main_about p {
	width: 600px;
	padding: 0px 0px 10px;
	text-align: center;
}
    .featured-box .p { width:100%;}
.server {
	width: 220px;
	padding: 10px 0px 0px;
	margin-left: 15px;
}
.app_dev {
	width: 220px;
	padding: 10px 20px 0px;
	margin-left: 15px;
}
.erp {
	width: 220px;
	float: left;
	padding: 10px 0px 0px;
	margin-left: 15px;
}
.services_foot {
	width: 514px;
	margin-top: 0px;
}
.follow_us {
	float: left;
	margin-left: 46px;
	margin-top: 4px;
}
.footer ul {
	width: 50%;
}
.footer p {
	text-align: center;
	line-height: 30px;
}
    .featured-box .p { width:100%;}


.page_title {
	margin:0px 0px 0px;
}
.line {
	height:1px;
	top:36px;
}
.aobut_imag {
	width:739px;
	height:114px;
}


.viewport{
    overflow:hidden;
    position:relative;
    float:left;
    width:65%;
    height:auto;
    z-index: 1;
    margin-left:20px;
}

.viewport h3 {
    font-size:18px;
     line-height:26px;
}

.content {
    float:left;
    width:60%;
    margin-left:20px;
}

.inner li {
   text-align: justify;
}

.Cont {
    float: left;
    width: 333px;
}

.map {
    width: 740px;
    height: 350px;
}



}
/**** 800px end *****/




/**** 768px *****/
@media only screen and (max-width: 768px)
{
    .top-header{display:block;}
    .header { /*background: transparent url("../images/header.png") repeat-x scroll 0% 0%;*/ background: none; background-color: #fff; height: 80px; position: relative; top: 0px; }
    .support-form { width: 100%; }
    .tbox { width: 90%; }
    #nav li { padding: 0px 8px; }
    .sub_menu { left: 300px; }
    .services_main { padding: 0px 0px 0px; }

    .monitor img { margin-left: 70px; width: 60%; margin-bottom: -150px; }
    .monitor1 img { margin-left: 100px; width: 60%; margin-bottom: -140px; }
    .slide1_txt img { margin-left: 20px; width: 70%; margin-top: -40px; }
    .wrapper { width: 758px; }
    .main_about { padding: 0px 0px 0px; }
    .main_about h3, h1 { text-align: center; width: 100%; line-height: 33px; font-size: 18px; margin-top: 20px; text-transform:none; font-size:inherit; font-weight:normal;}
    .main_about p { width: 700px; padding: 0px 0px 10px; text-align: center; }
    .featured-box p { width: 100% !important; }
    .server { width: 220px; padding: 10px 0px 0px; margin-left: 15px; }
    .app_dev { width: 220px; padding: 10px 20px 0px; margin-left: 15px; }
    .erp { width: 220px; float: left; padding: 10px 0px 0px; margin-left: 15px; }
    .services_foot { width: 514px; margin-top: 0px; }
    .follow_us { float: left; margin-left: 46px; margin-top: 4px; }
    .footer ul { width: 151px; }
    .footer p { text-align: center; line-height: 30px; }
    .PR { width: 714px; }
    .page_title { margin: 0px 0px 0px; padding-bottom: 10px; }
    .page_title img { width: 95%; }
    .line { height: 1px; top: 36px; display: none; }
    .aobut_imag { width: 693px; height: 104px; }
    .viewport { width: 61%; }
    .viewport h3 { font-size: 18px; line-height: 26px; }
    .Cont { float: left; width: 333px; }
    .map { width: 687px; height: 350px; }
    .logo { font-size: 1.4em; line-height: 40px; margin: 5px 0px 0px; width: 200px; background-color: none; text-align: center; font-weight: bold; letter-spacing: 2px; display: block; float: left; text-decoration: none; color: #FFF; padding: 0px; }
    .logo img { width: 140px; }
    .rm-nav { display: block; z-index: 999; margin: -5px; }
    #nav { float: right; padding: 12px 0px; display: none; }
    .call { display: none; }
    .login { display: none; }
    .rm-container { display: block; }
    .page_title1 { font-size: 30px; line-height: 42px; padding: 15px 0 0; padding-left: 10px; text-transform: uppercase; font-weight: bold; font-size: 22px; }
    .featured-box1 { float:none; padding:0px; width:100%; margin-bottom:30px;}
    .row {margin:0px; padding:15px; }
    .services_main { padding: 0 0 40px; text-align: center; }
    .featured-box h2 { font-size:20px;}
    .slide-on-scroll { display:none;}

}
/**** 768px end *****/



/**** 640px *****/
@media only screen and (max-width: 640px){
/*.royalSlider{display:none;}*/
.content img{width:100%;}
.main_about h3 {
	width: 80%;
	margin:0px auto;
	padding-top:40px;
	
}
.monitor img {
	margin-left: 350px;
	width:40%;
	margin-bottom:-170px;
}
.monitor1 img {
	margin-left: 280px;
	width:50%;
	margin-bottom:-170px;
}
.slide1_txt img {
	margin-left: 20px;
	width: 70%;	
	margin-top: -40px;
}
.servicedetails
{
    display:block;
    
    margin:0px auto;
}
.servicedetails h4{width:80%;}
.servicedetails p{width:80%;}
.mCustomScrollbar{display:none;}
.mCSB_container
{
    width:80% !important;
    padding:10px;
}
.wrapper {
	width: 630px;
}
.main_about p {
	width: 550px;
}
.services_main {
	padding: 0px 0px 0px;
	/*background: transparent url("../images/slide-1.jpg") repeat-y scroll left center;*/
	background:none;
	background-color:#252e4b;
	text-align: center;
	padding-bottom:20px;
}

.tophi {
	margin-top: 0px;
}
.server {
	width: 63%;
	margin-top: 50px;
	margin-left: 109px;
}
.app_dev {
	width: 80%;
	margin-top: 50px;
	margin-left: 40px;
}
.erp {
	width: 63%;
	margin-top: 50px;
	margin-left: 120px;
}
.services_foot {
	width: 600px;
	margin-top: 0px;
	padding-left:30px;
}
.footer ul {
	width: 245px;
}
.follow_us {
	float: left;
	margin-left: 281px;
	margin-top: -160px;
}



.PR { width: 585px}

.aobut_imag {
    width: 584px;
    height: 84px;
}

.viewport{
    width:58%;
}

.viewport h3 {
    font-size:18px;
     line-height:26px;
}

.left_tab {
    width:210px;}
    
.left_tab li a:hover, .left_tab li.active a {
    width:181px;
 }

.content {
    float:left;
    width:58%;
    margin-left:5px;
}

.enquiry{
	width:50%;
	float:left;
	margin-left:-27px;	
}

.Cont {
    float: left;
    width: 233px;
}

.map {
    width: 555px;
    height: 350px;
}


}
/**** 640px end *****/





/**** 480px *****/
@media only screen and (max-width: 480px){
	/*.royalSlider{display:none;}*/
.wrapper {
	width: 460px;
}
.monitor img {
	margin-left: 230px;
	width:47%;
	margin-bottom:-190px;
}
.monitor1 img {
	margin-left: 170px;
	width:60%;
	margin-bottom:-180px;
}
.slide1_txt img {
	margin-left: 20px;
	width: 70%;	
	margin-top: -40px;
}
.main_about p {
	width: 421px;
	text-align: justify;
}
.server {
	width: 63%;
	margin-top: 50px;
	margin-left: 83px;
}
.app_dev {
	width: 67%;
	margin-top: 50px;
	margin-left: 51px;
}
.erp {
	width: 63%;
	margin-top: 50px;
	margin-left: 92px;
}
.Intext_box {
	width: 100%;
}
.footer ul {
	width: 183px;
}
.follow_us {
	float: left;
	margin-left: 209px;
	margin-top: 0px;
}
.services_foot {
	width: 450px;
	margin-top: 0px;
	padding-left:20px;
}


.PR { width: 425px;}

.aobut_imag {
    width: 424px;
    height: 60px;
}


.viewport{
    width:100%;
    margin-left:-10px;
}

.viewport h3 {
    font-size:18px;
     line-height:26px;
}

.left_tab {
    width:100%;
    background-image:none;
     border:solid 1px #ddd;
     border-radius:5px;
     min-height: auto;
     background-color:#eee;
     }
    
.left_tab li a:hover, .left_tab li.active a {
    
    background-image:none;
    background-color:#ff6501;    
    width:96.5%;
     height:15px;
 }
.left_tab li a
{
    width:96.5%;
    height:15px;
    border-bottom:solid 1px #ddd;
    
}
.left_tab li {
  
  padding:0px;
  line-height:15px;
  width:100%;
}


.content {
    float:left;
    width:95%;
    margin-left:5px;
}

.eqimg{ display:none;
	}

.enquiry{
	width:85%;
	float:left;
	
}

.submit01 {
    float: left;
   padding: 10px 155px;
}

.Cont {
    float: left;
    width: 233px;
}

.map {
    width: 387px;
    height: 222px;
}

.e_conver {
    float: left;
    width: 350px;
}

.ContBox {
    width: 366px;
}
.services_main img{width:200px;}

}
/****480px end *****/


/**** 360px *****/
@media only screen and (max-width:360px){
	/*.royalSlider{display:none;}*/
	.monitor img {
	margin-left: 150px;
	width:47%;
	margin-bottom:-190px;
}
.monitor1 img {
	margin-left: 120px;
	width:60%;
	margin-bottom:-180px;
    
}
.slide1_txt img {
	margin-left: 20px;
	width: 80%;	
	margin-top: -80px;
    display:block;
}
.wrapper {
	width: 350px;
	
}
.main_about h3 {
	width: 85%;
	margin:0px auto;
	
}
.main_about p {
	width: 295px;
	font-size:13px;
	line-height:20px;
	
}
.server {
	width: 93%;
	margin-top: 30px;
	margin-left: 20px;
}
.app_dev {
	width: 80%;
	margin-top: 30px;
	margin-left: 22px;
}
.erp {
	width: 87%;
	margin-top: 30px;
	margin-left: 20px;
}
.services_foot {
	width: 315px;
	margin-top: 0px;
	padding-left:20px;
}
.footer ul {
	width: 100%;
}
.follow_us {
	float: left;
	margin-left: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
}


.PR {width:310px}


.aobut_imag {
    width: 322px;
    height: 55px;
}
	
	
.submit01 {
    padding: 10px 107px;	
}


.Cont {
    float: left;
    width: 100%;
}

.map {
    width: 288px;
    height: 222px;
}

.e_conver {
    float: left;
    width: 320px;
}
.ContBox {
    width: 265px;
}
.services_main img{width:200px;}

}
/**** 360px end *****/




/**** 320px *****/
@media only screen and (max-width: 320px){
	.monitor img {
	margin-left: 140px;
	width:47%;
	margin-bottom:-190px;
}
.monitor1 img {
	margin-left: 110px;
	width:60%;
	margin-bottom:-180px;
}
.slide1_txt img {
	margin-left: 20px;
	width: 80%;	
	margin-top: -60px;
    display:block;
}
    #left_bar_hide_show { padding:5px; font-size:12px; width:45px;}
.wrapper {
	width: 310px;
}
.main_about p {
	width: 265px;
}
.footer ul {
	width: none !important;
}
.services_foot {
	width: 265px;
}

.PR {width:280px;}


.aobut_imag {
    width: 281px;
    height: 45px;
}

.submit01 {
    padding: 10px 94px;
}

.Cont {
    float: left;
    width: 210px;
}


.ContBox {
    width: 240px;
}

.map {
    width: 252px;
    height: 222px;
}

.e_conver {
    float: left;
    width: 290px;
}

}
/**** 320px end*****/