/**
 * Responsive Layout
 */


@media screen and ( min-width: 1200px) {
	
	
}
 
/* Normal Desktop: 992px. */
 
@media only screen and (min-width: 992px) and (max-width: 1200px) {
 
 
}

/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {


.skillbar {
    margin-bottom: 30px;
    
}
.skillbar-title span {
    font-size: 22px;
}
    .skillbar-title h3 {
    font-size: 24px;
    
}
    .carousel-inner .active .image-bar::after {
 
    right: 33%;
    top: 50%;
    width: 70px;
}
 .header-mid {
    width: 94%;
}	
.home-texta h1 {
    margin-bottom: 20px;
}   
.header-mid {
	margin: 0 auto;
	margin-top: 8%
}
	
}



/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    
h1{
    font-size: 26px;
}
h2{
    font-size: 22px;
}
.home-text h1{
font-size: 2.2em;	
	}

/* Navigation */   
.navbar-nav {
    margin: 7.5px 0 !important;
} 
    
    /* Portfolio*/
.slide-item h2 {
    font-size: 24px;  
    margin-bottom: 12px;
}
.slide-item h3 {
    font-size: 20px;  
}
.slider {
    max-height: 300px;
    min-height: 300px;
}
.slider-wrap {
    min-height: 300px;
}
.section-title h1 {
    font-size: 26px;
}
.st-border {
    width: 147px;
}
.portfolio-wrapper ul.filter li {
    font-size: 12px;
}
.portfolio-wrapper ul.filter li a{
    line-height: 18px;
}
  /* Skill*/
    h2.title {
    padding: 2px;
    font-size: 22px;
}
   .skillbar {
    height: 15px;
    margin-bottom: 40px;
    top: 45px;   
}
     .skillbar-title span {
    font-size: 20px;
}
 .skillbar-title h3 {
    font-size: 20px;
    width: 52px !important;
    
}
    /* Testimonial */

.carousel-inner .active .image-bar:before{
    top: 50%;
   right: 68%;
}

.carousel-inner .active .image-bar::after { 
    right: 12%;
    top: 50%;
}
 .header-mid {
    width: 94%;
}	
.home-texta h1 {
    margin-bottom: 20px;
}   
.header-mid {
	margin: 0 auto;
	margin-top: 8%
}	
    
}



/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {

h1{
    font-size: 30px;
}
h2{
    font-size: 28px;
}
    
    /* Navigation */
    
.navbar-nav {
    margin: 7.5px 0 !important;
} 
    
    /* Slider */
.slide-item h2 {
    font-size: 28px;  
    margin-bottom: 12px;
}
.slider {
    max-height: 350px;
    min-height: 350px;
}
.slider-wrap {
    min-height: 320px;
}
.slide-item h3 {
    font-size: 24px;  
}
.section-title h1 {
    font-size: 30px;
}
 .st-border {
    width: 170px;
}
.portfolio-wrapper ul.filter li {
    font-size: 14px;
   
}
.portfolio-wrapper ul.filter li a{
    line-height: 20px;
}
/* Skill */
    h2.title {
    padding: 5px;
    font-size: 26px;
}
    .skillbar {
    height: 15px;
    margin-bottom: 45px;
    top: 50px;   
}
    .skillbar-title span {
    font-size: 20px;
}
     .skillbar-title h3 {
    font-size: 21px;
    width: 52px !important;
    
}
 /* Testimonial */
    .carousel-inner .active .image-bar:before{
    top: 50%;
    right: 60%;
    width: 60px;
}

.carousel-inner .active .image-bar::after {
    right: 26%;
    top: 50%;
    width: 70px;
}
.home-texta h1 {
    margin-bottom: 20px;
}   
.header-mid {
	margin: 0 auto;
	margin-top: 8%
}
}