/*
  AUTHOR : PRASHANT KUMAR JHA
*/

@media only screen and (max-width: 480px){ /* with screen upto 480px */
	
	/* COMMON BEGINS */
		.container .content{
			display: block;
			width: 100%;
			padding: 10px 0;
		}
		.container header{
			width:100%;
			float: left;
		}
		.container header nav .brand{
			float: left;
			max-width: 360px;
			min-width: 250px;
			background: #fff;
		}
		.container header nav .brand a{
			display: block;
			padding: 0px 0px;
			border: 0;
			outline: 0;
		}
		.container header nav .brand a img:hover{
			animation: hue 30s infinite;
			-webkit-animation: hue 30s infinite;
			-moz-animation: hue 30s infinite;
		}
		

		footer{
			background: #333;
			float: left;
			width: 100%;
			position: relative;
			margin: 0; 
			padding: 0;
			border: 0;
			border-top: 3px ridge #fff;
			box-shadow: 0px -1px 3px 1px #333;
			-moz-box-shadow: 0px -1px 3px 1px #333;
			-o-box-shadow: 0px -1px 3px 1px #333;
			-ms-box-shadow: 0px -1px 3px 1px #333;
			-webkit-box-shadow: 0px -1px 3px 1px #333;
		}
		footer div.footinner{
			display: block;
			padding: 5px 15px;
			margin: 0;
		}
		footer div.footinner div.subnewsletter{
			float: left;
			width: 100%;
			margin: 15px 0;
		}
		footer div.footinner div.shareus{
			float: left;
			width: 100%;
			margin: 15px 0;
		}
		footer div.footinner div.shareus a{
			display: inline-block;
		}
		footer div.footinner div.shareus h5{
			width: 100%;
			
		}
		footer div.footinner div.subnewsletter h5{
			line-height:160%;
			margin: 10px 0;
			display: block;
			border-bottom: 3px dotted #1d75bb;
			width: 100%;
		}
		footer div.footinner div.subnewsletter form{
			display: block;
			padding: 5px 0px;
		}
		footer div.footinner div.footnavigate{
			float: left;
			width: 100%;
			padding: 10px 0;
			margin: 5px 0;
		}
		footer .copyright{
			float: left;
			width: 100%;
			margin: 0;
			margin-top: 20px;
			padding: 10px 0;
			text-align: center;
		}
		h1,h2,h3,h4,h5,h6{
			line-height: 200%;
		}
		.commonbanner{
			width: 100%;
			margin: 0;
			padding: 0;
			float: left;
		}
		.commonbanner img{
			width: 100%;
		}
	
	/* COMMON ENDS  */
	
	/* HOME BEGINS */
	
		.txtslide{
			width: 100%;
			margin: 0;
			padding: 0;
			
		}
		.txtslide .slider-item h1{
			font-size: 200%;
			font-weight: 400;
			line-height: 130%;
		}
		.txtslide .slider-item p{
			font-size: 120%;
			line-height: 140%;
		}
		.welban{
			float: left;
			width: 100%;
			position: relative;
			border: 0;
			height: auto;
			border-bottom: 60px solid #1d75bb;
			-moz-border-bottom: 60px solid #1d75bb;
			-webkit-border-bottom: 60px solid #1d75bb;
			-ms-border-bottom: 60px solid #1d75bb;
			-o-border-bottom: 60px solid #1d75bb;
   			box-shadow: 0px 4px 3px 0px #555;
   			-moz-box-shadow: 0px 4px 3px 0px #555;
   			-o-box-shadow: 0px 4px 3px 0px #555;
   			-webkit-box-shadow: 0px 4px 3px 0px #555;
   			-ms-box-shadow: 0px 4px 3px 0px #555;
		}
		section.homeservices{
			float: left;
			width: 100%;
			border: 0;
			box-shadow: none;
		}
		section.homeservices .box{
			display: block;
			padding: 0px 10px;
			width: auto;
			height: auto;
			
		}
		section.homeservices .box h2{
			line-height: 200%;
			margin: 10px 0;
		}
		section.homeservices .box p{
			line-height: 160%;
			margin: 10px 0;
		}
		section.homeservices .box a.more{
			float: right;
			margin-bottom: 60px;
		}
		div.latnews{
			float:left;
			width: 100%;
		}
		div.latnews img{
			display: none;
			visibility: hidden;
		}
		div.latnews h3{
			font-size: 18px;
			letter-spacing: 1px;
			text-transform: uppercase;
			line-height: 160%;
			text-align: center;
			width: 100%;
			text-indent: 0;
		}
		div.latnews marquee{
			float: left;
			width: 100%;
			margin:0;
			padding: 0;
		}
		.indweserved{
			float: left;
			width: 100%;
			margin: 15px 0;
			padding: 0;
		}
		.indweserved .center .indbox{
			display: inline-block;
			padding: 0px 0px;
		    background: #1d75bb;
			border: 6px solid #1d75bb;
			height: 60px;
			width: 120px;
			text-align: center;
			line-height: 25px;
			position: relative;
			margin-bottom: 30px;
			margin-right: 10px;
			margin-left: 10px;
			margin-top: 15px;
			border-radius: 10%;
			-moz-border-radius: 10%;
			-webkit-border-radius: 10%;
			-ms-border-radius: 10%;
			-o-border-radius: 10%;
	
		}
		section.indweserved div.indbox h3{
			font-size: 30%;
			color: #eee;
			text-shadow: 0px 1px 1px #000;
			
		}
		section.strategy{
			float: left;
			width: 100%;
			margin: 15px auto;
			padding: 0;
		}
		section.strategy .strtegyleft{
			float: left;
			width: 100%;
			margin: 10px auto;
			padding: 0;
		}
		section.strategy .strtegyleft p{
			text-align: left;
			line-height: 130%;
			padding: 5px 10px;
		}
		section.strategy .strtegyleft h3{
			text-align: center;
			line-height: 160%;
		}
		
		section.strategy div.staffproc div.view a{
			font-size:100%;
			letter-spacing: 1px;
		}
		section.strategy .strtegyright{
			float: left;
			width: 100%;
			margin: 0px auto;
			padding: 0;
		}
		section.strategy .strtegyright p{
			text-align: left;
			line-height: 130%;
			padding: 5px 10px;
		}
		section.strategy .strtegyright h3{
			text-align: center;
			line-height: 160%;
		}
	
	/* HOME ENDS */
	
	/* ABOUT BEGINS */
		section.aboutussection{
			width:100%;
			float: left;
			margin-bottom: 30px;
		}
		section.aboutussection h1{
			line-height: 140%;
			font-size: 120%;
			padding: 5px 10px;
			text-align: left;
			border: 0;
		}
		section.aboutussection h1 span{
			font-size: 90%;
			
		}
		section.aboutussection div.left{
			width:100%;
			float: left;
			margin: 10px auto;
			padding: 0;
		}
		section.aboutussection div.left img{
			width: 80%;
			margin: 0 auto;
			display: block;
		}
		section.aboutussection div.right{
			width:100%;
			float: left;
			margin: 10px auto;
			padding: 0;
		}
		
		section.aboutussection div.right h2{
			text-align: center;
			font-size: 100%;
			
		}
		section.aboutussection div.right p{
			text-align: left;
			line-height: 130%;
			padding: 5px 10px;
			border: none;
		}
		section.aboutussection div.right ol li, section.aboutussection div.right ul li{
			font-size: 100%;
		}
	
	/* ABOUT ENDS */
	
	
	/* SERVICES BEGINS */
		.servicesblock{
			width:80%;
			display: block;
			background:#fff;
			border: 6px solid #1d75bb;
			padding: 10px 10px;
			margin: 40px auto;
			position: relative;
			min-height: 120px;
		}
	
	    .servicesblock a{
			float: left;
			width: 106%;
			position: relative;
			left: -5%;
		}
	/* SERVICES ENDS */
	
	/* CAREER BEGINS */
		section.careersection{
			width:100%;
			float: left;
			margin: 0;
			padding: 0;
		}
		section.careersection h1{
			font-size: 100%;
			padding: 0px 5px;
		}
		section.careersection div.left{
			float: left;
			width:  100%;
			margin: 10px auto;
		}
		section.careersection div.left form{
			display: block;
			padding: 5px 25px;
		}
		section.careersection div.left h3{
			font-size: 22px;
			letter-spacing: 1px;
			text-transform: uppercase;
			border-bottom: 6px double #1d75bb;
			padding: 5px 0;
			color: #1d75bb;
			text-align: center;
			
		}
		section.careersection div.left p{
			text-align: left;
			padding: 5px 15px;
			border: 0;
		}
		section.careersection div.right{
			float: left;
			width:  100%;
			margin: 10px auto;
		}
		section.careersection div.right h4{
			text-align: center;
			text-transform: uppercase;
		}
		section.careersection div.right table td{
			padding: 5px 15px;
			width: 100%;
		}
		section.careersection div.right p{
			border: 0;
			padding: 5px 15px;
		}
	/* CAREER ENDS */
	
	/* CONTACT BEGINS */
		section.contactussection{
			margin-bottom: 0;
		}
		section.contactussection h1{
			font-size: 100%;
			border: 0;
			padding: 0 10px;
		}
		section.contactussection div.left{
			float: left;
			width: 100%;
		}
		section.contactussection div.left form{
			display: block;
			padding: 5px 15px;
		}
		section.contactussection div.left h2{
			font-size: 100%;
			padding: 0 10px;
		}
		section.contactussection div.left p{
			font-size: 100%;
			padding: 0 10px;
			text-align: left;
			margin-left: 15px;
			border-color:#555;
		}
		section.contactussection div.left img{
			width: 60%;
			margin: 0 auto;
			display: block;
		}
		section.contactussection div.right{
			float: left;
			width: 100%;
		}
		section.contactussection div.right h2{
			font-size: 100%;
			padding: 0 10px;
			text-align: center;
		}
		section.contactussection div.right p{
			text-align: left;
			margin-left: 15px;
		}
	/* CONTACT ENDS*/
    
    

  
}


@media only screen and (max-width: 598px){/* with screen upto 598px */

		/* COMMON BEGINS */
		.container .content{
			display: block;
			width: 100%;
			padding: 10px 0;
		}
		.container header{
			width:100%;
			float: left;
		}
		.container header nav .brand{
			float: left;
			max-width: 360px;
			min-width: 250px;
			background: #fff;
		}
		.container header nav .brand a{
			display: block;
			padding: 0px 0px;
			border: 0;
			outline: 0;
		}
		.container header nav .brand a img:hover{
			animation: hue 30s infinite;
			-webkit-animation: hue 30s infinite;
			-moz-animation: hue 30s infinite;
		}
		

		footer{
			background: #333;
			float: left;
			width: 100%;
			position: relative;
			margin: 0; 
			padding: 0;
			border: 0;
			border-top: 3px ridge #fff;
			box-shadow: 0px -1px 3px 1px #333;
			-moz-box-shadow: 0px -1px 3px 1px #333;
			-o-box-shadow: 0px -1px 3px 1px #333;
			-ms-box-shadow: 0px -1px 3px 1px #333;
			-webkit-box-shadow: 0px -1px 3px 1px #333;
		}
		footer div.footinner{
			display: block;
			padding: 5px 15px;
			margin: 0;
		}
		footer div.footinner div.subnewsletter{
			float: left;
			width: 100%;
			margin: 15px 0;
		}
		footer div.footinner div.shareus{
			float: left;
			width: 100%;
			margin: 15px 0;
		}
		footer div.footinner div.shareus a{
			display: inline-block;
		}
		footer div.footinner div.shareus h5{
			width: 100%;
			
		}
		footer div.footinner div.subnewsletter h5{
			line-height:160%;
			margin: 10px 0;
			display: block;
			border-bottom: 3px dotted #1d75bb;
			width: 100%;
		}
		footer div.footinner div.subnewsletter form{
			display: block;
			padding: 5px 0px;
		}
		footer div.footinner div.footnavigate{
			float: left;
			width: 100%;
			padding: 10px 0;
			margin: 5px 0;
		}
		footer .copyright{
			float: left;
			width: 100%;
			margin: 0;
			margin-top: 20px;
			padding: 10px 0;
			text-align: center;
		}
		h1,h2,h3,h4,h5,h6{
			line-height: 200%;
		}
		.commonbanner{
			width: 100%;
			margin: 0;
			padding: 0;
			float: left;
		}
		.commonbanner img{
			width: 100%;
		}
	
	/* COMMON ENDS  */
	
	/* HOME BEGINS */
	
		.txtslide{
			width: 100%;
			margin: 0;
			padding: 0;
			
		}
		.txtslide .slider-item h1{
			font-size: 200%;
			font-weight: 400;
			line-height: 130%;
		}
		.txtslide .slider-item p{
			font-size: 120%;
			line-height: 140%;
		}
		.welban{
			float: left;
			width: 100%;
			position: relative;
			border: 0;
			height: auto;
			border-bottom: 60px solid #1d75bb;
			-moz-border-bottom: 60px solid #1d75bb;
			-webkit-border-bottom: 60px solid #1d75bb;
			-ms-border-bottom: 60px solid #1d75bb;
			-o-border-bottom: 60px solid #1d75bb;
   			box-shadow: 0px 4px 3px 0px #555;
   			-moz-box-shadow: 0px 4px 3px 0px #555;
   			-o-box-shadow: 0px 4px 3px 0px #555;
   			-webkit-box-shadow: 0px 4px 3px 0px #555;
   			-ms-box-shadow: 0px 4px 3px 0px #555;
		}
		section.homeservices{
			float: left;
			width: 100%;
			border: 0;
			box-shadow: none;
		}
		section.homeservices .box{
			display: block;
			padding: 0px 10px;
			width: auto;
			height: auto;
			
		}
		section.homeservices .box h2{
			line-height: 200%;
			margin: 10px 0;
		}
		section.homeservices .box p{
			line-height: 160%;
			margin: 10px 0;
		}
		section.homeservices .box a.more{
			float: right;
			margin-bottom: 60px;
		}
		div.latnews{
			float:left;
			width: 100%;
		}
		div.latnews img{
			display: none;
			visibility: hidden;
		}
		div.latnews h3{
			font-size: 18px;
			letter-spacing: 1px;
			text-transform: uppercase;
			line-height: 160%;
			text-align: center;
			width: 100%;
			text-indent: 0;
		}
		div.latnews marquee{
			float: left;
			width: 100%;
			margin:0;
			padding: 0;
		}
		.indweserved{
			float: left;
			width: 100%;
			margin: 15px 0;
			padding: 0;
		}
		.indweserved .center .indbox{
			display: inline-block;
			padding: 0px 0px;
		    background: #1d75bb;
			border: 6px solid #1d75bb;
			height: 60px;
			width: 120px;
			text-align: center;
			line-height: 25px;
			position: relative;
			margin-bottom: 30px;
			margin-right: 10px;
			margin-left: 10px;
			margin-top: 15px;
			border-radius: 10%;
			-moz-border-radius: 10%;
			-webkit-border-radius: 10%;
			-ms-border-radius: 10%;
			-o-border-radius: 10%;
	
		}
		section.indweserved div.indbox h3{
			font-size: 30%;
			color: #eee;
			text-shadow: 0px 1px 1px #000;
			
		}
		section.strategy{
			float: left;
			width: 100%;
			margin: 15px auto;
			padding: 0;
		}
		section.strategy .strtegyleft{
			float: left;
			width: 100%;
			margin: 10px auto;
			padding: 0;
		}
		section.strategy .strtegyleft p{
			text-align: left;
			line-height: 130%;
			padding: 5px 10px;
		}
		section.strategy .strtegyleft h3{
			text-align: center;
			line-height: 160%;
		}
		
		section.strategy div.staffproc div.view a{
			font-size:100%;
			letter-spacing: 1px;
		}
		section.strategy .strtegyright{
			float: left;
			width: 100%;
			margin: 0px auto;
			padding: 0;
		}
		section.strategy .strtegyright p{
			text-align: left;
			line-height: 130%;
			padding: 5px 10px;
		}
		section.strategy .strtegyright h3{
			text-align: center;
			line-height: 160%;
		}
	
	/* HOME ENDS */
	
	/* ABOUT BEGINS */
		section.aboutussection{
			width:100%;
			float: left;
			margin-bottom: 30px;
		}
		section.aboutussection h1{
			line-height: 140%;
			font-size: 120%;
			padding: 5px 10px;
			text-align: left;
			border: 0;
		}
		section.aboutussection h1 span{
			font-size: 90%;
			
		}
		section.aboutussection div.left{
			width:100%;
			float: left;
			margin: 10px auto;
			padding: 0;
		}
		section.aboutussection div.left img{
			width: 80%;
			margin: 0 auto;
			display: block;
		}
		section.aboutussection div.right{
			width:100%;
			float: left;
			margin: 10px auto;
			padding: 0;
		}
		
		section.aboutussection div.right h2{
			text-align: center;
			font-size: 100%;
			
		}
		section.aboutussection div.right p{
			text-align: left;
			line-height: 130%;
			padding: 5px 10px;
			border: none;
		}
		section.aboutussection div.right ol li, section.aboutussection div.right ul li{
			font-size: 100%;
		}
	
	/* ABOUT ENDS */
	
	
	/* SERVICES BEGINS */
		.servicesblock{
			width:80%;
			display: block;
			background:#fff;
			border: 6px solid #1d75bb;
			padding: 10px 10px;
			margin: 40px auto;
			position: relative;
			min-height: 120px;
		}
	
	    .servicesblock a{
			float: left;
			width: 106%;
			position: relative;
			left: -5%;
		}
	/* SERVICES ENDS */
	
	/* CAREER BEGINS */
		section.careersection{
			width:100%;
			float: left;
			margin: 0;
			padding: 0;
		}
		section.careersection h1{
			font-size: 100%;
			padding: 0px 5px;
		}
		section.careersection div.left{
			float: left;
			width:  100%;
			margin: 10px auto;
		}
		section.careersection div.left form{
			display: block;
			padding: 5px 25px;
		}
		section.careersection div.left h3{
			font-size: 22px;
			letter-spacing: 1px;
			text-transform: uppercase;
			border-bottom: 6px double #1d75bb;
			padding: 5px 0;
			color: #1d75bb;
			text-align: center;
			
		}
		section.careersection div.left p{
			text-align: left;
			padding: 5px 15px;
			border: 0;
		}
		section.careersection div.right{
			float: left;
			width:  100%;
			margin: 10px auto;
		}
		section.careersection div.right h4{
			text-align: center;
			text-transform: uppercase;
		}
		section.careersection div.right table td{
			padding: 5px 15px;
			width: 100%;
		}
		section.careersection div.right p{
			border: 0;
			padding: 5px 15px;
		}
	/* CAREER ENDS */
	
	/* CONTACT BEGINS */
		section.contactussection{
			margin-bottom: 0;
		}
		section.contactussection h1{
			font-size: 100%;
			border: 0;
			padding: 0 10px;
		}
		section.contactussection div.left{
			float: left;
			width: 100%;
		}
		section.contactussection div.left form{
			display: block;
			padding: 5px 15px;
		}
		section.contactussection div.left h2{
			font-size: 100%;
			padding: 0 10px;
		}
		section.contactussection div.left p{
			font-size: 100%;
			padding: 0 10px;
			text-align: left;
			margin-left: 15px;
			border-color:#555;
		}
		section.contactussection div.left img{
			width: 60%;
			margin: 0 auto;
			display: block;
		}
		section.contactussection div.right{
			float: left;
			width: 100%;
		}
		section.contactussection div.right h2{
			font-size: 100%;
			padding: 0 10px;
			text-align: center;
		}
		section.contactussection div.right p{
			text-align: left;
			margin-left: 15px;
		}
	/* CONTACT ENDS*/
    
    
   
   
	
}

@media only screen and (max-width: 690px){/* with screen upto 690px */
	
		/* COMMON BEGINS */
		.container .content{
			display: block;
			width: 100%;
			padding: 10px 0;
		}
		.container header{
			width:100%;
			float: left;
		}
		.container header nav .brand{
			float: left;
			max-width: 360px;
			min-width: 250px;
			background: #fff;
		}
		.container header nav .brand a{
			display: block;
			padding: 0px 0px;
			border: 0;
			outline: 0;
		}
		.container header nav .brand a img:hover{
			animation: hue 30s infinite;
			-webkit-animation: hue 30s infinite;
			-moz-animation: hue 30s infinite;
		}
		

		footer{
			background: #333;
			float: left;
			width: 100%;
			position: relative;
			margin: 0; 
			padding: 0;
			border: 0;
			border-top: 3px ridge #fff;
			box-shadow: 0px -1px 3px 1px #333;
			-moz-box-shadow: 0px -1px 3px 1px #333;
			-o-box-shadow: 0px -1px 3px 1px #333;
			-ms-box-shadow: 0px -1px 3px 1px #333;
			-webkit-box-shadow: 0px -1px 3px 1px #333;
		}
		footer div.footinner{
			display: block;
			padding: 5px 15px;
			margin: 0;
		}
		footer div.footinner div.subnewsletter{
			float: left;
			width: 100%;
			margin: 15px 0;
		}
		footer div.footinner div.shareus{
			float: left;
			width: 100%;
			margin: 15px 0;
		}
		footer div.footinner div.shareus a{
			display: inline-block;
		}
		footer div.footinner div.shareus h5{
			width: 100%;
			
		}
		footer div.footinner div.subnewsletter h5{
			line-height:160%;
			margin: 10px 0;
			display: block;
			border-bottom: 3px dotted #1d75bb;
			width: 100%;
		}
		footer div.footinner div.subnewsletter form{
			display: block;
			padding: 5px 0px;
		}
		footer div.footinner div.footnavigate{
			float: left;
			width: 100%;
			padding: 10px 0;
			margin: 5px 0;
		}
		footer .copyright{
			float: left;
			width: 100%;
			margin: 0;
			margin-top: 20px;
			padding: 10px 0;
			text-align: center;
		}
		h1,h2,h3,h4,h5,h6{
			line-height: 200%;
		}
		.commonbanner{
			width: 100%;
			margin: 0;
			padding: 0;
			float: left;
		}
		.commonbanner img{
			width: 100%;
		}
	
	/* COMMON ENDS  */
	
	/* HOME BEGINS */
	
		.txtslide{
			width: 100%;
			margin: 0;
			padding: 0;
			
		}
		.txtslide .slider-item h1{
			font-size: 200%;
			font-weight: 400;
			line-height: 130%;
		}
		.txtslide .slider-item p{
			font-size: 120%;
			line-height: 140%;
		}
		.welban{
			float: left;
			width: 100%;
			position: relative;
			border: 0;
			height: auto;
			border-bottom: 60px solid #1d75bb;
			-moz-border-bottom: 60px solid #1d75bb;
			-webkit-border-bottom: 60px solid #1d75bb;
			-ms-border-bottom: 60px solid #1d75bb;
			-o-border-bottom: 60px solid #1d75bb;
   			box-shadow: 0px 4px 3px 0px #555;
   			-moz-box-shadow: 0px 4px 3px 0px #555;
   			-o-box-shadow: 0px 4px 3px 0px #555;
   			-webkit-box-shadow: 0px 4px 3px 0px #555;
   			-ms-box-shadow: 0px 4px 3px 0px #555;
		}
		section.homeservices{
			float: left;
			width: 100%;
			border: 0;
			box-shadow: none;
		}
		section.homeservices .box{
			display: block;
			padding: 0px 10px;
			width: auto;
			height: auto;
			
		}
		section.homeservices .box h2{
			line-height: 200%;
			margin: 10px 0;
		}
		section.homeservices .box p{
			line-height: 160%;
			margin: 10px 0;
		}
		section.homeservices .box a.more{
			float: right;
			margin-bottom: 60px;
		}
		div.latnews{
			float:left;
			width: 100%;
		}
		div.latnews img{
			display: none;
			visibility: hidden;
		}
		div.latnews h3{
			font-size: 18px;
			letter-spacing: 1px;
			text-transform: uppercase;
			line-height: 160%;
			text-align: center;
			width: 100%;
			text-indent: 0;
		}
		div.latnews marquee{
			float: left;
			width: 100%;
			margin:0;
			padding: 0;
		}
		.indweserved{
			float: left;
			width: 100%;
			margin: 15px 0;
			padding: 0;
		}
		.indweserved .center .indbox{
			display: inline-block;
			padding: 0px 0px;
		    background: #1d75bb;
			border: 6px solid #1d75bb;
			height: 60px;
			width: 120px;
			text-align: center;
			line-height: 25px;
			position: relative;
			margin-bottom: 30px;
			margin-right: 10px;
			margin-left: 10px;
			margin-top: 15px;
			border-radius: 10%;
			-moz-border-radius: 10%;
			-webkit-border-radius: 10%;
			-ms-border-radius: 10%;
			-o-border-radius: 10%;
	
		}
		section.indweserved div.indbox h3{
			font-size: 30%;
			color: #eee;
			text-shadow: 0px 1px 1px #000;
			
		}
		section.strategy{
			float: left;
			width: 100%;
			margin: 15px auto;
			padding: 0;
		}
		section.strategy .strtegyleft{
			float: left;
			width: 100%;
			margin: 10px auto;
			padding: 0;
		}
		section.strategy .strtegyleft p{
			text-align: left;
			line-height: 130%;
			padding: 5px 10px;
		}
		section.strategy .strtegyleft h3{
			text-align: center;
			line-height: 160%;
		}
		
		section.strategy div.staffproc div.view a{
			font-size:100%;
			letter-spacing: 1px;
		}
		section.strategy .strtegyright{
			float: left;
			width: 100%;
			margin: 0px auto;
			padding: 0;
		}
		section.strategy .strtegyright p{
			text-align: left;
			line-height: 130%;
			padding: 5px 10px;
		}
		section.strategy .strtegyright h3{
			text-align: center;
			line-height: 160%;
		}
	
	/* HOME ENDS */
	
	/* ABOUT BEGINS */
		section.aboutussection{
			width:100%;
			float: left;
			margin-bottom: 30px;
		}
		section.aboutussection h1{
			line-height: 140%;
			font-size: 120%;
			padding: 5px 10px;
			text-align: left;
			border: 0;
		}
		section.aboutussection h1 span{
			font-size: 90%;
			
		}
		section.aboutussection div.left{
			width:100%;
			float: left;
			margin: 10px auto;
			padding: 0;
		}
		section.aboutussection div.left img{
			width: 80%;
			margin: 0 auto;
			display: block;
		}
		section.aboutussection div.right{
			width:100%;
			float: left;
			margin: 10px auto;
			padding: 0;
		}
		
		section.aboutussection div.right h2{
			text-align: center;
			font-size: 100%;
			
		}
		section.aboutussection div.right p{
			text-align: left;
			line-height: 130%;
			padding: 5px 10px;
			border: none;
		}
		section.aboutussection div.right ol li, section.aboutussection div.right ul li{
			font-size: 100%;
		}
	
	/* ABOUT ENDS */
	
	
	/* SERVICES BEGINS */
		.servicesblock{
			width:80%;
			display: block;
			background:#fff;
			border: 6px solid #1d75bb;
			padding: 10px 10px;
			margin: 40px auto;
			position: relative;
			min-height: 120px;
		}
	
	    .servicesblock a{
			float: left;
			width: 106%;
			position: relative;
			left: -5%;
		}
	/* SERVICES ENDS */
	
	/* CAREER BEGINS */
		section.careersection{
			width:100%;
			float: left;
			margin: 0;
			padding: 0;
		}
		section.careersection h1{
			font-size: 100%;
			padding: 0px 5px;
		}
		section.careersection div.left{
			float: left;
			width:  100%;
			margin: 10px auto;
		}
		section.careersection div.left form{
			display: block;
			padding: 5px 25px;
		}
		section.careersection div.left h3{
			font-size: 22px;
			letter-spacing: 1px;
			text-transform: uppercase;
			border-bottom: 6px double #1d75bb;
			padding: 5px 0;
			color: #1d75bb;
			text-align: center;
			
		}
		section.careersection div.left p{
			text-align: left;
			padding: 5px 15px;
			border: 0;
		}
		section.careersection div.right{
			float: left;
			width:  100%;
			margin: 10px auto;
		}
		section.careersection div.right h4{
			text-align: center;
			text-transform: uppercase;
		}
		section.careersection div.right table td{
			padding: 5px 15px;
			width: 100%;
		}
		section.careersection div.right p{
			border: 0;
			padding: 5px 15px;
		}
	/* CAREER ENDS */
	
	/* CONTACT BEGINS */
		section.contactussection{
			margin-bottom: 0;
		}
		section.contactussection h1{
			font-size: 100%;
			border: 0;
			padding: 0 10px;
		}
		section.contactussection div.left{
			float: left;
			width: 100%;
		}
		section.contactussection div.left form{
			display: block;
			padding: 5px 15px;
		}
		section.contactussection div.left h2{
			font-size: 100%;
			padding: 0 10px;
		}
		section.contactussection div.left p{
			font-size: 100%;
			padding: 0 10px;
			text-align: left;
			margin-left: 15px;
			border-color:#555;
		}
		section.contactussection div.left img{
			width: 60%;
			margin: 0 auto;
			display: block;
		}
		section.contactussection div.right{
			float: left;
			width: 100%;
		}
		section.contactussection div.right h2{
			font-size: 100%;
			padding: 0 10px;
			text-align: center;
		}
		section.contactussection div.right p{
			text-align: left;
			margin-left: 15px;
		}
	/* CONTACT ENDS*/
    
      
	

	
	
}


@media only screen and (max-width: 740px){/* with screen upto 740px */
	
  		/* COMMON BEGINS */
		.container .content{
			display: block;
			width: 100%;
			padding: 10px 0;
		}
		.container header{
			width:100%;
			float: left;
		}
		.container header nav .brand{
			float: left;
			max-width: 360px;
			min-width: 250px;
			background: #fff;
		}
		.container header nav .brand a{
			display: block;
			padding: 0px 0px;
			border: 0;
			outline: 0;
		}
		.container header nav .brand a img:hover{
			animation: hue 30s infinite;
			-webkit-animation: hue 30s infinite;
			-moz-animation: hue 30s infinite;
		}
		

		footer{
			background: #333;
			float: left;
			width: 100%;
			position: relative;
			margin: 0; 
			padding: 0;
			border: 0;
			border-top: 3px ridge #fff;
			box-shadow: 0px -1px 3px 1px #333;
			-moz-box-shadow: 0px -1px 3px 1px #333;
			-o-box-shadow: 0px -1px 3px 1px #333;
			-ms-box-shadow: 0px -1px 3px 1px #333;
			-webkit-box-shadow: 0px -1px 3px 1px #333;
		}
		footer div.footinner{
			display: block;
			padding: 5px 15px;
			margin: 0;
		}
		footer div.footinner div.subnewsletter{
			float: left;
			width: 100%;
			margin: 15px 0;
		}
		footer div.footinner div.shareus{
			float: left;
			width: 100%;
			margin: 15px 0;
		}
		footer div.footinner div.shareus a{
			display: inline-block;
		}
		footer div.footinner div.shareus h5{
			width: 100%;
			
		}
		footer div.footinner div.subnewsletter h5{
			line-height:160%;
			margin: 10px 0;
			display: block;
			border-bottom: 3px dotted #1d75bb;
			width: 100%;
		}
		footer div.footinner div.subnewsletter form{
			display: block;
			padding: 5px 0px;
		}
		footer div.footinner div.footnavigate{
			float: left;
			width: 100%;
			padding: 10px 0;
			margin: 5px 0;
		}
		footer .copyright{
			float: left;
			width: 100%;
			margin: 0;
			margin-top: 20px;
			padding: 10px 0;
			text-align: center;
		}
		h1,h2,h3,h4,h5,h6{
			line-height: 200%;
		}
		.commonbanner{
			width: 100%;
			margin: 0;
			padding: 0;
			float: left;
		}
		.commonbanner img{
			width: 100%;
		}
	
	/* COMMON ENDS  */
	
	/* HOME BEGINS */
	
		.txtslide{
			width: 100%;
			margin: 0;
			padding: 0;
			
		}
		.txtslide .slider-item h1{
			font-size: 200%;
			font-weight: 400;
			line-height: 130%;
		}
		.txtslide .slider-item p{
			font-size: 120%;
			line-height: 140%;
		}
		.welban{
			float: left;
			width: 100%;
			position: relative;
			border: 0;
			height: auto;
			border-bottom: 60px solid #1d75bb;
			-moz-border-bottom: 60px solid #1d75bb;
			-webkit-border-bottom: 60px solid #1d75bb;
			-ms-border-bottom: 60px solid #1d75bb;
			-o-border-bottom: 60px solid #1d75bb;
   			box-shadow: 0px 4px 3px 0px #555;
   			-moz-box-shadow: 0px 4px 3px 0px #555;
   			-o-box-shadow: 0px 4px 3px 0px #555;
   			-webkit-box-shadow: 0px 4px 3px 0px #555;
   			-ms-box-shadow: 0px 4px 3px 0px #555;
		}
		section.homeservices{
			float: left;
			width: 100%;
			border: 0;
			box-shadow: none;
		}
		section.homeservices .box{
			display: block;
			padding: 0px 10px;
			width: auto;
			height: auto;
			
		}
		section.homeservices .box h2{
			line-height: 200%;
			margin: 10px 0;
		}
		section.homeservices .box p{
			line-height: 160%;
			margin: 10px 0;
		}
		section.homeservices .box a.more{
			float: right;
			margin-bottom: 60px;
		}
		div.latnews{
			float:left;
			width: 100%;
		}
		div.latnews img{
			display: none;
			visibility: hidden;
		}
		div.latnews h3{
			font-size: 18px;
			letter-spacing: 1px;
			text-transform: uppercase;
			line-height: 160%;
			text-align: center;
			width: 100%;
			text-indent: 0;
		}
		div.latnews marquee{
			float: left;
			width: 100%;
			margin:0;
			padding: 0;
		}
		.indweserved{
			float: left;
			width: 100%;
			margin: 15px 0;
			padding: 0;
		}
		.indweserved .center .indbox{
			display: inline-block;
			padding: 0px 0px;
		    background: #1d75bb;
			border: 6px solid #1d75bb;
			height: 60px;
			width: 120px;
			text-align: center;
			line-height: 25px;
			position: relative;
			margin-bottom: 30px;
			margin-right: 10px;
			margin-left: 10px;
			margin-top: 15px;
			border-radius: 10%;
			-moz-border-radius: 10%;
			-webkit-border-radius: 10%;
			-ms-border-radius: 10%;
			-o-border-radius: 10%;
	
		}
		section.indweserved div.indbox h3{
			font-size: 30%;
			color: #eee;
			text-shadow: 0px 1px 1px #000;
			
		}
		section.strategy{
			float: left;
			width: 100%;
			margin: 15px auto;
			padding: 0;
		}
		section.strategy .strtegyleft{
			float: left;
			width: 100%;
			margin: 10px auto;
			padding: 0;
		}
		section.strategy .strtegyleft p{
			text-align: left;
			line-height: 130%;
			padding: 5px 10px;
		}
		section.strategy .strtegyleft h3{
			text-align: center;
			line-height: 160%;
		}
		
		section.strategy div.staffproc div.view a{
			font-size:100%;
			letter-spacing: 1px;
		}
		section.strategy .strtegyright{
			float: left;
			width: 100%;
			margin: 0px auto;
			padding: 0;
		}
		section.strategy .strtegyright p{
			text-align: left;
			line-height: 130%;
			padding: 5px 10px;
		}
		section.strategy .strtegyright h3{
			text-align: center;
			line-height: 160%;
		}
	
	/* HOME ENDS */
	
	/* ABOUT BEGINS */
		section.aboutussection{
			width:100%;
			float: left;
			margin-bottom: 30px;
		}
		section.aboutussection h1{
			line-height: 140%;
			font-size: 120%;
			padding: 5px 10px;
			text-align: left;
			border: 0;
		}
		section.aboutussection h1 span{
			font-size: 90%;
			
		}
		section.aboutussection div.left{
			width:100%;
			float: left;
			margin: 10px auto;
			padding: 0;
		}
		section.aboutussection div.left img{
			width: 80%;
			margin: 0 auto;
			display: block;
		}
		section.aboutussection div.right{
			width:100%;
			float: left;
			margin: 10px auto;
			padding: 0;
		}
		
		section.aboutussection div.right h2{
			text-align: center;
			font-size: 100%;
			
		}
		section.aboutussection div.right p{
			text-align: left;
			line-height: 130%;
			padding: 5px 10px;
			border: none;
		}
		section.aboutussection div.right ol li, section.aboutussection div.right ul li{
			font-size: 100%;
		}
	
	/* ABOUT ENDS */
	
	
	/* SERVICES BEGINS */
		.servicesblock{
			width:80%;
			display: block;
			background:#fff;
			border: 6px solid #1d75bb;
			padding: 10px 10px;
			margin: 40px auto;
			position: relative;
			min-height: 120px;
		}
	
	    .servicesblock a{
			float: left;
			width: 106%;
			position: relative;
			left: -5%;
		}
	/* SERVICES ENDS */
	
	/* CAREER BEGINS */
		section.careersection{
			width:100%;
			float: left;
			margin: 0;
			padding: 0;
		}
		section.careersection h1{
			font-size: 100%;
			padding: 0px 5px;
		}
		section.careersection div.left{
			float: left;
			width:  100%;
			margin: 10px auto;
		}
		section.careersection div.left form{
			display: block;
			padding: 5px 25px;
		}
		section.careersection div.left h3{
			font-size: 22px;
			letter-spacing: 1px;
			text-transform: uppercase;
			border-bottom: 6px double #1d75bb;
			padding: 5px 0;
			color: #1d75bb;
			text-align: center;
			
		}
		section.careersection div.left p{
			text-align: left;
			padding: 5px 15px;
			border: 0;
		}
		section.careersection div.right{
			float: left;
			width:  100%;
			margin: 10px auto;
		}
		section.careersection div.right h4{
			text-align: center;
			text-transform: uppercase;
		}
		section.careersection div.right table td{
			padding: 5px 15px;
			width: 100%;
		}
		section.careersection div.right p{
			border: 0;
			padding: 5px 15px;
		}
	/* CAREER ENDS */
	
	/* CONTACT BEGINS */
		section.contactussection{
			margin-bottom: 0;
		}
		section.contactussection h1{
			font-size: 100%;
			border: 0;
			padding: 0 10px;
		}
		section.contactussection div.left{
			float: left;
			width: 100%;
		}
		section.contactussection div.left form{
			display: block;
			padding: 5px 15px;
		}
		section.contactussection div.left h2{
			font-size: 100%;
			padding: 0 10px;
		}
		section.contactussection div.left p{
			font-size: 100%;
			padding: 0 10px;
			text-align: left;
			margin-left: 15px;
			border-color:#555;
		}
		section.contactussection div.left img{
			width: 60%;
			margin: 0 auto;
			display: block;
		}
		section.contactussection div.right{
			float: left;
			width: 100%;
		}
		section.contactussection div.right h2{
			font-size: 100%;
			padding: 0 10px;
			text-align: center;
		}
		section.contactussection div.right p{
			text-align: left;
			margin-left: 15px;
		}
	/* CONTACT ENDS*/
	

}