@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2) {
    html {
        font-size: 75%;
    }
 }

@media only screen and (min-width: 480px) {

  nav ul li {
      display: inline;
  }

  .oldie nav a {
      margin: 0 0.7%;
  }

  /*request form */
  form.request-form {
    text-align: left;
    vertical-align: top;
    font-size: 0;
  }

  form#new_request .form-field.screencast {
    float: right;
    width: 50%;
  }

  form#new_request footer {
    clear: both;
    margin: 0;
    overflow: auto;
    padding: 10px;
  }
  form#new_request footer input[type=submit] {
    float: right;
    width: 25%;
  }
  a#request-screencasts {
    text-align: left;
  }

  form#new_request .form-field {
    width: 50%;
    display:inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
    padding: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .deflect-msg {
    text-align:left;
    margin: 10px;
  }
  .upload-dropzone {
    min-height: 93px;
    padding-top: 20px;
  }
  .upload-dropzone span {
    padding-top: 20px;
  }
  main[role=main] {
    padding-bottom:98px;
  }
  .footer-inner > div {
    padding: 0;
    line-height: 20px;
    width: 40%;
  }
  .footer-inner > div a.small {
    display: inline-block;
  }
  .footer-inner > div.right {
    text-align: right;
  }
  .footer-inner > div.left {
    text-align: left;
  }
  .lang-sel {
    text-align: right;
    margin-top: 0px;
  }

}

@media only screen and (min-width: 768px) {

   html {
    font-size: 72.3%;
   }
   .more {
    clear: both;
    display: none;
   }
   main[role=main] {
      margin:0px auto;
      vertical-align: top;
      background: transparent url("//p3.zdassets.com/hc/theme_assets/470143/200011371/search_bg.png") top center repeat-x;
      padding: 0px 10%;
      padding-bottom: 98px;
      text-align: center;
   }
   main.framed {
    background: #f2f2f2;
    padding-top: 20px;
    padding:40px;
  }
  .section-tree section h3 a {
      padding-left: 15px;
  }
  .section-tree section h3 a span {
      display: inline-block;
      padding-left: 10px;
      font-size: 12px;
      font-size: 1.2rem;
  }
  .section-tree section h3 a:after {
    top: auto;
  }
   .pop-searches {
      margin:15px auto 0px;
      color: #fff;
      display:block;
      font-size: 14px;
      font-size: 1.4rem;
      text-align: center;
      line-height: 24px;
   }
   .pop-searches a {
      font-weight: 400;
      color: #fff;
      border: 1px solid #fff;
      margin: 2px;
      padding: 1px 4px;
      border-radius: 3px;
      max-width: none;
      white-space: nowrap;
      display: inline-block;
   }
   .search-box {
        padding:0px;
        padding-top:40px;
        margin-bottom:70px;
   }
   .search-box form {
        margin:0 auto;
   }
   .pop-searches {
        text-align:right;
   }
   .pop-searches div {
      display: inline-block;
      vertical-align: bottom;
      padding-bottom: 4px;
    }
   .knowledge-base.categ-menu {
        display: inline-block;
        vertical-align: top;
        width: 25%;
        padding:0px;
        float:left;
   }
   .category-tree {
        width: 100%;
        display: inline-block;
   }
   .popular-questions {
        width: 74%;
        display: inline-block;
        padding:0px;
        margin:0px auto;
        float: right;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
   }
   .search-box form input#query {
        height: 60px;
        padding-right: 60px;
   }
   .search-box form input[type=submit] {
        top:16px;
        right:16px;
   }
   .search-box form input[type=submit]:active {
        top:17px;
        right:15px;
   }
   .category-tree section.category h2 {
    line-height:5.6rem;
    text-align:left;
   }
   .article-promoted.hidden {
    /*display: inline-block!important;*/
   }
   .popular-questions ul {
        max-height:327px;
        margin-top:-1px;
   }
   .popular-questions ul li.article-promoted {
        max-width: 33.3%;
        height: 164px;
        vertical-align: top;
   }
   .popular-questions ul li.article-promoted a {
        height: 162px;
        font-size:2rem;
        font-weight: 300;
        text-align: left;
        line-height: 27px;
   }
  .search-result-description, .article-description {
    font-size:15px;
    font-size:1.5rem;
  }

  a.search-result-link,
  ul.article-list > li > a,
  ul#popular-questions > li > a,
  section.promoted-articles ul > li > a {
    font-size: 1.6rem;
  }
  .search-results {
    max-width: 70%;
  }

  .fifty {
      vertical-align:top;
      display: inline-block;
      width: 34%;
      margin:0px auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-left: 1%;
  }

  .a-left {
    padding-right: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .fifty.a-left {
    margin-left:0px;
    margin-right: -5px;
    padding-right:0.5%;
    width:65%
  }
  .fifty section.promoted-articles h3 {
    margin:15px 0px;
    padding-top:0px;
  }
  #cats_drop h2:before,
  #cats_drop ul li:before {
    width: 5px;
  }
  #cats_drop .cat_desc {
    display:block;
  }
  main[role=main] {
    padding-bottom:98px;
  }
  .footer-inner > div {
    padding: 0;
    line-height: 20px;
    width: 40%;
  }
  .lang-sel {
    text-align: right;
  }
  header .logo a span {
      font-size: 12px;
      color: #fff;
      text-transform: uppercase;
      display: inline-block;
      height: 12px;
      line-height: 12px;
      padding-left: 1px;
      font-weight: 300;
      vertical-align: bottom;
      padding-bottom: 1px;
  }

}/*media query*/

@media only screen and (min-width: 1140px) {

/* ===============
    Maximal Width
   =============== */

}