/*==================================================================
	Min with 1200
/*=================================================================*/
@media (min-width: 1200px) {	
	
	.container { 
		margin:auto!important;  
		width: 1170px; 
	}
	
	.row-fluid { 
		width: 100%; 
		*zoom: 1; 
	}
	
  	.row-fluid:before , .row-fluid:after { 
  		line-height: 0; 
  		display: table; 
  		content: ""; 
  	}
	
  	.row-fluid:after { 
  		clear: both; 
  	}
	
  	.row-fluid [class*="span"] { 
  		*margin-left: 2.5109110747408616%; 
  		margin-left: 2.564102564102564%; 
  		-webkit-box-sizing: border-box;     
  		-moz-box-sizing: border-box; 
  		border-box:box-sizing;
  		min-height: 30px; 
  		display: block;
  		float: left; 
  		width: 100%; 
  	}
	
  	.row-fluid [class*="span"]:first-child { 
  		margin-left: 0; 
  	}
  
  	.row-fluid .controls-row [class*="span"] + [class*="span"] { 
  		margin-left: 2.564102564102564%; 
  	}
  
  	.row-fluid .span12 { 
  		*width: 99.94680851063829%; 
  		width: 100%; 
  	}
  
  	.row-fluid .span11 { 
  		*width: 91.39979996362975%; 
  		width: 91.45299145299145%; 
  	}

  	.row-fluid .span10 { 
  		width: 82.90598290598291%; 
  		*width: 82.8527914166212%; 
  	}

  	.row-fluid .span9 { 
  		*width: 74.30578286961266%; 
  		width: 74.35897435897436%; 
  	}

	.row-fluid .span8 { 
		*width: 65.75877432260411%; 
		width: 65.81196581196582%; 
	}

	.row-fluid .span7 { 
		*width: 57.21176577559556%; 
		width: 57.26495726495726%; 
	}

	.row-fluid .span6 { 
		*width: 48.664757228587014%; 
		width: 48.717948717948715%; 
	}

	.row-fluid .span5 { 
		*width: 40.11774868157847%; 
		width: 40.17094017094017%; 
	}

	.row-fluid .span4 { 
		*width: 31.570740134569924%; 
		width: 31.623931623931625%; 
	}

	.row-fluid .span3 { 
		*width: 23.023731587561375%; 
		width: 23.076923076923077%; 
	}

	.row-fluid .span2 { 
		*width: 14.476723040552828%; 
		width: 14.52991452991453%; 
	}

	.row-fluid .span1 { 
		*width: 5.929714493544281%; 
		width: 5.982905982905983%; 
	}

}

/*==================================================================
	Min with 980  - Max width 1199
/*=================================================================*/
@media (min-width: 980px) and (max-width: 1199px) {
	
	.container { 
		margin:auto!important;  
		width:940px; 
	}
	
	.row-fluid { 
		width: 100%; 
		*zoom: 1; 
	}

	.row-fluid:before , .row-fluid:after { 
		display: table; 
		line-height: 0; 
		content: "";
	}

	.row-fluid:after { 
		clear: both; 
	}

	.row-fluid [class*="span"] {
		*margin-left: 2.074468085106383%; 
		margin-left: 2.127659574468085%; 
		-webkit-box-sizing: border-box;
 		-moz-box-sizing: border-box; 
 		box-sizing: border-box; 
		min-height: 30px; 
		display: block; 
		float: left; 
		width: 100%; 
 	}

	.row-fluid [class*="span"]:first-child { 
		margin-left: 0; 
	}

	.row-fluid .controls-row [class*="span"] + [class*="span"] { 
		margin-left: 2.127659574468085%; 
	}

	.row-fluid .span12 { 
		*width: 99.94680851063829%; 
		width: 100%; 
	}

	.row-fluid .span11 { 
		*width: 91.43617021276594%; 
		width: 91.48936170212765%; 
	}

	.row-fluid .span10 { 
		*width: 82.92553191489361%; 
		width: 82.97872340425532%; 
	}

	.row-fluid .span9 { 
		*width: 74.41489361702126%; 
		width: 74.46808510638297%; 
	}

	.row-fluid .span8 { 
		*width: 65.90425531914893%; 
		width: 65.95744680851064%; 
	}

	.row-fluid .span7 { 
		*width: 57.39361702127659%; 
		width: 57.44680851063829%; 
	}

	.row-fluid .span6 { 
		*width: 48.88297872340425%; 
		width: 48.93617021276595%; 
	}

	.row-fluid .span5 { 
		*width: 40.37234042553192%; 
		width: 40.42553191489362%; 
	}

	.row-fluid .span4 {
		*width: 31.861702127659576%; 
		width: 31.914893617021278%; 
	}

	.row-fluid .span3 { 
		*width: 23.351063829787233%; 
		width: 23.404255319148934%; 
	}
		
	.row-fluid .span2 { 
		*width: 14.840425531914894%; 
		width: 14.893617021276595%; 
	}
	
	.row-fluid .span1 { 
		*width: 6.329787234042553%; 
		width: 6.382978723404255%; 
	}

	.home-sidebar {
		width:50%!important;
	}
	
	.skill-bar { 
		width:85%;
		margin-bottom:25px;
	}
	.skill-caption { 
		margin-top:-95px;
		margin-bottom:60px;
		margin-left:-2px;
	}
	
	
}

/*==================================================================
	Min with 768  - Max width 979
/*=================================================================*/
@media (min-width: 768px) and (max-width: 979px) {

	.container { 
		margin:auto!important; 
		width:650px; 
	}
	
	.row-fluid { 
		width: 100%; 
		*zoom: 1; 
	}

	.row-fluid:before , .row-fluid:after { 
		display: table; 
		line-height: 0; 
		content: ""; 
	}
  	
	.row-fluid:after { 
		clear: both; 
	}
	
	.row-fluid [class*="span"] { 
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
		box-sizing: border-box; 
		min-height: 30px; 
		display: block; 
		float: left; 
		width: 100%; 
	}
 
  	.row-fluid [class*="span"]:first-child { 
  		margin-right: 2.7624309392265194%; 
  		*margin-right: 2.709239449864817%; 
  	}

  	.row-fluid [class*="span6"]:first-child { 
  		*margin-right: 0; 
  		margin-right: 0; 
  	}

  	.row-fluid [class*="span2"] {
  		margin-left: 2.7624309392265194%; 
  		*margin-left: 2.709239449864817%; 
  	}
  	.row-fluid [class*="span2"]:first-child { 
  		margin: 0;  
  	}

	.row-fluid [class*="span"]:last-child { 
		margin-left: 2.7624309392265194%; 
		*margin-left: 2.709239449864817%; 
	}

	.row-fluid .controls-row [class*="span"] + [class*="span"] { 
		margin-left: 2.7624309392265194%; 
	}
	
  	.row-fluid .span12 { 
  		width: 100%; 
  		*width: 99.94680851063829%; 
  	}

  	.row-fluid .span11 { 
  		*width: 91.38327259903608%; 
  		width: 91.43646408839778%; 
  	}

	.row-fluid .span10 { 
		*width: 82.81973668743387%; 
		width: 82.87292817679558%; 
	}
	
  	.row-fluid .span9 { 
  		*width: 74.25620077583166%; 
  		width: 74.30939226519337%; 
  	}

  	.row-fluid .span8 {
  		*width: 65.69266486422946%; 
  		width: 65.74585635359117%; 
  	}

	.row-fluid .span7 { 
		*width: 57.12912895262725%; 
		width: 57.18232044198895%; 
	}

	.row-fluid .span6 { 
		*width: 48.56559304102504%; 
		width: 48.61878453038674%; 
	}

	.row-fluid .span5 { 
		*width: 40.00205712942283%;
		width: 40.05524861878453%; 
	}
	
	.row-fluid .span4 { 
		width: 31.491712707182323%; 
		*width: 31.43852121782062%; 
	}

	.row-fluid .span3 { 
		*width: 48.56559304102504%; 
		width: 48.61878453038674%; 
	}

	.row-fluid .span2 { 
		*width: 14.311449394616199%; 
		width: 14.3646408839779%; 
	}

	.row-fluid .span1 { 
		*width: 5.747913483013988%; 
		width: 5.801104972375691%; 
	}
	
	.background-side-right {
		width: 100%;
		height: 400px;
		position: static;
	}
	#about .span8 {
		float:none;
		margin:auto;
	}
	#about .text-right {
		text-align: left;
	}
	#services .span10 {
		width: 100%;
	}
	.infographic-circle {
		margin-left: -10px;
	}
	.portfolio-container {
		width: 50%;
	}
	.contact-circle {
		float: none;
		margin:auto;
		margin-bottom: 40px;
	}
	input {
		width: 95%;
	}
}
/*==================================================================
	Max width 767 
/*=================================================================*/
@media (max-width: 767px) { 
	.container { 
		margin:auto!important; 
		width:350px; 
	}
	.nav-container {
		display: none;
	}
	.top-pic .name .title-name {
		font-size: 32px!important;
		margin-top: -120px;
	}
	.background-side-right {
		width: 100%;
		height: 200px;
		position: static;
	}
	#about .text-right {
		text-align: left;
	}
	#infographic .text-right {
		text-align: center;
	}
	#infographic .date {
		text-align: center;
		margin-bottom: 20px;
	}
	.portfolio-filter li {
		display: block;
		margin-bottom: 10px;
	}
	.portfolio-filter li:before {
		content:"";
	}
	.portfolio-container {
		width: 100%;
	}
	.contact-circle {
		margin-bottom: 20px;
	}
	textarea {
		min-width: 87%;
		max-width: 87%;
		width: 87%;
	}
	input {
		width: 87%;
	}
}
/*==================================================================
	Max width 480
/*=================================================================*/
@media (max-width: 480px) {	
	.container { 
		margin:auto!important; 
		width:290px; 
	}
	
		.top-pic-body 							{	width:208px; margin:auto; margin-top:10%; }

.top-pic 								{ 	width:180px; height:180px; }

.top-pic img 							{ 	max-width:180px; max-height:180px; }

.social-icon img 						{ 	width:24px; height:24px; }

.social-icon i							{	font-size:24px!important;  }

.social-icon1 { float:left;  margin-top:-100px;  margin-left:-50px; }
.social-icon2 { float:left;  margin-top:-50px;   margin-left:-30px; }
.social-icon3 { float:left;  margin-top:-10px;   margin-left:0px; }
.social-icon4 { float:left;  margin-top:15px;    margin-left:17px; }
.social-icon5 { float:left; margin-top:15px;    margin-left:35px; }
.social-icon6 { float:left; margin-top:-50px;   margin-left:170px; }
.social-icon7 { float:left; margin-top:-85px;   margin-left:210px; }
.social-icon8 { float:left; margin-top:-140px;  margin-left:230px; } 



}