/* iPads (portrait and landscape) ----------- */
@media (max-width: 768px) {
		body{ overflow-x: hidden;}
	    .navbar-header { float: none;}
	    .navbar-toggle { display: block;}
	    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
	    .navbar-collapse.collapse {display: none !important; }
	    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: 420px; text-align: center;	}
		.gray-bg .vline {left: 11%;	}
		.navbar-right {float: none !important; margin-right: -15px;}
	    .navbar-nav {float: center !important; margin: 7.5px -15px; }
	    .navbar-nav>li {float: none;}
	    .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px; }
	    .navbar-text {float: none; margin: 15px 0; }
	    .navbar-collapse.collapse.in {display: block!important;}
	    .collapsing {overflow: hidden!important; }
	    .navbar-nav {margin: 0 -15px;}
	    .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {padding: 10px 15px 10px 25px;}
	    .price.panel-default {margin: 40px;}
		.price.featured.panel-default {margin: 40px;}
		.content-heading{ margin-top: 80px;}
		.ipad-wrapper .app-wrap {left: 22%;}
		#tf-home.app .content-heading.text-left{text-align: center;}
		#itemsWorkTwo .box .hover-text i.fa { top: 0%;}
} 
@media (max-width: 603px) { 
		.slider a.goto-btn { display: none;}
		.ipad-wrapper .app-wrap {left: 16%;}
		#tf-footer .pull-left, #tf-footer .pull-right { float: none !important; text-align: center;	}
}
@media (max-width: 460px) {
		.gray-bg .vline {left: 15%;	}
		.meta-detail { display: none; }
	    h1 { font-size: 34px;}
	    #tf-home.slider h1 { font-size: 26px;}
	    p.lead { display: none;}
	    .slider .carousel-indicators { bottom: 0px; }
	    .ipad-wrapper .app-wrap {left: 3%;}
 }
@media (max-width: 360px) { 
		#tf-services,
		#tf-pricing,
		.section-header,
		.about-right-content,
		#tf-features, 
		#feature,
		#tf-works,
		#tf-blog,
		#tf-contact { padding: 20px 0;}
		p{ font-size: 12px}
		h2{ font-size: 20px;}
		h4{ line-height: 20px;}
		ul.list-inline.cat > li{  margin-bottom: 20px;}
		.gray-bg .vline { left: 20%;}
		.post-meta {min-height: 50px;}
		.price.panel-default {margin: 20px;}
		.price.featured.panel-default { margin: 20px;}
		h1 {font-size: 26px}
		#tf-home.slider{ display: none;}
		#tf-intro.slider{ margin-top: 70px !important}
		.ipad-wrapper .app-wrap {display: none;}
		a.goto-btn {margin-right: auto; margin: 0 10px;}
		a.goto-btn {display: inline-block;	}
		.blog .post-meta {min-height: 55px;}
}
@media (min-width:320px) and (max-width: 535px){
	#bgvid{visibility: hidden;}
	.play-button{visibility: hidden;}
	.button {right: 1%; left: 1%;}
	}


@media (max-width: 320px) { 
		.post-wrap .post .media-body p {display: none;}
		.gray-bg .vline { left: 25%;}
		.nav.nav-pills > li > a { font-size: 11px;}
		ul.features li span.fa {font-size: 30px; margin-top: 2px;}
		.post-tab .nav-tabs > li > a {padding: 5px 10px;}		
}
@media (min-width:320px) and (max-width: 430px){.play-button{top: 34%}}
@media (min-width:431px) and (max-width: 768px){.play-button{top: 40%}}
@media (min-width:769px) and (max-width: 1024px) {.play-button {top: 71%;}}
@media (min-width:1025px) and (max-width: 1280px) {.play-button {top: 70%;}}
@media (min-width:1281px) and (max-width: 1599px) {.play-button {top: 76%;}}
@media (min-width:1600px) and (max-width: 1923px) {.play-button {top: 47%;}}
@media (min-width:1924px) and (max-width:2560PX ){.play-button {top: 97%;}}
		

		.navbar-brand img {height: 2.5em; margin-top: -9px;}	
		.tf-intro-partners { font-size: 1.5em;}
	    .tf-intro-practices {font-size: 1.5em;}
	    .tf-intro-principles {font-size: 1.5em;}
	    .highlight img{max-width: 40%}	
	    .tf-intro-header img{max-width: 50%;}     	
		.navbar-brand img {height: 2.5em;margin-top: -5px;}
		#video-container {padding:30% 0;}
		#bgvid{	top:-25%;} 




@media (min-width:536px) and (max-width: 640px){
		.tf-intro-partners { font-size: 1.5em;}
        .tf-intro-practices {font-size: 1.5em;}
        .tf-intro-principles {font-size: 1.5em;}
     	.highlight img{max-width: 40%}	
     	.tf-intro-header img{max-width: 50%;}	
		.navbar-brand img {height: 2.5em; margin-top: -9px;}
		#video-container {padding: 35% 0;}
		#bgvid{top: -24%;}
}
@media (min-width:769px) and (max-width: 1024px) {
/* Styles */
		#video-container {padding:33% 0;}
		#bgvid{	top:-5%;}
		.navbar-brand img {height: 2em; position: absolute; top: 35%; left: 1%;}
		.tf-intro-partners { font-size: 1.5em;}
	    .tf-intro-practices {font-size: 1.5em;}
	    .tf-intro-principles {font-size: 1.5em;}
	    .highlight img{max-width: 40%}	
	    .tf-intro-header img{max-width: 50%;}
} 
@media (min-width: 1025px) and (max-width: 1280px) {
/* Styles */
#video-container {padding:33% 0;}
#bgvid{top: 3%}
.navbar-brand img {height: 4em; position: absolute; top: 14%; left: 1%;}
}
@media (min-width: 1600px) and (max-width: 1779px) {
/* Styles */
#video-container {padding:40% 0;}
#bgvid{top:0%;}
}
@media (min-width: 1780px) and (max-width: 2560px) {
/* Styles */
#video-container {padding:25% 0;min-height: 800px;}
#bgvid{top:0%;}
}