@charset "utf-8";

/* ---------------------------------------------------------------------- */
/*	 0.6 Version 1366px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 1366px) {
  .job{
   	padding-left:7%;  
  }
  .name{
   	padding-right: 7%; 
  }
}


/* ---------------------------------------------------------------------- */
/*	 0.6 Version 1024px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 1280px) {
  .sf-menu > li{
    margin: 0 20px 0 0;
   }

	.input-prepend input{
		width: auto;
	}
	#portfolio-list li {		
		max-width: 290px;		
		margin: 0 5px 20px 5px;
	}
	#portfolio-list li.span3 {	
		margin: 0 5px 20px 5px;
		max-width: 210px;
	}

	/* Comments -------------------------------------------*/
	.carousel-testimonials .image-testimonials{	
    width: 130px;	
    height: 130px;
  }
  .carousel-testimonials .image-testimonials img{	
    width: 130px;	
    height: 130px;
    margin-top: -3px;
    margin-left: -3px;
  }
  .carousel-testimonials .head-testimonials{
    width: 130px;	
    height: 130px;
  }
  .carousel-testimonials h3{
  	font-size: 18px;
    line-height: 28px;
  }
  .job{
   	padding-left:8%;  
  }
  .name{
   	padding-right: 8%; 
  }
}

/* ---------------------------------------------------------------------- */
/*	 0.7 Version 900px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 980px) {

	/* Nav responsive */

	#menu,
  .nav_logo .col-md-1,
  .tp-caption img{
		display: none !important;	
	}
	.tinynav {
		display: block;
		width: 28%;				
		position:absolute;
		top: -30px;
		font-size: 14px;
		color: #333;
		right: 20px;
		border-radius: 20px;
		border: 0;
		height: 32px;	
	} 
	.logo img{		
		padding: 0 0 0 20px;
		text-align: left;
	}
	.nav_logo{	
		position: relative;
		text-align: left;			
	}

	/* Sections Titles  ----------------------------*/

	.section_title{			
		padding: 100px 0 40px 0;
		text-align: center;
	}	
	.section_title h1{
		font-size: 30px;
		line-height: 40px;
	}
	.section_title p{
		text-align: center;
	}
	.section_title .logo{
		text-align: left;
	}

	.contact_footer li{
		line-height: 30px;
		margin-bottom: 22px;
	}
	.button{
		display: block;
		width: auto;
		text-align: center;
	}
	footer .input-prepend input,
	footer .button{
		width: auto;
	}
	footer{
		text-align: center;
		padding: 40px 20px;
	}
	.post{
		width: 80%;
	}
	.comment .img-circle{
		max-width: 180px;
		margin: 0 auto;
	}
	.text_left{
		text-align: center !important;
	}
	.comment .title_comment span a{
		float: none;
	}
	.item-team,
	.item_table{
		max-width: 400px;
		margin: 0 auto 30px auto;
	}
	.blog-content {
		max-width: 400px;
	}
  .job{
   	padding-left:10%;  
  }
  .name{
   	padding-right: 10%; 
  }
  .carousel-testimonials p{
    max-width: 90%;
    margin-top: 25px;
  }
  .caption-head{
    height: 160px;
    width: 160px;
  }
  .icon-big{
    font-size: 50px;
    line-height: 56px;
  }
}

/* ---------------------------------------------------------------------- */
/*	 0.7 Version 800px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width:800px) {
  /* Slide Style Captions ----------------------------------*/
  .largetextjk,
  .largetextjkright,
  .largetextjkcenter{	
    font-size: 40px !important;
    line-height: 50px !important;
  }
  .largetextjk span,
  .largetextjkright span,
  .largetextjkcenter span{	
    font-size: 50px !important;
    line-height: 60px !important;
  }
  .mediumlarge_light_white,
  .medium_light_white{	
    width: 75%;	
    font-size: 28px !important;
    line-height: 38px !important;	
  }
  .tp-caption  img{
    display:none !important;
  }
  .tp-button{	
    font-size: 14px;
    padding:10px 15px !important;		
    box-shadow: 0 1px 0 6px rgba(0, 0, 0, 0.4);
  }
  .tp-button span{
    font-size: 16px;
    padding-right: 12px;
    margin-right: 12px;
    border-right: 1px solid #fff;
  }
}


/* ---------------------------------------------------------------------- */
/*	0.8 Mobile Version 768px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 768px) {

	.content_info{
		padding: auto 20px;
	}
	.info_resalt{
		padding: 50px 20px;
	}

	/* filtrers -------------------------------------------*/

	 ul.filter li{
		padding:0 10px;		
	}
	#portfolio-list li,
	#portfolio-list li.span3{		
		max-width: 400px;		
		margin: 0 auto 20px auto;
	}

	.service-process{
		display: table;
		margin: 0 auto !important;
	}

	.item_team{
		margin-bottom: 20px;
	}

	.results h2 span{
		display: none;
	}
	.info_resalt{
		text-align: center;		
	}
	
	.item_table{
		max-width: 300px;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	.info_vertical{		
		width: 90%;		
	}
	.info_vertical h1{
		font-size: 30px;
		line-height: 35px;
		width: 95%;		
	}
	.info_vertical p{
		font-size: 18px;
		line-height: 23px;	
	}
	.info_vertical h2{
		padding:10px 0 10px 0;
	}
	.arrow_resultsb,
	.arrow_results{
		display: none;
	}
	.service-02 .head-service-02 i {
    display: block !important;
    margin: 0 auto 10px auto !important;
    float: none !important;
	}
  .service-02 {
    text-align: center;
    margin: 0 auto 20px auto !important;
    max-width: 400px;
  }
  .hot-features img{
    	margin-left: auto !important;
      margin-right: auto !important;
    	margin-bottom: 20px !important;
   }
    .carousel-testimonials p{
      max-width: 100%;
    }
    .job{
      padding-left:13%;  
    }
    .name{
      padding-right: 13%; 
    }
}


/* ---------------------------------------------------------------------- */
/*	 10 Version 600px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 600px) {
	
  .sticky-wrapper{
    position: relative !important;
  }
  /* Slide Style Captions ----------------------------------*/
  .largetextjk,
  .largetextjkright,
  .largetextjkcenter{	
    font-size: 40px !important;
    line-height: 50px !important;
  }
  .largetextjk span,
  .largetextjkright span,
  .largetextjkcenter span{	
    font-size: 50px !important;
    line-height: 60px !important;
  }
  .mediumlarge_light_white,
  .medium_light_white{		
    font-size: 20px !important;
    line-height: 30px !important;	
  }
  .job{
    padding-left:16%;  
    padding-top:12px;
    padding-bottom:12px;
  }
  .name{
    padding-right: 16%; 
    padding-top:12px;
    padding-bottom:12px
  }
  .carousel-testimonials h3{
  	font-size: 15px;
    line-height: 25px;
  }
  .carousel-testimonials .image-testimonials{	
    width: 100px;	
    height: 100px;
  }
  .carousel-testimonials .image-testimonials img{	
    width: 100px;	
    height: 100px;
    margin-top: -3px;
    margin-left: -3px;
  }
  .carousel-testimonials .head-testimonials{
    width: 100px;	
    height: 100px;
  }
}

/* ---------------------------------------------------------------------- */
/*	 11 Version 480px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 480px) {

	.button{
		margin: 15px 0;		
		font-weight: 600;	
		padding: 10px 15px;				
		font-size: 14px;
	}
  .job{
    padding-left:18%;  
  }
  .name{
    padding-right: 18%; 
  }
}


/* ---------------------------------------------------------------------- */
/*	12 Mobile Version 380px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 380px) {

	/* filtrers -------------------------------------------*/
	ul.filter{
		width: 100%;
	}
	ul.filter li{		
		padding:5px 10px;			
	}
}