/* Desktop Layout */
@media only screen and (min-width: 1199px)  {
	/*-- Header menu ---------------------*/
    .header ul.navigation{display:table !important;}

    /** Others **/
    .footer-featured{display:block}
    .footer-column.column_one_fourth{text-align:left}
    .footer-column-content{border-right: 1px #8e8e8e solid;}
    #exp-icon-prev{display:none;}
    #exp-icon-next{display:none;}
    .focus-title{text-align: left;}
    .mobile-poster-container{display:none;}
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
	/*-- Page ---------------------*/
	.homepage .content,.page .content{max-width:870px;margin:auto;}
	.page .highlight{background-attachment:scroll; background-position:center center;}

	/*-- Header -----------------*/
	.header .inner{max-width:870px;margin:auto;}

	/*--  Menu -----------------*/
	.header ul.navigation{display:table !important;}

    /** Others **/
    .footer-featured{display:block}
    .footer-column.column_one_fourth{text-align:left}
    .footer-column-content{border-right: 1px #8e8e8e solid;}
    #exp-icon-prev{display:none;}
    #exp-icon-next{display:none;}
    .focus-title{text-align: left;}
}

@media only screen and (max-width: 768px) {
	/*-- Tabs -----------*/
	.tabs .tabs_nav, .tabs .tabs_nav li { width:100%;}
}

/* Mobile Layout: Landscape Container width:768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    /*--- Page --------------*/
	.homepage .content{max-width:640px;padding-bottom:100px;}
	.page .content{max-width:640px;padding:140px 0 100px 0;}
	.page .highlight{background-attachment:scroll; background-position:center center;}

	/*---Header -------------*/
	.header {height:auto;/*display:block;*/}
	.header .inner{max-width:930px;margin:auto;}
	.header .logo-pages {float: none;}
	.header .logo{width:100%;text-align:center;}

	/*----- Menu ---------------*/
    .header .inner ul.navigation{width:100%; text-align: center;margin:0px;padding-bottom:8px;display:table !important;}
    .header .inner ul.navigation li{ float: none !important; display: inline;}

	/*----- Content ------------*/
	.column_homepage-1 {width:65.3334%;}
	.column_homepage-2 {width:30.6666%;}
	.column_homepage-2  p,#app-button-container{margin-bottom:15px;}
	/*#app-button-container a#button-locations{width:98px;background-image: url(../images/button-locations-small.png);}*/
	/*#app-button-container a#button-tweet{width:98px;background-image:url(../images/button-tweet-small.png);}*/

	/*--- highlight ----*/
	.highlight.fixed{background-attachment:scroll;}
	.highlight .info-container .info .info-inner{max-width:640px; margin:auto;}
	.highlight .info-container .video{width:640px !important;height:360px !important;}
	.highlight .info-container .info .info-inner .video{width:307px !important;height:172px !important;}

	/*-- Typography and links ---*/
	h1{font-size:32px;line-height:32px;}
	h2{font-size:30px;line-height:30px;}
	h3{font-size:28px;line-height:28px;}
	h4{font-size:26px;line-height:26px;}
	h5{font-size:24px;line-height:24px;}
	h6{font-size:22px;line-height:22px;}

	.highlight h1{font-size:75px; line-height:75px; text-align:center;}
	.highlight h2{font-size:65px;line-height:65px; text-align:center;}
	.highlight h3{font-size:55px;line-height:55px; text-align:center;}
	.highlight h4{font-size:45px;line-height:45px; text-align:center;}
	.highlight h5{font-size:35px;line-height:35px; text-align:center;}
	.highlight h6{font-size:25px;line-height:25px; text-align:center;}

    /** Others **/
    .footer-featured{display:none;}
    .footer-column.column_one_fourth{text-align:center;}
    .footer-column-content{border-right: 1px #8e8e8e solid;}
    #highlight-container{display:none;}
    #wrapper-icons{display:none;}
    .focus-title{text-align: left;}
}

/* Mobile Layout: Landscape Container width:480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/*--- Page ---------*/
	.homepage{display: block; position:relative;height:auto !important}
	.homepage .content{display:block; vertical-align:inherit;}
	.homepage .content{max-width:420px;padding-bottom:100px;}
	.page .content{max-width:420px;padding:140px 0 100px 0;}
	.page .highlight{background-attachment:scroll; background-position:center center;}

	/*--- Header ---------*/
	.header {height:auto;}
	.header .inner{max-width:930px;margin:auto;}
	.header .logo-pages {float: none;}
	.header .logo{width:100%;text-align:center;}

	/*-- Menu -------*/
    .header .inner ul.navigation{float: left; text-align: center; width: 100%;margin-top:0px;padding-bottom:5px; display:none;line-height:20px;}
    .header .inner ul.navigation li{margin:10px 0; float:none !important;}
    .header .inner ul.navigation li:first-child{margin-top:0px;}
    .header .inner ul.navigation li:last-child{padding-right:10px;}
    .page.odd .header .inner ul.navigation li a.active,.page.even .header .inner ul.navigation li a.active{padding:1px 10px;}

	/* Mobile menu toggle */
	.header .inner .mobileMenuToggle{display:block;}

	/*-- Content -------------*/
	.column_homepage-1,.column_homepage-2 {width:100%;margin-bottom:30px;}
	.logo-homepage {width: 100%;text-align: center;}
	.column_homepage-2  p,#app-button-container{margin-bottom:15px; text-align:center;}
	#app-button-container{padding-left:10px;}
	.app-price{text-align:center;}
	.note{text-align:center;}
	.highlight.fixed{background-attachment:scroll;}
	.highlight .info-container .info .info-inner{max-width:420px; margin:auto;}
	.highlight .info-container .video{width:420px !important;height:236px !important;}
	.highlight .info-container .info .info-inner .video{width:307px !important;height:172px !important; margin:auto;}

	/*---- Media ---------*/
	.thumb.feature{float:none !important; margin:auto; width:230px;}

	/*---- Typography and links ----------------------*/
	h1{font-size:32px;line-height:32px;}
	h2{font-size:30px;line-height:30px;}
	h3{font-size:28px;line-height:28px;}
	h4{font-size:26px;line-height:26px;}
	h5{font-size:24px;line-height:24px;}
	h6{font-size:22px;line-height:22px;}

	.highlight h1{font-size:60px; line-height:60px; text-align:center;}
	.highlight h2{font-size:50px;line-height:50px; text-align:center;}
	.highlight h3{font-size:40px;line-height:40px; text-align:center;}
	.highlight h4{font-size:30px;line-height:30px; text-align:center;}
	.highlight h5{font-size:25px;line-height:25px; text-align:center;}
	.highlight h6{font-size:20px;line-height:20px; text-align:center;}

	/*-- cols --*/
	.column_one_half, .column_one_third,.column_one_fourth,.column_two_thirds, .column_three_fourths{width:100%; margin-right:0px;margin-left:0px;}

	/*-- accordions and tabs -- */
	.accordion div.video, .accordion div.video .featured_flowplayer,
	.tabs div.video, .tabs div.video .featured_flowplayer  { clear:both; width:380px !important; height:215px !important; }
	div.video video, div.video iframe, div.video object, div.video embed, div.video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important; }
	.accordion .column_one_half, .accordion .column_one_third, .accordion .column_one_fourth, .accordion .column_two_thirds, .accordion .column_three_fourths,
	.tabs .column_one_half, .tabs .column_one_third, .tabs .column_one_fourth, .tabs .column_two_thirds, .tabs .column_three_fourths { width:380px !important; margin-right:0 !important; }
	blockquote { width:370px !important; margin-right:0 !important; }
	.accordion blockquote, .tabs blockquote { width:340px !important; margin-right:0 !important; }

    /** Others **/
    .footer-featured{display:none;}
    .footer-column.column_one_fourth{text-align:center;}
    #highlight-container{display:none;}
    #wrapper-icons{display:none;}
    .content{margin:0}
    .focus-title{text-align: center;}
    .press-contact{text-align:center;}
    #featured-content{display:none;}
}

/* Mobile Layout: Portrait Container width:320px */
@media only screen and (max-width: 479px){

	/*-- Page ----------*/
	.homepage{display: block; position:relative;height:auto !important}
	.homepage .content{display:block; vertical-align:inherit;}
	.homepage .content{max-width:290px;padding-bottom:100px;}
	.page .content{max-width:290px;padding:140px 0 100px 0;}
	.page .highlight{background-attachment:scroll; background-position:center center;}

	/*--- Header ------------*/
	.header {height:auto;}
	.header .inner{max-width:930px;margin:auto;}
	.header .logo-pages {float: none;}
	.header .logo{width:100%;text-align:center;}

    /*--- Menu -------------*/
    .header .inner ul.navigation{float: left; text-align: center; width: 100%;margin-top:0px;padding-bottom:5px; display:none; line-height:20px;}
    .header .inner ul.navigation li{margin:10px 0; float:none !important;}
    .header .inner ul.navigation li:first-child{margin-top:0px;}
    .header .inner ul.navigation li:last-child{padding-right:10px;}
    .page.odd .header .inner ul.navigation li a.active,.page.even .header .inner ul.navigation li a.active{padding:1px 10px;}

	/*-- Mobile menu toggle ---*/
	.header .inner .mobileMenuToggle{display:block;}

	/*-- Content -----*/
	.column_homepage-1,.column_homepage-2 {width:100%;margin-bottom:30px;}
	.logo-homepage {width: 100%;text-align: center;}
	.column_homepage-2  p,#app-button-container{margin-bottom:15px; text-align:center;}
	/*#app-button-container{padding-left:47px;}
	/*#app-button-container a#button-locations{width:98px;background-image: url(../images/button-locations-small.png);}*/
	/*#app-button-container a#button-tweet{width:98px;background-image:url(../images/button-tweet-small.png);}*/
	.note{text-align:center;}
	.highlight.fixed{background-attachment:scroll;}
	.highlight .info-container .info .info-inner{max-width:290px; margin:auto;}
	.highlight .info-container .video{width:290px !important;height:163px !important;}
	.highlight .info-container .info .info-inner .video{width:290px !important;height:163px !important; margin:auto;}

	/*-- Media ------*/
	.thumb.feature{float:none !important; margin:auto; width:230px;}
	.thumb.xsmall{max-width:100% !important;float:none !important; margin-left:0px;margin-right:0px;}
	.thumb.xsmall img{width:auto; float:none;}

	/*---- Typography and links ------*/
	h1{font-size:32px;line-height:32px;}
	h2{font-size:30px;line-height:30px;}
	h3{font-size:28px;line-height:28px;}
	h4{font-size:26px;line-height:26px;}
	h5{font-size:24px;line-height:24px;}
	h6{font-size:22px;line-height:22px;}

	.highlight h1{font-size:60px; line-height:60px; text-align:center;}
	.highlight h2{font-size:50px;line-height:50px; text-align:center;}
	.highlight h3{font-size:40px;line-height:40px; text-align:center;}
	.highlight h4{font-size:30px;line-height:30px; text-align:center;}
	.highlight h5{font-size:25px;line-height:25px; text-align:center;}
	.highlight h6{font-size:20px;line-height:20px; text-align:center;}

	/*-- Cols --*/
	.column_one_half, .column_one_third,.column_one_fourth,.column_two_thirds, .column_three_fourths{width:100%; margin-right:0px;margin-left:0px;}

	/*-- Accordions and tabs --*/
	.accordion div.video, .accordion div.video .featured_flowplayer,
	.tabs div.video, .tabs div.video .featured_flowplayer { clear:both; width:260px !important; height:146px !important; }
	div.video video, div.video iframe, div.video object, div.video embed, div.video div { width:100%; height:100% !important; max-width:100% !important; max-height:100% !important; }
	.accordion .column_one_half, .accordion .column_one_third, .accordion .column_one_fourth, .accordion .column_two_thirds, .accordion .column_three_fourths,
	.tabs .column_one_half, .tabs .column_one_third, .tabs .column_one_fourth, .tabs .column_two_thirds, .tabs .column_three_fourths { width:260px !important; margin-right:0 !important; }
	blockquote { width:250px !important; margin-right:0 !important; }
	.accordion blockquote, .tabs blockquote { width:209px !important; margin-right:0 !important; }

    /** Others **/
    .footer-featured{display:none;}
    .footer{width:100%}
    .footer-column.column_one_fourth{text-align:center;}
    #highlight-container{display:none;}
    #wrapper-icons{display:none;}
    #experience-header{display:none;}
    .content{margin:0}
    .focus-title{text-align: center;}
    .press-contact{text-align:center;}
    #featured-content{display:none;}

    .video-24me-logo {
        left:3px;
        background-size: 90%;
    }

    .video-header {
        font-size:150%;
    }

    .video-appstore-logo {
        left: 13px;
    }
}