@media (max-width: 768px){
  .content {
	padding: 40% 0 0;
	}
	#testimonial .item .content-box{padding:20px;}
	.scroll-btn{display:none;}
	#tf-home .carousel-control.right{right:10%;}
	#tf-home .carousel-control.left{left:10%;}
	#tf-home .carousel-indicators{display:none;}
	#tf-menu.navbar-default .navbar-nav{margin-left:0;}
	
	
	
}

@media (max-width: 603px){
#tf-menu.navbar-default {
	background-color:#fff;
	}
#tf-works li.pull-right, #tf-works li.pull-left {
    margin-top: 10px;
    float: none !important;
    text-align: center;
    display: block;
}
#tf-home .carousel-caption{top:32%;}

label{
    float: none !important
}
.pull-left.fnav,
.pull-right.fnav {
    float: none !important;
    text-align: center;
}

.hover-bg .hover-text {
    padding: 12% 10%;
}

#tf-about .content-box{max-height:inherit;}
#ab-content .item{padding:20px;}
#tf-portfolio .portfolio-img{max-height:inherit; min-height:inherit;}
#testimonial .item .content-box{padding:20px;}
#tf-about .nav-tabs li, #tf-about .nav-tabs li a{display:block; text-align:center; width:100%;}
.scroll-btn{margin-top:-63%;}

}
@media (max-width: 360px){
.hover-bg .hover-text {
    padding: 22% 10%;
}
}