diff --git a/layouts/v7/modules/Accounts/DetailViewHeaderTitle.tpl b/layouts/v7/modules/Accounts/DetailViewHeaderTitle.tpl
index eedc4447e3facfdb15c17b197fa736256750844c..bb1f9dbf64a60fc316081543ee3858c806321410 100644
--- a/layouts/v7/modules/Accounts/DetailViewHeaderTitle.tpl
+++ b/layouts/v7/modules/Accounts/DetailViewHeaderTitle.tpl
@@ -12,7 +12,7 @@
 {strip}
 	<div class="col-sm-6">
 		<div class="clearfix record-header ">
-			<div class="hidden-sm hidden-xs recordImage bgAccounts app-{$SELECTED_MENU_CATEGORY}">  
+			<div class="recordImage bgAccounts app-{$SELECTED_MENU_CATEGORY}">
 				{assign var=IMAGE_DETAILS value=$RECORD->getImageDetails()}
 				{foreach key=ITER item=IMAGE_INFO from=$IMAGE_DETAILS}
 					{if !empty($IMAGE_INFO.url) && !empty($IMAGE_INFO.path)}
diff --git a/layouts/v7/modules/Contacts/DetailViewHeaderTitle.tpl b/layouts/v7/modules/Contacts/DetailViewHeaderTitle.tpl
index be2ec45526400c100509927cc7d06e39735d4c63..49af673726cef49d4e45dc72a3e0367e35352999 100644
--- a/layouts/v7/modules/Contacts/DetailViewHeaderTitle.tpl
+++ b/layouts/v7/modules/Contacts/DetailViewHeaderTitle.tpl
@@ -12,7 +12,7 @@
 {strip}
    <div class="col-lg-6 col-md-6 col-sm-6">
 	  <div class="record-header clearfix ">
-		 <div class="hidden-sm hidden-xs recordImage bgcontacts app-{$SELECTED_MENU_CATEGORY}">
+		 <div class="recordImage bgcontacts app-{$SELECTED_MENU_CATEGORY}">
 			{assign var=IMAGE_DETAILS value=$RECORD->getImageDetails()}
 			{foreach key=ITER item=IMAGE_INFO from=$IMAGE_DETAILS}
 			   {if !empty($IMAGE_INFO.url)}
diff --git a/layouts/v7/modules/HelpDesk/DetailViewHeaderTitle.tpl b/layouts/v7/modules/HelpDesk/DetailViewHeaderTitle.tpl
index 918af0b4535e35c5725dfd4bfb31a3acca86a24c..188008a7696c6b7f2a0302a22c6a854e36cf8b24 100644
--- a/layouts/v7/modules/HelpDesk/DetailViewHeaderTitle.tpl
+++ b/layouts/v7/modules/HelpDesk/DetailViewHeaderTitle.tpl
@@ -12,7 +12,7 @@
 {strip}
     <div class="col-sm-6 col-lg-6 col-md-6">
         <div class="record-header clearfix">
-            <div class="hidden-sm hidden-xs recordImage bghelpdesk app-{$SELECTED_MENU_CATEGORY}">
+            <div class="recordImage bghelpdesk app-{$SELECTED_MENU_CATEGORY}">
 				<div class="name"><span><strong>{$MODULE_MODEL->getModuleIcon()}</strong></span></div>
             </div>
             <div class="recordBasicInfo">
diff --git a/layouts/v7/modules/Invoice/DetailViewHeaderTitle.tpl b/layouts/v7/modules/Invoice/DetailViewHeaderTitle.tpl
index 00976a9bd48ceff7a4af2736211add6a0b8b6c6e..9cbd725bd87f9bf7b4ae0bd47d5ad05ce51ecb6b 100644
--- a/layouts/v7/modules/Invoice/DetailViewHeaderTitle.tpl
+++ b/layouts/v7/modules/Invoice/DetailViewHeaderTitle.tpl
@@ -12,7 +12,7 @@
 {strip}
     <div class="col-sm-6">
         <div class="record-header clearfix">
-            <div class="hidden-sm hidden-xs recordImage bginvoice app-{$SELECTED_MENU_CATEGORY}">  
+            <div class="recordImage bginvoice app-{$SELECTED_MENU_CATEGORY}">
                 {assign var=IMAGE_DETAILS value=$RECORD->getImageDetails()}
                 {foreach key=ITER item=IMAGE_INFO from=$IMAGE_DETAILS}
                     {if !empty($IMAGE_INFO.url) && !empty($IMAGE_INFO.path)}
diff --git a/layouts/v7/modules/Potentials/DetailViewHeaderTitle.tpl b/layouts/v7/modules/Potentials/DetailViewHeaderTitle.tpl
index 7aba6fb1329954b12619ebdd0ae83f6c0a5d7b79..d82019cad99e30e780acb4a0e0b9abd4fac0008f 100644
--- a/layouts/v7/modules/Potentials/DetailViewHeaderTitle.tpl
+++ b/layouts/v7/modules/Potentials/DetailViewHeaderTitle.tpl
@@ -12,7 +12,7 @@
 {strip}
     <div class="col-sm-6 col-lg-6 col-md-6">
         <div class="record-header clearfix">
-            <div class="hidden-sm hidden-xs recordImage bgpotentials app-{$SELECTED_MENU_CATEGORY}">
+            <div class="recordImage bgpotentials app-{$SELECTED_MENU_CATEGORY}">
 				<div class="name"><span><strong>{$MODULE_MODEL->getModuleIcon()}</strong></span></div>
             </div>
 
diff --git a/layouts/v7/modules/Products/DetailViewHeaderTitle.tpl b/layouts/v7/modules/Products/DetailViewHeaderTitle.tpl
index 0dc6610d4b1e84fee68875293ac4dafe254c3c5c..e61ac96177bafcfc9f9af1ebd705853f7bdf876c 100644
--- a/layouts/v7/modules/Products/DetailViewHeaderTitle.tpl
+++ b/layouts/v7/modules/Products/DetailViewHeaderTitle.tpl
@@ -13,7 +13,7 @@
     <div class="col-sm-6 col-lg-6 col-md-6">
         <div class="record-header clearfix">
                 {assign var=IMAGE_DETAILS value=$RECORD->getImageDetails()}
-            <div class="hidden-sm hidden-xs recordImage bgproducts app-{$SELECTED_MENU_CATEGORY}" {if $IMAGE_DETAILS|@count gt 1}style = "display:block"{/if}>
+            <div class="recordImage bgproducts app-{$SELECTED_MENU_CATEGORY}" {if $IMAGE_DETAILS|@count gt 1}style = "display:block"{/if}>
                 {foreach key=ITER item=IMAGE_INFO from=$IMAGE_DETAILS}
 	               {if !empty($IMAGE_INFO.url)}
 	                {if $IMAGE_DETAILS|@count eq 1}
diff --git a/layouts/v7/modules/PurchaseOrder/DetailViewHeaderTitle.tpl b/layouts/v7/modules/PurchaseOrder/DetailViewHeaderTitle.tpl
index 88b5d62e016dd256766057290609f0be9a07107e..8e8a892372b31fc52440adb34016deefd004e2ec 100644
--- a/layouts/v7/modules/PurchaseOrder/DetailViewHeaderTitle.tpl
+++ b/layouts/v7/modules/PurchaseOrder/DetailViewHeaderTitle.tpl
@@ -12,7 +12,7 @@
 {strip}
     <div class="col-lg-6 col-md-6 col-sm-6">
         <div class="record-header clearfix">
-            <div class="hidden-sm hidden-xs recordImage bgpurchaseorder app-{$SELECTED_MENU_CATEGORY}">  
+            <div class="recordImage bgpurchaseorder app-{$SELECTED_MENU_CATEGORY}">
                 {assign var=IMAGE_DETAILS value=$RECORD->getImageDetails()}
                 {foreach key=ITER item=IMAGE_INFO from=$IMAGE_DETAILS}
                     {if !empty($IMAGE_INFO.url) && !empty($IMAGE_INFO.path)}
diff --git a/layouts/v7/modules/SalesOrder/DetailViewHeaderTitle.tpl b/layouts/v7/modules/SalesOrder/DetailViewHeaderTitle.tpl
index 6095458f1a3665cb5529303914392b76d86b3aee..574595f999a67f336e02eefccee99eeb38427581 100644
--- a/layouts/v7/modules/SalesOrder/DetailViewHeaderTitle.tpl
+++ b/layouts/v7/modules/SalesOrder/DetailViewHeaderTitle.tpl
@@ -12,7 +12,7 @@
 {strip}
     <div class="col-sm-6">
         <div class="record-header clearfix">
-            <div class="hidden-sm hidden-xs recordImage bgsalesorder app-{$SELECTED_MENU_CATEGORY}">  
+            <div class="recordImage bgsalesorder app-{$SELECTED_MENU_CATEGORY}">
                 {assign var=IMAGE_DETAILS value=$RECORD->getImageDetails()}
                 {foreach key=ITER item=IMAGE_INFO from=$IMAGE_DETAILS}
                     {if !empty($IMAGE_INFO.url) && !empty($IMAGE_INFO.path)}
diff --git a/layouts/v7/modules/Vendors/DetailViewHeaderTitle.tpl b/layouts/v7/modules/Vendors/DetailViewHeaderTitle.tpl
index dcde0e2a3632b192b937025bc7f1615ec990078f..b41b06588725e106642dbc63d81874722ea05f5c 100644
--- a/layouts/v7/modules/Vendors/DetailViewHeaderTitle.tpl
+++ b/layouts/v7/modules/Vendors/DetailViewHeaderTitle.tpl
@@ -12,7 +12,7 @@
 {strip}
 	<div class="col-lg-6 col-md-6 col-sm-6">
 		<div class="record-header clearfix">
-			<div class="hidden-sm hidden-xs recordImage bgvendors app-{$SELECTED_MENU_CATEGORY}">
+			<div class="recordImage bgvendors app-{$SELECTED_MENU_CATEGORY}">
 				<div class="name"><span><strong>{$MODULE_MODEL->getModuleIcon()}</strong></span></div>
 			</div>
 			<div class="recordBasicInfo">
diff --git a/layouts/v7/modules/Vtiger/DetailViewHeaderTitle.tpl b/layouts/v7/modules/Vtiger/DetailViewHeaderTitle.tpl
index 66ac8a4e45ac8d518fa6abd694a8ea5055ff3c28..a2777bdfaa470ae182aafdca2767daa5685e32b9 100644
--- a/layouts/v7/modules/Vtiger/DetailViewHeaderTitle.tpl
+++ b/layouts/v7/modules/Vtiger/DetailViewHeaderTitle.tpl
@@ -13,7 +13,7 @@
 			{if !$MODULE}
 				{assign var=MODULE value=$MODULE_NAME}
 			{/if}
-			<div class="hidden-sm hidden-xs recordImage bg_{$MODULE} app-{$SELECTED_MENU_CATEGORY}">
+			<div class="recordImage bg_{$MODULE} app-{$SELECTED_MENU_CATEGORY}">
 				<div class="name"><span><strong>{$MODULE_MODEL->getModuleIcon()}</strong></span></div>
 			</div>
 
diff --git a/layouts/v7/modules/Vtiger/ModuleHeader.tpl b/layouts/v7/modules/Vtiger/ModuleHeader.tpl
index 065cc3b6a59eec3df6031fa593c3151d52300a6f..2719392ce91d6ef0d88b9fba4c9463314304401d 100644
--- a/layouts/v7/modules/Vtiger/ModuleHeader.tpl
+++ b/layouts/v7/modules/Vtiger/ModuleHeader.tpl
@@ -8,9 +8,9 @@
 *************************************************************************************}
 
 {strip}
-	<div class="col-sm-10 col-xs-10 padding0 module-action-bar clearfix coloredBorderTop">
+	<div class="col-sm-11 col-xs-10 padding0 module-action-bar clearfix coloredBorderTop">
 		<div class="module-action-content clearfix {$MODULE}-module-action-content">
-			<div class="col-lg-7 col-md-7 col-sm-11 col-xs-11 padding0 module-breadcrumb module-breadcrumb-{$smarty.request.view} transitionsAllHalfSecond">
+			<div class="col-lg-7 col-md-6 col-sm-5 col-xs-11 padding0 module-breadcrumb module-breadcrumb-{$smarty.request.view} transitionsAllHalfSecond">
 				{assign var=MODULE_MODEL value=Vtiger_Module_Model::getInstance($MODULE)}
 				{if $MODULE_MODEL->getDefaultViewName() neq 'List'}
 					{assign var=DEFAULT_FILTER_URL value=$MODULE_MODEL->getDefaultUrl()}
@@ -48,7 +48,7 @@
 					<p class="current-filter-name filter-name pull-left"><span class="fa fa-angle-right pull-left" aria-hidden="true"></span><a title="{$RECORD->get('label')}">&nbsp;&nbsp;{$RECORD->get('label')} &nbsp;&nbsp;</a></p>
 				{/if}
 			</div>
-			<div class="col-lg-5 col-md-5 col-sm-1 col-xs-1 padding0 pull-right">
+			<div class="col-lg-5 col-md-6 col-sm-7 col-xs-1 padding0 pull-right">
 				<div id="appnav" class="navbar-right">
 					<nav class="navbar navbar-inverse border0">
 						<div class="container-fluid">
diff --git a/layouts/v7/modules/Vtiger/partials/SidebarHeader.tpl b/layouts/v7/modules/Vtiger/partials/SidebarHeader.tpl
index 65aa0995d734a54a543ab506cb5cdcfde29dd1f0..50f073aedb792d24d9276cebb3fbf87cc0cfac8d 100644
--- a/layouts/v7/modules/Vtiger/partials/SidebarHeader.tpl
+++ b/layouts/v7/modules/Vtiger/partials/SidebarHeader.tpl
@@ -9,7 +9,7 @@
 
 {assign var=APP_IMAGE_MAP value=Vtiger_MenuStructure_Model::getAppIcons()}
 
-<div class="col-sm-2 col-xs-2 app-indicator-icon-container app-{$SELECTED_MENU_CATEGORY}">
+<div class="col-sm-1 col-xs-2 app-indicator-icon-container app-{$SELECTED_MENU_CATEGORY}">
 	<div class="row" title="{if $MODULE eq 'Home' || !$MODULE} {vtranslate('LBL_DASHBOARD')} {else}{$SELECTED_MENU_CATEGORY}{/if}">
 		<span class="app-indicator-icon fa {if $MODULE eq 'Home' || !$MODULE}fa-dashboard{else}{$APP_IMAGE_MAP[$SELECTED_MENU_CATEGORY]}{/if}"></span>
 	</div>
diff --git a/layouts/v7/modules/Vtiger/partials/Topbar.tpl b/layouts/v7/modules/Vtiger/partials/Topbar.tpl
index fc673fa3ebb9f7fd8591a1d2037ce09f49c04854..16dcde011c8629ff96096839768c857a3dfcd4e0 100644
--- a/layouts/v7/modules/Vtiger/partials/Topbar.tpl
+++ b/layouts/v7/modules/Vtiger/partials/Topbar.tpl
@@ -14,7 +14,7 @@
 	<nav class="navbar navbar-default navbar-fixed-top app-fixed-navbar">
 		<div class="container-fluid global-nav">
 			<div class="row">
-				<div class="col-lg-3 col-md-3 col-sm-3 app-navigator-container">
+				<div class="col-lg-3 col-md-3 col-sm-4 app-navigator-container">
 					<div class="row">
 						<div id="appnavigator" class="col-sm-2 col-xs-2 cursorPointer app-switcher-container" data-app-class="{if $MODULE eq 'Home' || !$MODULE}fa-dashboard{else}{$APP_IMAGE_MAP[$SELECTED_MENU_CATEGORY]}{/if}">
 							<div class="row app-navigator">
diff --git a/layouts/v7/skins/contact/style.css b/layouts/v7/skins/contact/style.css
index 7f8265a9b82e52ee3a6997c7a211d48dd01a53f8..2ae87298b10b03d900a8223c9187b94d47d687dd 100644
--- a/layouts/v7/skins/contact/style.css
+++ b/layouts/v7/skins/contact/style.css
@@ -789,7 +789,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
diff --git a/layouts/v7/skins/inventory/style.css b/layouts/v7/skins/inventory/style.css
index 1141cba1f0bed7715549d6264fd35601d088b685..8b744bb7d559849d3b47a89fd0b770b8843bb87d 100644
--- a/layouts/v7/skins/inventory/style.css
+++ b/layouts/v7/skins/inventory/style.css
@@ -789,7 +789,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
diff --git a/layouts/v7/skins/marketing/style.css b/layouts/v7/skins/marketing/style.css
index e12b29eee369fa4b6d62ed2daf802a40ad49aedc..dfb696d248072ead599d693eb31ce866e959e9ce 100644
--- a/layouts/v7/skins/marketing/style.css
+++ b/layouts/v7/skins/marketing/style.css
@@ -789,7 +789,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
diff --git a/layouts/v7/skins/marketing_and_sales/style.css b/layouts/v7/skins/marketing_and_sales/style.css
index 1c7d1ef9d2023b2d9b0d2b6c28028669e0136624..04b79c9be94ecc0b068159c42763ac88a5de1e7a 100644
--- a/layouts/v7/skins/marketing_and_sales/style.css
+++ b/layouts/v7/skins/marketing_and_sales/style.css
@@ -789,7 +789,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
diff --git a/layouts/v7/skins/project/style.css b/layouts/v7/skins/project/style.css
index 94cf62f6c72daeaec8445485facb61e423846033..dd20feffb4d4875130d862cc08b55c776ee066ec 100644
--- a/layouts/v7/skins/project/style.css
+++ b/layouts/v7/skins/project/style.css
@@ -789,7 +789,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
diff --git a/layouts/v7/skins/sales/style.css b/layouts/v7/skins/sales/style.css
index 1c7d1ef9d2023b2d9b0d2b6c28028669e0136624..04b79c9be94ecc0b068159c42763ac88a5de1e7a 100644
--- a/layouts/v7/skins/sales/style.css
+++ b/layouts/v7/skins/sales/style.css
@@ -789,7 +789,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
diff --git a/layouts/v7/skins/support/style.css b/layouts/v7/skins/support/style.css
index c3cad397b92f9e1985e5e3c7d28402f4ecb1d08b..a58fcc5ec9093be1a23566d00c23f4abeae13b8c 100644
--- a/layouts/v7/skins/support/style.css
+++ b/layouts/v7/skins/support/style.css
@@ -789,7 +789,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
diff --git a/layouts/v7/skins/tools/style.css b/layouts/v7/skins/tools/style.css
index affa62055498b57c40ef53c055ad94739da8e005..8e792f862b587edb5081e2ace291da3aa3152384 100644
--- a/layouts/v7/skins/tools/style.css
+++ b/layouts/v7/skins/tools/style.css
@@ -789,7 +789,7 @@ a.menu-item:hover {
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area {
-  padding-left: 50px;
+  padding-left: 3%;
 }
 .viewContent .content-area.full-width {
   padding-left: 15px;
diff --git a/layouts/v7/skins/vtiger/style.less b/layouts/v7/skins/vtiger/style.less
index 5753d63d66d547fb7cdb372b1b84a5bb5d02c85b..da3a91002376a563e6e7d35ceffe2c5e87ebd42f 100644
--- a/layouts/v7/skins/vtiger/style.less
+++ b/layouts/v7/skins/vtiger/style.less
@@ -849,7 +849,7 @@ a.menu-item:hover{
 /******** View styles (List/Edit/Detail..) *******/
 /*************************************************/
 .viewContent .content-area{
-    padding-left : 50px;
+    padding-left : 3%;
 }
 
 .viewContent .content-area.full-width{
diff --git a/pkg/vtiger/modules/Projects/Project/layouts/v7/modules/Project/DetailViewHeaderTitle.tpl b/pkg/vtiger/modules/Projects/Project/layouts/v7/modules/Project/DetailViewHeaderTitle.tpl
index 36e94c580b51373c82c08070b4d3c7d987219fe6..835fdf84b0c7daa34eda83a6071048a5e3507951 100644
--- a/pkg/vtiger/modules/Projects/Project/layouts/v7/modules/Project/DetailViewHeaderTitle.tpl
+++ b/pkg/vtiger/modules/Projects/Project/layouts/v7/modules/Project/DetailViewHeaderTitle.tpl
@@ -12,7 +12,7 @@
 {strip}
     <div class="col-lg-6 col-md-6 col-sm-6">
         <div class="record-header clearfix">
-            <div class="hidden-sm hidden-xs recordImage bgproject app-{$SELECTED_MENU_CATEGORY}">
+            <div class="recordImage bgproject app-{$SELECTED_MENU_CATEGORY}">
                 <div class="name"><span><strong> <i class="vicon-project"></i> </strong></span></div>
             </div>
             <div class="recordBasicInfo">