/* Maximum Resolution
=============================================================*/

/* Extra small devices (phones, 480px)
---------------------------------------------------*/
@media (max-width: 320px) { 

}

@media (max-width: 480px) { 
#testimonials .testimonials-sec .testimonials-inner .testimonial-people{width:300px; height:300px; border-radius:0px; padding:24px;}
#testimonials .testimonials-sec .testimonials-inner .testimonial-people .images{margin-left:0;}
#testimonials .testimonials-sec .testimonials-inner .testimonial-people .test-cont{margin-left:0;}
#testimonials .testimonials-sec .testimonials-inner .testimonial-people .test-cont h3{margin-bottom:2px;}
#testimonials .testimonials-sec .testimonials-inner .testimonial-people .test-cont p{font-size:14px; line-height:18px;}
 
 
}
@media (max-width: 639px) { 
.home_wrapper{padding-top:190px;}
.home_wrapper h1{font-size:3em;}
.home_wrapper p{font-size:25px;} 

}


/* Small devices (tablets, 768px and below)
---------------------------------------------------*/
@media (max-width: 767px) {	
.navbar-default .navbar-nav > .active > a{background:#f2f2f2; color:#dd3418;}
.navbar-default .navbar-nav > li > a {color:#dd3418; text-transform:uppercase; background:#f2f2f2;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background:#d4d4d4; color:#222222 !important;}
#achievement .heading h1{font-size:2.8em;}
#achievement .heading h3{font-size:1.5em; line-height:1.4em;}
#achievement{padding:50px 0px 0px 0px;}
footer .copyright{margin:0 0 20px 0;}
.ts-social-footer.widget.pull-right {float: left !important;}
footer hr{margin:0;}
}

/* Medium devices (desktops, 992px and below)
---------------------------------------------------*/
@media (max-width: 991px) { 
#quick-contact .about-desc{padding-left:0; margin-top:30px;}
#quick-contact .heading {margin:0 !important;}
#quick-contact .about-desc{margin-top:40px;}
#quick-contact .quick-contact-inn{padding-right:0;}
header{background:rgba(0,0,0,0.2);}
#banner-services{top:50px; margin-bottom:50px;}
.md-mr20{margin-bottom:20px;}
.navbar-default .navbar-toggle .icon-bar {background-color: #ddd;}	
#online-panel .community-content{padding: 55px 15px;}
#online-panel .community-content h2{font-size: 34px;}	
#hero .content-slider h2,#page-banner h2{font-size: 40px;}
header img{width: 80%;}	
#banner{display: none;}	
#hero{display: block;}	
#join-our-panle {top: 40%; padding: 15px 20px;}
}

@media (max-width: 1024px) {
 	
}

/* Large devices (large desktops, 1200px and below)
---------------------------------------------------*/
@media (max-width: 1200px) { 


}


/* Minimum Resolution
=============================================================*/

/* Extra small devices (phones, 480px)
---------------------------------------------------*/
@media (min-width: 480px) { 
 
}

/* Small devices (tablets, 768px and up)
---------------------------------------------------*/
@media (min-width: 768px) { 
 
  
}

/* Medium devices (desktops, 992px and up)
---------------------------------------------------*/
@media (min-width: 992px) { 
.navbar-default .navbar-nav > li > a {border:none !important; color:#ffffff; text-transform:uppercase; position:relative; padding:0px 8px;	margin:0px 10px;}
.navbar-default .navbar-nav > .active > a:after{bottom:-6px; content:""; height:1px; left:0; position:absolute; transform:scale(1); transition:all 0.5s ease-in-out 0s; width:100%; background-color:#ffffff;}
.navbar-default .navbar-nav > li > a:after {bottom:-6px; content:""; height:1px; left:0; position:absolute; transform:scale(0); transition:all 0.5s ease-in-out 0s; width:100%; background-color:#ffffff;}
.navbar-default .navbar-nav > li > a:hover:after{transform:scale(1);}  
#apply .modal-dialog{width:56%;}
	

}

/* Large devices (large desktops, 1200px and up)
---------------------------------------------------*/
@media (min-width: 1200px) { 


}


/* Max and Min Resolution
=============================================================*/

/* Small devices (tablets, 640px and 767px)
---------------------------------------------------*/
@media (min-width: 640px) and (max-width: 767px) {
 
}

/* Tablets (768px and 991px)
---------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
.navbar-default .navbar-nav > li > a{padding-bottom:5px; padding-top:5px; padding-left:8px; padding-right:8px; font-size:11px;} 
.current-opening .skill-details{min-height:300px;} 
}

/* Desktop (992px and 1199px )
---------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
 
}

/* Large Desktop (1200px and up )
---------------------------------------------------*/
@media (min-width:1200px) {
	
}