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

@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){

}