/* ==========================================================================

   Media Queries

   ========================================================================== */





/* ---------------------------------------------------------------------- */

/*	Version 1170px

/* ---------------------------------------------------------------------- */



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

.ch-info-wrap, 

.ch-info{

	width: 130px;

	height: 130px;

	

}

.ch-img-1 { 

	background-size: cover;

}



.ch-img-2 { 

	background-size: cover;

}



.ch-img-3 { 

	background-size: cover;

}

.ch-img-4 { 

	background-size: cover;

}

.testpic  {

   width: 14.365% !important;

}

.footerdiv, .copyright {font-size: .8em; }


  .captcha input {
   
    height: 27px;
}

}

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

header h1{

	margin-top:0px;

}
.topheader span { text-align: inherit; float: inherit;}
.topheader {text-align: center;}
.navbar .btn, .navbar .btn-group { margin-top: 14px;}
.captcha input {width: 40%; height:34px; }

}

/* ---------------------------------------------------------------------- */

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

  }
.topheader {padding-top: 10px;}

.footerdiv, .copyright{text-align:center;}
.captcha input { width: 44%; height: 22px;}

}





/* ---------------------------------------------------------------------- */

/*	Mobile Version 600px

/* ---------------------------------------------------------------------- */



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


.topheader span.phone {padding-left: 24px; padding-right: 0px; margin-left:10px;}

 .title h2 { font-size: 2.4em ;  }
 .captcha input { width: 44%; height: 30px;}

}

	



/* ---------------------------------------------------------------------- */

/*	Mobile Version 568px

/* ---------------------------------------------------------------------- */



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


  .contact input, .contact select, .contact textarea {
      padding: 10px 9px;
      }

 .captcha span {
    width: 41%;
    display: inline-block;
    background: #fb787b;
    padding: 1px 20px;
    text-align: center;
  }
  

  

}





/* ---------------------------------------------------------------------- */

/*	Mobile Version 480px

/* ---------------------------------------------------------------------- */



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



  .carousel-caption {

    position: static;

  }	



  .team .team-container .imgContainer{

    margin: 0 auto;

    width: 180px; 

  }
  
  .captcha span {
    width: 91%;
    
    margin-bottom: 10px;
}

.captcha input {
    width: 96%;
    
    
}


}






/* ---------------------------------------------------------------------- */

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

  }

  .home h2{	

    

	margin:0 0 10px 20px;

	

}

.home h3{	

    margin-left:20px;

	

}

.home p{

	 margin-left:20px;

}

.pic {width:20% !important; float:left !important; margin-left:1.5em !important;}

.dis {width:65% !important; float:left !important; margin-left:2.5em !important;}



.testpic  { width: 180px !important;}





}



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



 



  .features h2 {

    font-size: 1.7em;

    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;    

  }

   .ch-info-wrap, 

.ch-info{

	width: 100px;

	height: 100px;

	

}



}



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

  .features h2 {

    font-size: 1.5em;

    line-height: 5em;

  }

    .footerdiv{ text-align:center; }

  .features h2 span.featured-icons{

    margin-right: 5px;

  }

  .copyright {
    line-height: 26px;
    text-align: right;
    color: #fff;
    text-align: center;
    margin-top: 9px;
}


 .topheader span.phone
  { 
 margin-left:5px;
 }

 .contact input, .contact select, .contact textarea {
    padding: 10px 8px;
 }

 select, input[type="file"] {
    height: 30px;
    line-height: 30px;
    padding: 10px 5px !important;
}

.home p {
    font-size: 2.1em;
}

h1, h2, h3 {
    line-height: 30px;
}

captcha span {
    width: 87%;

}
.navbar .btn, .navbar .btn-group {
    margin-top: 14px;
} 



}

@media (min-width: 320px) and (max-width: 380px) { 
 .captcha span {width: 88%; margin-bottom: 10px;} 
}


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


.team-text { text-align: center; padding-top:9px; }


  body h3{

    font-size: 1.2em;

    padding: 0;

  }



  body p{

    font-size: 1em;

  }



h1, h2, h3 {
    line-height: 35px;
}


  section.set {

      padding: 1.5em 0;

  }



  .title h2,

  .contact h2{

    font-size: 2.3em;  

  }   

  .portfolio .box .thumb-hover label{

    font-size: 1em;

  }



  .news div.box .news-data{

    font: 1em;

  }


 section.twitter .tweet {

    font-size: 1.2em;

  }

  .home h2{	

    

	margin:-15px 0 10px 20px;

	

}

.home h3{	

   

	margin-top:-10px;

	

}

.features h2 span.featured-icons.homehidden{

	 display: none;

			

}



 .features h2 {

  line-height:1.3em;
  padding:0px;
  font-size: 2.0em;
 }

.pic {width:50% !important; float:left !important; display:block !important; min-height:90px !important; margin:1.5em 30% !important;}

.dis {width:90% !important; float:left !important; margin:1.5em !important;}	



.title h2, .contact h2 {
    font-size: 2.1em;
}

.contact button { width: 100%;}

}

@media (max-width: 420px) {
	
	


h1.marbottom {width: 82%; padding-top: 7px;}

}




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



 section.set {

      padding: 2.5em 0;

  }	

	

.home h2{	

    

	margin:0 0 10px 20px;

	

}

.home h3{	

    margin-left:20px;

	

}

.home p{

	 margin-left:20px;

}



.features h2 span.featured-icons{

	

	margin-right: 20px;

	

}


}


