/* Gallery - Fallback
---------------------------*/
/* hero */
body .gallery-hero .image { background-image:url(../images/product/bkw/tu.jpg); }
body .gallery-hero .title { width:288px; height:240px; top:163px; right:420px; background:url(../images/product/bkw/title_large.png) no-repeat 0 0; behavior:url(ie7pngfix.htc); }

/* design */
body .gallery-design .image { background-image:url(../images/product/bky/tu1.jpg); }
body .gallery-design .title { width:504px; height:158px; top:88px; left:50%; margin-left:-372px; background:url(../images/product/bky
/gallery_design_title_large.png) no-repeat 0 0; behavior:url(ie7pngfix.htc); }

/* display */
body .gallery-display .image { background-image:url(../images/product/bkw/tu2.jpg); }
body .gallery-display .title { width:331px; height:211px; top:49%; right:400px; margin-top:-105px; background:url(../images/product/bkw/gallery_display_title_large.png) no-repeat 0 0; behavior:url(ie7pngfix.htc); }

/* wireless */
body .gallery-wireless .image { background-image:url(../images/product/bkw/tu3.jpg); }
body .gallery-wireless .title { width:400px; height:210px; top:153px; left:110px; background:url(../images/product/bkw/gallery_wireless_title_larg.png) no-repeat 0 0; behavior:url(ie7pngfix.htc); }

/* a6 */
body .gallery-a6 .image { background-image:url(../images/product/bmj/tu4.jpg); }
body .gallery-a6 .title { width:298px; height:211px; top:163px; left:80px; margin-left:0; background:url(../images/product/bmj/gallery_a6_title_medium.png) no-repeat 0 0; behavior:url(ie7pngfix.htc); }

/* camera */
body .gallery-camera .image { background-image:url(../images/product/qdb/tu5.jpg); }
body .gallery-camera .title { width:304px; height:211px; top:168px; left:90px; background:url(../images/product/qdb/gallery_camera_title_large.png) no-repeat 0 0; behavior:url(ie7pngfix.htc); }

/* ios */
body .gallery-ios .image { background-image:url(../images/product/qdb/tu6.jpg); }
body .gallery-ios .title { width:329px; height:210px; top:126px; left:80px; background:url(../images/product/qdb/gallery_ios6_title_large.png) no-repeat 0 0; behavior:url(ie7pngfix.htc); }



/* Gallery Animations
---------------------------*/
body.responsive .gallery-content.animate .title { -webkit-transition-property:opacity, -webkit-transform; -webkit-transition-timing-function:ease; }

/* design */
body.responsive .gallery-design .title { opacity:0; -webkit-transform:translate3d(0, 40px, 0); }
body.responsive .gallery-design.animate .title { -webkit-transition-duration:.3s; -webkit-transition-delay:.3s; }
body.responsive .gallery-design.animate .title { opacity:1; -webkit-transform:translate3d(0, 0, 0); }

/* display */
body.responsive .gallery-display .title { opacity:0; -webkit-transform:translate3d(120px, 0, 0); }
body.responsive .gallery-display.animate .title { -webkit-transition-duration:.6s, .4s; -webkit-transition-delay:.1s; }
body.responsive .backwards .gallery-display .title { -webkit-transform:translate3d(-100px, 0, 0); }
body.responsive .gallery-display.animate .title { opacity:1; -webkit-transform:translate3d(0, 0, 0); }

/* wireless */
body.responsive .gallery-wireless .title { opacity:0; -webkit-transform:translate3d(120px, 0, 0); }
body.responsive .gallery-wireless.animate .title { -webkit-transition-duration:.6s, .4s; -webkit-transition-delay:.1s; }
body.responsive .backwards .gallery-wireless .title { -webkit-transform:translate3d(-120px, 0, 0); }
body.responsive .gallery-wireless.animate .title { opacity:1; -webkit-transform:translate3d(0, 0, 0); }

/* a6 */
body.responsive .gallery-a6 .title { opacity:0; -webkit-transform:translate3d(0, 40px, 0); }
body.responsive .gallery-a6.animate .title { -webkit-transition-duration:.3s; -webkit-transition-delay:.3s; }
body.responsive .gallery-a6.animate .title { opacity:1; -webkit-transform:translate3d(0, 0, 0); }

/* camera */
body.responsive .gallery-camera .title { opacity:0; -webkit-transform:translate3d(120px, 0, 0); }
body.responsive .gallery-camera.animate .title { -webkit-transition-duration:.6s, .4s; -webkit-transition-delay:.1s; }
body.responsive .backwards .gallery-camera .title { -webkit-transform:translate3d(-200px, 0, 0); }
body.responsive .gallery-camera.animate .title { opacity:1; -webkit-transform:translate3d(0, 0, 0); }

/* ios */
body.responsive .gallery-ios .title { opacity:0; -webkit-transform:translate3d(60px, 0, 0); }
body.responsive .gallery-ios.animate .title { -webkit-transition-duration:.6s, .4s; -webkit-transition-delay:.1s; }
body.responsive .gallery-ios.animate .title { opacity:1; -webkit-transform:translate3d(0, 0, 0); }

/* adjust animations for layout changes */
@media screen and (max-height: 1000px) {
	/* a6 */
	body.responsive .gallery-a6 .title { opacity:0; -webkit-transform:translate3d(100px, 0, 0); }
	body.responsive .gallery-a6.animate .title { -webkit-transition-duration:.6s, .4s; -webkit-transition-delay:.1s; }
	body.responsive .backwards .gallery-a6 .title { -webkit-transform:translate3d(-120px, 0, 0); }
	body.responsive .gallery-a6.animate .title { opacity:1; -webkit-transform:translate3d(0, 0, 0); }
}

/* remove animation delay for instant animation on iOS devices */
@media only screen and (max-device-width:768px) {
	body.responsive .gallery-design.animate .title,
	body.responsive .gallery-display.animate .title,
	body.responsive .gallery-wireless.animate .title,
	body.responsive .gallery-a6.animate .title,
	body.responsive .gallery-camera.animate .title,
	body.responsive .gallery-ios.animate .title { -webkit-transition-delay:0s; }
}



/* Adaptive - Middle
---------------------------*/
@media screen and (max-height: 1000px) {
	/* hero */
	body.responsive .gallery-hero .image { background-image:url(../images/product/qdb/tu.jpg); }
	body.responsive .gallery-hero .title { width:469px; height:190px; top:43%; right:415px; margin-top:-89px; background:url(../images/gallery_hero_title_large.png) no-repeat 0 0; }

	/* design */
	body.responsive .gallery-design .image { background-image:url(../images/product/qdb/tu1.jpg); }
	body.responsive .gallery-design .title { width:504px; height:158px; top:88px; left:50%; margin-left:-372px; background:url(../images/gallery_design_title_large.png) no-repeat 0 0; }

	/* display */
	body.responsive .gallery-display .image { background-image:url(../images/product/qdb/tu2.jpg); }
	body.responsive .gallery-display .title { width:331px; height:211px; top:49%; right:400px; margin-top:-105px; background:url(../images/gallery_display_title_large.png) no-repeat 0 0; }

	/* wireless */
	body.responsive .gallery-wireless .image { background-image:url(../images/product/qdb/tu3.jpg); }
	body.responsive .gallery-wireless .title { width:400px; height:210px; top:45%; left:80px; margin-top:-105px; background:url(../images/gallery_wireless_title_large.png) no-repeat 0 0; }

	/* a6 */
	body.responsive .gallery-a6 .image { background-image:url(../images/product/qdb/tu4.jpg); }
	body.responsive .gallery-a6 .title { width:298px; height:211px; top:163px; left:80px; margin-left:0; background:url(../images/gallery_a6_title_medium.png) no-repeat 0 0; }

	/* camera */
	body.responsive .gallery-camera .image { background-image:url(../images/product/qdb/tu5.jpg); }
	body.responsive .gallery-camera .title { width:304px; height:211px; top:50%; left:80px; margin-top:-106px; background:url(../images/gallery_camera_title_large.png) no-repeat 0 0; }

	/* ios */
	body.responsive .gallery-ios .image { background-image:url(../images/product/qdb/tu6.jpg); }
	body.responsive .gallery-ios .title { width:329px; height:210px; top:39%; left:80px; margin-top:-96px; background:url(../images/gallery_ios6_title_large.png) no-repeat 0 0; }
}

/* retina for middle gallery */
@media screen and (max-height: 1000px) and (min-device-width:321px) and (-webkit-min-device-pixel-ratio:1.5) {
	body.responsive .gallery-hero .image { background-image:url(../images/gallery_hero_2x.jpg); }
	body.responsive .gallery-hero .title { background-image:url(../images/gallery_hero_title_large_2x.png); background-size:469px 190px; }

	body.responsive .gallery-design .image { background-image:url(../images/gallery_design_2x.jpg); }
	body.responsive .gallery-design .title { background-image:url(../images/gallery_design_title_large_2x.png); background-size:504px 158px; }

	body.responsive .gallery-display .image { background-image:url(../images/gallery_display_2x.jpg); }
	body.responsive .gallery-display .title { background-image:url(../images/gallery_display_title_large_2x.png); background-size:331px 211px; }

	body.responsive .gallery-wireless .image { background-image:url(../images/gallery_wireless_2x.jpg); }
	body.responsive .gallery-wireless .title { background-image:url(../images/gallery_wireless_title_large_2x.png); background-size:400px 210px; }

	body.responsive .gallery-a6 .image { background-image:url(../images/gallery_a6_2x.jpg); }
	body.responsive .gallery-a6 .title { background-image:url(../images/gallery_a6_title_medium_2x.png); background-size:298px 211px; }

	body.responsive .gallery-camera .image { background-image:url(../images/gallery_camera_2x.jpg); }
	body.responsive .gallery-camera .title { background-image:url(../images/gallery_camera_title_large_2x.png); background-size:304px 211px; }

	body.responsive .gallery-ios .image { background-image:url(../images/gallery_ios6_large_2x.jpg); }
	body.responsive .gallery-ios .title { background-image:url(../images/gallery_ios6_title_large_2x.png); background-size:329px 210px; }
}



/* Adaptive - Small
---------------------------*/
@media screen and (max-height: 720px) {
	/* hero */
	body.responsive .gallery-hero .image { background-image:url(../images/gallery_hero.jpg); }
	body.responsive .gallery-hero .title { width:381px; height:163px; top:43%; right:446px; margin-top:-87px; background:url(../images/gallery_hero_title_small.png) no-repeat 0 0; }

	/* design */
	body.responsive .gallery-design .image { background-image:url(../images/gallery_design.jpg); }
	body.responsive .gallery-design .title { width:433px; height:132px; top:68px; left:50%; margin-left:-336px; background:url(../images/gallery_design_title_small.png) no-repeat 0 0; }

	/* display */
	body.responsive .gallery-display .image { background-image:url(../images/gallery_display.jpg); }
	body.responsive .gallery-display .title { width:331px; height:132px; top:50%; right:470px; margin-top:-67px; background:url(../images/gallery_display_title_small.png) no-repeat 0 0; }

	/* wireless */
	body.responsive .gallery-wireless .image { background-image:url(../images/gallery_wireless.jpg); }
	body.responsive .gallery-wireless .title { width:345px; height:178px; top:50%; left:90px; margin-top:-100px; background:url(../images/gallery_wireless_title_small.png) no-repeat 0 0; }

	/* a6 */
	body.responsive .gallery-a6 .image { background-image:url(../images/gallery_a6.jpg); }
	body.responsive .gallery-a6 .title { width:272px; height:178px; top:135px; left:90px; margin-left:0; background:url(../images/gallery_a6_title_small.png) no-repeat 0 0; }

	/* camera */
	body.responsive .gallery-camera .image { background-image:url(../images/gallery_camera.jpg); }
	body.responsive .gallery-camera .title { width:261px; height:177px; top:50%; left:90px; margin-top:-89px; background:url(../images/gallery_camera_title_small.png) no-repeat 0 0; }

	/* ios */
	body.responsive .gallery-ios .image { background-image:url(../images/gallery_ios6_small.jpg); }
	body.responsive .gallery-ios .title { width:283px; height:177px; top:50%; left:90px; margin-top:-88px; background:url(../images/gallery_ios6_title_small.png) no-repeat 0 0; }
}

/* retina for small gallery */
@media screen and (max-height: 1000px) and (min-device-width:321px) and (-webkit-min-device-pixel-ratio:1.5) {
	body.responsive .gallery-hero .image { background-image:url(../images/gallery_hero_2x.jpg); }
	body.responsive .gallery-hero .title { background-image:url(../images/gallery_hero_title_small_2x.png); background-size:381px 163px; }

	body.responsive .gallery-design .image { background-image:url(../images/gallery_design_2x.jpg); }
	body.responsive .gallery-design .title { background-image:url(../images/gallery_design_title_small_2x.png); background-size:433px 132px; }

	body.responsive .gallery-display .image { background-image:url(../images/gallery_display_2x.jpg); }
	body.responsive .gallery-display .title { background-image:url(../images/gallery_display_title_small_2x.png); background-size:331px 123px; }

	body.responsive .gallery-wireless .image { background-image:url(../images/gallery_wireless_2x.jpg); }
	body.responsive .gallery-wireless .title { background-image:url(../images/gallery_wireless_title_small_2x.png); background-size:345px 178px; }

	body.responsive .gallery-a6 .image { background-image:url(../images/gallery_a6_2x.jpg); }
	body.responsive .gallery-a6 .title { background-image:url(../images/gallery_a6_title_small_2x.png); background-size:272px 178px; }

	body.responsive .gallery-camera .image { background-image:url(../images/gallery_camera_2x.jpg); }
	body.responsive .gallery-camera .title { background-image:url(../images/gallery_camera_title_small_2x.png); background-size:261px 177px; }

	body.responsive .gallery-ios .image { background-image:url(../images/gallery_ios6_small_2x.jpg); }
	body.responsive .gallery-ios .title { background-image:url(../images/gallery_ios6_title_large_2x.png); background-size:283px 177px; }
}



/* Adaptive - Tall
---------------------------*/
@media screen and (min-height: 1001px) {
	/* hero */
	body.responsive .gallery-hero .image { background-image:url(../images/gallery_hero.jpg); }
	body.responsive .gallery-hero .title { width:469px; height:190px; top:44%; right:375px; margin-top:-89px; background:url(../images/gallery_hero_title_large.png) no-repeat 0 0; }

	/* design */
	body.responsive .gallery-design .image { background-image:url(../images/gallery_design.jpg); }
	body.responsive .gallery-design .title { width:504px; height:158px; top:173px; left:50%; margin-left:-372px; background:url(../images/gallery_design_title_large.png) no-repeat 0 0; }

	/* display */
	body.responsive .gallery-display .image { background-image:url(../images/gallery_display.jpg); }
	body.responsive .gallery-display .title { width:331px; height:211px; top:50%; right:400px; margin-top:-105px; background:url(../images/gallery_display_title_large.png) no-repeat 0 0; }

	/* wireless */
	body.responsive .gallery-wireless .image { background-image:url(../images/gallery_wireless.jpg); }
	body.responsive .gallery-wireless .title { width:400px; height:210px; top:49%; left:70px; margin-top:-105px; background:url(../images/gallery_wireless_title_large.png) no-repeat 0 0; }

	/* a6 */
	body.responsive .gallery-a6 .image { background-image:url(../images/gallery_a6.jpg); }
	body.responsive .gallery-a6 .title { width:481px; height:158px; top:66px; left:50%; margin-left:-360px; background:url(../images/gallery_a6_title_large.png) no-repeat 0 0; }

	/* camera */
	body.responsive .gallery-camera .image { background-image:url(../images/gallery_camera.jpg); }
	body.responsive .gallery-camera .title { width:304px; height:211px; top:50%; left:70px; margin-top:-106px; background:url(../images/gallery_camera_title_large.png) no-repeat 0 0; }

	/* ios */
	body.responsive .gallery-ios .image { background-image:url(../images/gallery_ios6_large.jpg); }
	body.responsive .gallery-ios .title { width:329px; height:210px; top:50%; left:70px; margin-top:-96px; background:url(../images/gallery_ios6_title_large.png) no-repeat 0 0; }
}

/* retina for tall gallery */
@media screen and (min-height: 1001px) and (min-device-width:321px) and (-webkit-min-device-pixel-ratio:1.5) {
	body.responsive .gallery-hero .image { background-image:url(../images/gallery_hero_2x.jpg); }
	body.responsive .gallery-hero .title { background-image:url(../images/gallery_hero_title_large_2x.png); background-size:469px 190px; }

	body.responsive .gallery-design .image { background-image:url(../images/gallery_design_2x.jpg); }
	body.responsive .gallery-design .title { background-image:url(../images/gallery_design_title_large_2x.png); background-size:504px 158px; }

	body.responsive .gallery-display .image { background-image:url(../images/gallery_display_2x.jpg); }
	body.responsive .gallery-display .title { background-image:url(../images/gallery_display_title_large_2x.png); background-size:331px 211px; }

	body.responsive .gallery-wireless .image { background-image:url(../images/gallery_wireless_2x.jpg); }
	body.responsive .gallery-wireless .title { background-image:url(../images/gallery_wireless_title_large_2x.png); background-size:400px 210px; }

	body.responsive .gallery-a6 .image { background-image:url(../images/gallery_a6_2x.jpg); }
	body.responsive .gallery-a6 .title { background-image:url(../images/gallery_a6_title_large_2x.png); background-size:481px 158px; }

	body.responsive .gallery-camera .image { background-image:url(../images/gallery_camera_2x.jpg); }
	body.responsive .gallery-camera .title { background-image:url(../images/gallery_camera_title_large_2x.png); background-size:304px 211px; }

	body.responsive .gallery-ios .image { background-image:url(../images/gallery_ios6_large_2x.jpg); }
	body.responsive .gallery-ios .title { background-image:url(../images/gallery_ios6_title_large_2x.png); background-size:329px 210px; }
}