body {
  width: 100%;
  *zoom: 1;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
/*@columns: 12;
@column-width: 60;
@gutter-width: 20;*/
/*#region Max Device Width*/

body {
  background-color: #f0f0f0;
  min-width: 760px;
  width: 951px !important;
}
#header {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 1.041666667%;
  margin: 0 auto !important;
  background-color: white;
}
#footer {
  display: inline;
  float: left;
  width: 100%;
  margin: 0 1.041666667%;
  margin: 0 auto !important;
}
/*#region Home Page View*/

.left-panel-wrapper > div {
  width: 610px ;
}
.approval-summary-box,
.visitors-summary-box,
.content-summary-box {
  width: 610px;
}
#left {
  display: inline;
  float: left;
  width: 66%;
  margin: 0 1.041666667%;
  margin-left: 0px;
  margin-right: 10px;
}
#right {
  display: inline;
  float: left;
  width: 31.583333333%;
  margin: 0 1.041666667%;
  margin-left: 0;
}
/*#endregion Home Page View*/

/*#region Social Feeds*/

#left-contents {
  display: inline;
  float: left;
  width: 66%;
  margin: 0 1.041666667%;
  margin-left: 0px;
  margin-right: 10px;
  margin-bottom: 10px;
}
#right-contents {
  display: inline;
  float: left;
  width: 32.925%;
  margin: 0 1.041666667%;
  margin: 0;
}
/*#endregion Social Feeds*/

/*#region Expanded View*/

#child-left {
  display: inline;
  float: left;
  width: 80%;
  margin: 0 1.041666667%;
  margin: 0;
  margin-right: 10px;
}
#child-right {
  display: inline;
  float: left;
  width: 18.916666667%;
  margin: 0 1.041666667%;
  margin: 0;
}
/*#endregion Expanded View*/

/*#endregion Max Width*/

@media screen and (max-width: 970px) {
  .left-panel-wrapper > div {
    width: 608px !important;
  }
  body.mkt-view {
    width: 950px !important;
  }
  body.ipad-view {
    min-width: 630px;
    width: 64% !important;
  }
  body {
    width: 75% !important;
  }
  #header {
    display: inline;
    float: left;
    width: 72.916666667%;
    margin: 0 1.041666667%;
    margin: 0 auto !important;
    background-color: white;
    width: 100%;
  }
  /* #main-body {
          width: 100%;
          margin-bottom: 1em;
          min-height: 1338px;
      }*/
  
  /*#region Home Page View*/
  
  #left {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 1.041666667%;
    margin: 0;
  }
  #right {
    display: inline;
    float: left;
    width: 100%;
    margin: 0 1.041666667%;
    margin: 0;
  }
  .menu-wrapper {
    margin-left: 100px;
  }
  .applications-summary-box,
  .users-summary-box,
  .feeds-summary-box {
    height: 225px !important;
  }
  div.child-div {
    float: left;
    margin-right: 5px;
  }
  #right .second-right-div {
    margin-right: 0;
  }
  /*#endregion Home Page View*/
  
  /*#region Expanded View*/
  
  #child-left {
    margin-bottom: 10px;
    width: 100%;
    margin-right: 0px;
  }
  #child-right {
    width: 100%;
    margin: 0;
  }
  .right-box {
    float: left;
    margin-right: 13px;
    margin-bottom: 13px;
  }
  .right-box.fourth-box {
    margin-right: 0;
  }
  /*#endregion Expanded View*/
  
  body.three-column-layout div.child-div {
    margin-right: 10px;
  }
  body.three-column-layout .third-block {
    margin-right: 10px !important;
  }
  body.three-column-layout {
    min-width: 630px;
    width: 64% !important;
  }
  body.three-column-layout .second-block {
    margin-right: 0px !important;
  }
}
@media screen and (max-width: 900px) {
  /*#region Expanded View*/
  
  #child-left {
    width: 100%;
    margin-bottom: 10px;
  }
  /*#endregion Expanded View*/
  
  /*#region Home Page View*/
  
  /*.applications-summary-box, .users-summary-box, .feeds-summary-box {
          height: 225px !important;
      }*/
  
  /*.right-panel-wrapper > div #table-wrapper {
          min-height: 0;
          height: 123px;
      }*/
  
  .right-panel-wrapper > div {
    height: 217px !important;
  }
  /*#endregion Home Page View*/
}
@media (max-width: 768px) {
  /*body {
          max-width: 767px;
      }*/
  
  #header {
    width: 100%;
    margin: 0 auto !important;
    background-color: white;
  }
  /*#region Expanded View*/
  
  #child-left {
    /*width: 767px;*/
    margin-bottom: 10px;
  }
  /*#endregion Expanded View*/
  
  /*#region Home Page View*/
  
  #right {
    margin-bottom: 1em;
  }
  div.child-div {
    float: left;
    margin-right: 5px;
  }
  /*#endregion Home Page View*/
}
@media (max-width: 700px) {
  #header {
    width: 100%;
    margin: 0 auto !important;
    background-color: white;
  }
  /*#region Expanded View*/
  
  #child-left {
    width: 98%;
    margin-left: 1%;
  }
  #child-right {
    display: inline;
    float: left;
    width: 98%;
    margin: 0 1.041666667%;
    margin-left: 1%;
  }
  .right-box {
    margin-bottom: 8px;
    margin-right: 8px;
  }
  /*#endregion Expanded View*/
}
/*
// Landscape phones and down
@media (max-width: 480px) {
    ...
}

// Portrait tablet to landscape and desktop
@media (min-width: 768px) and (max-width: 979px) {
    ...
}

// Large desktop
@media (min-width: 1200px) {
    ...
}

*/