translation

src/assets/styles/responsive.scss

-/* You can add global styles to this file, and also import other style files */
+/*
+	Site Name: FOREX
+	URI: http:
+	Description: This is the responsive css for FOREX
+	Version: 2.0
+	Author:
+	Author URI:
+	Tags:
+
+	---------------------------
+	CUSTOM STYLES
+	---------------------------
+
+	TABLE OF CONTENTS
+	---------------------------
+	01.0 Smartphones (portrait and landscape)
+	02.0 Smartphones (landscape)
+	03.0 Smartphones (portrait)
+	04.0 iPads (portrait and landscape)
+	05.0 iPads (landscape)
+	06.0 iPads (portrait)
+	07.0 Desktops and laptops
+	08.0 Large screens
+	09.0 iPhone 4
+	10.0 iPhone 5
+	11.0 iPhone 6
+	12.0 iPhone 6+
+	13.0 Samsung Galaxy S3
+	14.0 Samsung Galaxy S4
+	15.0 Samsung Galaxy S5
+
+
+*/
+
+
+/* 01. Smartphones (portrait and landscape) ----------- */
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
+	.delivery_provider_content{
+        width:100% !important;
+        .provider_inner_content{
+            padding:10px !important;
+            .row{
+                padding-bottom: 0px;
+                .col{
+                    min-width:100% !important;
+                    padding-bottom: 20px;
+                }
+            }
+        }
+    }
+	
+}
+
+
+/* 02.0 Smartphones (landscape) ----------- */
+
+@media only screen and (min-width: 321px) {}
+
+
+/* 03.0 Smartphones (portrait) ----------- */
+
+@media only screen and (max-width: 320px) {}
+
+
+/* 04.0 iPads (portrait and landscape) ----------- */
+
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
+
+}
+
+
+/* 05.0 iPads (landscape) ----------- */
+
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {}
+
+
+/* 06.0 iPads (portrait) ----------- */
+
+@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
+	
+}
+
+
+/* 07.0 Desktops and laptops ----------- */
+
+@media only screen and (min-width: 1000px) and (max-device-width: 1360px) {
+
+}
+
+@media only screen and (min-width: 1400px) and (max-device-width: 1600px) {
+	
+}
+
+
+/* 08.0 Large screens ----------- */
+
+@media only screen and (min-width: 1824px) {}
+
+
+/* 09.0 iPhone 4 ----------- */
+
+@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {}
+
+
+/* 10.0 iPhone 5 ----------- */
+
+@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
+
+
+/* 11.0 iPhone 6 ----------- */
+
+@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
+
+@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {}
+
+
+/* 12.0 iPhone 6+ ----------- */
+
+@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
+
+
+/* 13.0 Samsung Galaxy S3 ----------- */
+
+@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2) {}
+
+
+/* 14.0 Samsung Galaxy S4 ----------- */
+
+@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}
+
+
+/* 15.0 Samsung Galaxy S5 ----------- */
+
+@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {}
+
+@media (max-width: 480px) {}
+
+@media only screen and (min-width: 1000px) {}
\ No newline at end of file

src/assets/styles/translation.scss

-/* You can add global styles to this file, and also import other style files */
+.ar{
+    .floatLeft{
+        float: right !important;
+    }
+    .floatRight{
+        float: left !important;
+    }
+
+    .textRight{
+        text-align: left !important;
+    }
+
+    .textLeft{
+        text-align: right !important;
+    }
+    .provider_header{
+        direction: rtl;
+        span {
+            bottom: -30px;
+            left: 15px !important;
+        }
+        h4{
+            text-align: right;
+        }
+    }
+    .provider_content{
+        h3{
+            text-align: right;
+        }
+    }
+    .provider_inner_content{
+        direction: rtl;
+        .provider_data_content{
+            text-align: right;
+            p{
+                text-align: right;
+            }
+            .provider_pin{
+                margin-left: calc(100% - 92%);
+                margin-right:0px !important;
+            }
+        }
+    }
+
+    .login_wrapper{
+        .login_inner{
+            .login_row{
+                input{
+                    text-align: right;
+                }
+                p{
+                    text-align: right !important;
+                }
+            }
+        }
+    }
+}
\ No newline at end of file

src/index.html

@@ -8,7 +8,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
-<body>
+<body class="">
   <app-root></app-root>
 </body>
 </html>

src/styles.scss

 /*
-  Site Name: Forex
+  Site Name: FOREX
   URI: http:
-  Description: This is the theme scss for Truebus Version 2
+  Description: This is the theme scss for FOREX
   Version: 2.0
   Author: 
   Author URI: