diff --git a/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss b/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss
index 013a7ae0a7..67a0ad85cd 100644
--- a/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss
+++ b/resources/www/lightbox/styles/jquery-mobile/_jquery-validator.scss
@@ -319,3 +319,8 @@ a.active_choice {
   color: #313131;
   padding: 6px 0 6px 30px;
 }
+
+.pdf-iframe {
+  background: #1a1a1a;
+  padding-bottom: 10px;
+}
diff --git a/resources/www/lightbox/styles/main-mobile.scss b/resources/www/lightbox/styles/main-mobile.scss
index 7f53448267..e9ff61aa43 100644
--- a/resources/www/lightbox/styles/main-mobile.scss
+++ b/resources/www/lightbox/styles/main-mobile.scss
@@ -694,6 +694,9 @@ button.confirm_report {
   iframe {
     min-height: 240px;
     width: auto;
+    .ui-mobile & {
+      width: 100%;
+    }
   }
 }
 
diff --git a/templates/mobile/common/thumbnail.html.twig b/templates/mobile/common/thumbnail.html.twig
index 250e8f0e98..d2b805d5fb 100644
--- a/templates/mobile/common/thumbnail.html.twig
+++ b/templates/mobile/common/thumbnail.html.twig
@@ -68,6 +68,8 @@
         <iframe width="100%" height="100%"
                 src="{{ url('alchemy_embed_view', {url: url|trim, autoplay: autoplay|default('false') }) }}"
                 frameborder="0" allowfullscreen></iframe>
+    {% elseif record_type == 'PDF' %}
+        <iframe src="{{ url('alchemy_embed_view', {url: url|trim }) }}" width="100%" scrolling="no" marginheight="0" frameborder="0" allowfullscreen="" height="0" class="pdf-iframe"></iframe>
     {% else %}
         <img style="max-height: 100%;max-width:100%" class="record record_image imgTips zoomable thumb"
              oncontextMenu="return(false);"
diff --git a/templates/mobile/lightbox/basket_element.html.twig b/templates/mobile/lightbox/basket_element.html.twig
index 54736a3fb2..55ba5637ff 100644
--- a/templates/mobile/lightbox/basket_element.html.twig
+++ b/templates/mobile/lightbox/basket_element.html.twig
@@ -93,5 +93,13 @@
 
   </div>
 </div>
-
+    <script type="text/javascript">
+        /*resize of PDF */
+        $(window).on("load resize ",function(e){
+            if($('.pdf-iframe').length > 0) {
+                var pdfHeight =  $('.pdf-iframe').width() / 0.707;
+                $('.pdf-iframe').css('height', pdfHeight);
+            }
+        });
+    </script>
 {% endblock %}