/*------------------------------------------------------------------------------------
Theme Name: 	Space Photo
Author: 		Fipe Digital (http://www.fipe.co.uk) _(:3 J L )_
Description:	Default stylesheet (grid + selector)
Tags: Fipe
/*============================ site container ============================*/
body	{margin: 0; padding: 0;}
.container	        {margin-left: auto; margin-right: auto; width: 1280px;}
.container-width	{margin-left: auto; margin-right: auto;	width: 100%;}
/*============================== global grid settings ===============================*/
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, 
.grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-17, .grid-18, .grid-19, 
.grid-20, .grid-21, .grid-22, .grid-23,
.mgrid-1, .mgrid-2, .mgrid-3, .mgrid-4, .mgrid-5, .mgrid-6, .mgrid-7, .mgrid-8, .mgrid-9, .mgrid-10, 
.mgrid-11, .mgrid-12, .mgrid-13, .mgrid-14, .mgrid-15, .mgrid-16, .mgrid-17, .mgrid-18, .mgrid-19, 
.mgrid-20, .mgrid-21, .mgrid-22, .mgrid-23,
.tgrid-1, .tgrid-2, .tgrid-3, .tgrid-4, .tgrid-5, .tgrid-6, .tgrid-7, .tgrid-8, .tgrid-9, .tgrid-10, 
.tgrid-11, .tgrid-12, .tgrid-13, .tgrid-14, .tgrid-15, .tgrid-16, .tgrid-17, .tgrid-18, .tgrid-19, 
.tgrid-20, .tgrid-21, .tgrid-22, .tgrid-23 {display: inline-block; margin-right: 1%;}
.grid-24    {margin-right: 0;}

.grid-1     {width: 3.20%;}
.grid-2     {width: 7.41%;}
.grid-3     {width: 11.62%;}
.grid-4     {width: 15.83%;}
.grid-5     {width: 20.04%;}
.grid-6     {width: 24.24%;}
.grid-7     {width: 28.45%;}
.grid-8     {width: 32.66%;}
.grid-9     {width: 36.87%;}
.grid-10    {width: 41.08%;}
.grid-11    {width: 45.29%;}
.grid-12    {width: 49.49%;}
.grid-13    {width: 53.70%;}
.grid-14    {width: 57.91%;}
.grid-15    {width: 62.12%;}
.grid-16    {width: 66.33%;}
.grid-17    {width: 70.54%;}
.grid-18    {width: 74.74%;}
.grid-19    {width: 78.95%;}
.grid-20    {width: 83.16%;}
.grid-21    {width: 87.37%;}
.grid-22    {width: 91.58%;}
.grid-23    {width: 95.79%;}
.grid-24    {width: 100%;}

.grid-1ng, .grid-2ng, .grid-3ng, .grid-4ng, .grid-5ng, .grid-6ng, .grid-7ng, .grid-8ng, .grid-9ng, .grid-10ng, 
.grid-11ng, .grid-12ng, .grid-13ng, .grid-14ng, .grid-15ng, .grid-16ng, .grid-17ng, .grid-18ng, .grid-19ng, 
.grid-20ng, .grid-21ng, .grid-22ng, .grid-23    {display: inline-block; margin-right: 0;}

.grid-1ng   {width: 4.17%;}
.grid-2ng   {width: 8.33%;}
.grid-3ng   {width: 12.5%;}
.grid-4ng   {width: 16.67%;}
.grid-5ng   {width: 20.83%;}
.grid-6ng   {width: 25%;}
.grid-7ng   {width: 29.17%;}
.grid-8ng   {width: 33.33%;}
.grid-9ng   {width: 37.5%;}
.grid-10ng  {width: 41.66%;}
.grid-11ng  {width: 45.83%;}
.grid-12ng  {width: 50%;}
.grid-13ng  {width: 54.16%;}
.grid-14ng  {width: 58.33%;}
.grid-15ng  {width: 62.5%;}
.grid-16ng  {width: 66.67%;}
.grid-17ng  {width: 70.83%;}
.grid-18ng  {width: 75%;}
.grid-19ng  {width: 79.17%;}
.grid-20ng  {width: 83.33%;}
.grid-21ng  {width: 87.5%;}
.grid-22ng  {width: 91.67%;}
.grid-23ng  {width: 95.83%;}

.add-1      {padding-right: 4.20%;}
.add-105    {padding-right: 6.30%;}
.add-2      {padding-right: 8.41%;}
.add-3      {padding-right: 12.62%;}
.add-4      {padding-right: 16.83%;}
.add-5      {padding-right: 21.04%;}
.add-6      {padding-right: 25.25%;}
.add-7      {padding-right: 29.45%;}
.add-8      {padding-right: 33.66%;}
.add-9      {padding-right: 37.87%;}
.add-10     {padding-right: 42.08%;}
.add-11     {padding-right: 46.29%;}
.add-12     {padding-right: 50.49%;}
.add-13     {padding-right: 54.70%;}
.add-14     {padding-right: 58.91%;}
.add-15     {padding-right: 63.12%;}
.add-16     {padding-right: 67.33%;}
.add-17     {padding-right: 71.54%;}
.add-18     {padding-right: 75.74%;}
.add-19     {padding-right: 79.95%;}
.add-20     {padding-right: 84.16%;}
.add-21     {padding-right: 88.37%;}
.add-22     {padding-right: 92.58%;}
.add-23     {padding-right: 96.79%;}

.prefix-1   {padding-left: 4.20%;}
.prefix-2   {padding-left: 8.41%;}
.prefix-3   {padding-left: 12.62%;}
.prefix-4   {padding-left: 16.83%;}
.prefix-5   {padding-left: 21.04%;}
.prefix-6   {padding-left: 25.25%;}
.prefix-7   {padding-left: 29.45%;}
.prefix-8   {padding-left: 33.66%;}
.prefix-9   {padding-left: 37.87%;}
.prefix-10  {padding-left: 42.08%;}
.prefix-11  {padding-left: 46.29%;}
.prefix-12  {padding-left: 50.49%;}
.prefix-13  {padding-left: 54.70%;}
.prefix-14  {padding-left: 58.91%;}
.prefix-15  {padding-left: 63.12%;}
.prefix-16  {padding-left: 67.33%;}
.prefix-17  {padding-left: 71.54%;}
.prefix-18  {padding-left: 75.74%;}
.prefix-19  {padding-left: 79.95%;}
.prefix-20  {padding-left: 84.16%;}
.prefix-21  {padding-left: 88.37%;}
.prefix-22  {padding-left: 92.58%;}
.prefix-23  {padding-left: 96.79%;}

.push-1, .push-100, .push-105, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10,
.push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, 
.push-20, .push-21, .push-22, .push-23, 
.pull-1, .pull-100, .pull-105, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, 
.pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, 
.pull-20, .pull-21, .pull-22, .pull-23 {position: relative;}

.push-1     {left: 4.20%;}
.push-100   {left: 5.61%;}
.push-105   {left: 6.31%;}
.push-2     {left: 8.41%;}
.push-3     {left: 12.62%;}
.push-4     {left: 16.83%;}
.push-5     {left: 21.04%;}
.push-6     {left: 25.25%;}
.push-7     {left: 29.45%;}
.push-8     {left: 33.66%;}
.push-9     {left: 37.87%;}
.push-10    {left: 42.08%;}
.push-11    {left: 46.29%;}
.push-12    {left: 50.49%;}
.push-13    {left: 54.70%;}
.push-14    {left: 58.91%;}
.push-15    {left: 63.12%;}
.push-16    {left: 67.33%;}
.push-17    {left: 71.54%;}
.push-18    {left: 75.74%;}
.push-19    {left: 79.95%;}
.push-20    {left: 84.16%;}
.push-21    {left: 88.37%;}
.push-22    {left: 92.58%;}
.push-23    {left: 96.79%;}

.pull-1     {left: -4.20%;}
.pull-100   {left: -5.61%;}
.pull-105   {left: -6.31%;}
.pull-2     {left: -8.41%;}
.pull-3     {left: -12.62%;}
.pull-4     {left: -16.83%;}
.pull-5     {left: -21.04%;}
.pull-6     {left: -25.25%;}
.pull-7     {left: -29.45%;}
.pull-8     {left: -33.66%;}
.pull-9     {left: -37.87%;}
.pull-10    {left: -42.08%;}
.pull-11    {left: -46.29%;}
.pull-12    {left: -50.49%;}
.pull-13    {left: -54.70%;}
.pull-14    {left: -58.91%;}
.pull-15    {left: -63.12%;}
.pull-16    {left: -67.33%;}
.pull-17    {left: -71.54%;}
.pull-18    {left: -75.74%;}
.pull-19    {left: -79.95%;}
.pull-20    {left: -84.16%;}
.pull-21    {left: -88.37%;}
.pull-22    {left: -92.58%;}
.pull-23    {left: -96.79%;}

.end		{margin-right: 0;}
/*============================ start global settings ============================*/
html		{font-size: 100%; /* 1rem ~= 16px */}
body		{font-size: 1rem;}
header, section, footer, aside, nav, main, article, figure {display: block;} 
img             {border: 0; height: auto; width: 100%;}
p	            {font-size: 1rem; letter-spacing: 1px; line-height: 1.4; margin: 0 0 1rem;}
p:last-child    {margin-bottom: 0;}
a	            {text-decoration: none; /*line-height: 0; use to remove default padding to a links if needed */}
a:hover	        {text-decoration: none;}
.no-float       {float: none;}
.no-spacing     {letter-spacing: normal;}
.no-list-style  {list-style-type: none; margin-left: 0;}
.no-margin      {margin: 0;}
.no-padding     {padding: 0;}
.pointer		{cursor:pointer;}
.z-index        {z-index: 999;}
/*------------------------- layout -------------------------*/
.absolute		{position: absolute;}
.block          {display: block;}
.cell           {display: table-cell;}
.centred        {margin-left: auto; margin-right: auto; text-align: center;}
.clear		    {clear: both;}
.fixed          {position: fixed;}
.float-l        {float: left;}
.float-r    	{float: right;}
.hide           {display: none;}
.inline-block   {display: inline-block;}
.overflow	    {overflow: hidden;}
.relative       {position: relative;}
.same-h         {height: 100%; margin-bottom: -1000px; padding-bottom: 1020px;} /*apply to shorter adjacent column to force to be same height as taller column*/
.table          {display: table; width: auto; margin: 0 auto;}
.table-row		{display: table-row;}
.transparent	{background-color: transparent;}
.valign         {display: table-cell; vertical-align: middle;}
.valign-b       {display: table-cell; vertical-align: bottom;}
/*========================= font =========================*/
.align-r    	{text-align: right;}
.align-l		{text-align: left;}
.align-c    	{text-align: center;}
.bold	        {font-weight: bold;}
.capitalize	    {text-transform: capitalize;}
.italic	        {font-style: italic}
.justify    	{text-align: justify;}
.line-through	{text-decoration: line-through;}
.lowercase      {text-transform: lowercase;}
.not-bold       {font-weight: normal;}
.overline	    {text-decoration: overline;}
.underline	    {text-decoration: underline;}
.uppercase	    {text-transform: uppercase;}
/*------------------------- borders -------------------------*/
.border-radius	    {border-radius: 7px;}
.border-radius-m    {border-radius: 25%;}
.border-b       {border-bottom-width: 1px;}
.border-l       {border-left-width: 1px;}
.border-r       {border-right-width: 1px;}
.border-t       {border-top-width: 1px;}
.circle         {border-radius: 50%;}
.dashed-b       {border-style: dashed;}
.dotted-b   	{border-style: dotted;}	
.solid-b        {border-style: solid;}
.thin-b			{border-width: 1px;}
.no-border		{border: 0;}
/*==================== margin ===================*/
.margin-tab-3       {margin-bottom: 0.1875rem; margin-top: 0.1875rem;}
.margin-tab-5       {margin-bottom: 0.3125rem; margin-top: 0.3125rem;}
.margin-tab-10      {margin-bottom: 0.625rem; margin-top: 0.625rem;}
.margin-tab-15      {margin-bottom: 0.9375rem; margin-top: 0.9375rem;}
.margin-tab-20      {margin-bottom: 1.25rem; margin-top: 1.25rem;}
.margin-tab-25      {margin-bottom: 1.5625rem; margin-top: 1.5625rem;}
.margin-tab-30      {margin-bottom: 1.875rem; margin-top: 1.875rem;}
.margin-tab-40      {margin-bottom: 2.5rem; margin-top: 2.5rem;}
.margin-tab-50      {margin-bottom: 3.125rem; margin-top: 3.125rem;}
.margin-tab-100     {margin-bottom: 6.25rem; margin-top: 6.25rem;}
.margin-tab-1r      {margin-bottom: 1rem; margin-top: 1rem;}
.margin-tab-2r      {margin-bottom: 2rem; margin-top: 2rem;}
.margin-tab-3r      {margin-bottom: 3rem; margin-top: 3rem;}
.margin-tab-4r      {margin-bottom: 4rem; margin-top: 4rem;}
.margin-tab-5r      {margin-bottom: 5rem; margin-top: 5rem;}

.margin-b-3         {margin-bottom: 0.1875rem;}
.margin-b-5         {margin-bottom: 0.3125rem;}
.margin-b-10        {margin-bottom: 0.625rem;}
.margin-b-15        {margin-bottom: 0.9375rem;}
.margin-b-20        {margin-bottom: 1.25rem;}
.margin-b-25        {margin-bottom: 1.5625rem;}
.margin-b-30        {margin-bottom: 1.875rem;}
.margin-b-40        {margin-bottom: 2.5rem;}
.margin-b-50        {margin-bottom: 3.125rem;}
.margin-b-100       {margin-bottom: 6.25rem;}
.margin-b-05r		{margin-bottom: 0.5rem;}
.margin-b-1r        {margin-bottom: 1rem;}
.margin-b-2r        {margin-bottom: 2rem;}
.margin-b-3r        {margin-bottom: 3rem;}
.margin-b-4r        {margin-bottom: 4rem;}
.margin-b-5r        {margin-bottom: 5rem;}
.margin-b-10r		{margin-bottom: 10rem;}

.margin-t-3         {margin-top: 0.1875rem;}
.margin-t-5         {margin-top: 0.3125rem;}
.margin-t-10        {margin-top: 0.625rem;}
.margin-t-15        {margin-top: 0.9375rem;}
.margin-t-20        {margin-top: 1.25rem;}
.margin-t-25        {margin-top: 1.5625rem;}
.margin-t-30        {margin-top: 1.875rem;}
.margin-t-40        {margin-top: 2.5rem;}
.margin-t-50        {margin-top: 3.125rem;}
.margin-t-100       {margin-top: 6.25rem;}
.margin-t-1r        {margin-top: 1rem;}
.margin-t-2r        {margin-top: 2rem;}
.margin-t-3r        {margin-top: 3rem;}
.margin-t-4r        {margin-top: 4rem;}
.margin-t-5r        {margin-top: 5rem;}
.margin-t-10r       {margin-top: 10rem;}
/*------------------------- padding -------------------------*/
.padding-3          {padding: 0.1875rem;}
.padding-5          {padding: 0.3125rem;}
.padding-10         {padding: 0.625rem;}
.padding-15         {padding: 0.9375rem;}
.padding-20         {padding: 1.25rem;}
.padding-25         {padding: 1.5625rem;}
.padding-30         {padding: 1.875rem;}
.padding-40         {padding: 2.5rem;}
.padding-50         {padding: 3.125rem;}
.padding-100        {padding: 6.25rem;}
.padding-1r         {padding: 1rem;}
.padding-2r         {padding: 2rem;}
.padding-3r         {padding: 3rem;}
.padding-4r         {padding: 4rem;}
.padding-5r         {padding: 5rem;}

.padding-tab-3       {padding-bottom: 0.1875rem; padding-top: 0.1875rem;}
.padding-tab-5       {padding-bottom: 0.3125rem; padding-top: 0.3125rem;}
.padding-tab-10      {padding-bottom: 0.625rem; padding-top: 0.625rem;}
.padding-tab-15      {padding-bottom: 0.9375rem; padding-top: 0.9375rem;}
.padding-tab-20      {padding-bottom: 1.25rem; padding-top: 1.25rem;}
.padding-tab-25      {padding-bottom: 1.5625rem; padding-top: 1.5625rem;}
.padding-tab-30      {padding-bottom: 1.875rem; padding-top: 1.875rem;}
.padding-tab-40      {padding-bottom: 2.5rem; padding-top: 2.5rem;}
.padding-tab-50      {padding-bottom: 3.125rem; padding-top: 3.125rem;}
.padding-tab-100     {padding-bottom: 6.25rem; padding-top: 6.25rem;}
.padding-tab-1r      {padding-bottom: 1rem; padding-top: 1rem;}
.padding-tab-2r      {padding-bottom: 2rem; padding-top: 2rem;}
.padding-tab-3r      {padding-bottom: 3rem; padding-top: 3rem;}
.padding-tab-4r      {padding-bottom: 4rem; padding-top: 4rem;}
.padding-tab-5r      {padding-bottom: 5rem; padding-top: 5rem;}
.padding-tab-7r      {padding-bottom: 7rem; padding-top: 7rem;}
.padding-tab-10r     {padding-bottom: 10rem; padding-top: 10rem;}

.padding-lar-5      {padding: 0 0.3125rem;}
.padding-lar-10     {padding: 0 0.625rem;}

.padding-b-3        {padding-bottom: 0.1875rem;}
.padding-b-5        {padding-bottom: 0.3125rem;}
.padding-b-10       {padding-bottom: 0.625rem;}
.padding-b-15       {padding-bottom: 0.9375rem;}
.padding-b-20       {padding-bottom: 1.25rem;}
.padding-b-25       {padding-bottom: 1.5625rem;}
.padding-b-30       {padding-bottom: 1.875rem;}
.padding-b-40       {padding-bottom: 2.5rem;}
.padding-b-50       {padding-bottom: 3.125rem;}
.padding-b-100      {padding-bottom: 6.25rem;}
.padding-b-1r       {padding-bottom: 1rem;}
.padding-b-2r       {padding-bottom: 2rem;}
.padding-b-3r       {padding-bottom: 3rem;}
.padding-b-4r       {padding-bottom: 4rem;}
.padding-b-5r       {padding-bottom: 5rem;}

.padding-t-2        {padding-top: 0.125rem;}
.padding-t-3        {padding-top: 0.1875rem;}
.padding-t-5        {padding-top: 0.3125rem;}
.padding-t-10       {padding-top: 0.625rem;}
.padding-t-15       {padding-top: 0.9375rem;}
.padding-t-20       {padding-top: 1.25rem;}
.padding-t-25       {padding-top: 1.5625rem;}
.padding-t-30       {padding-top: 1.875rem;}
.padding-t-40       {padding-top: 2.5rem;}
.padding-t-50       {padding-top: 3.125rem;}
.padding-t-100      {padding-top: 6.25rem;}
.padding-t-1r       {padding-top: 1rem;}
.padding-t-2r       {padding-top: 2rem;}
.padding-t-3r       {padding-top: 3rem;}
.padding-t-4r       {padding-top: 4rem;}
.padding-t-5r       {padding-top: 5rem;}
/*------------------------ global mobile settings (for portrait & landscape) ------------------------*/
@media screen and (min-width: 320px) and (max-width: 719px) {
.container, .container-width	{margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; width: 100%;}
.mhide          {display: none !important;}
.mgrid-24       {margin-right: 0;}

.mgrid-1     {width: 3.20%;}
.mgrid-2     {width: 7.41%;}
.mgrid-3     {width: 11.62%;}
.mgrid-4     {width: 15.83%;}
.mgrid-5     {width: 20.04%;}
.mgrid-6     {width: 24.24%;}
.mgrid-7     {width: 28.45%;}
.mgrid-8     {width: 32.66%;}
.mgrid-9     {width: 36.87%;}
.mgrid-10    {width: 41.08%;}
.mgrid-11    {width: 45.29%;}
.mgrid-12    {width: 49.49%;}
.mgrid-13    {width: 53.70%;}
.mgrid-14    {width: 57.91%;}
.mgrid-15    {width: 62.12%;}
.mgrid-16    {width: 66.33%;}
.mgrid-17    {width: 70.54%;}
.mgrid-18    {width: 74.74%;}
.mgrid-19    {width: 78.95%;}
.mgrid-20    {width: 83.16%;}
.mgrid-21    {width: 87.37%;}
.mgrid-22    {width: 91.58%;}
.mgrid-23    {width: 95.79%;}
.mgrid-24    {width: 100%;}

.add-1, .add-2, .add-3, .add-4, .add-5, .add-6, .add-7, .add-8, .add-9, .add-10, .add-11, .add-12    {padding-right: 0;}
.prefix-1, .prefix-2, .prefix-3, .prefix-4, .prefix-5, .prefix-6, .prefix-7, .prefix-8, .prefix-9, .prefix-10, .prefix-11, .prefix-12    {padding-left: 0;}

.push-1, .push-100, .push-105, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10,
.push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, 
.push-20, .push-21, .push-22, .push-23 ,
.pull-1, .pull-100, .pull-105, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, 
.pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, 
.pull-20, .pull-21, .pull-22, .pull-23 {left: 0;}

.mpush-0    {margin-left: 0; left: 0;}
.mpush-1    {margin-left: 4.20%;}
.mpush-2    {margin-left: 8.41%;}
.mpush-3    {margin-left: 12.62%;}

.mmargin-b-2r   {margin-bottom: 2rem;}
.mmargin-b-4r   {margin-bottom: 4rem;}

.margin-b-20, .margin-b-30, .margin-b-2r {margin-bottom: 1.5rem;}
.margin-b-40, .margin-b-50, .margin-b-100, .margin-b-3r, .margin-b-4r, .margin-b-5r, .margin-b-10r  {margin-bottom: 2rem;}
.margin-t-20, .margin-t-30 {margin-top: 1.5rem;}
.margin-t-40, .margin-t-50, .margin-t-100, .margin-t-3r, .margin-t-4r, .margin-t-5r  {margin-top: 3rem;}
.margin-tab-20, .margin-tab-30 {margin-bottom: 1.5rem; margin-top: 1.5rem;}
.margin-tab-40, .margin-tab-50, .margin-tab-100, .margin-tab-3r, .margin-tab-4r, .margin-tab-5r  {margin-bottom: 3rem; margin-top: 3rem;}

.padding-20, .padding-30  {padding: 1.5rem;}
.padding-tab-20, .padding-tab-30  {padding-bottom: 1.5rem; padding-top: 1.5rem;}
.padding-t-20, .padding-t-30  {padding-top: 1.5rem;}
.padding-b-20, .padding-b-30  {padding-bottom: 1.5rem;}
.padding-b-40, .padding-b-50, .padding-b-100, .padding-b-3r, .padding-b-4r, .padding-b-5r   {padding-bottom: 3rem;}
.padding-40, .padding-50, .padding-100, .padding-3r, .padding-4r, .padding-5r {padding: 3rem;}
.padding-tab-40, .padding-tab-50, .padding-tab-100, .padding-tab-3r, .padding-tab-4r, .padding-tab-5r, .padding-tab-10r  {padding-bottom: 3rem; padding-top: 3rem;}
.padding-b-40, .padding-b-50, .padding-b-100, .padding-b-3r, .padding-b-4r, .padding-b-5r {padding-bottom: 3rem;}
.padding-t-40, .padding-t-50, .padding-t-100, .padding-t-3r, .padding-t-4r, .padding-t-5r {padding-top: 3rem;}
}
/*----------------------- mobile portrait ----------------------*/	
@media screen and (min-width: 320px) and (max-width: 719px) and (orientation: portrait)  {
.mphide {display: none;}
}
/*------------------------ mobile landscape ------------------------*/
@media screen and (min-width: 320px) and (max-width: 719px) and (orientation: landscape)  {
.mlhide {display: none;}
}
/*------------------------ tablet landscape + portrait ------------------------*/
@media screen and (min-width: 720px) and (max-width: 1024px)   {
/*.container, .container-width	{margin-left: auto; margin-right: auto; padding-left: 2.1%;*/
.tgrid-24     {width: 100%;}	
.thide		  {display: none;}			
}	
/*------------------------ tablet portrait ------------------------*/
@media screen and (min-width: 720px) and (max-width: 1024px) and (orientation: portrait)  {
.container, .container-width	{margin-left: auto; margin-right: auto; padding-left: 2.1%; padding-right: 2.1%; width: 100% ;}

.tpgrid-1     {width: 3.20%;}
.tpgrid-2     {width: 7.41%;}
.tpgrid-3     {width: 11.62%;}
.tpgrid-4     {width: 15.83%;}
.tpgrid-5     {width: 20.04%;}
.tpgrid-6     {width: 24.24%;}
.tpgrid-7     {width: 28.45%;}
.tpgrid-8     {width: 32.66%;}
.tpgrid-9     {width: 36.87%;}
.tpgrid-10    {width: 41.08%;}
.tpgrid-11    {width: 45.29%;}
.tpgrid-12    {width: 49.49%;}
.tpgrid-13    {width: 53.70%;}
.tpgrid-14    {width: 57.91%;}
.tpgrid-15    {width: 62.12%;}
.tpgrid-16    {width: 66.33%;}
.tpgrid-17    {width: 70.54%;}
.tpgrid-18    {width: 74.74%;}
.tpgrid-19    {width: 78.95%;}
.tpgrid-20    {width: 83.16%;}
.tpgrid-21    {width: 87.37%;}
.tpgrid-22    {width: 91.58%;}
.tpgrid-23    {width: 95.79%;}
.tpgrid-24    {width: 100%; left: 0;} 

.tppush-1     {left: 4.20%;}
.tppush-100   {left: 5.61%;}
.tppush-105   {left: 6.31%;}
.tppush-2     {left: 8.41%;}
.tppush-3     {left: 12.62%;}
.tppush-4     {left: 16.83%;}
.tppush-5     {left: 21.04%; margin-left: 21.04%;}
.tppush-6     {left: 25.25%; margin-left: 25.25%}
.tppush-7     {left: 29.45%; margin-left: 29.45%}
.tppush-8     {left: 33.66%;}
.tppush-9     {left: 37.87%;}
.tppush-10    {left: 42.08%;}
.tppush-11    {left: 46.29%;}
.tppush-12    {left: 50.49%;}
.tppush-13    {left: 54.70%;}
.tppush-14    {left: 58.91%;}
.tppush-15    {left: 63.12%;}
.tppush-16    {left: 67.33%;}
.tppush-17    {left: 71.54%;}
.tppush-18    {left: 75.74%;}
.tppush-19    {left: 79.95%;}
.tppush-20    {left: 84.16%;}
.tppush-21    {left: 88.37%;}
.tppush-22    {left: 92.58%;}
.tppush-23    {left: 96.79%;}

.tgrid-24	  {margin-right: 0;}
.add-1, .add-2, .add-3, .add-4, .add-5, .add-6, .add-7, .add-8, .add-9, .add-10, .add-11, .add-12, .add-13, 
.add-14, .add-15, .add-16, .add-17, .add-18, .add-19, .add-20, .add-21, .add-22, .add-23 {padding-right: 1%;}
.tpcentred        {margin-left: auto; margin-right: auto; text-align: center;}
.tphide {display: none;}
}
/*===================================== tablet landscape ===================================*/
@media screen and (min-width: 720px) and (max-width: 1024px) and (orientation: landscape)  {
.container, .container-width	{margin-left: auto; margin-right: auto; min-width: 960px; width: 100%;}	
.add-1, .add-2, .add-3, .add-4, .add-5, .add-6, .add-7, .add-8, .add-9, .add-10, .add-11, .add-12, .add-13, 
.add-14, .add-15, .add-16, .add-17, .add-18, .add-19, .add-20, .add-21, .add-22, .add-23 {padding-right: 1%;}
.tlhide {display: none;}
}
/*=================================== end tablet landscape =================================*/
@media screen and (min-width: 1024px) {
.dhide          {display: none;}
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
.container	    {margin-left: auto; margin-right: auto; min-width: 960px; width: 95.8%;}	
}
@media screen and (min-width: 1153px) and (max-width: 1280px) {
.container	    {margin-left: auto; margin-right: auto; min-width: 1128px; width: 1070px ;}	
}
@media screen and (min-width: 1281px) and (max-width: 1440px) {
.container	    {margin-left: auto; margin-right: auto; width: 1200px ;}		
}
@media screen and (min-width: 1441px) and (max-width: 1680px) {
.container	    {margin-left: auto; margin-right: auto; width: 1200px ;}		
}
@media screen and (min-width: 1681px) and (max-width: 1920px) {	
.container  	{margin-left: auto; margin-right: auto; width: 1280px;}		
}
@media screen and (min-width: 1921px) and (max-width: 2560px) {	
.container  	{margin-left: auto; margin-right: auto; width: 1280px;}		
}
@media screen and (min-width: 2560px) {
.container      {margin-left: auto; margin-right: auto; width: 1280px;}
}