/* Table of Contents
==================================================
    #Base (1180 Grid)
    #Desktop (960 Grid)
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */
    
    
/* #Base (1180 Grid)
================================================== */

    .container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 30px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }
	column.centered-auto, columns.centered-auto {
		margin:0 auto;
		float:none;
	}

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 55px;  }
    .container .two.columns                     { width: 130px; }
    .container .three.columns                   { width: 205px; }
    .container .four.columns                    { width: 280px; }
    .container .five.columns                    { width: 355px; }
    .container .six.columns                     { width: 430px; }
    .container .seven.columns                   { width: 505px; }
    .container .eight.columns                   { width: 580px; }
    .container .nine.columns                    { width: 655px; }
    .container .ten.columns                     { width: 730px; }
    .container .eleven.columns                  { width: 805px; }
    .container .twelve.columns                  { width: 880px; }
    .container .thirteen.columns                { width: 955px; }
    .container .fourteen.columns                { width: 1030px; }
    .container .fifteen.columns                 { width: 1105px; }
    .container .sixteen.columns                 { width: 1180px; }

    .container .one-third.column                { width: 380px; }
    .container .two-thirds.column               { width: 780px; }
    .container .twelve.alt.columns              { width: 860px; margin-right: 30px; }
    .container .twelve.alt2.columns             { width: 860px; margin-left: 30px; }
    .container .eleven.alt.columns              { width: 775px; margin-right: 30px; }
	.container .four.alt.columns                { width: 265px; margin-right: 15px; }
    .container .five.alt.columns                { width: 320px; margin-right: 15px; }
	.container .one-third.alt.column               { width: 400px; margin:0px; }
	.container .six.alt.columns                     { width: 480px; }
	.container .two.alt.columns                     { width: 115px;  margin:0px;}
    
    body.boxed,
    body.boxed #header                          { width: 1280px; }
	body.boxed .tp-banner  { width: 1280px; margin:0 auto; }
	


    @media only screen and (min-width: 1200px) and (max-width: 1300px) {
        body.boxed,
        body.boxed #header                          { width: 100%; }
		body.boxed .tp-banner                       { width: 100%; }
    }

/*@media only screen  and (width: 1600px) {
	.skdslider {
		height:488px;
	}
      
    }*/
/* #Dekstop (960 Grid)
================================================== */

    /* Note: Design for a width of 960px */

    @media only screen and (min-width: 960px) and (max-width: 1199px) {
        .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
        .container .column,
        .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
        .row                                        { margin-bottom: 20px; }

        /* Nested Column Classes */
        .column.alpha, .columns.alpha               { margin-left: 0; }
        .column.omega, .columns.omega               { margin-right: 0; }

        /* Base Grid */
        .container .one.column,
        .container .one.columns                     { width: 40px;  }
        .container .two.columns                     { width: 100px; }
        .container .three.columns                   { width: 160px; }
        .container .four.columns                    { width: 220px; }
        .container .five.columns                    { width: 280px; }
        .container .six.columns                     { width: 340px; }
        .container .seven.columns                   { width: 400px; }
        .container .eight.columns                   { width: 460px; }
        .container .nine.columns                    { width: 520px; }
        .container .ten.columns                     { width: 580px; }
        .container .eleven.columns                  { width: 640px; }
        .container .twelve.columns                  { width: 700px; }
        .container .thirteen.columns                { width: 760px; }
        .container .fourteen.columns                { width: 820px; }
        .container .fifteen.columns                 { width: 880px; }
        .container .sixteen.columns                 { width: 940px; }

        .container .one-third.column                { width: 300px; }
        .container .two-thirds.column               { width: 620px; }
        .container .twelve.alt.columns              { width: 680px; margin-right: 30px; }
        .container .twelve.alt2.columns             { width: 680px; margin-left: 30px; }
        .container .eleven.alt.columns              { width: 610px; margin-right: 30px; }
        .container .five.alt.columns                { width: 245px; margin-right: 15px; }
        
        body.boxed,
        body.boxed #header                          { width: 1020px; }
		body.boxed .tp-banner                       { width: 1020px; margin:0 auto; }
		nav ul li a {
			padding:38px 6px;
			font-size:12px;
		}
		.about-different {
			margin-left:0;
		}
		.featured-des h2 {
			font-size:17px;
		}
		.content_about {
			min-height:265px;
		}

    }
    
    @media only screen and (min-width: 769px) and (max-width: 1040px) {
        body.boxed,
        body.boxed #header                          { width: 100%; }
		body.boxed .tp-banner                       { width: 100%; }

    }


/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }
        .container .twelve.alt.columns              { width: 546px; margin-right: 20px; }
        .container .twelve.alt2.columns             { width: 546px; margin-left: 20px; }
        .container .eleven.alt.columns              { width: 488px; margin-right: 20px; }
        .container .five.alt.columns                { width: 185px; margin-right: 15px; }

        body.boxed,
        body.boxed #header                          { width: 100% }
		body.boxed .tp-banner                       { width: 100%; }
#navigation label, #navigation select {
	display:block;
}

#navigation ul {
	display:none;
}
#navigation {
	float:none;
	
}
#navigation label {
	display:none;
}
#navigation select {
	border:1px solid #ccc;
	width:80%;
	font-family: 'Arimo', sans-serif;
	font-size:13px;
	color:#3e3d3d;
	text-transform:uppercase;
	padding:5px 0;
	float:right;
	margin-top:30px;
}
.skdslider {
	height:350px;
}
.accordion-ver > ul > li > h1 {
	width:96.6%;
}
.about-different {
	margin-left:0;
}
.featured-des h2 {
	font-size:18px;
}
.skdslider .slide-desc {
	bottom:20%;
}
.content_about {
			min-height:345px;
		}
		.job-opening .accordion-ver > ul > li > h1 {
	font-size:12px;
	line-height:20px;
}










    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px !important; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column,
        .container .twelve.alt.columns,
        .container .twelve.alt2.columns,
        .container .five.alt.columns,
        .container .eleven.alt.columns { width: 420px !important; }
        
        .container .twelve.alt2.columns { margin-left: 0; }
        .container .fourteen.carousel.columns  { width: 340px; }
        .container .one.carousel.column  { width: 40px; }
        
       #logo img {
		   width:44% !important;
	   }
	   .about-different {
		   margin-left:0;
	   }
.container .three.columns.industries_left
	 {
	float:left;
	width:75% !important;
}
#article-section .industries_left p {
	min-height:100%;
}	
.container .one.column.industries_left_icon{
	float:left;
	width:20% !important;
	
}
 .container .industry_icons .two.columns  /*#site_des .container .four.columns*/ {
	width:210px !important;
	float:left !important;
}
.technology ul li {
	width:208px !important;
	margin-right:2px;
}
#login-area{
	width:370px !important;
}
.job-opening .accordion-ver > ul > li > h1 {
	font-size:11px;
	line-height:18px;
}
/*.skdslider ul.slides li img {
	width:100% !important;
	height:175px !important;
}*/


/*----------------Added By Somnath 04/09/14-------*/
.industry_icons{
	  margin: auto;
    width: 55% !important;
}




    }

/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column,
        .container .twelve.alt.columns,
        .container .twelve.alt2.columns,
        .container .five.alt.columns,
        .container .eleven.alt.columns { width: 300px; }
        
        .container .twelve.alt2.columns { margin-left: 0; }
        .container .fourteen.carousel.columns  { width: 240px; }
        .container .one.carousel.column  { width: 30px; }
       
	   #navigation label, #navigation select {
	display:block;
}
#navigation label {
	font-family: 'Arimo', sans-serif;
	font-size:13px;
	color:#3e3d3d;
}
#navigation ul {
	display:none;
}
#logo {
	text-align:center;
}
#logo img {
	width:65%;
}
#navigation {
	float:none;
	margin-bottom:10px;
}
#navigation select {
	border:1px solid #ccc;
	width:100%;
	font-family: 'Arimo', sans-serif;
	font-size:12px;
	color:#3e3d3d;
	text-transform:uppercase;
	padding:5px 0;
}
#navigation select option {
	padding-left:5px;
}
#header .top_bar .social_icons ul li {
    border-bottom: 1px solid #35384f;
	border-top: 1px solid #35384f;
    
}
#header .top_bar .call ul {
	margin-right:20px;
}
.best_service {
	margin-bottom:30px;
}
#back-top {
    bottom: 5px;
    position: fixed;
    right: 0;
	z-index:9999;
}

.copy {
	text-align:center;
}
.social_footer ul {
	text-align:center;
	margin-top:10px;
}
.social_footer ul li {
	display:inline-block;
	float:none;
}
p.name {
    margin-bottom:40px;
}
.accordion-ver > ul > li > h1 {
	width:96%;
}
.skdslider {
	height:170px;
}
.featured-circle-content {
	margin:30px 0 0 0;
}
.skdslider .slide-desc {
	display:none;
}
.about-different {
	margin-left:0;
}
.container .industries_left_icon{
	float:left;
	width:20% !important;
	
}
.container .industries_left {
	float:left;
	width:75% !important;
}
#article-section .industries_left p {
	min-height:100%;
}
.fixed-top {
	position:relative;
	top:0;
	z-index:999;
}
/*.jcarousel-pagination {
	display:block;
}
.jcarousel-control-prev,
.jcarousel-control-next {
	display:none;
	
}*/
.button  {
	margin-bottom:10px;
}
h4.contact-right {
	text-align:left !important;
}
#site_des ul.contact {
	text-align:left !important;
}
#site_des h4 {
	margin-bottom:5px;
}
.about-slider .skdslider {
	height:158px;
}
.content_about {
	margin-bottom:10px;
}
.photo_content {
	margin-bottom:5px;
}
.right {
	float:none !important;
}
/*.skdslider ul.slides li img {
	max-width:100% !important;
	max-height:100% !important;
	width:auto !important;
	height:auto !important;
}*/
.service-img img {
	float:none !important;
	display:block !important;
}
.technology ul li {
	width:300px;
	border-right:0;
}
.technology ul li, .technology ul li a {
	height:140px;
}
.job-opening .accordion-ver > ul > li > h1 {
	font-size:11px;
	line-height:18px;
	/*---------------*/
	padding: 10px 0 10px 3px !important;
	 width: 98.7%;
}
/*.accordion-ver > ul > li > i{
	 padding: 0;
}*/
#map iframe {
	width:100% !important;
}
.register_field {
	width:95%;
}
.selet_area {
	width:95%;
}
nav ul li.selected {
	display:block;
}
#navigation label{
	display:none;
}
#login-area {
	width:260px;
	padding:25px 15px;
}




/*----------------Added By Somnath 04/09/14-------*/
.industry_icons{
	  margin: auto;
    width: 97%;
}
/*------------*/
.online-job {
    background: #f58634 none repeat scroll 0 0;
    border: 1px solid #f58634;
    border-radius: 4px;
    color: #fff;
    display: block;
    float: none;
    font-size: 14px;
    line-height: 25px;
    margin: 0 0 24px;
    padding: 6px 11px;
    position: relative;
    right: auto;
    text-align: center;
    text-decoration: none;
    top: auto;
}






    }



/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }