@media (max-width: 915px){
    
#panel1{
    height: 800px;
    }  
    
    
.table{
    width: 90%;
    margin: 0 auto;
    padding: 0 auto;
}
    
    
}
 

@media (max-width: 768px){
  .content {
	padding: 40% 0 0;
	}
    
#tf-services .row div{
    max-width: 500px;
    margin: 0 auto 30px auto;
    padding: 0 75px 50px 75px;
} 

#tf-development {
   margin-bottom: 50px;
} 
    
.portfolio-item{
	margin-bottom: 30px;
    margin: auto;
    max-width: 300px;
    max-height: 300px;
}    
      

}

@media (max-width: 681px){
    #panel1{
    height: 1600px;

}  
    
#tf-works .portfolio-item{
	margin-bottom: 30px;
    margin: 20px;
    max-width: 500px;
    max-height: 300px;
}  
    
.table{
    width: 90%;
    margin: auto;
}
    
.table div{
    margin-left: 15%;

}
    
#clientsolutions {
    display: block !important;
}
    
    
    
}

@media (max-width: 603px){
    
    
#tf-menu.navbar-default {
	background-color: rgba(0, 0, 0, 0.79);
	}
#tf-works li.pull-right, #tf-works li.pull-left {
    margin-top: 10px;
    float: none !important;
    text-align: center;
    display: block;
}
label{
    float: none !important
}
.pull-left.fnav,
.pull-right.fnav {
    float: none !important;
    text-align: center;
}

.hover-bg .hover-text {
    padding: 12% 10%;
}
            
.section-title h2{
        line-height:90%;
}
  
    
.portfolio-item{
	margin-bottom: 30px;
    margin: auto;
    max-width: 300px;
    max-height: 300px;
}
    
  
    
}





@media (max-width: 400px){
    
.hover-bg .hover-text {
    padding: 22% 10%;
}
    
.table div{
    border: 4px solid rgba(252, 172, 69, 0);
    padding: 0;
    margin: 15px;
    
}


    
}