/*==================================================================
	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%; 
	}

	.toggle-nav {
		display: none!important;
	}

}
/*==================================================================
	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%; 
	}

	.header-fix nav,
	.header-none nav {
	  	display:block!important;
	}

	.team-info {
		overflow-y: auto;
	}	

	.team-info p {
		margin-bottom: 0!important;
	}

	.team-caption {
		top: -80px;
	}

	/* contact */
	input {
		width: 92%!important;
		margin-bottom: 5px;
	}

	input[type="submit"] {
		width: 120px!important;
		margin-left: 0!important;
		text-align: center;
	}

	.contact-heading  {
		border-bottom: 1px #c3c3c3 solid;
		text-align: center;
		padding:5px 20px;
		border-right: 0;
		margin: auto;
		float: none;
		width: 50%;
	}

	.contact-details {
		text-align: center;
		margin: auto;
		float: none;
	}
	
	/* about slider pagination */
	#about-slider.owl-theme .owl-controls .owl-page span{
		background-color: #fff;
		border:1px #000 solid;
		margin:0 13px!important;
		height: 12px!important;
		width: 12px!important;
		bottom: -151px;
	}

	#about-slider.owl-theme .owl-controls .owl-page.active span,
	#about-slider.owl-theme .owl-controls.clickable .owl-page:hover span{
		background-color: #dedede;
		border:1px #000 solid;
		margin:0 13px;
		height: 12px;
		width: 12px;
		opacity: 1;	

	}

	#about-toggle {
		display: none!important;
	}

	.toggle-nav {
		display: none!important;
	}
}

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

	.container { 
		margin:auto!important; 
		width:724px; 
	}
	
	.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%; 
	}

	/* navigation & menu & header */
	

	.toggle-nav {
		display: block;
	}

	.logo {
		margin-left: 90px;
	}
	/* features */
	.features-container .row-fluid .span2  {
		margin: auto; 
		margin-bottom: 30px;
		float: none;
	}

	.features-container .row-fluid .span10 {
		text-align: center;
		margin: auto; 
		float: none;
	}

	.features-container .left-line {
		display: none;
	}

	.features-padding {
		padding: 0;
	}

	.iphone-features {
		margin-top: 60px;
	}

	/* fact counter */

	.facts-container .small-container-padding {
		padding: 10px 0;
	}

	.facts-container .row-fluid .span3 {
		margin-bottom: 60px;
		text-align: center;
	}

	.facts-counter {
		opacity: 1;
	}

	.facts-counter i {
		text-align: center;
		display: block;
		margin: auto;
		margin-bottom: 20px;
		float: none;
		clear: both;
	}

	.facts-counter .line {
		display: none;
	}

	/* skills */
	.skills {
		padding: 100px 0; 
		background-color: #eee;
		margin-bottom: -10px;

	}

	.skills h3 {
		margin-bottom: 20px;
		margin-top: 80px;
		
	}

	.skills .line {
		margin-bottom: 15px;
	}

	.infographic {
		height: 800px;
	}

	.infographic-size {
		margin-left: -4.5%;
	}

	.infographic .circle {
		margin-bottom: -4px;
	}

	/* portfolio */
	.portfolio-filter {
		padding-left: 0;
	}

	.portfolio-filter li {
		margin-left: 0!important;
		display: block;
	}

	.portfolio-filter li:before {
		display: none;
		margin: 0;
	}


	/* portfolio details */
	.portfolio-item {
		width: 50%!important;
		margin: 0!important;
	}

	.portfolio-item img{
		width: 99%!important;
	}

	.portfolio-container .portfolio-item {
		margin: -1px!important;
	}

	/* portfolio more info */
	.portfolio-details .text {
		margin:auto!important;
	}

	.portfolio-details .span6 {
		width: 100%!important;
	}

	.portfolio-details .slider {
		display: none!important;
	}

	/* services s1 */
	.services-s1 .span2  {
		text-align: center!important;
		margin: auto!important;
		margin-bottom: 30px!important;
		float: none!important;
	}

	.services-s1 .span10 {
		text-align: center!important;
		margin: auto!important;
		float: none!important;
	}

	.services-s1 .span10 p {
		margin-top: 10px;
		padding: 0;
		margin: 0;
	}

	.services-s1 .line {
		display: none;
	}
	
	.services-s1 i {
		margin-bottom:10px;
	}	
	
	.services-s1 h3 {
		text-align: center!important;
		font-weight: 500;
		font-size: 18px;
		margin-bottom:20px;
		float: none;
	}

	/* team */
	.content {
		padding:20px!important;
	}

	.content p {
		overflow-y: auto;
		height: 100px;
	}

	.team-social {
		bottom: 90px;
	}

	.team-social i{
		margin-right: 30px;
	}

	.team-line {
		bottom: 100px;
	}

	/* contact */
	input {
		width: 92%!important;
		margin-bottom: 5px;

	}

	input[type="submit"] {
		width: 120px!important;
		margin-left: 0!important;
		text-align: center;
	}

	.contact-heading  {
		border-bottom: 1px #c3c3c3 solid;
		text-align: center;
		border-right: 0;
		padding:5px 0;
		margin: auto;
		width: 100%;
		float: none;
	}

	.contact-details {
		text-align: center;
		margin: auto;
		float: none;
	}

	/* testimonials */
	.testimonials-container h4 {
		font-size: 16px;
		width: auto;
	}

	.testimonials-container .date {
		font-size: 12px;
	}

	/* map */
/*	.toggle-map-container {
		display: none;
	}*/



	/* about slider pagination */
	#about-slider.owl-theme .owl-controls .owl-page span{
		background-color: #fff;
		border:1px #000 solid;
		margin:0 13px!important;
		height: 12px!important;
		width: 12px!important;
		bottom: -151px;
	}

	#about-slider.owl-theme .owl-controls .owl-page.active span,
	#about-slider.owl-theme .owl-controls.clickable .owl-page:hover span{
		background-color: #dedede;
		border:1px #000 solid;
		margin:0 13px;
		height: 12px;
		width: 12px;
		opacity: 1;	

	}

	#about-toggle {
		display: none!important;
	}

	.header-slider-caption h2 { 
		font-size: 56px;
	}

	.header-slider-caption p {
		margin-top: -30px!important;
	}

	
}
@media (max-width:979px) {
	.header-fix,
	.header-none  {
		display: none;
	}

	/* Navigation */
	.navigation {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0!important;
		overflow: auto;
		padding: 20px 0;
		margin-left: 0px!important;
		z-index: 9999;
		background-color: rgba(44,44,44,0.9);
		display: none;
	}
	.navigation ul li  {
		float: left;
		width: 100%;
		padding: 10px 0;

	}
	.navigation ul li a { 
		margin: 0;
		padding: 0;
		color: #fff!important;
		display: block!important;
	}
	.nav-line {
		display: none!important;
	}
	.close {
		position: fixed;
		top: 10px;
		right: 20px;
		z-index: 999;
		color: #fff;
		font-size: 32px;
		cursor: pointer;
		display: block;
	}
	.facts-js-num { 
		display: none!important;
	}
	.facts-number {
		display: block!important;
	}
	

}
/*==================================================================
	Max width 767 
/*=================================================================*/
@media (max-width: 767px) { 
	.container { 
		margin:auto!important; 
		width:350px; 
	}

	/* special background color */

	.gray-bg-res {
		background-color: #eee!important;
	}


	.toggle-nav {
		display: block;
	}

	/* header */
	#header-slider {
		display: inline-block;
		margin-bottom: 20px;
	}
	.header-slider-caption h2 {
		font-size: 52px!important;
	}
	.header-slider-caption p {
		letter-spacing: 5px;
		font-size: 11px;
	}

	

	/* header */
	.header-slider-caption h2 {
		font-size: 80px;
	}

	.header-slider-caption p {
		font-size: 13px;
	}


	.logo {
		margin-left: 90px;
	}


	/* about slider pagination */
	#about-slider.owl-theme .owl-controls .owl-page span{
		background-color: #fff;
		border:1px #000 solid;
		margin:0 13px!important;
		height: 12px!important;
		width: 12px!important;
		bottom: -151px;
	}

	#about-slider.owl-theme .owl-controls .owl-page.active span,
	#about-slider.owl-theme .owl-controls.clickable .owl-page:hover span{
		background-color: #dedede;
		border:1px #000 solid;
		margin:0 13px;
		height: 12px;
		width: 12px;
		opacity: 1;	

	}

	#about-toggle {
		display: none;
	}

	/* features */
	.features-container .row-fluid .span2  {		
		text-align: center;
		margin: auto; 
		margin-bottom: 30px;
		float: none;
	}

	.features-container .row-fluid .span10 {
		text-align: center;
		margin: auto; 
		float: none;
	}

	.features-container .left-line {
		display: none;
	}

	.features-padding {
		padding: 0;
	}

	.features-container h3 {
		margin-left: 0!important;
	}
	.features-container p {
		margin-left: 0!important;
	}
	.features-container i {
		margin: auto;
	}

	.iphone-features {
		margin-bottom: 120px;
		margin-top: 60px;
		display: none!important;
	}

	/* team */
	.team {
		margin-bottom: 20px;
	}

	/* fact counter */

	.infographic {
		display: none;
	}

	.facts-container .small-container-padding {
		padding: 10px 0;
	}

	.facts-container .row-fluid .span8 {
		margin-top: -80px!important;
	}

	.facts-container .row-fluid .span3 {
		margin-bottom: 100px;
		text-align: center;
	}
	
	.facts-container .row-fluid .span3:last-child{
		margin-bottom: 0;
	}

	.facts-counter {
		opacity: 1;
	}

	.facts-counter i {
		text-align: center;
		display: block;
		margin: auto;
		margin-bottom: 20px;
		float: none;
		clear: both;
	}

	.facts-counter .line {
		display: none;
	}

	/* skills */
	.skills h3 {
		margin-bottom: 20px;
	}

	.skills .line {
		margin-bottom: 15px;
	}

	/* infographic */
	.infographic-container {
		position: absolute;
		padding: 0;
		margin: 0;
		top: 0;
	}

	.infographic .circle {
		display: none;
	}

	.infographic .bar {
		position: absolute;
		margin: auto;
		height: 20px;
		left: 10px;
		top: 20px;
	}

	.infographic .text {
		position: absolute;
		text-align: center;
		top: 120px;
		opacity: 1;
		margin: 0;
		left: 0;
	}

	.infographic .line {
		display: none;
	}

	.small-bar-size {
		height: 0px;
	}

	.infographic-size {
		margin-left: 0;
	}

	/* portfolio filter */
	.portfolio-filter {
		padding: 10px 0;
	}

	.portfolio-filter li {
		padding: 10px 0!important;
		padding-left: 0;
		margin-left: 0px;
		display: block;
	}

	.portfolio-filter li:before {
		display: none;
		margin: 0;
	}

	/* portfolio details */
	.portfolio-item {
		width: 100%!important;
	}

	.portfolio-item img{
		width: 100%!important;
	}

	.portfolio-details .header {
		height: 120px;
	}

	.social-icon-container {
		display: inline-block!important;
		float: left!important;
		width: 100%!important;
		margin-top: -40px;
		margin-left: 20px;
	}

	.portfolio-details {
		width: 100%;
	}

	.portfolio-details .slider {
		position: absolute;
		width: 100%;
		top: 40px;
		left: 0;
	}

	.portfolio-details .text {
		top: 100%;
	}

	.portfolio-details .number {
		margin-left: 10px!important;
	}

	.social-container .row-fluid [class*="span"] {
		margin-bottom: 30px!important;
	}

	/* portfolio more info */
	.portfolio-details .text {
		margin:auto!important;
		padding: 50px;
		top: 0;
	}

	.portfolio-details .span6 {
		width: 350px;
	}

	.portfolio-details .slider {
		display: none!important;
	}

	/* services s1 */
	.services-s1 .span4 {
		margin-bottom: 60px;
	}

	.services-s1 .span2  {
		text-align: center!important;
		margin: auto!important;
		margin-bottom: 30px!important;
		float: none!important;
	}

	.services-s1 .span10 {
		text-align: center!important;
		margin: auto!important;
		float: none!important;
	}

	.services-s1 .span10 p {
		margin-top: 10px;
		padding: 0;
		margin: 0;
	}

	.services-s1 .line {
		display: none;
	}

	.services-s1 h3 {
		text-align: center!important;
		font-weight: 500;
		font-size: 18px;
		margin-bottom:20px;
		float: none;
	}

	/* services style 2 */
	.services-s2 {
		padding-bottom: 120px!important;
	}

	.services-s2 .big-container-padding {
		padding: 40px 0;
	}

	.services-s2 .span6{
		margin-bottom: 40px!important;
		margin-top: 80px!important;
	}

	.services-s2 .left-content {
		text-align: left;
		float: left;
		left: 70px;
		top: 30px;
	}

	.services-s2 .right-content {
		text-align: right;
		float: right;
		right: 70px;
		top: 30px;
	}

	.responsive-clear {
		clear: both;
	}

	/* contact */
	.contact-container {
		height: 700px;
	}

	input {
		width: 92%!important;
		margin-bottom: 5px;
	}
	input[type="submit"] {
		margin-left: 0!important;
		width: 120px!important;
		text-align: center;
	}

	.contact-heading  {
		border-bottom: 1px #c3c3c3 solid;
		text-align: center;
		border-right: 0;
		padding:5px 0;
		margin: auto;
		width: 100%;
		float: none;
	}

	.contact-details {
		text-align: center;
		margin: auto;
		float: none;
	}

	/* testimonials */
	.testimonials-container {
		position: relative;
		margin-left: 20px;
	}

	.testimonials-container h4 {
		font-size: 16px;
		width: 60%;
	}

	.testimonials-container .date {
		position: absolute;
		font-size: 12px;
		float: left;
		bottom: 15px;
		left: 20px;
	}

	.testimonials-author {
		z-index: 999!important;
		position: relative;
	}

	/* map */
/*	.toggle-map-container {
		display: none;
	}*/

	/* Sidebar */
	.sidebar {
		display: block!important;
	}


	/* Intro video */
	.section-intro {
		display: none;
	}


	/* Footer Social icons */
	.social-container .span2 a .popup {
		opacity: 1!important;
	}
	.icon-container {	
		bottom: 0;
	}
	.icon-container i { 
		color: #f5ce17;
	}
	.social-container .icon-container {
		border:2px #000 solid!important;
	}

	/* typography */

	.heading p {
		padding:20px;
		font-size: 16px;
	}

	.services .heading p {
		margin-left: 0px;
	}
	.right-content p { 
		font-size: 14px;
	}
	.right-content h3 {
		margin-top: -20px!important;
	}
	.left-content p {
		font-size: 14px;
	}
	.left-content h3 { 
		margin-top: -20px!important;
	}
	.features-container p { 
		font-size: 14px;
	}
	.about-lead {
		font-size: 14px;
	}
	.testimonials-container p {
		font-size: 14px;
		margin-bottom: 17px;
	}
	.services-s1 p { 
		font-size: 14px;
	}
}


/*==================================================================
	Max width 480
/*=================================================================*/
@media (max-width: 480px) {	
	.container { 
		margin:auto!important; 
		width:290px; 
	}

	.toggle-nav {
		display: block;
	}

	/* header */
	.header-slider-caption h2 {
		font-size: 32px!important;
	}

	.header-slider-caption p {
		letter-spacing: 2px;
		font-size: 13px;
		margin-top: 0;
	}


	.content {
		padding:20px!important;
	}

	.content p {
		overflow-y: auto;
		height: 200px;
	}

	.team-info-social {
		position: static;
		display: block;
	}

	.team-info-social i{
		margin-right: 30px;
	}

	.team-info-line {
		bottom: 110px;
	}

	/* contact */
	textarea {
		min-width: 88%;
		max-width: 88%;
	}

	input {
		width: 88%!important;
		margin-bottom: 5px;
	}

	input[type="submit"] {
		margin-left: 0!important;
		width: 120px!important;
		text-align: center;
	}

	/* portfolio more info */
	.portfolio-details .text {
		margin:auto!important;
		padding: 50px 30px;
		top: 0;
	}

	.portfolio-details .span6 {
		width: 270px;
	}

	.portfolio-details .slider {
		display: none!important;
	}

}