/*Columns*/
.divContent3Column
{
  width:100%;
  height:100%;
  float:left;
}

.divContent3Column > div
{
  margin:0px 300px 0px 300px;
  height:100%;
  position:relative;    
}

.divContent4Column
{
    width:100%;
    height:100%;
    float:left;
}

.divContent4Column > div
{
    margin:0px 100px 0px 100px;
    height:100%;
    position:relative;    
}

/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) { /*  and (max-width: 1199px)  */
  /* tablets and desktop */
  .divContent2Column
  {  
    width:100%;
    height:100%;
    float:left;
  }

  /*Panel on the left hand side*/
  .divContent2Column > div
  {
    margin:0px 0px 0px 290px;
    height:100%;
    position:relative;    
  }

  .divLeftPanel
  {
    float:left;
    margin-left:-100%;
    width:270px;  
    height:100%;
    position:relative;  
  }

  .divRightPanel
  {
    float:left;
    margin-left:-250px;
    width:270px;  
    height:100%;
    position:relative;  
  }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px)  { /* and (max-width: 991px) */

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
  .divLeftPanel
  {
    display:none;
  }

  .divRightPanel
  {
    display:none;
  }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {

}




/*===========================================================================================================*/



