/* ==========================================================================
   Media Queries
   ========================================================================== */


/* ---------------------------------------------------------------------- */
/*	Version 1170px
/* ---------------------------------------------------------------------- */

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

  
}

/* ---------------------------------------------------------------------- */
/*	Mobile Version 767px
/* ---------------------------------------------------------------------- */

@media handheld, only screen and (max-width: 767px) {  
  body{
	padding: 0;
  }

  .navbar-fixed-top{
	margin: 0;
  }  

  .testimonials .img-container{
	margin: 0 auto 10px !important;
	width: 180px; 
  }

}


/* ---------------------------------------------------------------------- */
/*	Mobile Version 600px
/* ---------------------------------------------------------------------- */

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

}
	

/* ---------------------------------------------------------------------- */
/*	Mobile Version 568px
/* ---------------------------------------------------------------------- */

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


}


/* ---------------------------------------------------------------------- */
/*	Mobile Version 480px
/* ---------------------------------------------------------------------- */

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

  .carousel-caption {
	position: static;
  }	

  .team .team-container .imgContainer{
	margin: 0 auto;
	width: 180px; 
  }
}

@media handheld, only screen and (min-width: 480px) and (orientation:landscape){
  
}


/* ---------------------------------------------------------------------- */
/*	Mobile Version 320px
/* ---------------------------------------------------------------------- */

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

}

/* ---------------------------------------------------------------------- */
/*  General fixes for different dimensions
/* ---------------------------------------------------------------------- */

@media (min-width: 320px) and (max-width: 966px){

  .contact .map_container{
	position: relative;
	right: 0;
  }

  .container{
	padding: 0 10px;
  }

  section.set {
	padding:3em 0;
  }

}

@media (min-width: 320px) and (max-width: 767px){


  .case .carousel-control{
	top: 105%;
  }

  .case .carousel-inner .item .contact-us{
	margin:0 auto;    
  }

  .team .team-container .imgContainer {
	  margin: 0 auto;
	  width: 180px;
  }

  .testimonials .img-container > .thumb-hover{  
	  padding: 40% 0;      
  }

  /* rev slider */
  #home {
	padding: 20px 0;
  }
  .home h2 {
	font-size: 20px;
	line-height: 150%;
	margin: 0 0 0 10px;
  }
  .home h3 {
	font-size: 15px;
	margin: 0 0 0 10px;
  }
  .home p {
	margin: 0 0 0 10px;
  }
  .home .caption.sft.logos {
	margin: 0 0 0 10px;
  }

  /* carousel buttons */
  .carousel-control {
	display: none
  }
}

@media (min-width: 768px) and (max-width: 966px){ 
  .features h2 {
	font-size: 1.8em;
	line-height: 4em;
  }

  .portfolio .modal .right-container{
	margin: 10px;    
  }

  .portfolio .modal .right-container h2 {
	font-size: 1.2em;
	margin-bottom: 0;
  }

  .portfolio .modal .right-container button{
	background: none repeat scroll 0 0 transparent;
	border: 2px solid #fdbbbd;
	border-radius: 2px 2px 2px 2px;
	color: #fa6165;
	font-weight: bold;
	padding: 10px 22px;
	text-transform: uppercase;
  }


  .portfolio .modal .right-container p {
	font-size: 0.8em;
	margin-bottom: 0;
  }


  .portfolio .modal .right-container ul li {
	  font-size: 0.8em;
	  padding: 0.5em 0;
  }

  .testimonials .img-container > .thumb-hover{  
	  padding: 20% 0;      
  }

  .contact .map_container{
	position: absolute;    
  }

}

@media (min-width: 320px) and (max-width: 360px) { 
  .features h2 {
	font-size: 1.5em;
	line-height: 5em;
  }

  .features h2 span.featured-icons{
	margin-right: 5px;
  }
}

@media (min-width: 200px) and (max-width: 480px){ 

  body h3{
	font-size: 1.2em;
	padding: 0;
  }

  body p{
	font-size: 1em;
  }


  section.set {
	  padding: 2.5em 0;
  }

  .title h2,
  .contact h2{
	font-size: 2.4em;  
  }   
  .portfolio .box .thumb-hover label{
	font-size: 1em;
  }

  .news div.box .news-data{
	font: 1em;
  }

  section.twitter .tweet {
	font-size: 1.2em;
  }
}

@media (min-width: 768px) and (max-width: 1024px){

}
/*  iPad in landscape  */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
  .caption.sfb.platschari {
	display: block;
  }
  .caption.sfb.platschari > img {
	height: 50% !important;
	width: 50% !important;
  }
}
/*  iPad in portrait  */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
  .caption.sfb.platschari {
	display: none;
  }
}