diff --git a/assets/stylesheets/template/template.scss b/assets/stylesheets/template/template.scss
index 49d7fc2..c152f33 100644
--- a/assets/stylesheets/template/template.scss
+++ b/assets/stylesheets/template/template.scss
@@ -26,7 +26,7 @@
   opacity: 0;
   top: -20000px;
   background: rgba(0,0,0,.7);
-  z-index: 1000;
+  z-index: 1100;
   left: 0; 
   transition:opacity .3s ,top 0s .3s;
   &.active{
@@ -56,22 +56,22 @@
     font-weight: bold;
     transition:opacity .5s ,top .5s, left 0s .5s;
     padding: 2px;
-  @media (min-width: 768px){
-    width: 40%;
-    padding: 30px;
-  }
+    @media (min-width: 768px){
+      width: 40%;
+      padding: 30px;
+    }
+    @media (max-width: 767px){
+      padding: 30px 10px;
+    }
     .close-btn{
       position: absolute;
       right: 0;
-      top:-40px;
+      top:0;
       padding: 5px 10px;
       background: $theme-color-main;
       color:#fff;
       font-size: 18px;
       transition:.3s;
-      @media (min-width: 768px){
-        top:0;
-      }
       &:hover{
         background: $theme-color-second;
       }