/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body,
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd,
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary, time,
mark, audio, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0
}
strong.strong{
    font-weight:600;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/*------------------------------------*\
    GENERAL
\*------------------------------------*/

body {
    background: #ffffff;
    overflow-x:hidden;
}

body.single-page #goc-body{
	position: inherit;
}
.float{
    float:left;
}
.social{
    overflow:hidden;
}
#bg_wrap {
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0px;
    height: 100%;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: -1;
}

html.android body{
	height: 1200px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/


/* wrapper */
.wrapper {
    max-width: 1440px;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

/* header */
.header {
}

/* logo */

.logo, .social {
    padding: 15px 30px;
}

.logo {
    max-width: 508px;
    width: 80%;
}

.logo img {
    max-width: 478px;
    width: 100%;
}

.watch_trailer {
    margin-top: 15px;
    overflow:hidden;
}
.tickets_link{
    overflow:hidden; width:290px; 
    margin:0 auto;
} 

.logo .watch_trailer img {
    max-width: 291px;
}

.social {
    max-width: 450px;
    text-align: right;
    width: 80%;
}

.social a, .socialm a {
    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/icon_social.png);
    background-repeat: no-repeat;
    display: inline-block;
}
.social a{
    height: 32px;
    width: 32px;
}

.socialm a {
	background-size: 90px;	
	height: 20px;
	width: 20px;
}

.social a span, .socialm a span {
    display: none;
}

			a.fb	{background-position: 0px -90px;}
			a.tw	{background-position: -37px -90px;}
			a.tumblr	{background-position: -72px -90px;}
			a.ins	{background-position: -110px -90px;}

.social .qts {
    display: none;
    margin-top: 15px;
}

.qts img {
    max-width: 387px;
    width: 90%;
}

/* nav */

ul#main{
	height: 52px;
}
.nav {
    border-bottom: 1px solid #999999;
    border-top: 1px solid #185648;
    font-size: 0;
}

.nav a, a.credits , a.legal_open, a.legal_close {
    color: #2a734a;
    cursor: pointer;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

.nav ul li {
    background-image: none;
    border-right: 1px solid #999999;
    display: inline-block;
    padding: 15px 0px;
    text-align: center;
    width: 8.5%;
    position:relative;
}

.nav ul li:hover, .nav ul li.active {
    background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_nav_active.png) center top repeat-x;
}
.nav ul li:hover a, .nav ul li.active {
    color: #103f35;
}

.nav ul li:last-child {
    border: none;
    width: 16.6%;
}

.nav ul li a {
    font-size: 14px;
    display: block;
    /*margin-top: 10px;*/
    line-height:26px;
}

.nav ul li a span, a.credits , a.legal_open, a.legal_close {
    padding-top: 3px;
    padding-bottom: 3px;
}
li.p-tickets{
    cursor:pointer;
}
.nav ul li.p-tickets .tickets-bg{
    display:block;
    position:absolute; top:0; left:0; width:100%; height:20px;
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/tickets_active.png') center repeat-x;
    margin-top:-14px;
    display:none;
}

.nav ul li.p-tickets.active, .nav ul li.p-tickets:hover{
/*    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/tickets_active.png') center -10px no-repeat;*/
    background:none;
    overflow:visible;
}
ul.sound{
    position:absolute; right:0; margin-right:30px;
    display:block; height:40px; width:139px; background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/w-t.png') repeat;
    font-family: 'Montserrat', sans-serif;
    font-size:12px; margin-top:7px;
}
    ul.sound li{
        display:inline-block; line-height:40px;
        margin-right:9px;
        cursor:default;
    }
    ul.sound li:first-child{
        cursor:default;
    }
    ul.sound li.inactive{
        color:#2a734a;
        cursor:pointer;
    }
#footprint {
    background: #fff;
    padding: 10px 20px;
}

#legal {
    background: #fff;
    color: #385e55;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 15px 0px;
    text-align: center;
}

#legal a {
    color: #385e55;
}

/* sidebar */
.sidebar {
}

/* footer */

.comingSoon{
	display: block;
	height: 78px;
	left: 0px;
	position: relative;
	top: -95px;
	z-index: 9;	
}

	.comingSoon span{
		background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/comingsoon.png) center top no-repeat;
		display: block;
		height: 78px;
		left: 0px;
		margin: 0px auto;
		width: 187px;
	}

.footer {
    background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png) center bottom repeat;
    bottom: -95px;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.rating_img {
    display: block;
    margin: 15px auto;
    text-align: center;
}

#gde_footerContainer {
    bottom: -240px;
    position: absolute;

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

.home {
    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_home.jpg);
}

.video {
    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_videos.jpg);
}

.about {
    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_story.jpg);
}

/*.cast-crew {
    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_cast.jpg);
}*/

.special-event, .game-changer{
	 background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_green.jpg);
}
.a-list{
    margin-left:30px;
}
.a-list li{
    list-style-type:disc;
}
.gallery {
    background-image: none;
}

.downloads {
    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_downloads.jpg);
}

.game {
    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_game.jpg);
}

.home_promo {
    background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png) center bottom repeat;
    height: 430px;
    max-width: 240px;
    padding: 15px 0px;
    position: absolute;
    right: 0;
    top: 25%;
    width: 80%;
}

/* Promos */

.swiper-container.vertical {
    width: 240px;
    height: 390px;
}

.promoRow {
    /* 			border-bottom: 1px solid #999999; */
    display: block;
    margin-top: 0px;
    padding-bottom: 0px;
}

.promoRow:last-child {
    border: none;
}

.promo {
    height: 168px;
}

.promo a {
    text-decoration: none;
}

.title, .caption {
    display: block;
    font-family: 'Montserrat', sans-serif;
    ;
    margin: 0px auto;
    text-transform: uppercase;

}

.title {
    color: #103f35;
    font-size: 16px;
    margin-bottom: 10px;
    max-width: 186px;
}

.promoImg {
    border: 1px solid #2e8957;
    display: block;
    margin: 0px auto;
}

.cta {
    color: #185d4c;
    display: block;
    font-family: 'Montserrat', sans-serif;
    ;
    font-size: 11px;
    font-weight: 600;
    margin: 10px auto 0px;
    max-width: 186px;
    text-transform: uppercase;
}

.caption {
    background: #2e8957;
    color: #ffffff;
    font-size: 11px;
    max-width: 178px;
    padding: 10px 5px;
}

#page-home .watch_trailer,
#page-home .qts {
    display: block;
}

.watch_trailer {
    display: none;
}

/* About Page */

.about_box {
    background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png) center top repeat;
    max-width: 365px;
    padding: 35px;
    position: absolute;
    right: 5%;
    top: 15%;
    width: 50%;
}

.about_box h1, ul.about_nav li, .promotions-content h1 {
    color: #103f35;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.about_box h1, .promotions-content h1{
    font-size: 25px;
}
.promotions-content h1{
    margin-top:4%; margin-left:4.8%;
}
.about_box p{
    color: #666666;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin: 10px 0px;
    -webkit-text-size-adjust: none
}

ul.about_nav {
    margin-top: 15px;
}

ul.about_nav li {
    font-size: 12px;
    display: inline-block;
}

ul.about_nav li span {
    display: none;
}

li.nav_div {
    margin: 0px 15px;
}

li.nav_synopsis, li.nav_filmmaker {
    cursor: pointer;
}

ul.about_nav li.nav_synopsis:hover > span,
ul.about_nav li.nav_filmmaker:hover > span,
ul.about_nav li span.active {
    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/icon_nav.png);
    background-position: center -247px;
    display: block;
    height: 10px;
    margin: 0px auto;
    width: 10px;
}

#cnt_filmmaker {
    display: none;
}

/* Video Page */

#disneyPlayer, #disneyPlayer .video,
#disneyPlayerMobile, #disneyPlayerMobile .video{
	background: none;
}
	
	#disneyPlayer #videoContent{
		background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png);
		padding: 10px;
		position: absolute;
		right: 5%;
		width: 768px;
	}
	.slide-background{
        display:none;
    }
	#videoContent #disneyPlayer.video.layout.L.vertical-playlist-enabled{
		width: 778px;
	}
	
	 #videoContent #disneyPlayer.vertical.layout.L.scripted button{
		width: 100%;
	}
	
	#disneyPlayer .vertical.layout.L .thumbnail{
		float: none;
		height: 67px;
		width: 120px;
	}
	
	#disneyPlayer .vertical.layout.L ul li{
		height: 102.5px;
		width: auto;
	}
	
	#disneyPlayer .vertical.layout.L .description, #disneyPlayer .video a span{
		display: none;
	}
	
	#disneyPlayer .layout h3 {
		color: #666666;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400;
		margin: 0px auto ;
		width: 120px;
	}
	
		#disneyPlayer .layout .selected h3 {
			color: #2a734a;
		}
	
	#disneyPlayer div.vertical.layout.L{
		width: 138px;
	}
	
	#disneyPlayer .vertical.layout.L button.reverse,
	#disneyPlayer .vertical.layout.L button.advance{
		background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/icon_nav.png);
		background-repeat: no-repeat;
		cursor: pointer;
		outline: none;
	}
	
	#disneyPlayer .vertical.layout.L button.reverse{
		background-position: center -27px;
	}
	
	#disneyPlayer .vertical.layout.L button.advance{
		background-position: center -55px;
	}
	
	#disneyPlayer .vertical.layout.L.scripted button{
		margin: 0px auto;
	}

	#disneyPlayerMobile .horizontal.layout.L button.reverse,
	#disneyPlayerMobile .horizontal.layout.L button.advance{
		background-position:  center center;
		border: none;
		outline: none;
		position: absolute;
		z-index: 5;
	}
	
	#disneyPlayerMobile .horizontal.layout.L button.reverse{
		left: 0;
	}
	
	#disneyPlayerMobile .horizontal.layout.L button.advance{
		right: 0;
	}
	
	#disneyPlayerMobile .horizontal.layout.L ul li .description{
		width: 77%;
		height: 100%;
		padding: 15% 10%;
	}

/* Gallery Page */

	#bg_wrap.gallery{
		display: none;
	}
	
	.swiper-container.mgallery{
		height: 100% !important;
	}
	
	.image_share a img{
		cursor: pointer !important;
		opacity: 1 !important;
		max-height: 20px;
		max-width: 22px;
	}
	
	.swiper-content .inner {
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
		
	}
		.swiper-content .inner.p_top{background-position: center top;}
		.swiper-content .inner.p_cnt{background-position: center center;}
		.swiper-content .inner.p_bot{background-position: center bottom;}

	
	#gallery_nav .arrow-left, #gallery_nav .arrow-right{
		background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/icon_nav.png);
	}
	
	/* Game page */
	
	#gameContainter{
		height: 500px;
		margin: 0px auto;
		width: 762px;
	}
	
	#gameContainter iframe {
		left: -130px;
		position: relative;
		top:-120px;
		-ms-transform: scale(0.7,0.7); /* IE 9 */
		-webkit-transform: scale(0.7,0.7); /* Chrome, Safari, Opera */
		transform: scale(0.7,0.7);
	}
	
	/* Special Event Page */
	
	.specialContent{
		background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png) center top repeat;
		color: #666666;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 14px;
		line-height: 20px;
		margin: 0px auto;
		max-width: 1100px;
		width: 80%;
	}
	
		.specialContent h1{
			color: #103f35;
			font-family: 'Montserrat', sans-serif;
			font-size: 23px;
			letter-spacing: 0.08em;
			text-transform: uppercase;
		}
	
		.SEcontent{
			padding: 0 5% 2%;
		}
		
		.SEheader{
			background: #FFFFFF;
			padding: 2% 5% 0;
		}
		
			.mainLogo, .eventLogo{
				width: 42%;
			}
	
			.mainLogo img, .eventLogo img{
				width: 100%
			}
				#page-game-changer .eventLogo img{
					max-width: 345px;
				}
			
				.eventLogo img{
					max-width: 410px;
				}
				
				#page-game-changer strong{
					font-weight: 600;
				}
				
				#page-game-changer em{
					font-style: italic;
				}
				
				#page-game-changer h1{
					line-height: 26px;
				}
				
				#page-game-changer h2, #page-game-changer h3{
					color: #2a734a;
					font-family: 'Montserrat', sans-serif;
					font-weight: 700;
					margin: 10px 0px;
					text-transform: uppercase;
				}
				
				#page-game-changer h2{
					font-size: 16px;
					letter-spacing: 0.08em;
				}
				
				#page-game-changer h3{
					font-size: 14px;
				}
				
				#page-game-changer .heroImg{
					width: 35%;
				}
				
				#page-game-changer .heroImg img{
					margin: 0;
					width: 100%;
				}
				
				#page-game-changer .heroImg img, #page-game-changer .heroImg{
					max-width: 331px;
				}
				
				#page-game-changer .SEcontent .right{
					color: #103f35;
					font-size: 16px;
					font-weight: 600;
					line-height: 24px;
					width: 63%;
				}
				
				.SEcontent a.faq{
					color: #666666;
					display: block;
					font-weight: 700;
				}
		
		.heroImg img{
			margin: 15px 0px;
			width: 100%;
		}
		
		.SEcontent a{
			color: #2a734a;
			font-family: 'Source Sans Pro', sans-serif;
			font-weight: 600;
		}
		
		img.bt_download{
			display: block;
			margin: 0px 20px;
		}
		 
		/* Tiny Scrollbar */
		#scrollbar1 {
			width:100%;
			margin:20px 0 10px;
		}
		
		#scrollbar1 .viewport {
			width:95%;
			height:270px;
			overflow:hidden;
			position:relative;
		}
		
		#scrollbar1 .overview {
			list-style:none;
			position:absolute;
			left:0;
			top:0;
			padding:0;
			margin:0;
		}
		
		#scrollbar1 .scrollbar {
			background:transparent url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg-scrollbar-track-y.png) no-repeat 0 0;
			position:relative;
			background-position:0 0;
			float:right;
			width:15px;
		}
		
		#scrollbar1 .track {
			background:transparent url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg-scrollbar-trackend-y.png) no-repeat 0 100%;
			height:100%;
			width:13px;
			position:relative;
			padding:0 1px;
		}
		
		#scrollbar1 .thumb {
			background:transparent url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg-scrollbar-thumb-y.png) no-repeat 50% 100%;
			height:20px;
			width:25px;
			cursor:pointer;
			overflow:hidden;
			position:absolute;
			top:0;
			left:-5px;
		}
		
		#scrollbar1 .thumb .end {
			background:transparent url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg-scrollbar-thumb-y.png) no-repeat 50% 0;
			overflow:hidden;
			height:5px;
			width:25px;
		}
		
		#scrollbar1 .disable {
			display:none;
		}
		
		.noSelect {
			user-select:none;
			-o-user-select:none;
			-moz-user-select:none;
			-khtml-user-select:none;
			-webkit-user-select:none;
		}		
		
		
		.ie #page-special-event .footer{
	position: absolute;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/




/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:200px) {

    .mobile {
        display: block;
    }

    .desktop, #gde_footerContainer, 
    #goc-menu, #goc-bar {
        display: none;
    }
    
    #pageContent{
	    margin-top: 60px;
    }

    #header {
        text-align: center;
        width: 100%;
    }

	body#page-home #header{
		background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_homemobile.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center -60px;
		padding: 20px 0px;
	}

    #bg_wrap.home {
        background-image: none;
        background-position: center 0px;
        height: 460px;
    }
    
     #bg_wrap.video,#bg_wrap.about, #bg_wrap.cast-crew,
     #bg_wrap.downloads, #bg_wrap.game, #banner.m-gallery {
     	display: none;
     }
     
     #banner.m-video, #banner.m-about, #banner.m-cast-crew,
     #banner.m-downloads, #banner.m-game{
     	 background-repeat: no-repeat;
     	 background-size: cover;
	     height: 300px;
	     margin-bottom: 15px;
     }
  
     #banner.m-home{
	     height: 20px;
     }

			#banner.m-video {
			    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_videos.jpg);
			}
			
			#banner.m-about {
			    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_story.jpg);
			}
			
			#banner.m-cast-crew {
			    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_cast.jpg);
			}
			
			#banner.m-gallery {
			    background-image: none;
			}
			
			#banner.m-downloads {
			    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_downloads.jpg);
			}
			
			#banner.m-game {
			    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_game.jpg);
			}

    #bg_wrap.video, #bg_wrap.downloads, #bg_wrap.game {
	    background-position: left center;
    }
    
    #page-home .logo {
        margin: 10px auto 10px;
    }
    
    .logo {
        float: none;
        margin: 10px auto;
        max-width: inherit;
        padding: 0px;
        width: 70%;
    }

    .socialboxm {
        background: #fff;
        padding: 0px 10px;
    }

    .socialm {
		padding: 8px 0px; 
	}
	
	a.fb {background-position: 0px 0px;}
	a.tw {background-position: -24px 0px;}
	a.tumblr {background-position: -47px 0px;}
	a.ins {background-position: -70px 0px;}
			
    .navm {
        padding: 10px;
    }

    .snap-drawers.mobile ul li {
        background-image: none;
    }
 

    /* MENU STYLE */
    .snap-content {
        background: #fff;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: auto;
        z-index: 2;
        overflow: auto;
        
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .snap-drawers {
    	margin-top:60px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: auto;
    }

    .snap-drawer {
        position: absolute;
        top: 0;
        right: auto;
        bottom: 0;
        left: auto;
        width: 265px;
        height: auto;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: width 0.3s ease;
        -moz-transition: width 0.3s ease;
        -ms-transition: width 0.3s ease;
        -o-transition: width 0.3s ease;
        transition: width 0.3s ease;
    }

    .snap-drawer-left {
        left: 0;
        z-index: 1;
    }

    .snapjs-right .snap-drawer-left {
        display: none;
    }

    .snapjs-expand-left .snap-drawer-left {
        width: 100%;
    }

    #open-left {
        display: block;
    }

    .snap-drawers {
        background: #fff;
    }

    .snap-drawer ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

    .snap-drawer li.blank {
        padding: 23px;
    }

    .snap-drawer li > a {
        display: block;
        border-bottom: 1px solid rgba(153, 153, 153, 0.1);
        border-top: 1px solid rgba(153, 153, 153, 0.1);
        padding: 13px 15px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
        text-decoration: none;
        text-transform: uppercase;
        color: #2a734a;
        text-indent: 15px;
    }
    
    .snap-drawer li:F > a {
        border-bottom: 1px solid rgba(42, 115, 74, 1);
        border-top: 1px solid rgba(42, 115, 74, 1);
    }

    #open-left {
        cursor: pointer;
    }

    .home_promo.mobile {
        height: 150px;
        max-width: inherit;
        padding: 0px;
        position: initial;
        width: 100%;
    }

    .home_promo.mobile .arrow-right,
    .home_promo.mobile .arrow-left {
        margin-top: 17%;
        position: absolute;
        width: 20px;
    }

    .home_promo.mobile .arrow-right {
        background-position: -14px -333px;
        right: 0;
    }

    .home_promo.mobile .arrow-left {
        background-position: 3px -333px;
    }

    .swiper-container.horizontal {
        height: 150px;
        margin-left: 25px;
        width: 90%;
    }

    .promoRow {
        border-bottom: none;
        display: inline-block;
        margin-top: 0px;
        width: 50%;
    }
    
    .promo {
        height: 136px;
        margin-top: 15px;
        width: 90%;
    }

    .promoImg {
        width: 99%;
    }

    .caption {
        font-size: 8px;
        max-width: 252px;
    }

    .watch_trailer {
        margin-top: 100%;
    }

    .logo .watch_trailer img {
        max-width: 130px;
    }

    ul.about_nav li.nav_synopsis:hover > span,
    ul.about_nav li.nav_filmmaker:hover > span {
        background-image: none;
        display: none;
    }
    
    /* About Page */
    
    .about_box {
		background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png) center top repeat;
		padding: 0px;
		position: initial;
		margin: 0px auto;
		max-width: inherit;
		width: 90%;
	}
	
	.ie .about_box{
		top:500px;
	}
	
	.ie #page-about .footer{
		top:1200px;
	}
	
	/* Video Page */
	 
	#videoContent{
		display: block;
		position: static;
		margin:0 auto;
		width: 100%;
	}
	
	#disneyPlayerMobile .horizontal.layout.L.scripted ul.list{
		margin: 0px 50px;
		width: 51% !important;
	}
		
	#disneyPlayerMobile .horizontal.layout.L ul li{
		width:85%
	}
		
		#disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled{
			height: 280px !important;
		}
	
		#disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled,
		#disneyPlayerMobile_player_layout, #disneyPlayerMobile_player_layout object,
		div#disneyPlayerMobile_player.kWidgetIframeContainer{
			margin: 0px auto;
			width:190px !important;
		}
		
		#disneyPlayerMobile_player_layout, 
		#disneyPlayerMobile_player_layout object,
		div#disneyPlayerMobile_player.kWidgetIframeContainer{
			height: 113px !important;
		}
		
		#disneyPlayerMobile div.horizontal.layout.L{
			 top: 115px !important;
			 width: 100%;
		}
		
		
		#disneyPlayerMobile .horizontal.layout.L.scripted ol.list, 
		#disneyPlayerMobile .horizontal.layout.L.scripted ol.navigation{
			width: auto !important;
		}
	
		
		#disneyPlayerMobile .horizontal.layout.L .thumbnail{
			height: auto;
			width: 100%;
		}
		
	/* Game Page */
	
	#gameContainter{
		height: 500px;
		margin: 0px auto;
		width: 762px;
	}
	
	#gameContainter iframe {
		left: -130px;
		position: relative;
		top:-120px;
		-ms-transform: scale(0.7,0.7); /* IE 9 */
		-webkit-transform: scale(0.7,0.7); /* Chrome, Safari, Opera */
		transform: scale(0.7,0.7);
	}
	
	
	/* Gallery */
	
	.swiper-container.mgallery{
		height: 300px !important;
		top:150px;
	}
	
	#gallery_nav {
		background-image: none !important;
	}
	
	#gallery_nav .swiper-wrapper{
		display: none;
	}
   
	#gallery_nav .arrow-left, #gallery_nav .arrow-right{
		background-image: none;
	}
	
	.gallery_nav_m{
		position: absolute;
		top: 280px;
		width: 100%;
	}
		.gallery_nav_m a{
			margin: 0;
		}
		
		.gallery_nav_m a.arrow-left{left:10px;}
		.gallery_nav_m a.arrow-right{right: 10px;}
	
	.image_share_m{
		position: absolute;
		top: 460px;
	}
		.image_share_m span{
			font-family: 'Montserrat', sans-serif;
			font-size: 10px;
			font-weight: 700;
			position: relative;
			text-transform: uppercase;
			top:-5px;
		}
		
	/* Special Event */
	
	.special-event{
		 background-image: none;
	}
	
	.specialContent{
		margin: 30px auto;
		max-width: 1100px;
		width: 100%;
	}
	
		.specialContent h1{
			font-size: 23px;
			letter-spacing: 0.08em;
		}
	
		.SEcontent{
			background-color: #fff;
			padding: 0 5% 2%;
		}
		
		.SEheader{
			background: #FFFFFF;
			padding: 0;
		}
		
			.mainLogo, .eventLogo{
				margin: 5px 0px;
				text-align: center;
				width: 100%;
			}
			
			.eventLogo{
				background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_green.jpg);
			}
	
			.mainLogo img, .eventLogo img{
				width: 70%
			}
				.mainLogo img{
					max-width: 478px;
				}
				
				#page-game-changer .eventLogo img{
					max-width: 345px;
				}
			
				.eventLogo img{
					max-width: 410px;
				}
		
		.heroImg img{
			margin: 15px 0px;
			width: 100%;
		}
		
		img.bt_download{
			margin: 0px auto;
		}
	
	#page-game-changer .heroImg.left{
		margin: 10px auto;
	}
		
	#page-game-changer .heroImg.left, #page-game-changer .SEcontent .right{
		float: none;
		width: 100%;
	}
	

	/* Footer */

    .footer {
        background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png) center bottom repeat;
        bottom: inherit;
        position: initial;
        width: 100%
    }
    
    	.ie #page-special-event .footer{
			position: relative;
		}
    
    #page-gallery .footer{
	    position: absolute;
	    top: 490px;
    }

    .rating_img {
        max-width: 80px;
        width: 25%;
    }

    #legal {
    	font-size: 9px;
        margin: 15px 0px;
    }
    
    .mfooter{
    	line-height: 18px;
	    margin: 10px 0px;
    }
}

@media only screen and (min-width:320px) {
	body#page-home #header{
		background-position: center -70px;
		padding: 20px 0px;
	}
	
	.ie .about_box{
			top:520px;
		}
	
	.ie #page-about .footer{
		top:950px;
	}
		
		#disneyPlayerMobile .horizontal.layout.L.scripted ul.list{
		margin: 0px 50px;
		width: 70% !important;
		}
			
		#disneyPlayerMobile .horizontal.layout.L ul li{
			width:39%
		}
		
		#disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled{
			height: 360px !important;
		}
	
		#disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled,
		#disneyPlayerMobile_player_layout, #disneyPlayerMobile_player_layout object,
		div#disneyPlayerMobile_player.kWidgetIframeContainer{
			width:310px !important;
		}
	
		#disneyPlayerMobile_player_layout, 
		#disneyPlayerMobile_player_layout object,
		div#disneyPlayerMobile_player.kWidgetIframeContainer{
			height: 180px !important;
		}
		
		#disneyPlayerMobile div.horizontal.layout.L{
			 top: 195px !important;
	    }
}

@media only screen and (min-width:400px) {

	#bg_wrap.video, #bg_wrap.about, #bg_wrap.cast-crew, 
	#bg_wrap.downloads, #bg_wrap.game {
		top:220px;
	}
	
	body#page-home #header{
		background-position: center -90px;
		padding: 20px 0px;
	}
	
	.watch_trailer {
        margin-top: 100%;
    }
    
    #disneyPlayerMobile .horizontal.layout.L.scripted ul.list{
		margin: 0px 50px;
		width: 76% !important;
	}
	
	#disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled {
		height: 520px !important;
	}
	
	#disneyPlayerMobile .horizontal.layout.L ul li{
		width: 28%
	}
    
    #disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled{
			height: 400px !important;
		}
    
    #disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled,
		#disneyPlayerMobile_player_layout, #disneyPlayerMobile_player_layout object,
		div#disneyPlayerMobile_player.kWidgetIframeContainer{
			width:390px !important;
		}
    
		#disneyPlayerMobile_player_layout, 
		#disneyPlayerMobile_player_layout object,
		div#disneyPlayerMobile_player.kWidgetIframeContainer{
			height: 225px !important;
		}
		
		#disneyPlayerMobile div.horizontal.layout.L{
			 top: 235px !important;
	    }
	
}

@media only screen and (min-width:480px) {

	#bg_wrap.home {
        background-image: none;
    }
    
    #bg_wrap.video,#bg_wrap.about, #bg_wrap.cast-crew,
    #bg_wrap.downloads, #bg_wrap.game {
	    top:195px;
     }
     
     body#page-home #header{
		background-position: center -150px;
		padding: 20px 0px 30px;
	}
	
	.watch_trailer {
        margin-top: 100%;
    }
    
    
    .logo img{
    	margin: 0px auto;
		max-width: 250px;
	}
	
	.logo .watch_trailer img{
		max-width: 180px;
	}
	
	
    
    .swiper-container.horizontal{
    	margin-left: 30px;
    }
    
    .home_promo.mobile{
    	height: 150px;
	    width: 84%;
		margin: 0 auto;
	}
	
	.home_promo.mobile .arrow-right, .home_promo.mobile .arrow-left{
		margin-top: 16%;
	}
		.home_promo.mobile .arrow-right{
			right: 8%;
		}
    
    .promo{
	    width: 90%;
    }
    
    .swiper-container.mgallery{
		height: 350px !important;
	}
	
	#page-gallery .footer{
		background: none;
		padding-top: 30px;
	}
	
			/* Video Player */
	
	#disneyPlayerMobile .horizontal.layout.L.scripted ul.list{
		margin: 0px 50px;
		width: 80% !important;
	}
	
	#disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled {
		height: 520px !important;
	}
	
	#disneyPlayerMobile .horizontal.layout.L ul li{
		width: 28%
	}
	
	 #disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled,
		#disneyPlayerMobile_player_layout, #disneyPlayerMobile_player_layout object,
		div#disneyPlayerMobile_player.kWidgetIframeContainer{
			width:470px !important;
		}
	
		#disneyPlayerMobile_player_layout, 
		#disneyPlayerMobile_player_layout object,
		div#disneyPlayerMobile_player.kWidgetIframeContainer{
			height: 270px !important;
		}
		
		#disneyPlayerMobile div.horizontal.layout.L{
			 top: 275px !important;
	    }
	
	.gallery_nav_m{
		top: 285px;;
	}
	
	.image_share_m{
		top: 510px;
	}
    
    #legal{
	    font-size: 8px;
    }

}

@media only screen and (min-width:568px) {
	
    
    .home_promo.mobile{
    	height: 165px;
	    width: 79%;
    }
    
      body#page-home #header{
		background-position: center -190px;
		padding: 20px 0px 60px;
	}
	
	.watch_trailer {
        margin-top: 100%;
    }
    
    .home_promo.mobile .arrow-right{
	    right: 10.5%;
    }
    
    .swiper-container.horizontal{
	    height: 180px;
	    margin-left: 35px;
	    width: 88%;
    }
    
    .promo{
	    height: 163px;
    }
    
     /* About Page */
    
    .about_box {
		width: 85%;
	}
	
	/* Video Page */
	
		#disneyPlayerMobile .horizontal.layout.L.scripted ul.list{
			width: auto !important;
		}
	
		 #disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled,
		#disneyPlayerMobile_player_layout, #disneyPlayerMobile_player_layout object,
		div#disneyPlayerMobile_player.kWidgetIframeContainer{
			width:558px !important;
		}
	
		#disneyPlayerMobile_player_layout, 
		#disneyPlayerMobile_player_layout object,
		div#disneyPlayerMobile_player.kWidgetIframeContainer{
			height: 320px !important;
		}
		
		#disneyPlayerMobile div.horizontal.layout.L{
			 top: 335px !important;
	    }
	
	/* Gallery Page */
	
	
	
	.gallery_nav_m {
		top: 305px;
	}
	
	.image_share_m{
		top: 525px;
	}
	
	#page-gallery .footer{
		background: none;
		padding-top: 50px;
	}	
	
		/* Video Player */
	
	#disneyPlayerMobile .horizontal.layout.L.scripted ul.list{
		margin: 0px 45px;
	}
	
	#disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled {
		height: 540px !important;
	}
	
	#disneyPlayerMobile .horizontal.layout.L ul li{
		width: 21%
	}
		
    
    .rating_img{
	    max-width: 100px;
    }
}

@media only screen and (min-width:768px) {
    #bg_wrap.home {
        background-position: center -190px;
        height: 100%;
    }
    
    #bg_wrap.video, #bg_wrap.about, #bg_wrap.cast-crew, 
    #bg_wrap.downloads, #bg_wrap.game {
    	top:280px;
    }
    
       body#page-home #header{
		background-position: center -210px;
		padding: 20px 0px 60px;
	}
	
	.watch_trailer {
        margin-top: 100%;
    }

    
    .logo img{
		max-width: 478px;
	}

    .logo .watch_trailer img {
        max-width: 280px;
    }
    
    .socialm a {
		background-size: 110px;
		height: 25px;
		width: 25px;
	}
	
		a.fb {background-position: 0px 0px;}
		a.tw {background-position: -29px 0px;}
		a.tumblr {background-position: -57px 0px;}
		a.ins {background-position: -85px 0px;}

	.home_promo.mobile{
		height: 205px;
		margin-top: 25px;
	}
		.home_promo.mobile .arrow-right, .home_promo.mobile .arrow-left{
			margin-top: 14%;
		}
		
			.home_promo.mobile .arrow-left{left: 13%;}
			.home_promo.mobile .arrow-right{right: 13%;}
			
		.swiper-container.horizontal{
			height: 210px;
			margin-left: 65px;
			width: 80%;
		}
		
		.swiper-container.horizontal .promo{
			width: 94%;
		}
		
		.swiper-container.horizontal .caption{
			font-size: 11px;
		}
	
	.image_share_m.mobile{
		display: none !important;
	}
		
	/* Video Page */
		
	#videoContent{
		display: block;
		position: static;
		margin:0 auto;
		width: 640px;
	}
	
	#disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled{
		margin: 0px auto;
	}
	
		 #disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled,
		#disneyPlayerMobile_player_layout, #disneyPlayerMobile_player_layout object,
		div#disneyPlayerMobile_player.kWidgetIframeContainer{
			width:640px !important;
		}
	
		#disneyPlayerMobile_player_layout, 
		#disneyPlayerMobile_player_layout object,
		div#disneyPlayerMobile_player.kWidgetIframeContainer{
			height: 360px !important;
		}
		
		#disneyPlayerMobile div.horizontal.layout.L{
			 top: 370px !important;
	    }
	
	/* Gallery */
	
	.swiper-container.mgallery{
		height: 50% !important;
		top:250px;
	}
	
	#gallery_nav {
		background: none !important;
		bottom: 50px !important;
	}
	
	#gallery_nav .swiper-wrapper{
		display: block;
	}
	
	#gallery_nav .arrow-left, #gallery_nav .arrow-right{
		background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/icon_nav.png);
	}
	
	.gallery_nav_m, .image_share_m{
		display: none;
	}

	#page-gallery .footer{
		background: none;
		padding-top: 50px;
		position: absolute;
		top:auto;
		bottom: -80px;
	}
	
	/* Video Player */
	
	#disneyPlayerMobile .horizontal.layout.L.scripted ul.list{
		margin: 0px 45px;
	}
	
	#disneyPlayerMobile.video.layout.L.horizontal-playlist-enabled {
		height: 540px !important;
	}
	
	#disneyPlayerMobile .horizontal.layout.L ul li{
		width: 21%
	}
	
	.ie .about_box{
		top:600px;
	}
	
	/* Be a game changer */
	
		
	#page-game-changer .heroImg.left{
		float: left;
		margin: 0;
		width: 35%;
	}
	
	#page-game-changer .SEcontent .right{
		float: right;
		width: 63%;
	}
		
}

@media only screen and (min-width:1010px) {
	.mobile, .home_promo.desktop, #gde_footerContainer {
        display: block;
    }
    body#page-home #header{
	    background-image: none;
    }

    .desktop, .home_promo.mobile, .mfooter.mobile {
        display: none;
    }

    #header {
        position: relative;
        text-align: center;
        width: 100%;
    }

    .logo {
    	margin: 0;
        max-width: 400px;
        padding: 10px;
        width: 30%;
    }

    .logo {
        float: none;
    }
    
   

    #bg_wrap.home {
        background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_home.jpg);
        background-position: center center;
    }
    
    #bg_wrap.video, #bg_wrap.about, #bg_wrap.cast-crew,
    #bg_wrap.downloads, #bg_wrap.game {
    	display: block;
     	background-size: cover;
	    height: 100%;
	    top:0;
     }
     
     #banner.m-video, #banner.m-cast-crew, #banner.m-gallery,
     #banner.m-downloads, #banner.m-game{
     	 display: none;
     }
     
     #bg_wrap.about, #bg_wrap.cast-crew,
    #bg_wrap.downloads {
    	background-position: center center;
    }
	 
	 #bg_wrap.home {
	    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_home.jpg);
	}
	
	#bg_wrap.video {
	    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_videos.jpg);
	    background-position: -60px top;
	}
	
	#bg_wrap.about {
	    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_story.jpg);
	}
	
	/*#bg_wrap.cast-crew {
	    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_cast.jpg);
	}*/
	
	#bg_wrap.gallery {
	    background-image: none;
	}
	
	#bg_wrap.downloads {
	    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_downloads.jpg);
	}
	
	#bg_wrap.game {
	    background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_game.jpg);
	    background-position: center top;
	}

    .home_promo {
        height: 430px;
        max-width: 240px;
        padding: 15px 0px;
        position: absolute;
        right: 0;
        top: 25%;
        width: 80%;
    }

    .watch_trailer {
        margin-top: 15px;
    }

    .logo .watch_trailer img {
        max-width: 291px;
    }

    .promoRow {
        /* 		border-right: 1px solid #999999; */
        border-bottom: none;
        display: inline-block;
        height: 175px;
        margin-top: 0px;
        width: 50%;
    }

    .promo {

        margin: 15px auto;
        width: 75%;
    }

    .promoImg {
        width: 99%;
    }

    .caption {
        font-size: 8px;
        max-width: 252px;
    }

    .caption {
        font-size: 11px;
        max-width: 178px;
    }

    
    .about_box {
		max-width: 365px;
		padding: 35px;
		position: absolute;
		right: 5%;
		top: 15%;
		width: 50%;
	}
	
	.ie .about_box{
		top:15%;
	}
	
	
	#videoContent{
		background: none;
		padding: 0px;
		position: absolute;
		right: 2%;
		width: 642px;
	}
	
	/* Gallery */
	
	.swiper-container.mgallery{
		top:0px;
		height: 100% !important;
	}
	
	.mobile.gallery_nav_m{
		display: none;
	}
	
	#page-gallery .footer{
		bottom: -110px;
	}
	
	#gallery_nav {
		bottom: 20px !important;
	}
	
	/* Special Event */
	
	.special-event{
		 background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_green.jpg);
	}
	
	.specialContent{
		background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png) center top repeat;
		margin: 30px auto;
		max-width: 1100px;
		width: 80%;
	}
	
		.specialContent h1{
			font-size: 23px;
			letter-spacing: 0.08em;
		}
	
		.SEcontent{
			padding: 0 5% 2%;
		}
		
		.SEheader{
			background: #FFFFFF;
			padding: 2% 5% 0;
		}
		
			.mainLogo, .eventLogo{
				width: 42%;
			}
			
			.eventLogo{
				background-image: none;
			}
	
			.mainLogo img, .eventLogo img{
				width: 100%
			}
				#page-game-changer .eventLogo img{
					max-width: 345px;
				}
			
				.eventLogo img{
					max-width: 410px;
				}
		
		.heroImg img{
			margin: 15px 0px;
			width: 100%;
		}
		
		img.bt_download{
			margin: 0px;
		}
	

	
	/* Footer */

    #legal {
        margin: 15px 0px;
        font-size: 11px;
    }

    .rating_img {
        max-width: 100px;
    }
    
    .footer {
        background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png) center bottom repeat;
        bottom: -95px;
        position: absolute;
        width: 100%
    }
    
}

.soundtrack-mobile{display:none;}
.soundtrack-desktop{
    position:absolute; right:0; top:0; margin-top:140px;
    width:240px; height:300px; background:white; 
    text-align:center;
}
    .soundtrack-body{
        background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/soundtrack-body.png') no-repeat;
        width:183px; height:212px;
        margin:0 auto; margin-top:44px;
    }                 
    .soundtrack-body a{position:relative; z-index:99;}
    .soundtrack-body a img{
        margin:2px;
    }
    .buy-soundtrack{
        display:block;
        font: normal 500 13px/16px 'Montserrat', sans-serif;
        text-transform:uppercase; text-decoration:none; color:white;
        margin-top:5px;
    }
@media only screen and (max-width:1024px) and (min-width:1010px){
    body#page-home #header{
        background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_homemobile.jpg);
    }
    .watch_trailer{margin-top:100%;}
    #bg_wrap{
        display:none !important;
    }
    .m-about, .m-video.mobile, .m-downloads.mobile{
        display:block !important;
    }
    #videoContent{
        margin:0 auto;
        position:relative;
    }
    #legal{
        font-size:8px; margin:15px 0px;
    }
    #page-home .logo {
        margin: 10px auto 10px;
    }
    .logo {
        float: none;
        margin: 10px auto;
        max-width: inherit;
        padding: 0px;
        width: 70%;
    }
    .about_box {
        background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png) center top repeat;
        padding: 0px;
        position: relative;
        margin: 0px auto;
        max-width: inherit;
        width: 80%;
    }
    .footer {
        background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png) center bottom repeat;
        bottom: inherit;
        position: initial;
        width: 100%
    }
    .desktop, #gde_footerContainer, 
    #goc-menu, #goc-bar {
        display: none;
    }   
}


.watch_trailer {
        margin-top: 15px;
    }
    .t-container{
        max-width:508px; width:59.7%; 
        margin-left:9px; overflow:hidden;
    }
    .tickets {
        float:left; width:145px; height:95px;
        background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/tickets_bg.png') no-repeat;
        margin-top:8px;
    }
    .tickets_links .tickets_movie img{
        margin-left:-4px; margin-top:13px;
        width:auto;
    }
    .tickets_links{
        width:292px;
        margin:0 auto;
        overflow:hidden;
        display:block;
    }
    .tickets_links .tickets_fandango {margin-left:2px;}
    .tickets_links .tickets_fandango img{
        margin-top:18px;
    }
    .tickets_links .tickets img{
        width:auto;
    }
    .tickets_links-hover{
        width:292px;
        margin:0 auto;
    }
    .tickets_links-hover .tickets_fandango img{
        margin-top:18px; margin-left:10px;
    }
    .tickets_links-hover .tickets_movie img{
        margin-top:13px; margin-left:13px;
    }
    .logo .watch_trailer img {
        max-width: 291px;
    }
    
@media only screen and (min-width:1025px) {
    .tickets_links{
        display:none;
    }
    #gameContainter{
        margin-top:1.5%;
    }
    .mobile {
        display: none;
    }
    .cast-backgrounds{
        display:block;
    }
    .desktop, #goc-menu, #goc-bar {
        display: block;
    }
    
    #pageContent{
	    margin-top: 0px;
    }
    
    .snap-content{
	    padding-top:45px;
    }

    #header {
        position: relative;
        text-align: center;
        width: 100%;
        z-index:2;
    }

    .logo {
    	margin: 0;
        max-width: 400px;
        padding: 10px;
        width: 30%;
    }

    .logo.left {
        float: left;
    }
    
    a.fb	{background-position: 0px -90px;}
	a.tw	{background-position: -37px -90px;}
	a.tumblr	{background-position: -72px -90px;}
	a.ins	{background-position: -110px -90px;}

    #bg_wrap.home {
        background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_home.jpg);
        background-position: center center;
    }
    
    #bg_wrap.video,#bg_wrap.about, #bg_wrap.cast-crew,
    #bg_wrap.downloads {
     	background-position: center center;
     	background-size: cover;
	    height: 100%;
	    top:0;
     }
     
     #bg_wrap.game{
	     background-position: center top;
     }


    .nav ul li {
    	height: 23px;
        width: 8%; 
        padding-left:0.1%; padding-right:0.1%;
    }
    .nav ul li.promotions{
        width:11.3%;
    }
    .nav ul li.p-home{
        /*width:4.2%;*/
    }
    .nav ul li a {
        font-size: 10px;
    }
    
    .nav ul li.downloads{
	    width: 10.6%;
    }
	.nav ul li.game{
	    /*width: 4%;*/
    }
    
    .nav ul li.begame{
	    width: 13%;
    }
    .nav ul li.p-about{
        /*width:5%;*/
    }
    .nav ul li.cast{
	    width: 10.5%;
    }
    .nav ul li.special-event{
	    width: 14.4%;
    }

    .home_promo {
        height: 430px;
        max-width: 240px;
        padding: 15px 0px;
        position: absolute;
        right: 0;
        top: 25%;
        width: 80%;
    }

    

    .promoRow {
        /* 		border-right: 1px solid #999999; */
        border-bottom: none;
        display: inline-block;
        height: 175px;
        margin-top: 0px;
        width: 50%;
    }

    .promo {

        margin: 15px auto;
        width: 75%;
    }

    .promoImg {
        width: 99%;
    }

    .caption {
        font-size: 8px;
        max-width: 252px;
    }

    .caption {
        font-size: 11px;
        max-width: 178px;
    }

    ul.about_nav li.nav_synopsis:hover > span,
    ul.about_nav li.nav_filmmaker:hover > span,
    ul.about_nav li span.active {
        background-image: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/icon_nav.png);
        background-position: center -247px;
        display: block;
        height: 10px;
        margin: 0px auto;
        width: 10px;
    }
    
    .about_box {
		max-width: 365px;
		padding: 35px;
		position: absolute;
		right: 5%;
		top: 17%;
		width: 50%;
	}
	
	#videoContent{
		background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png);
		padding: 10px;
		position: absolute;
		right: 5%;
		width: 768px;
	}
	
	.SEcontent{
		background-color: transparent;
	}
	
	.swiper-content .inner {
		background-repeat: no-repeat;
		background-size: cover;
		height: 100%;
		
	}
		.swiper-content .inner.p_top{background-position: center top;}
		.swiper-content .inner.p_cnt{background-position: center center;}
		.swiper-content .inner.p_bot{background-position: center bottom;}
		
   #page-gallery .footer{
		bottom: -110px;
	}
	
	#gallery_nav {
		bottom: 90px !important;
	}
	
	.specialContent{
		margin: 0px auto;
	}
	
	.scrollContent{
		margin: 0px;
	}

    #legal {
        margin: 15px 0px;
        font-size: 11px;
    }

    .rating_img {
        max-width: 100px;
    }

    
    .footer, #page-gallery .footer, .ie #page-about .footer {
        background: url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_clearbk.png) center bottom repeat;
        bottom: -95px;
        padding: 0;
        position: absolute;
        width: 100%
    }
    
    .ie #page-about .footer {
	    top:  auto;
    }
    
    .ie #page-special-event .footer{
			position: absolute;
		}
    
   
}
.WM-slider .slider li img{
    width:100%; margin-top:-5%;
}
#page-cast-crew #banner{
    display:none;
}
.cast_logo{
    display:none;
    position:relative;
    z-index:11;
}
#white-l{
    display:block;
}
.cast-body{
    position:absolute; height:100%; width:100%;
    top:0; left:0; z-index:1;
}
.cast-content{
    position:relative; height:100%; overflow:hidden;
}
.cast_box .WM-control-nav{
   text-indent:-9999px;
   display:block;
   overflow:hidden;
   background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast-layer.png');
   width:995px;
   height:125px;
   position:absolute; bottom:0; margin-bottom:60px;
   left:50%; margin-left:-493px;
   padding-left:3%;
}
.cast-content .slide-background{
    min-width:100%; margin-top:-40px;
    min-height:106%;
    
}
    .cast_box .WM-control-nav li{
        display:block; float:left;
        margin-left:23px; max-width:97px;
        margin-top:10px;
        position:relative;
    }   
    .cast_box .WM-control-nav li img{
        display:block;
        border:1px solid transparent;
    }
    .cast_box .WM-control-nav li.active img{
        border:1px solid #357953;
    }
    .cast_box .WM-control-nav li a{
        color:#2a734a;
        font: normal normal 14px/17px 'Source Sans Pro', sans-serif;
        text-transform: uppercase;  text-indent:0px;
        text-decoration:none;
    }
.cast-info{
    display:block;
    position:absolute; top:16.5%; right:0; margin-right:4%;
    max-width:650px; width:49%; max-height:500px; height:55%;
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast-bg.png');
    overflow:hidden;
}
    .cast-info h1, .download_box h1{
        color:#103f35;
        font: normal normal 30px/36px 'Montserrat', sans-serif;
        text-transform: uppercase;
    }
    .cast-info h2{
        color:#2a734a;
        font: normal normal 20px/30px 'Montserrat', sans-serif;
        text-transform: uppercase;
    }
    .cast-info label{
        display:block;
        color:#103f35;
        font: normal bold 14px/20px 'Montserrat', sans-serif;
        text-transform:uppercase;
    }
    .cast-info p{
        font:normal 400 14px/16px 'Source Sans Pro', sans-serif;
        color:#666666;
    }
    .cast-info p, .cast-info h1, .cast-info h2, .cast-info label{
        margin:1.7% 4.2%;
    }
    .cast-info h2{
        margin-bottom:0px; line-height:26px;
    }
    .cast-info h1{
        margin-top:0px; line-height:30px;
        margin-bottom:20px;
    }
    .strtolower{
        text-transform: lowercase;
    }
.slide-cast h2.mobile-heading{
    display:none;
}

#page-cast-crew .scrollbar{
    background:none; background-color:#e1e1e1;
    width:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#page-cast-crew .scrollbar .thumb{
    width:10px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; left:0;
    background:none; background-color:#2a734a;
}
#page-cast-crew .scrollContent{
        display:block; width:98%; height:96%; margin-top:2%;
}
#page-cast-crew .viewport{
    height:100%;
}

.cast_box.c_mobile .viewport{
    height:400px !important;
}
.cast_box.c_mobile h2.mobile-heading{
    display:block; 
    color:#103f35;
    font: normal normal 30px/36px 'Montserrat', sans-serif;
    text-transform:uppercase; 
    margin-left:4%; margin-top:40px;
}
.cast_box.c_mobile .cast-body{
    position:relative !important;
}
.cast_box.c_mobile .cast-info{
    position:relative; top:0; margin-top:35px;
    max-width:100%; width:100%; max-height:100%; height:auto;
}
.cast_box.c_mobile .slide-cast{
    display:block; width:100%;
    position:relative;
    height:250px;
    margin:0 auto;
}
    .cast_box.c_mobile .slide-characters{
        width:95%; margin:0 auto; overflow:hidden;
    }
    .cast_box.c_mobile #slide-right-arrow{
        display:block; cursor:pointer; z-index:22;
        position:absolute; right:0; top:50%; margin-top:-13px; margin-right:3%;
        width:16px; height:26px;
        background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/right-arrow.png') no-repeat;
    }
    .cast_box.c_mobile #slide-left-arrow{
        display:block; cursor:pointer; z-index:22; display:none;
        position:absolute; left:0; top:50%; margin-top:-10px; margin-left:3%;
        width:16px; height:26px;
        background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/left-arrow.png') no-repeat;
    }
.cast_box.c_mobile .WM-control-nav{
    position:relative;
    width:1620px; max-width:1620px; left:0; margin:0px;
    height:200px;
    background:none;
}
.cast_box.c_mobile .WM-control-nav li{
    width:176px; height:195px; display:block;
    max-width:176px; max-height:195px;
    background-size:100% auto; margin-left:20px;
}
.cast_box.c_mobile .WM-control-nav li:first-child{
    margin-left:0px;
}
.cast_box.c_mobile .WM-control-nav li a{
    display:block;
    font-size:18px; line-height:18px;
    font-weight:600; height:175px;
}
.cast_box.c_mobile .WM-control-nav li#hamm_c{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/hamm_mobile.jpg') no-repeat;
    background-position:top;
}
.cast_box.c_mobile .WM-control-nav li#ash_c{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/ash_mobile.jpg') no-repeat;
    background-position:top;
}
.cast_box.c_mobile .WM-control-nav li#coach_c{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/coach_mobile.jpg') no-repeat;
    background-position:top;
}
.cast_box.c_mobile .WM-control-nav li#rinku_c{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/rinku_mobile.jpg') no-repeat;
    background-position:top;
}
.cast_box.c_mobile .WM-control-nav li#brenda_c{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/brenda_mobile.jpg') no-repeat;
    background-position:top;
}
.cast_box.c_mobile .WM-control-nav li#ray_c{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/ray_mobile.jpg') no-repeat;
    background-position:top;
}
.cast_box.c_mobile .WM-control-nav li#dinesh_c{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/dinesh_mobile.jpg') no-repeat;
    background-position:top;
}
.cast_box.c_mobile .WM-control-nav li#amit_c{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/amit_mobile.jpg') no-repeat;
    background-position:top;
}
.cast_box.c_mobile .WM-control-nav li img{
    display:none;
}


.download_box{
    position:absolute;
    max-width:700px; max-height:500px;
    width:54%; height:75%;
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast-bg.png');
    right:0; top:16.5%; margin-right:7%;
    overflow:hidden;
}    
    .download_box h1{
        margin-top:20px; margin-left:20px; letter-spacing:1px;
    }
    #downloads-nav{
        margin-top:9px; margin-left:32px;
        position:relative; z-index:99;
    }
    #downloads-nav li{
        color:#2a734a; font:normal normal 14px/16px 'Montserrat', sans-serif;
        display:inline; text-transform:uppercase; letter-spacing: 1px;
        padding-bottom:8px; cursor:pointer;
    }
    #downloads-nav li.active{
        color:#103f35;
        background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bottom-arrow.png') no-repeat;
        background-position:bottom center;
        cursor:indicator;
    }
.download_box.c_mobile{
    position:relative; max-width:100%; width:100%; height:auto; top:0; margin-right:0px;
}
.download_box.c_mobile .WM-slider{
    width:100%; height:auto;
}
.download_box.c_mobile .WM-slider .slider li ul{
    display:block; overflow:hidden; margin-left:12px;
}
.download_box.c_mobile .WM-control-nav{
    display:none!important;
}
.c_mobile .cast-content .slide-background{
    width:100%; min-height:50%;
}
.cast-backgrounds{
    width:100%; height:100%;
}
#bg_wrap.promotions{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_promotion.jpg') no-repeat;
    background-size:cover;
    background-position:left top;
}
.m-promotions{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/bg_promotion.jpg') 0px 33% no-repeat;
    background-size:100% auto;
    height:300px;
}
.cast-backgrounds.hamm{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/hamm.jpg') no-repeat;
    background-size:100% auto;
    background-position:0px -20px;
}
.cast-backgrounds.ash{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/ash.jpg') no-repeat;
    background-size:100% auto;
}
.cast-backgrounds.coach{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/coach.jpg') no-repeat;
    background-size:107% auto;
    background-position:-42px -10px;
}
.cast-backgrounds.rinku{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/rinku.jpg') no-repeat;
    background-size:103% auto;
}
.cast-backgrounds.brenda{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/brenda.jpeg') no-repeat;
    background-size:100% auto;
    background-position:0px -100px;
}
.cast-backgrounds.ray{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/ray.jpg') no-repeat;
    background-size:100% auto;
    background-position:0px -50px;
}
.cast-backgrounds.dinesh{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/dinesh.jpg') no-repeat;
    background-size:100% auto;
}
.cast-backgrounds.amit{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/cast/amit.jpg') no-repeat;
    background-size:100% auto;
    background-position:0px -20px;
}
.promotions-content{
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/transparent.png')  repeat;
    width:44%; max-width:520px; max-height:450px; height:68%;
    position:absolute; right:0; top:0; margin-right:2%; margin-top:11%;
    overflow:hidden;
}
.promotions-content .partners-list{
    overflow:hidden; margin-left:13%; margin-top:2%;
}    
    .promotions-content .partners-list li{
        display:inline-block; margin-right:8px; margin-top:8px; overflow:hidden;
        max-width:180px; vertical-align:middle;
    }
        .promotions-content .partners-list li img{
            width:100%; display:inline-block; vertical-align:middle;
            line-height:160px;
        }
.sound-player{
    position:relative; width:200px; 
    height:9px;
    width:328px;
}
@media only screen and (max-width:1090px){
    .nav ul li{
        width:8%;
    }
}
@media only screen and (min-width:1090px) {
    .nav ul li:last-child {
        width: 16.75%;
    }
    
     .nav ul li a {
        font-size: 14px;
    }
}
@media only screen and (max-width:1246px){
      .nav ul li a {
        font-size: 12px;
      }
}
@media only screen and (max-width:1070px){
      .nav ul li a {
        font-size: 11px;
      }
}
@media only screen and (min-width:1140px) {

    .logo {
        max-width: 508px;
/*        width:24%;*/
    }
}

@media only screen and (max-width:1440px) {
    .cast-backgrounds.brenda{
        background-position:0px -90px;
    }
    .cast-backgrounds.coach{
        background-position:-25px -39px;
    }
    .cast-backgrounds.rinku{
        background-position:0px -20px;
    }
    /*
#page-cast-crew .logo {
        width:27%;
    }
*/
}
@media only screen and (min-width:1400px) {
    .promotions-content{
        margin-top:15%;   
    }
}
@media only screen and (max-width:1280px){
     .cast-backgrounds.coach{
        background-size:100% auto;
        background-position:0px -30px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {
		
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media only screen and (max-width:1024px){
    .soundtrack-desktop{display:none;}
    .soundtrack-mobile{
        display:block; margin-top:86px;
        position:relative;
        background:url(http://a.dilcdn.com/sa/movies/million-dollar-arm/images/transparent.png);
        width:98.6%; max-width:285px;
        overflow:hidden;
    }
    .soundtrack-mobile .soundtrack-body{
        background-size:100% auto; width:90%; max-width:183px;
        margin-top:5%; height:auto; padding-bottom:8%;
    }
    .soundtrack-mobile .soundtrack-body a img{
        width:97% !important;
    }
    .soundtrack-mobile .soundtrack-body .buy-soundtrack{
        font-size:12px;
    }
    .p-tickets a{overflow:hidden;}
    #bg_wrap.promotions{display:none;}
    .promotions-content{
        position:relative; background:none; top:0; right:0; max-width:90%; width:90%;
        margin:0 auto; height:auto; max-height:none;
    }
    .p-tickets a img{
        width:30%; float:left; margin-left:10px; margin-top:10px;
        cursor:pointer;
    }
    .tickets {
        width:49.6%; height:95px;
    }
    .tickets_movie img{
        margin-left:-4px; margin-top:13px;
        width:70%;
        cursor:pointer;
    }
    .tickets_fandango img{
        width:70%;
    }
    #white-l{
        display:none;
    }
    #green-l{
        display:block;
    }
    .c_mobile .cast-content .slide-background{
        min-height:0%; margin-top:0px;                        
    }
    .tickets {
        width:49%; height:80px; margin-top:3px;
    }
    .tickets img{
        margin-top:10px; width:76% !important;
    }
    .tickets_movie img{
        margin-top:8px !important;
    }
    .tickets_fandango img{
        margin-top:8px !important; 
    }
    .watch_trailer{
        margin-top:94%;
    }
    .watch_trailer img{
        width:60%;
    }
    .tickets_links{
        width:60%; max-width:288px;
    }
    
}
@media only screen and (max-height:700px) and (max-width:1280px){
      .cast-content .slide-background{
          min-height:97%; width:100%;
      }
      
      .specialContent{
          margin-top:-7px;
      }
      
}
@media only screen and (max-width:470px){
    .soundtrack-mobile .soundtrack-body .buy-soundtrack{
        font-size:10px;
    }
    .soundtrack-mobile{
        margin-top:65px;
    }
    .tickets{
        height:58px !important;
    }
    .watch_trailer{
        margin-top:90%;
    }
}
@media only screen and (max-width:430px){
     .tickets {
        width:49%; height:55px; margin-top:3px;
    }
    .m-partners{
        height:250px;
    }
    .tickets img{
        margin-top:10px; width:76% !important;
    }
    .tickets_movie img{
        margin-top:8px !important;
    }
    .tickets_fandango img{
        margin-top:8px !important; 
    }
    .watch_trailer{
        margin-top:94%;
    }
    .watch_trailer img{
        width:60%;
    }
    .tickets_links{
        width:60%;
    }
}                                       
@media only screen and (max-width:400px){
    .soundtrack-mobile .soundtrack-body .buy-soundtrack{
        font-size:8px; margin-top:0px;
    }
    .cast_box.c_mobile #slide-right-arrow,  .cast_box.c_mobile #slide-left-arrow{
        width:40px; height:40px; background-position:center;
        z-index:99;
    }
    .cast_box.c_mobile #slide-right-arrow{
        margin-right:25px;
    }    
    .cast_box.c_mobile #slide-left-arrow{
        margin-left:20px;
    }
    .tickets_links{
        overflow:hidden; width:auto;
    }
    .tickets {
        width:49%; height:50px; margin-top:3px;
    }
    .tickets img{
        margin-top:10px; width:76% !important;
    }
    .tickets_movie img{
        margin-top:8px !important;
    }
    .tickets_fandango img{
        margin-top:8px !important; 
    }
    .watch_trailer{
        margin-top:106%;
    }
    .watch_trailer img{
        width:60%;
    }
    .tickets_links{
        width:60%;
    }
}
@media only screen and (max-width:360px){
    .m-partners{
        height:190px;
    }
    .tickets {
        height:45px;
    }
    .watch_trailer{
        margin-top:96%;
    }        
}
@media only screen and (max-width:1025px){
    .tickets_links{
        display:block;
    }
    .cast-backgrounds{
        display:none;
    }
    .slide-background{
        display:block!important;
    } 
    .jp-audio{
        display:none;
    }
}
.tickets_mouseover {      
    position:absolute; bottom:0; margin-bottom:50px;
    z-index:999; 
    height:80px; width:300px;  margin-left:5.5%;
    display:none;
}

.tickets_mouseover .small-t{
    width:100px; margin-left:5px; height:60px;
    position:absolute; /*left:12%;*/ bottom:0; margin-bottom:30px;
    background:url('http://a.dilcdn.com/sa/movies/million-dollar-arm/images/tickets_bg.png') no-repeat;
}
.tickets_mouseover .small-t img{
    width:80px; margin-top:10px; margin-left:10px;
}
.second-t.small-t{
    margin-left:110px !important;
}
.second-t.small-t img{
    margin-top:6px;
}
.c_mobile .slide-background{
    margin-top:-10px !important;
}
.c_mobile .cast-info h2{
    font-size:19px; line-height:26px;
    text-align:center;
}
.c_mobile .cast-info h1{
    font-size:24px; line-height:26px;
    text-align:center;
}
@media only screen and (min-width:900px){
    .cast-info{
        width:47%;
    }
}
#gde_footerContents{
    width:990px !important;
}