/* #Handheld devices
================================================== */

@media only screen and (max-width: 977px) {

#side-nav {
	display:none;
}


}

/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */

@media only screen and (max-width: 977px) {

.container2 {
	width:748px;
}
	.clipDetails2 {
		width: initial;
	}

	.container {
		width: 748px;
	}


/* header */

a#client-login {
    padding: 0 10px;
    width: 88px;
    font-weight:600;
}

#toolbar #social-media-links {
	right:108px;
}

#title-bar h1 {
	width:748px;
	padding-left:0;
}

#page {
	width:100%;
}

#sidebar {
	width:236px;
}

.footer-links {
	margin:0 0 0 20px;
	float:left;
	width:172px;
}

#copyright br {
	display:none;
}


/* homepage */



.feature-slide h1 br {
    display:none;
}


/* homepage feature slide01 */

#feature-broadcaster-logos img {
    max-width: 130px;
    padding: 0 12px;
}

/* homepage feature slide02 */

#feature-client-logos img {
    height: auto;
    max-height: 30px;
    padding-left: 20px;
    width: auto;
}

/* homepage feature slide02 */

#feature-ols {
	width:768px;
	margin:60px 0 0 -369px;
	top:480px;
}

/* homepage feature davos */

#feature-davos {
	width:100%;
	height:285px;
	position:absolute;
	top:0;
	left:0;
}

#feature-ted-logo {
	margin-bottom:10px;
}

#feature-ted-logo img {
	width:100%;
	height:auto;
}


/* homepage feature wsj - foe */

#wsj-foe-banner h1 {
	font-size: 24px;
	line-height: 36px;
}

#wsj-foe-banner .feature-cta {
	font-size: 20px;
	margin:30px auto 0;
}


/*homepage module */

.home-module .container2 {
    width:620px;
}
	.home-module .container {
		width: 620px;
	}

.module-2col:first-child {
    margin: 0 0 30px 0;
}

.module-2col {
    float: none;
    position: relative;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    padding:0 56px;
}



.home-module h1 {
	font-size:44px;
}

.home-module h2 br {
   display:none;
}


.home-module .cta {
    margin: 30px 0 0;
}



/* your story */


#logo-squares {
    display:none;
}

#license-squares {
    position: static;
    display:block;
    margin:0 auto;
}


/* players module */

.home-player {
    float: none;
    margin-bottom: 60px;
    margin-left: 0;
    width: 100%;
}

.home-player a {
    width: 100%;
}


.home-player h3 {
    margin: 10px 0 15px;
}



/* downloads module */

#home-downloads {
	height:auto;
}

#home-downloads img {
	display:block;
	margin:0 auto 50px auto;
}


/* benefits module */

#home-benefits {
	height:auto;
}


/* ols module */

.easyhtml5video {
	margin:0 auto;
}

/* clients module */

.module-4col {
    float: left;
    margin: 0 15px 50px 15px !important;
    width: 280px;
}

#home-clients blockquote {
    width: 280px;
}

/* how it works module */

#home-licensing-animation {
    margin: 0px auto;
    display:block;
}

/* broadcasters module */

#home-broadcasters {
	height:auto;
}

#home-broadcasters .module-6col {
	width:200px;
	margin:0 0 30px 0;
}

#home-broadcasters .clearfix {
    margin-bottom: 0;
}

/* help module */

#home-help {
	background-position:center top;
	height:auto;
}

#home-help #contact-buttons a {
	width:180px;
	padding:0 10px;
	box-sizing: border-box;
	margin:0 10px 30px !important;
}



} /* end of tablet styling */



/* #Mobile (Landscape & Portrait)
================================================== */

/* Note: Design for a width of 320px */



@media only screen and (min-width: 0px) and (max-width: 767px) {

.container2 {
	width:300px;
}
	.clipDetails2 {
		width: initial;
	}
	.container {
		width: 300px;
	} 


/* header */

#header {
	height:86px;
}


#logo {
	width:261px;
	top:40px;
}

#logo img {
	width:261px;
	height:auto;
}

#toolbar {
	height:24px;
	background:#fff;
}


#toolbar #social-media-links {
	right:105px;
	top:2px;
}

#header #social-media-links img {
	width:20px;
	height:20px;
}

a#client-login {
	top:2px;
	width:85px;
	height:20px;
	line-height:20px;
	padding:0 10px;
	font-weight:600;
	font-size:13px;
}

a#client-login:hover {
	opacity:0.75;
}



/* main-nav */

.menubtn {
    top: -52px;
}

#main {
	margin-top:86px;
}

.content {
    padding: 27px 0;
}

#page {
	float:none;
	width:300px;
	margin:0 0 54px 0;
}

#sidebar {
	float:none;
	width:300px;
	padding-top:0;
}

#title-bar h1 {
	width:300px;
    font-size: 28px;
    line-height: 1.2em;
    top: 20px;
}


#page img {
	max-width:100%;
	height:auto;
}

/* footer */

#footer {
	padding:20px 0;
	height:140px;
}


.footer-links {
	display:none;
}


/* homepage */

#home {
	margin-top:372px;
}

#home-features {
    top: 86px;
    background-size: auto 100%;
    height: 285px;
}

.feature-slide {
	height: 285px;
}

.feature-slide .container2 {
    padding-top: 20px;
}
	.feature-slide .container {
		padding-top: 20px;
	}

.feature-slide h1 {
    font-size: 26px;
    line-height: 28px;
}

/* homepage feature slide01 */

#feature-broadcaster-logos {
   margin-top:25px;
}

#feature-broadcaster-logos img {
    height: auto;
    margin-bottom: 10px;
    max-height: 30px;
    max-width: 100px;
    padding: 0 12px;
    width: auto;
}

/* homepage feature slide02 */

#feature-client-logos {
     margin-top:25px;
}

#feature-client-logos img {
    margin-bottom:10px;
    max-width:100px;
}

/* homepage feature slide03 */

#feature-ols {
	width:400px;
	margin:-60px 0 0 -200px;
	top:480px;
}

/* homepage feature davos */

#feature-davos {
	width:100%;
	height:285px;
	position:absolute;
	top:0;
	left:0;
}

.feature-cta {
	font-size:16px;
	margin-top:10px;
}

/* homepage feature wsj - foe */

#wsj-foe-banner {
	height:285px;
	background-position: left -600px top;
}

#wsj-foe-banner .container2 {
	padding-top:30px;
}
	#wsj-foe-banner .container {
		padding-top: 30px;
	}

#logo-wsj-foe {
	width:100%;
	height:auto;
	margin-bottom:20px;
}

#wsj-foe-banner h1 {
	font-size: 20px;
	line-height: 28px;
}

#wsj-foe-banner .feature-cta {
	display:none;
}





/*homepage module */

.home-module .container2 {
    width:300px;
}
	.home-module .container {
		width: 300px;
	}

.module-2col {
    padding:0;
    width:300px;
}

.home-module h1 {
	font-size:36px;
	line-height:1.15em;
}

.home-module h2 {
    text-align:left;
}


/* your story */


#license-squares {
    width:100%;
    height:auto;
}


/* downloads module */


#home-downloads img {
	width:100%;
	height:auto;
}

/* ols module */

.easyhtml5video {
	 position:relative;
	 max-width:300px;
}

.easyhtml5video img {
	 width:100%;
	 height:auto;
}

/* benefits module */

#home-benefits ul {
	width:100%;
}

#home-benefits li {
	height:auto;
	line-height:inherit;
	text-align:center;
	padding:15px 0;
}

#home-benefits li span {
    display: block;
    height: auto;
    margin: 0 auto 10px;
}

/* how it works module */

#home-licensing-animation {
    display:none;
}

/* broadcasters module */


#home-broadcasters .module-6col {
	width:150px;
	margin:0 0 30px 0;
}


/* help module */

#home-help {
	background-position:center top;
	height:auto;
}

#home-help #contact-buttons a {
	width:130px;
	padding:0 10px;
	box-sizing: border-box;
	margin:0 10px 30px !important;
}

#home-help #social-buttons a {
    height: 120px;
    margin: 0 10px 30px;
    width: 120px;
}

/* forms */

form.wpcf7-form {
    padding: 10px;
}

#page form.wpcf7-form p.left-field,
#page form.wpcf7-form p.right-field,
#page form.wpcf7-form p.full-width input {
    float: none;
    width: 100%;
}

form.wpcf7-form input {
    width:95%;
}

form.wpcf7-form textarea {
    width: 95%;
}


#wsj-quotes blockquote {
	float:none;
	width:260px;
	margin-bottom:20px;
	font-size: 16px;
}

#wsj-quote-big {
	font-size: 16px;
}



	
} /* end of mobile styling */