/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/


/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	#tf-contact #mktoForm_1112{
		padding-left: 40px;
		padding-right: 40px;
	}
	#tf-content {
		padding: 30px 0 30px 0;
	}
	
	#tf-idea .item h2{
		padding: 0;
	}
	#tf-contact .section-form {
		margin-top: 10px;
	}
	.form-horizontal .form-group {
		margin-left: 0;
		margin-right: 0;
	}
	.form-horizontal .form-group .row {
		margin-bottom: 10px;
	}
	#tf-contact .section-form .btn {
		display: block;
		width: 100%;
	}
	#tf-home, #tf-idea, #tf-blog, #tf-service, #tf-contact {
		background-image: none;
	}
	#tf-home, #tf-service, #tf-contact{ 
		background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ 
	}
	#tf-idea { background: -moz-linear-gradient(top, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */ }
}

/* Extra Small Devices, Phones */
/*@media only screen and (max-width : 480px){*/
@media only screen and (max-width : 640px){
	h2 {
		font-size: 18px;
	}
	h3 {
		font-size: 16px;
	}
	p.intro {
		font-size: 16px;
	}
	.section-title h3 {
		margin-bottom: 10px;
	}
	.section-title h2 {
		line-height: normal;
	}
	#tf-content #tf-clients, #tf-showcase {
		padding: 30px 0 30px 0;
	}
	#tf-idea .overlay #tf-service .overlay, #tf-contact .overlay {
		padding: 30px 0 30px 0;
	}
	#tf-idea .item img{
		/*width: 250px;
		height: 250px;*/
	}
	
	#tf-showcase .arrow-container{
		transform: translateY(30%);
		padding: 0;
	}
	#tf-showcase .content-container{
		padding: 0;
	}
	#tf-showcase .arrow-container a{
		padding: 0;
	}
	.owl-carousel-arrows .arrow{
		width: 20px;
		height: 60px;
	}
}

@media only screen and (min-width : 640px){
	#tf-contact #mktoForm_1112{
		padding: 0 0 0 35px;
		min-width: 400px;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
	#tf-showcase .arrow-container{
		transform: translateY(50%);
		padding: 0;
	}
	#tf-showcase .content-container{
		padding: 0;
	}
	#tf-showcase .arrow-container a{
		padding: 0;
	}
	.owl-carousel-arrows .arrow {
		width: 30px;
		height: 90px;
	}
	#tf-contact #mktoForm_1112{
		padding: 0 0 0 35px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
	#tf-showcase .arrow-container{
		transform: translateY(100%);
	}
	.owl-carousel-arrows .arrow {
		width: 40px;
		height: 120px;
	}
	#tf-contact #mktoForm_1112{
		padding: 0 0 0 35px;
	}
	#tf-contact .section-form {
		margin-top: 40px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){
	#tf-showcase .arrow-container{
		transform: translateY(100%);
	}
	.owl-carousel-arrows .arrow {
		width: 40px;
		height: 120px;
	}
	#tf-contact #mktoForm_1112{
		padding: 0 0 0 35px;
	}
}

@media (max-width: 768px){
	.content {
		padding: 30% 0 0;
	}
}

@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%;
	}
}
@media (max-width: 480px){
	.hover-bg .hover-text {
	    padding: 22% 10%;
	}
	#tf-contact #form_submitted {
		width: 360px;
		border: 0px solid #fff;
	}
}