/* iPhone 4 styles */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    body { width: auto; min-width: inherit; margin: 0; }
    #top { display: none; }
    #main { display: none; }
    .bottom { display: none; }
    #iphone { display: block; }

    .ip_notification { position: fixed; top: 0; width: 100%; height: 70px; border-bottom: 1px solid rgba(0,0,0,0.15); background: #fff url("/img/pdfexpert5/iphone/PDF-Expert-5-banner-iphone@2x.png?20150319141500") no-repeat center center; background-size: 320px 70px; z-index: 2000; }
    .ip_notification .bf2014-link { color: #fff; }
    .ip_notification p { position: relative; padding: 16px 30px 10px 60px; margin: 0 auto; color: #fff; text-align: left; font-size: 0.813em; }
    .ip_notification p a:first-of-type { color: #212121; }
    .ip_notification p span { color: #e41e26; font-weight: bold; }
    .ip_notification .close { position: absolute; display: block; top: 16px; right: 0; width: 40px; height: 40px; text-align: center; font-size: 2em; line-height: 1.25em; color: #212121; }

    #spark-promo.ip_notification { background: #fff; }
    #spark-promo.ip_notification p { background: #fff url("/img/spark/app_icon-Spark-2-512@2x.png") no-repeat 10px 15px; background-size: 42px 42px; }

    #fluix-promo-20151104.ip_notification { background: #293240; }
    #fluix-promo-20151104.ip_notification p { line-height: 18px; padding: 6px 60px 10px 70px; background: url("/img/fluix/fl-banner-icon.png") no-repeat 15px 15px; background-size: 40px 40px; }
    #fluix-promo-20151104.ip_notification p a { color: #319eff; text-decoration: underline; }
    #fluix-promo-20151104.ip_notification a.close { color: #319eff; text-decoration: none; }

    #pdfexpert-mac-promo-20151112.ip_notification { background: #fff; }
    #pdfexpert-mac-promo-20151112.ip_notification p { line-height: 18px; padding: 16px 50px 10px 70px; background: url("/img/icons/58x58/pdfexpert-mac-icon@2x.png") no-repeat 15px 15px; background-size: 40px 40px; }
    #pdfexpert-mac-promo-20151112.ip_notification p span { color: #0074e6; font-weight: normal; }

    #fluix_banner { width: 280px; height: 449px; margin: -225px 0 0 -140px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-size: 280px 449px; }
    #fluix_banner a.close { top: 20px; right: 0; width: 60px; height: 60px; }
    #fluix_banner a.learn-more { top: 374px; margin: 0 0 0 -110px; width: 220px; height: 54px; }

    #fluix_banner.type_a { background-image: url("/img/fluix/iphone/fl-banner-a-iph5.jpg"); }
    #fluix_banner.type_b { background-image: url("/img/fluix/iphone/fl-banner-b-iph5.jpg"); }

    .ip_top { position: fixed; width: 100%; height: 44px; border: none; border-bottom: 1px solid transparent; background-color: transparent; z-index: 1000; opacity: 1; }
    .ip_top .first_list { text-align: center; margin: 0; height: 44px; -webkit-transition: background-color 0.5s; -moz-transition: background-color 0.5s; transition: background-color 0.5s; }
    .ip_top .first_list li { display: inline-block; list-style-type: none; font-size: 0.750em; padding: 0; margin: 6px 0 0; border-bottom: 2px solid transparent; }
    .ip_top .first_list li a { position: relative; display: block; text-decoration: none; margin: 6px 16px; padding: 0; color: #7e7e7e; font-weight: 600; font-family: "Open Sans", "Helvetica Neue", Arial, Verdana, serif; }
    .ip_top .first_list li a.current { border-bottom: 1px solid #de2121; color: #000; }
    .ip_top .first_list li a.green { color: #25c700; }
    .ip_top .first_list li.hide_moved a { color: #fff; }
    .ip_top .first_list li.show_moved { display: none; font-weight: 600; color: #fff; background-color: #25c700; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    .ip_top .first_list li.show_moved a { padding: 0; margin: 6px 16px; }

    .ip_top.white .first_list li a { text-decoration: none; color: rgba(255, 255, 255, 0.8); font-family: "Open Sans", "Helvetica Neue", Arial, Verdana, serif; }
    .ip_top.white .first_list li a:hover { color: rgba(255, 255, 255, 1); }
    .ip_top.white .first_list li a.current { border-bottom: 1px solid #de2121; color: rgba(255, 255, 255, 1); }

    .ip_top.moved { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    .ip_top.moved .first_list { background-color: rgba(255, 255, 255, 0.95); }
    .ip_top.moved .first_list li a { padding: 0; margin: 6px 16px; text-decoration: none; color: #7e7e7e; font-family: "Open Sans", "Helvetica Neue", Arial, Verdana, serif; }
    .ip_top.moved .first_list li a:hover { color: #000; }
    .ip_top.moved .first_list li a.current { border-bottom: 1px solid #de2121; color: #000; }
    .ip_top.moved .first_list li.hide_moved { display: none; }
    .ip_top.moved .first_list li.show_moved { display: inline-block; }
    .ip_top.moved .first_list li.show_moved a { color: #fff; }

    .ip_top .first_list li a.products_list:after { transition: 0.2s; content: ""; border-bottom: 1px solid #9d9d9d; border-right: 1px solid #9d9d9d; width: 4px; height: 4px; position: absolute; right: -1px; top: 1px; z-index: 100; -moz-transform: translate(10px,4px) rotate(45deg); -webkit-transform: translate(10px,4px) rotate(45deg); -o-transform: translate(10px,4px) rotate(45deg); -ms-transform: translate(10px,4px) rotate(45deg); transform: translate(10px,4px) rotate(45deg); }
    .ip_top .first_list li a.products_list.current:after { border-color: #000; }
    .ip_top .first_list li a.products_list:hover:after { border-color: #000; }
    .ip_top.white .first_list li a.products_list:hover:after { border-color: #fff; }
    .ip_top.white .first_list li a.products_list.current:after { border-color: #fff; }
    .ip_top.white.moved .first_list li a.products_list.current:after { border-color: #000; }
    .ip_top .first_list li a.products_list.current.clicked { border-color: transparent; }

    .ip_top .first_list li a.more_list:after { transition: 0.2s; content: ""; border-bottom: 1px solid #9d9d9d; border-right: 1px solid #9d9d9d; width: 4px; height: 4px; position: absolute; right: -1px; top: 1px; z-index: 100; -moz-transform: translate(10px,4px) rotate(45deg); -webkit-transform: translate(10px,4px) rotate(45deg); -o-transform: translate(10px,4px) rotate(45deg); -ms-transform: translate(10px,4px) rotate(45deg); transform: translate(10px,4px) rotate(45deg); }
    .ip_top .first_list li a.more_list.current:after { border-color: #000; }
    .ip_top .first_list li a.more_list:hover:after { border-color: #000; }
    .ip_top.white .first_list li a.more_list:hover:after { border-color: #fff; }
    .ip_top.white .first_list li a.more_list.current:after { border-color: #fff; }
    .ip_top.white.moved .first_list li a.more_list.current:after { border-color: #000; }
    .ip_top .first_list li a.more_list.current.clicked { border-color: transparent; }

    .ip_top .products_dropdown { left: 50%; top: 45px; width: 150px; padding: 16px; margin: 0 0 0 -91px; height: auto; background-color: rgba(255, 255, 255, 1) !important; }
    .ip_top .products_dropdown:after { left: 60px; }

    .ip_top .products_dropdown li, .ip_top.moved .products_dropdown li { display: block !important; padding: 0; margin: 0 0 16px; min-height: 25px; font-size: 16px; }
    .ip_top .products_dropdown li:last-child { margin-bottom: 0; }
    .ip_top .products_dropdown li a { margin: 0 !important; padding: 0 !important; color: #191919 !important; border: none !important; font-size: 0.938em; text-align: left; display: block; text-decoration: none; font-weight: 600; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; }

    .ip_top .products_dropdown li a .icon { float: left; display: block; height: 25px; width: 25px; margin: 0 15px 0 0; padding: 0; overflow: hidden; background: url("/img/index/iphone/iphone-dropdown-icons@2x.png?20150909") no-repeat 0 0; background-size: 25px 275px; }
    .ip_top .products_dropdown li a .name { line-height: 1.8em; color: #333; }
    .ip_top .products_dropdown li a .name:hover { color: #000; }

    .ip_top .products_dropdown li a.pdfexpert5 .icon { background-position: 0 0; }
    .ip_top .products_dropdown li a.scannerpro .icon { background-position: 0 -25px; }
    .ip_top .products_dropdown li a.printerpro .icon { background-position: 0 -50px; }
    .ip_top .products_dropdown li a.calendars5 .icon { background-position: 0 -75px; }
    .ip_top .products_dropdown li a.documents .icon { background-position: 0 -100px; }
    .ip_top .products_dropdown li a.pdfconverter .icon { background-position: 0 -125px; }
    .ip_top .products_dropdown li a.pdfoffice .icon { background-position: 0 -150px; }
    .ip_top .products_dropdown li a.spark .icon { background-position: 0 -250px; }

    .ip_top .more_dropdown { left: 60%; top: 45px; width: 150px; padding: 16px; margin: 0 0 0 -91px; height: auto; background-color: rgba(255, 255, 255, 1) !important; }
    .ip_top .more_dropdown:after { left: 160px; }

    .ip_top .more_dropdown li, .ip_top.moved .products_dropdown li { display: block !important; padding: 0; margin: 0 0 16px; min-height: 25px; font-size: 16px; }
    .ip_top .more_dropdown li:last-child { margin-bottom: 0; }
    .ip_top .more_dropdown li a { margin: 0 !important; padding: 0 !important; color: #191919 !important; border: none !important; font-size: 0.938em; text-align: left; display: block; text-decoration: none; font-weight: 600; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; }

    .ip_top .more_dropdown li a .name { line-height: 1.8em; color: #333; }
    .ip_top .more_dropdown li a .name:hover { color: #000; }

    .ip_panel { position: relative; width: 100%; border: none; border-bottom: 1px solid #e5e5e5; }

    h1 { color: #333; font-size: 1.250em; text-align: center; line-height: 28px; font-weight: 600; font-family: "Myriad Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, serif; }
    h2 { color: #8c8c8c; font-size: 0.938em; text-align: center; line-height: 20px; font-weight: 400; }
    .text { color: #4d4d4d; font-size: 0.875em; line-height: 22px; font-weight: 400; }

    .ip_panel .text { padding: 0 20px; }

    #ip_home .button { font-weight: 600; }

    .itunes-badge { display: inline-block; margin: 0 auto 40px; }
    .itunes-badge img { height: 40px; }

    #ip_footer { position: relative; width: 100%; padding-top: 35px; min-height: 116px; text-align: center; background: #fff; }

    a.back_to_top { position: absolute; display: inline-block; top: -20px; left: 50%; width: auto; font-size: 1em; font-weight: 600; line-height: 40px; color: #3390eb; padding: 0 44px 0 24px; margin: 0 0 0 -53px; border: 1px solid #e1e1e1; background: #fff; z-index: 10; }
    a.back_to_top::after { content: ""; border-top: 2px solid #3390eb; border-left: 2px solid #3390eb; width: 8px; height: 8px; position: absolute; right: 28px; top: 15px; z-index: 100; -moz-transform: translate(10px,4px) rotate(45deg); -webkit-transform: translate(10px,4px) rotate(45deg); -o-transform: translate(10px,4px) rotate(45deg); -ms-transform: translate(10px,4px) rotate(45deg); transform: translate(10px,4px) rotate(45deg); }

    #ip_footer ul { text-align: center; margin: 0; padding: 0 0 20px; }
    #ip_footer ul li { display: inline-block; list-style-type: none; font-size: 0.750em; padding: 0 16px; margin: 8px 0 0; }
    #ip_footer ul li a { text-decoration: none; color: #7e7e7e; font-weight: 600; text-transform: uppercase; }

    #ip_footer .social { width: auto; margin: 0 auto 10px; }
    #ip_footer .social a { display: inline-block; padding: 10px 0; width: 50px; height: 20px; background: url("/img/index/iphone/iphone-foot-socials@2x.png") no-repeat 0 0; background-size: 280px 20px; }
    #ip_footer .social a.twitter { background-position: 10px 10px; }
    #ip_footer .social a.facebook { background-position: -40px 10px; }
    #ip_footer .social a.vimeo { background-position: -90px 10px; }
    #ip_footer .social a.youtube { background-position: -140px 10px; }
    #ip_footer .social a.behance { background-position: -190px 10px; }
    #ip_footer .social a.dribble { background-position: -240px 10px; }

    .ip_share.share { display: inline-block; width: 130px; height: 40px; margin: 0 20px 0 0; background-color: #3b5997; color: #fff; font-weight: 600; font-size: 1em; line-height: 2.4em; text-align: left; }
    .ip_share.share .icon { float: left; display: block; height: 40px; width: 40px; margin: 0 0 0 18px; padding: 0; overflow: hidden; background: url("/img/index/iphone/iphone-foot-share@2x.png") no-repeat 0 0; background-size: 80px 40px; }
    .ip_tweet.tweet { display: inline-block; width: 130px; height: 40px; margin: 0; background-color: #00aced; color: #fff; font-weight: 600; font-size: 1em; line-height: 2.4em; text-align: left; }
    .ip_tweet.tweet .icon { float: left; display: block; height: 40px; width: 40px; margin: 0 0 0 18px; padding: 0; overflow: hidden; background: url("/img/index/iphone/iphone-foot-share@2x.png") no-repeat -40px 0; background-size: 80px 40px; }

    #ip_footer .available { float: none; position: static; display: block; width: 142px; height: 42px; margin: 26px auto 10px; background: url("/img/index/iphone/iphone-btn-aviable.png") no-repeat 0 0; background-size: 142px 42px; }
    #ip_footer .ip_rights { padding: 20px 0 10px; font-size: 0.688em; line-height: 16px; color: #bfbfbf; background: #fff; }
}

/* iPhone 5 styles */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (device-aspect-ratio: 40/71) {
}

/* iPhone 6 styles */
@media only screen and (min-device-width : 374px) and (max-device-width : 376px) {
    .ip_notification { background-image: url("/img/pdfexpert5/iphone/PDF-Expert-5-banner-iphone6@2x.png"); background-size: 375px 70px; }
    .ip_notification p { padding: 15px 40px 0 80px; font-size: 0.875em; }

    #spark-promo.ip_notification p { background: #fff url("/img/spark/app_icon-Spark-2-512@2x.png") no-repeat 20px 15px; background-size: 42px 42px; }

    #fluix-promo-20151104.ip_notification { background: #293240; }
    #fluix-promo-20151104.ip_notification p { padding: 7px 60px 10px 70px; background: url("/img/fluix/fl-banner-icon.png") no-repeat 15px 15px; background-size: 40px 40px; }
    #fluix-promo-20151104.ip_notification p a { color: #319eff; text-decoration: underline; }
    #fluix-promo-20151104.ip_notification a.close { color: #319eff; text-decoration: none; }

    #pdfexpert-mac-promo-20151112.ip_notification p { padding: 18px 70px 10px 70px; }

    #fluix_banner { width: 335px; height: 477px; margin: -238px 0 0 -167px; background-size: 335px 477px; }
    #fluix_banner a.close { top: 20px; right: 0; width: 60px; height: 60px; }
    #fluix_banner a.learn-more { top: 376px; left: 50%; margin: 0 0 0 -110px; width: 220px; height: 54px; }

    #fluix_banner.type_a { background-image: url("/img/fluix/iphone/fl-banner-a-iph6.jpg"); }
    #fluix_banner.type_b { background-image: url("/img/fluix/iphone/fl-banner-b-iph6.jpg"); }

    .ip_top .first_list li a { margin: 6px 24px; }
    .ip_top .first_list li.show_moved a { margin: 6px 24px; }
    .ip_top.moved .first_list li a { margin: 6px 24px; }

    .ip_top .more_dropdown { left: 65%; }
    .ip_top .more_dropdown:after { left: 160px; }
}

/* iPhone 6 Plus styles */
@media only screen and (min-device-width : 413px) and (max-device-width : 415px) {
    .ip_notification { background-image: url("/img/pdfexpert5/iphone/PDF-Expert-5-banner-iphone@3x.png"); background-size: 414px 70px; }
    .ip_notification p { padding: 10px 40px 0 85px; font-size: 1em; }

    #spark-promo.ip_notification p { background: #fff url("/img/spark/app_icon-Spark-2-512@2x.png") no-repeat 20px 15px; background-size: 42px 42px; }

    #fluix-promo-20151104.ip_notification { background: #293240; }
    #fluix-promo-20151104.ip_notification p { padding: 16px 60px 10px 70px; font-size: 0.875em; background: url("/img/fluix/fl-banner-icon.png") no-repeat 15px 15px; background-size: 40px 40px; }
    #fluix-promo-20151104.ip_notification p a { color: #319eff; text-decoration: underline; }
    #fluix-promo-20151104.ip_notification a.close { color: #319eff; text-decoration: none; }

    #pdfexpert-mac-promo-20151112.ip_notification p { padding: 16px 90px 10px 70px; }

    #fluix_banner { width: 370px; height: 527px; margin: -263px 0 0 -185px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-size: 370px 527px; }
    #fluix_banner a.close { top: 20px; right: 0; width: 60px; height: 60px; }
    #fluix_banner a.learn-more { top: 416px; left: 50%; margin: 0 0 0 -120px; width: 240px; height: 54px; }

    #fluix_banner.type_a { background-image: url("/img/fluix/iphone/fl-banner-a-iph6p.jpg"); }
    #fluix_banner.type_b { background-image: url("/img/fluix/iphone/fl-banner-b-iph6p.jpg"); }

    .ip_top .first_list li a { margin: 6px 26px; }
    .ip_top .first_list li.show_moved a { margin: 6px 26px; }
    .ip_top.moved .first_list li a { margin: 6px 26px; }

    .ip_top .products_dropdown { left: 50%; top: 45px; width: 190px; padding: 20px; margin: 0 0 0 -110px; height: auto; background-color: rgba(255, 255, 255, 1) !important; }

    .ip_top .products_dropdown li a { font-size: 1.188em; }
    .ip_top .products_dropdown li a .name { line-height: 1.7em; }
    .ip_top .products_dropdown li a .icon { height: 32px; width: 32px; margin: 0 20px 0 0; background: url("/img/index/iphone6/iphone-dropdown-icons@3x.png?20150909") no-repeat 0 0; background-size: 32px 352px; }

    .ip_top .products_dropdown li a.pdfexpert5 .icon { background-position: 0 0; }
    .ip_top .products_dropdown li a.scannerpro .icon { background-position: 0 -32px; }
    .ip_top .products_dropdown li a.printerpro .icon { background-position: 0 -64px; }
    .ip_top .products_dropdown li a.calendars5 .icon { background-position: 0 -96px; }
    .ip_top .products_dropdown li a.documents .icon { background-position: 0 -128px; }
    .ip_top .products_dropdown li a.pdfconverter .icon { background-position: 0 -160px; }
    .ip_top .products_dropdown li a.pdfoffice .icon { background-position: 0 -192px; }
    .ip_top .products_dropdown li a.spark .icon { background-position: 0 -320px; }

    .ip_top .more_dropdown { left: 65%; }
    .ip_top .more_dropdown:after { left: 160px; }

    #ip_footer .social a { display: inline-block; padding: 10px 0; width: 69px; height: 26px; background: url("/img/index/iphone6/iphone-foot-socials@3x.png") no-repeat 0 0; background-size: 414px 26px; }
    #ip_footer .social a.twitter { background-position: 0 10px; }
    #ip_footer .social a.facebook { background-position: -69px 10px; }
    #ip_footer .social a.vimeo { background-position: -138px 10px; }
    #ip_footer .social a.youtube { background-position: -207px 10px; }
    #ip_footer .social a.behance { background-position: -276px 10px; }
    #ip_footer .social a.dribble { background-position: -345px 10px; }

    h1 { font-size: 1.625em; line-height: 28px; }
    h2 { font-size: 1.125em; line-height: 24px; }
    .text { color: #444; font-size: 1em; line-height: 24px; }

    .ip_panel .text { padding: 0 30px; }

    .ip_share.share { display: inline-block; width: 160px; height: 52px; margin: 0 30px 0 0; background-color: #3b5997; color: #fff; font-weight: 600; font-size: 1.25em; line-height: 2.5em; text-align: left; }
    .ip_share.share .icon { float: left; display: block; height: 52px; width: 52px; margin: 0 0 0 18px; padding: 0; overflow: hidden; background: url("/img/index/iphone6/iphone-foot-share@3x.png") no-repeat 0 0; background-size: 104px 52px; }
    .ip_tweet.tweet { display: inline-block; width: 160px; height: 52px; margin: 0; background-color: #00aced; color: #fff; font-weight: 600; font-size: 1.25em; line-height: 2.5em; text-align: left; }
    .ip_tweet.tweet .icon { float: left; display: block; height: 52px; width: 52px; margin: 0 0 0 18px; padding: 0; overflow: hidden; background: url("/img/index/iphone6/iphone-foot-share@3x.png") no-repeat -52px 0; background-size: 104px 52px; }
}