




/*** pact slideshow padding ****/
@media screen and (min-width: 1024px) {

	.pact-slideshow {
		margin-top: 97px;
		margin-bottom: 117px;
}

}

@media screen and (max-width: 980px) {
	.padding-zero {
		padding-left:30px !important;
	}
	.footer .pull-left {
		padding-bottom: 25px;
		float: none !important;
		text-align: center;
	}

	.footer .pull-right {
		float: none !important;
		margin: 0 auto;
		text-align: center;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1024px) {

	.pact-slideshow {
		margin-top: 90px;
		margin-bottom:120px;
	}
}

@media screen and (min-width: 768px) and (max-width: 1000px) {

	.pact-slideshow {
		margin-top: 0;
	
		margin-bottom: 160px;
}
}

/*** for col-xs and below ***/
@media screen and (min-width: 0px) and (max-width: 768px) {

	.pact-slideshow {
		margin-top: 0;
		margin-bottom: 40px;
		height: 762px;
	}

	#vidplaceholder {
		background-position:25%;
	
		padding-right: 0;
}

	/** captions **/

	#landing-action {
		margin-top:18%;
	}
	#landing-action p, 
	#landing-action {
		text-align: center;
	}
	#landing-action .play-button {
		margin-left:0;
	
		width: 114px;
}

	#landing-action h1 {
		font-size: 32px;
		text-align: center;
	}

	#landing-action h2 {
		text-align: center;
		font-size: 20px;
	
		font-weight: 500;
}
	.play-holder {
		display: block;
		text-align: center;
	}
	.play-holder img {
		padding-left: 0;
		margin-left:0;
	}

	/** footer **/
	.cta-overlay {
		height:438px;
	}
	

	/** contact page **/

	.col-xs-12 .text-right,
	.col-xs-12 .text-left,
	.col-xs-12.text-right,
	.col-xs-12.text-left {
		text-align: center;
		margin-bottom:20px;
	}

	#contact-image {
		background-size: 200%;
		background-position: top center;
	}

	/*** download ****/

	#download {
		background-size: 608% !important;
		background-repeat: no-repeat;
		background-position: top center;
	}

	/** footer **/



}

@media screen and (min-width: 800px) {
	#mobile_menu {
	display:none;
	}
}
 /* !- 800 ( large portrait tablets  and large landscape phones ) */
  @media screen and (max-width: 800px) {

.section.full-width-alternate.style2 .content-right .inner-content {
	max-width: 100%;
	padding-left: 40px;
	padding-right: 40px
}


#header_space {
	height: 0;
	display: none
}
#header {
	position: relative;
	height: 55px;
	overflow: hidden
}
#main_navigation .logo-container {
	border-right: none!important
}
#main_header_container .container {
	max-width: auto;
	/* padding: 0 20px */}
#main_navigation .logo-container {
	width: 100% !important;
	max-width: auto!important;
	padding: 0!important
}
#main_menu {
	display: none!important
}

#mobile_menu {
	display:block;
	max-width: 254px;
	padding-left: 0;
}
#main_navigation #logo {
	height: 35px;}
#main_navigation {
	height: 55px
}
#titlebar #breadcrumbs { margin-top:10px}
#titlebar h1 , #titlebar #breadcrumbs { width:100%!important; text-align:left}
.tp-caption.bg-title,
.tp-caption.bg-title-white,
.tp-caption.bg-subtitle,
.tp-caption.bg-subtitle-white,
.tp-caption.bg-buttons,
.tp-caption.bg-buttons-white {
	width:50%!important;
}


.tp-leftarrow.large,
.tp-leftarrow.default,
.tp-rightarrow.large,
.tp-rightarrow.default { margin:-30px 0px 0!important}
.full-width-carousel {
	padding-left: 0px!important;
	padding-right: 0px!important
}
.full-width-carousel .carousel-next,
.full-width-carousel .carousel-prev {
	display: none!important
}
.full-width-alternate {
	padding-top: 0!important
}
#copyright .textright {
	text-align: left!important
}

.portfolio-tabs{ margin-bottom:30px}
.portfolio-tabs ul li { margin-left:10px; margin-bottom:10px; -webkit-border-radius:4px!important; -moz-border-radius:4px!important; border-radius:4px!important}

.text .tab-pane {
	padding-top:0;
}

.app-switcher {
	margin-top:0;
}
}
/* !- (portrait phones) */
 @media screen and (max-width: 500px) {

 	.pact-slideshow {
 		height:570px;
 	}

}
/* !- Ipads */
 @media (min-width: 768px) and (max-width: 979px) {

	 .app-switcher {
		margin-top: -40px;
		}
	.text .tab-pane {
		font-size: 16px;
		line-height: 20px;
		padding-top: 0px;
	}

	#toggle-menu {
		display: block;
		float: right!important;
		width: 15%!important;
		text-align: right;
		margin: 2px 0px 0 20px
	}
	#header_space {
		height: 0;
		display: none
	}
	#header {
		position: relative;
		height: 55px;
		overflow: hidden
	}
	#main_navigation .logo-container {
		border-right: none!important
	}
	#main_header_container .container {
		max-width: auto;
		padding: 0 20px
	}
	#main_navigation .logo-container {
		width: 85%!important;
		max-width: auto!important;
		padding: 0!important
	}
	#main_menu,
	#header-search-button {
		display: none!important
	}
	#main_navigation #logo {
		height: 48px;
		padding-top: 12px;
	}
	#main_navigation {
		height: 55px
	}
}

/*** portrait phones ****/

 @media screen and (max-width: 420px) {

 	.testimonial-grid-item .testimonial {
	width: 100%;
	position: relative;
	padding-top: 125px;
	text-align: center;
	padding-left: 0;
	}

	.cta-button {
		text-align: center;
	}
}

