@media (max-width:4000px) and (min-width:868px) {
	#bs-example-navbar-collapse-1{
		display:none;
	}
}
@media (max-width: 1280px){
  .content {
	padding: 30% 0 0;
	}
	.navbar-default .navbar-toggle{
		background:#0083c3;
		border-radius:5px;
		border:thin #000 solid;
	}
	#tf-home{
		background: url(../img/01.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		color: #cfcfcf;
	}
	#tf-filemaker{
		background: url(../img/05.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		color: #ffffff;
	}
	.line1{
		font-size:40px;
	}
}
@media (max-width: 868px){
  .content {
	padding: 40% 0 0;
	}
}
@media (max-width: 603px){
	a.contact-mail{
		color:#000;
	}
	h2{
		line-height:35px;
	}
	#tf-home .overlay{
		background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.73) 17%, rgba(0,0,0,0.66) 35%, rgba(0,0,0,0.55) 62%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
		height: 450px;
		background-attachment: fixed;
	}
	.tp-caption li{
		font-size:33px;
	}
#tf-menu.navbar-default {
	background-color: rgba(255, 255, 255, 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;
}

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

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