﻿@media (min-width: 541px) {
  div.header-l0 div.SearchBox {
    display: none; }
  div.SearchBox {
    width: 100%;
    float: none;
    margin: 0; }
  /*#seachBoxDiv .k-autocomplete
    {
        margin: 0;
    }*/ }

div#PageControls {
  margin-top: 15px; }

table.home-header {
  background-color: #f2f2f2;
  width: 100%; }

table.home-header td {
  vertical-align: middle; }

table.home-header td:first-child > div {
  padding-left: 4%;
  padding-right: 4%; }

table.home-header td:first-child > div > h2 {
  margin-bottom: 24px;
  font-size: 24px; }

.ask-learn-solve-container {
  border-left: 1px solid #d2d2d2;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 12px 26px 12px 26px; }

.ask-learn-solve-container .content-title {
  margin-top: 0; }

div.home-category,
div.home-participate {
  margin-bottom: 50px; }

div.home-category > h2,
.home-participate-h2 {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-weight: lighter;
  font-size: 34px;
  line-height: 40px;
  color: #333333;
  margin-bottom: 56px;
  margin-top: 50px; }

div.home-category-list {
  padding: 0;
  width: 100%; }

div.home-category-list > div {
  margin-bottom: 40px; }

div.home-category-list > div > a {
  color: #333333;
  font-family: 'Segoe UI', Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  display: inline-block;
  width: 100%; }

div.home-category-list > div > a > div {
  padding-right: 10px;
  padding-left: 20px;
  display: table-cell;
  vertical-align: middle;
  height: 72px; }

div.home-category-list > div > a > img {
  padding: 1px; }

div.home-category-view-all {
  margin-bottom: 50px; }

div.home-category-view-all > button {
  font-family: 'Segoe UI', Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  height: 30px; }

div.home-participate > p {
  margin-bottom: 20px;
  margin-right: 40px; }

div.home-participate > ul {
  list-style-type: none;
  padding: 0;
  margin-right: 20px; }

div.home-participate > ul > li {
  margin-bottom: 16px; }

div.home-participate > a.msaButton {
  margin-left: 0;
  margin-right: 0; }

.top-contrib-section .top-contrib-label {
  margin-top: 30px; }

div.home-participate > ul > li > a:visited,
div.ask-learn-solve-container a:visited {
  color: #006cd8; }

div.home-participate > ul > li > a:focus,
div.home-participate > ul > li > a:hover,
div.ask-learn-solve-container a:focus,
div.ask-learn-solve-container a:hover {
  color: #00188f; }

.rtl div.ask-learn-solve-container {
  border-right: 1px solid #d2d2d2;
  border-left: none; }

.rtl div.home-participate > p {
  margin-right: 0;
  margin-left: 40px; }

@media (max-width: 768px) {
  div.container-home {
    padding-left: 12px;
    padding-right: 12px;
    margin-left: 0;
    margin-right: 0; } }

@media (max-width: 768px) and (min-width: 540px) {
  table.home-header td:first-child {
    padding-top: 56px; }
  div.ask-learn-solve-container {
    margin-top: 34px;
    margin-bottom: 50px;
    border: none;
    padding-left: 0;
    padding-right: 0; }
  .rtl div.ask-learn-solve-container,
  div.ask-learn-solve-container {
    border: none; }
  .ask-learn-solve-container .content-text {
    width: 80%; }
  table.home-header td:first-child > div,
  div#PageControls div.row {
    padding-left: 8%;
    padding-right: 8%; }
  div#PageControls div.row:first-child {
    padding-left: 0;
    padding-right: 0; } }

@media (max-width: 540px) {
  div.home-participate > ul {
    margin: 0; }
  div.home-category,
  div.home-category-view-all,
  div.home-participate {
    margin-bottom: 30px; }
  div.home-category > h2,
  .home-participate-h2 {
    margin-bottom: 30px;
    margin-top: 30px; }
  div#PageControls {
    margin-top: 0; }
  ul.home-category-list {
    margin-bottom: 10px; } }

