
@media (max-width: 900px){
	.tech-ul-main1{ min-height: 350px }
}
@media only screen and (min-width : 768px) and (max-width : 800px) {
	.slider-list h2{ min-height: 250px; text-align: justify }
	.address1 li{ padding: 0 0 0 35px; }
	.place{ padding: 10px 0 10px 35px; }
	.pricing-tbl h3{ font-size: 19px }
	.form-right{ width: 100%; max-width: 320px; }
	.cont-input2{ width: 100% }
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	/*#index a.home-icons, .serviceoffering a {
		width: 32%;
		height: 7em;
		margin: 0 1% 8px 0;
	}*/
	h3{ font-size: 20px }
	.serv-offer-aside a { width: 90%; height: 60px; font-size:90%; }
	.serviceoffering a br { display: none; }
	.title_t {
		bottom: 6px;
		left: 0;
		width: 100%;
	}
	.service_title {
		bottom: 6px;
		width: 100%;
	}
	
	/* .serv-offer-aside .service_title { display: none; } */
	/*.serv-offer-aside a.remote{ background: url("../images/appdev.png") no-repeat center center #53B8E7; }
	.serv-offer-aside a.grap{ background: url("../images/gra.png") no-repeat center center #E27718; }
	.serv-offer-aside a.consul{ background: url("../images/consul.png") no-repeat center center #A2D03E; }
	.serv-offer-aside a.internet{ background: url("../images/web.png") no-repeat center center #F2D012; }
	.serv-offer-aside a.software_mod{ background: url("../images/software.png") no-repeat center center #D70DB3; }
	.serv-offer-aside a.software_doc{ background: url("../images/software_doc.png") no-repeat center center #2A88EE; }*/
	/* dts 09/01/14 */
	/* .serv-offer-aside a.remote{ background: url("../images/appdev.png") no-repeat center center #2aa8e3; }
	.serv-offer-aside a.grap{ background: url("../images/gra.png") no-repeat center center #17617e; }
	.serv-offer-aside a.consul{ background: url("../images/consul.png") no-repeat center center #92ba48; }
	.serv-offer-aside a.internet{ background: url("../images/web.png") no-repeat center center #f09601; }
	.serv-offer-aside a.software_mod{ background: url("../images/software.png") no-repeat center center #00a388; }
	.serv-offer-aside a.software_doc{ background: url("../images/software_doc.png") no-repeat center center #d9544f; } */
	/* --dts 09/01/14 */


/* dts 09/01/14 */
	

}

@media only screen and (max-width : 767px) {
	.technology_map img{ max-height: auto; max-width: auto }
	.bad-doc h3{ border-top: 1px solid #b0b0b0 }
	.softdoc-tabl1 > div:last-child h3{ border-top: 1px solid #b0b0b0 }
	.softdoc-tabl1 > div:last-child,.docum > div:last-child{ border-left: none }
	.service-cont{ width: 100% }
	.service-cont p,.service-cont ul li{ text-align: justify }
	.serv-offer-aside{ display: none }
	.inner-links{ width: 100%; max-width: 160px }
	#clear-frm,#port-en,#port-nl{ float: right }
	.cont-input{ width: 100% }
	ul.tech-ul-main{ float: none }
	.mobile_img{ display: none }
	.technology_content1 > div{ border-right: 1px solid #b0b0b0 }
	#index a.home-icons, .serviceoffering a {
		height: 130px;
	}
	.home-icons{background-size: 120px 124px;}
	.serv-offer-aside a { width: 90%; height: 60px; font-size:90%; }
	.serviceoffering a br { display: none; }
	.title_t {
		bottom: 6px;
		left: 0;
		width: 100%;
	}
	.service_title {
		bottom: 6px;
		width: 100%;
	}
	.serv-offer-aside .service_title { display: none; }
	header{ background-color: #fff;
    height: 96px;}
	header .logo{ height: 40px; width: 135px; background-size:cover;}
	.quick-left { float: none; width: 100%;}
	.quick-right {float: none; width: 100%;}
}
@media only screen and (max-width : 685px) {
	.serv-offer-aside a { width: 90%; height: 60px; font-size:90%; }
	.serviceoffering a br { display: none; }
	.title_t {
		bottom: 6px;
		left: 0;
		width: 100%;
	}
	.service_title {
		bottom: 6px;
		width: 100%;
	}
	header{ height: 65px }
}

@media only screen  and (min-width : 0px) and (max-width : 680px) and (orientation:landscape) {
   
		
	/*header{
		height:35px;
		background-color: #FFF;
	}
	header .logo{
		background-size:50% auto;
	}
	.inner-cont h2, #pricing h1 {
		 font-size : 110%;
	}*/
	/*header .lanbar a {
		line-height: 17px;
		margin: 0 10px 0 0;
	}
	*/
	.title_t {
		margin-bottom: 5px;
		font-size: 18px;
		line-height: 18px;
	}
  
	#index a.home-icons {
   /* background-position: -13px center;
		background-size: 80px auto;*/
	/*	height: 3em;
		margin: 0 1% 8px;*/
		
  }
  /*
   #index a.howto{
	 background-position: 15px center;
    background-size: 30px auto;
   }
  #index a.letus{
	 background-position: 13px center;
    background-size: 23px auto;
    
    
    }
	.container{
		padding-top:45px;
	}
	*/
	/*p{
		font: 14px/16px "Calibri", Arial, Helvetica, sans-serif;
		
	}*/
	#build img {
		height: 75%;
		width: 75%;
	}
	.display-text {
		display:none;
	}
	
.left-arrow { left:15px; background: url(../images/arrow_lt_ph.png) no-repeat center center; }
.right-arrow { right:15px; background: url(../images/arrow_rt_ph.png) no-repeat center center; }
.left-arrow:hover { background: url(../images/arrow_rollover_lt_ph.png) no-repeat center center; }
.right-arrow:hover { background: url(../images/arrow_rollover_rt_ph.png) no-repeat center center; }
.right-home-btn { right:15px; background: url(../images/home_ph.png) no-repeat 0 0 !important; }

	.concept_page_container img {
        max-width: 45%;
	height:105px;
	   }
	   
         #concept .slider-part h1 
	  {
	     font-size: 150%;
	   }
	 #concept .slider-part h2 {
          font-size: 100%;
					margin-left: 55px;
		  }
	.service-cont {
		width: 80%;
	}
	.cont-form h1 {
	
	font-size: 12px;
	line-height: 15px;
	padding-bottom: 0px;
	
	}
	/* .cont-input {
		
		height: 25px;
		width: 450px;
		line-height: 25px;
		
	} */
	/* .sub-btn {
		height: 25px;
		margin-bottom:  5px;
		margin-left: -34px;
		margin-right: 39px;
	} */
	
	
/* .submit-block {
		padding: 0px;
		width: 160px;
		margin: 0 auto;
		
	}
 */	.submit-block:after {
		clear: both;
		display: block;
		content: "";
	}
	
			.inner-links a{
				width: 32px;
				margin: 0 0 0 8px;
				 -webkit-transition: all 0.5s ease-in-out;
				  transition: all 0.5s ease-in-out; 
			}
			.inner-links, .portfolio-header {
				
				height: auto;
				background-color: white;
			}
			
		.inner-links a.quick_nav{background:url(../images/qf_ph.png) no-repeat right 0;}
		.inner-links a.concept_nav{background:url(../images/ct_ph.png) no-repeat right 0;}
		.inner-links a.service_nav{background:url(../images/sr_ph.png) no-repeat right 0;}
		.inner-links a.whatwe_nav{background:url(../images/wb_ph.png) no-repeat right 0;}
		.inner-links a.port_nav{background:url(../images/po_ph.png) no-repeat right 0;}
		.inner-links a.prici_nav{background:url(../images/pr_ph.png) no-repeat right 0;}
		.inner-links a.tech_nav{background:url(../images/te_ph.png) no-repeat right 0;}
		.inner-links a.howto_nav{background:url(../images/hs1_ph.png) no-repeat right 0;}
		.inner-links a.getaquote_nav{background:url(../images/getaquote_ph.png) no-repeat right 0;}
		.service-cont {
			width: 80%;
		}
	.inner-links a.active_nav, .inner-links a:hover { background-position: 0 0; }
        .serv-offer-aside a.remote{ background: url("../images/appdev.png") no-repeat center center #2aa8e3; }
	.serv-offer-aside a.grap{ background: url("../images/gra.png") no-repeat center center #17617e; }
	.serv-offer-aside a.consul{ background: url("../images/consul.png") no-repeat center center #92ba48; }
	.serv-offer-aside a.internet{ background: url("../images/web.png") no-repeat center center #f09601; }
	.serv-offer-aside a.software_mod{ background: url("../images/software.png") no-repeat center center #00a388; }
	.serv-offer-aside a.software_doc{ background: url("../images/software_doc.png") no-repeat center center #d9544f; }
	
	.softdoc-tabl th, .softdoc-tabl td
	{
	    font: 12px/16px "Calibri", Arial, Helvetica, sans-serif;
	}
  .service-cont-list li {
		font: 14px/16px "Calibri", Arial, Helvetica, sans-serif;
	}
	
	.menu_img{
    display:block;
	}
	
	.togglemenu{
		right:-500px;
	}
	
	
	
	
	
	.fsArrow{
		height: 10%;width: 10%;
	}
	.pricing-head .pricing-col {
	    font-size:12px;
	}
	
	.pricing-table {
	 font-size:10px;
	}
	
	#pricing h1 a {
	 font-size:12px;
	}
	
	/* .pcirc {

     font: 15px/1 gothambook;
     height: 20px;

     padding: 15px 0 20px;
 
     width: 60px;

} */
.pricing-table {
	width: 40%;
	font: 12px/16px Arial;
	
	}
	
	.technology_content .techlable_1,.technology_content .techlable_2,.technology_content .techlable_3,.technology_content .techlable_4,.technology_content .techlable_5  {
             /* font-size: 15px; */
			 line-height:1px;
			 }
			 /*.technology_content1 .techlable_2 {
                    font-size: 97%;
                      }
					   .technology_content1 ul li {
                  line-height: 10px;
           }
		   .address1 li {
		      font-size: 10px;
		   } 
		   .address li {
		   font-size: 10px;
		   }
		   .web a, .csd a 
			 {
		   font-size: 10px;
		   }
		   .social h1 {
		   font-size: 10px;
		   }
		  
	.cont-form h1 
	{
		font-size: 12px;
		line-height: 15px;
		padding-bottom: 0px;
	}*/
	/* .submit-block {
		padding: 0 0 0 340px;
	} */
	
	.cont-input2 {
		height: 100px;
		/* width: auto; */
	}

        .ui-mobile a img
	{
		height:29px;
		
	}
	/* .technology_content .sub_tech li {
      font-size: 12px;
	} */
		   
  .quick-left ul, .quick-right ul, .portfolio-header {
		
		
	}
	/*.quick-left li ul li, .quick-right li ul li
	{
		font-size: 12px;
		padding-bottom: 5px;
		line-height: 17px;
		
	}
	.service .serviceoffering a {
		height: 60px;
		width: 30.5%;
		background-position: -26px 45%;
		background-size: 90px auto;
                bottom : 10px;
		padding-left: 2px;
		padding-right: 2px;
	}

	.service_title {
		padding-left: 29px;
		margin-bottom: 9px;
		font-size: 12px;
		
	}*/
	
	.serviceoffering {
		margin-top: 32px;
	}
	.service-cont{
			margin-top: -25px;
	}
	
	.serviceoffering a .service_title
	{
		width: 73%;
	}
	
	.technology_map img {
    height: auto;
    max-height: auto;
    max-width:auto;
    width: 100%;
}

/* .cont-input1
{
	width: 490px;
	
} */

/* .upload-list {
	width: 500px;
} */
	
	/* .drop-box{
		
	 width: 500px;
	} */
	/* .browse-btn {
		
		width: 495px;
	} */
	

/* .slider-wrapper
{
	overflow: auto;
} */
/* #clear-frm
{
	float: left;
}
#port-en
{
	float: left;
} */
.concept_page_container, .concept_page_container h2, .slider-part .con_box_1, .slider-part .con_box_2, .slider-part .con_box_3, .slider-part .con_box_4{
	display:none;
}

.concept-container{
	top:22px;
	bottom: 0px;
}
/* .slider-wrapper{
	height:225px !important;
} */
.arrow-btn{
	margin-top:30px;
	margin-left:-21px;
	margin-right:-21px;
}
.right-home-btn{
margin-top: 39px;
}

/* .mobile_img{
	display:block;
} */
.col_right{
	height: 0px;
}

/* .web-cont {
    display: none;
} */
/* .mobile_img {
    display: block;
} */
.serv-offer-aside a.remote
{
	background-size: 62px;
}
.serv-offer-aside a.consul
{
	
	background-size: 62px;
}
.serv-offer-aside a.internet
{
	background-size: 62px;
	
}
.serv-offer-aside a.software_doc
{
	
	background-size: 62px;
	
}
.serv-offer-aside a.grap {
	background-size: 62px;
}

.serv-offer-aside a.software_mod {
	
	background-size: 62px;
}
.serv-offer-aside {

margin: 0 0 0 83%;
position: fixed;
}

.serviceoffering a {
	background-position: center -25px;
}
.serv-offer-aside a {
width: 52%;
height: 29px;
}
.serv-offer-aside {
	margin-top: -40px;
}
.serv-offer-aside a.remote.serv-act:before { border-bottom: 6px solid rgba(83, 184, 231, 0); border-top: 6px solid rgba(83, 184, 231, 0); border-right: 6px solid #2aa8e3;}
.serv-offer-aside a.grap.serv-act:before { border-bottom: 6px solid rgba(226, 119, 24, 0); border-top: 6px solid rgba(226, 119, 24, 0); border-right: 6px solid #17617e;}
.serv-offer-aside a.consul.serv-act:before { border-bottom: 6px solid rgba(162, 208, 62, 0); border-top: 6px solid rgba(162, 208, 62, 0); border-right: 6px solid #92ba48;}
.serv-offer-aside a.internet.serv-act:before { border-bottom: 6px solid rgba(242, 208, 18, 0); border-top: 6px solid rgba(242, 208, 18, 0); border-right: 6px solid #f09601;}
.serv-offer-aside a.software_mod.serv-act:before { border-bottom: 6px solid rgba(215, 13, 179, 0); border-top: 6px solid rgba(215, 13, 179, 0); border-right: 6px solid #00a388;}
.serv-offer-aside a.software_doc.serv-act:before { border-bottom: 6px solid rgba(42, 136, 238, 0); border-top: 6px solid rgba(42, 136, 238, 0); border-right: 6px solid #d9544f;}

.serv-offer-aside a:before {
	left: -6px;
	margin: -7px 0 0;
}

#concept .slider-part h2 {
	display: none;
}


}
@media screen and (max-width : 1024px) {
	.inner-cont .serviceoffering > a{margin:1.5% 0 0 1.5%; width:31.3333%; height: 7em;}
}
@media (max-width: 767px){
	.bln{ border-left: 1px solid #bdbdbd!important }
	.bton{ border-top: 1px solid #bdbdbd!important }
	.pl0{ padding-left: 4px!important }
	.pr0{ padding-right: 4px!important }
	/* .slider-wrapper{ overflow-y: auto } */
}
@media (max-width: 600px){
	.toggleMenu{ display: block }
	.clear-left{ clear: left }
	.inner-links{ display: none }
	.header.port-head .logo{ top: 10px }
	.container{ padding: 65px 0 0 !important }
	header .logo{ margin: 10px 0 0 }
}
@media (max-width: 479px){
	header{ height:53px;}
	.technology_content1{ width: 100%; }
	.tech-ul-main1{ min-height: auto }
	.form-left,.cont-input1,.form-right,.cont-input2{ width: 100%; }
	.tech-ul-main{ width: 100%!important }
	#pricing .inner-cont .pricing-tbl{ width: 100%; float: left }
	.inner-cont h2, .serviceoffering h2{ width: 100%!important; font-size: 25px }
	
}
@media only screen and (min-width : 375px) and (max-width : 480px) and (orientation : landscape) {
#index a.home-icons, .serviceoffering a { height: 105px;}
#index a.home-icons, .serviceoffering a{background-position: center -20px;}
.title_t {font-size: 16px;}
}