/* -------------------------------------------------------------------------------/
    RESPONSIVE
/ ------------------------------------------------------------------------------ */
@media all and (max-width: 1024px){
	/* Fonts */
	h1, h1 span{font-size: 70px !important;}
	#banner h2 span.wsite-text,
	#banner h2 span.wsite-text font{font-size: 48px !important;}
	#page-title h1 span.wsite-text,
	#page-title h1 span.wsite-text font{font-size: 38px !important;}
	#banner span.wsite-text p,
	#banner span.wsite-text p font{font-size: 24px !important;}
	
	/* Layout */
	#wrapper{min-width: inherit !important;}
	.container {width: 90% !important;}

	/* Navigation */
	#navigation ul{max-width: 700px!important;}
	#navigation ul li a{padding: 0 5px ;}

	/* social */
	.splash-page #share {display: none !important;}

	#share {
		float: none !important;
		position: relative !important;
		bottom: inherit !important;
		left: inherit !important;
	}
	#share-button{display: none !important;}

	#social-icon-content {
		width: 100% !important;
		height: 100% !important;
		margin: 0 0 10px 0 !important;
		display: block !important;
		position: relative !important;
		left: 0 !important;
	}
	#social-icon-content div {
		text-align: center !important;
	}
	.wsite-social, .wsite-editor .wsite-social{
		white-space: normal !important;
	}
	.wsite-social-item {margin: 1px !important;}

	/* Search */
	#search-bar {padding: 20px 3% !important;}

	/* footer */
	#footer-bottom {
		padding: 20px 5% !important;
		width: 90% !important;
		display: block !important;
	}
	#footer-text {
		display: block !important;
		text-align: center !important;
		margin-bottom: 15px !important;
	}
	#copyright {
		display: block !important;
		padding-left: 0 !important;
	}
	#copyright p {
		text-align: center !important;
		clear: both !important;
	}

	/* -------------------------------------------
	Add-On Responsive CSS
	--------------------------------------------*/
	/* FOOTAGE */
	.mbYTP_wrapper {display: none !important;}
	#footage-header #mobile-homepage-bg.wsite-background{display: block !important;}
	#footage-header, #footage-container{height: auto !important; }
	
	/* INFINITE SLIDER */	
	#prev, #next {
		width: 32px !important;
		height: 32px !important;
		transition: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition:  none !important;
		-ms-transition: none !important;
		top: 200px !important; 
	}
	#next {
		right: 3% !important;
		background: url(controls.png) no-repeat -43px -32px !important;
	}
	#prev {
		left: 3% !important;
		background: url(controls.png) no-repeat 0 -32px !important;
	}
	#prev:hover, #next:hover{
		transition: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition:  none !important;
		-ms-transition: none !important;
	}
	#next:hover {background-position: -43px 0 !important;}
	#prev:hover {background-position: 0 0 !important}

	/* VIDEO SPLASH PAGE */
	.screenplay-ytplayer #screenplay-bg.wsite-background{background: transparent !important;}
	.screenplay-ytplayer #mobile-screenplay-bg.wsite-background{
		display: block !important;
		height: 100%!important;
		position: absolute!important;
		width: 100%!important;
	}
}

@media all and (max-width: 768px){
	/* Fonts */
	h1, h1 span{font-size: 60px !important;}
	#banner h2 span.wsite-text,
	#banner h2 span.wsite-text font{font-size: 44px !important;}
	#page-title h1 span.wsite-text,
	#page-title h1 span.wsite-text font{font-size: 36px !important;}
	#banner span.wsite-text p,
	#banner span.wsite-text p font{font-size: 24px !important;}

	/* Layout */
	.container .galleryImageBorder {width: 90% !important;}	
	.r-column {width: 230px !important;}
	.sidebar, .sidebar-content {margin: 0 20px !important;}
	.logo{width: 84% !important;}

	/* -------------------------------------------
	Add-On Responsive CSS
	--------------------------------------------*/
	/* Flexi Plugin */
	.bx-wrapper .bx-pager{display:none !important;}

	/* Infinite Slider */
	.infinite-slider .infinite-container, #infinite-slider-header .infinite-slide{height: 332px !important;}
	#infinite-slider-header .infinite-slide{width: 768px !important;} 
	.slide-content .wsite-elements.wsite-not-footer{width: 87% !important; margin: 2.5% auto !important;}
	#prev, #next {top: 150px !important; }	
	#next {right: 0.5% !important;}
	#prev {left: 0.5% !important;}

	/* Swiper */
	.swiper-slide.slide1, .swiper-slide.slide2, .swiper-slide.slide3, .swiper-slide.slide4,
	.swiper-slide.slide5, .swiper-slide.slide6, .swiper-slide.slide7, .swiper-slide.slide8 {
		background-position: center top;
	}
	.arrow-right {right: 2%;}
	.swiper-slide .content {width: 80% !important;}

	/* Glider */
	#glider-container td.wsite-multicol-col {
		display: block !important;
		width: 96% !important;
		padding: 10px 2% !important;
	}
	#glider-container .wsite-multicol-table-wrap {
		margin: 0 auto !important;
	}
	.glider-caption {
		max-height: 50% !important;
	}
	#glider-container > div > div.glider-caption > div > h2 > strong > font,
	#glider-container > div > div.glider-caption > div > h2 > font, 
	#glider-container > div.box > div.glider-caption > div > h2 {
		font-size: 32px !important;
	}


}

@media all and (max-width: 767px) {
	/* Layout */
	.center-table-cell div#wsite-content { padding: 40px 0 !important;}
	.sidebar-page #main #content{
		display: block !important;
		width: 100% !important;	
	}
	.sidebar-page #main #content .r-column, 
	.sidebar-page #main #content .l-column  {
		display: block !important;
		width: 96% !important;
		padding: 10px 2% !important;
	}
	.sidebar-page #main #content .r-column {
		border: 1px solid #e1e1e1 !important;
		margin: 30px 0 !important;
		padding: 15px 2% !important;
	}

	/* -------------------------------------------
	Add-On Responsive CSS
	--------------------------------------------*/
	/* Infinite Slider */
	.infinite-slider .infinite-container, #infinite-slider-header .infinite-slide {height: auto !important;}
	.infinite-bgimg{position: relative !important; z-index: 1 !important;	}
	.infinite-bgimg img {width: 100% !important;}	
	/* Screenplay */
	#videobg{top: 49px !important;}
}

@media all and (max-width: 736px){
	/* Fonts */
	h1, h1 span{font-size: 55px !important;}
	#banner h2 span.wsite-text,
	#banner h2 span.wsite-text font{font-size: 42px !important;}
	#page-title h1 span.wsite-text,
	#page-title h1 span.wsite-text font{font-size: 32px !important;}
	#banner span.wsite-text p,
	#banner span.wsite-text p font{font-size: 22px !important;}
	
	/* Textbox */
	.text-box-light, .text-box-dark { padding: 30px;}
}

@media all and (max-width: 600px){
	.header-text {
		float: none !important;
		text-align: center !important;
		width: 95% !important;
		padding: 5px 2.5% !important;
	}
	
	/* Fonts */
	h1, h1 span{font-size: 40px !important;}
	#banner h2 span.wsite-text,
	#banner h2 span.wsite-text font{font-size: 36px !important;}
	#page-title h1 span.wsite-text,
	#page-title h1 span.wsite-text font{font-size: 28px !important;}
	#banner span.wsite-text p,
	#banner span.wsite-text p font{font-size: 18px !important;}

	/* Content Scroll */
	#slide-tab{display: none !important;}

	/* Search */
	#wsite-header-search-form {display: block !important;}
	.wsite-search-input {
		display: block !important;
		text-align: center !important;
		width: 100% !important;
	}
	.wsite-search-button, .wsite-editor .wsite-search-button {
		display: inline-block !important;
		width: 100% !important;
		text-align: center;
		margin: 30px 0 20px 0;
	}

	/* -------------------------------------------
	Add-On Responsive CSS
	--------------------------------------------*/
	/* Flexi Plugin */
	.flexi-content{position: relative !important;}
	.flexi-caption {
		margin: 0 13% !important;
		width: auto !important;
		min-height: 0 !important;
		max-height: 100% !important;
	}
	.flexi-caption .wsite-not-footer {max-height: 100% !important;}

	/* Glider */
	.unleash_buttons {display: none;}
	#glider-container > div > div.glider-caption > div > h2 > strong > font,
	#glider-container > div > div.glider-caption > div > h2 > font, 
	#glider-container > div.box > div.glider-caption > div > h2 {
		font-size: 24px !important;
	}
	#glider-container > div.box > div.glider-caption > div > div.paragraph > font,
	#glider-container > div.box > div.glider-caption > div > div.paragraph > strong > font,
	#glider-container > div.box > div.glider-caption > div > div.paragraph {
		font-size: 18px !important;
	}

	/* Swiper */
	.arrow-right, .arrow-left {display: none !important;}
	.swiper-slide .content {width: 90% !important;}
	.swiper-slide .content h1 {font-size: 40px !important;}

	/* Infinite Slider */
	#infinite-slider-header .infinite-slide{width: 600px !important;} 
	#prev, #next {top: 113px !important; }	

}

@media all and (max-width: 568px){
	/* -------------------------------------------
	Add-On Responsive CSS
	--------------------------------------------*/
	/* INFINITE SLIDER */
	#infinite-slider-header .infinite-slide{width: 568px !important;} 
	#prev, #next {top: 106px !important; }
}

@media all and (max-width: 480px){
	/* -------------------------------------------
	Add-On Responsive CSS
	--------------------------------------------*/
	/* INFINITE SLIDER */
	.infinite-bgimg img{width: 480px !important;}


	/* Glider */
	#glider-container > div > div.glider-caption > div > h2 > strong > font,
	#glider-container > div > div.glider-caption > div > h2 > font, 
	#glider-container > div.box > div.glider-caption > div > h2 {
		font-size: 18px !important;
	}
	#glider-container > div.box > div.glider-caption > div > div.paragraph > font,
	#glider-container > div.box > div.glider-caption > div > div.paragraph > strong > font,
	#glider-container > div.box > div.glider-caption > div > div.paragraph {
		font-size: 14px !important;
	}
}

@media all and (max-width: 414px) {	
	/* Layout */
	#wsite-title{font-size: 26px !important;}
	
	/* Fonts */
	h1, h1 span{font-size: 32px !important;}
	#banner h2 span.wsite-text,
	#banner h2 span.wsite-text font{font-size: 26px !important;}
	#page-title h1 span.wsite-text,
	#page-title h1 span.wsite-text font{font-size: 24px !important;}
	#banner span.wsite-text p,
	#banner span.wsite-text p font{font-size: 16px !important;}

}

@media all and (max-width: 384px){
	/* Layout */
	#wsite-header-search-form > input {
		width: 100% !important;
		display: table-row !important;
		min-width: 100%;
		text-align: center !important;
		padding-bottom: 25px !important;
	}
	.wsite-search-button, .wsite-editor .wsite-search-button {
		display: table-row !important;
		text-align: center !important;
	}
	.wsite-search-button-inner {
		padding: 8px 20px !important;
	}
	
	/* Logo */
	#wsite-title{font-size: 26px !important;}

	/* -------------------------------------------
	Add-On Responsive CSS
	--------------------------------------------*/
	/* INFINITE SLIDER */
	#infinite-slider-header .infinite-slide{width: 384px !important;} 
	#prev, #next {top: 67px !important; }
}

@media all and (max-width: 320px){

	/* -------------------------------------------
	Add-On Responsive CSS
	--------------------------------------------*/
	/* INFINITE SLIDER */
	#infinite-slider-header .infinite-slide{width: 320px !important;} 
	#prev, #next {top: 53px !important; }
}

@media all and (max-width: 240px){
	/* -------------------------------------------
	Add-On Responsive CSS
	--------------------------------------------*/
	/* INFINITE SLIDER */
	#infinite-slider-header .infinite-slide{width: 240px !important;} 
	#prev, #next {top: 36px !important; }
}