﻿/* pc platform */
@media (min-width:701px) 
{
	.TableItem
	{
		position:relative;left:100px;width:700px
	}	
}

.TableMassesxmas
{
  position:relative;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}	
.TableMassesxmas td {
	background-color: rgb(216, 227, 240);
	height:50px; 
	padding: 10px; 
	border: 5px;
	border-color: transparent;
  }

  .ContainerItemLargexmas,
  .ContainerItemxmas 
  {
      position:relative;
      left:30px;
      top:0px;
      width:700px;
      min-height:200px;
      padding: 10px
  }

  .ContainerItemTextOnlyxmas
  {
      position:relative;
      left:30px;
      top:0px;
      width:700px;
      padding:10px;
      background-color: rgb(216, 227, 240);
  }

  .ContainerImagexmasright
	{
		position:absolute;
		width:auto;
		height:auto;
		top: 0px;
    right:0px;
	}

  .ContainerImagexmasleft
	{
		position:absolute;
		width:auto;
		height:auto;
    top:0px;
		left:0px;
	}

  .ContainerImagexmasCollapse
{
  position:absolute;
  width:auto;
  height:auto;
  max-height:90%;
  max-width:30%;
  right:0px;
}

.XmasHeader
{
position:relative;
      top:0px;
      max-width:75%;
      margin:auto;
}	

.ContainerXmasHeader
{
  position:relative;
  top:0px;
  max-width:700px;
  min-height:200px;
  margin:auto;
}

  

/* mobile platform */
@media (max-width:700px) 
{	
	.TableItem
	{
		position:relative;
	}
}

.TableItemColumn 
{ 
	vertical-align:top;
	padding:0px 0px;
	border:none; 
}

.Column1
{
	width:149px;
}

.Column2
{
	width:315px;
}

.TableMasses
{
	position:relative;
	margin-left: auto;
	margin-right: auto;
}

.TableMasses td {
  text-align: center;
}

.ArticleItemxmas,
.ContainerItemxmas ,
.ContainerItemCollapsexmas,
.ContainerItemLargexmas
{
    position:relative;
    left:5%;
    top:0px;
    width:90%;
}

.ContainerItemTextOnlyxmas
{
    position:relative;
    left:5%;
    top:0px;
    width:90%;
}

.ArticleImageTitlexmas,
.ArticleImagexmas,
.ContainerImagexmas
{
  position:relative;
  width:100%;
  height:auto;
  text-align:center;
}

.ContainerImagexmasCollapse
{
  position:relative;
  width:100%;
  height:auto;
}


.XmasHeader
{
position:relative;
      top:0px;
      margin:auto;
      max-width: 50%;
}	

.ContainerXmasHeader
{
  position:relative;
  top:0px;
  min-height:200px;
  margin:auto;
}