@media screen and (max-width: 1023px) {
  #position {width: 98%; border: 0px solid #FF0033}
  #body, #comments {width: 69.56%;}
  #level {width: 73.16%;}
  #interestingly {width: 48.5%;}
}

@media screen and (max-width: 999px) {
  #searchblock #searchbar input[type="text"] {width: 83%;}	
  #body, #comments {width: 69%;}
  #level {width: 72.56%;}
  #interestingly {width: 47.95%;}
}

@media screen and (max-width: 979px) {
  #searchblock #searchbar input[type="text"] {width: 82.7%;}	
  #body, #comments {width: 68.5%;}
  #level {width: 72.06%;}
  #interestingly {width: 47.45%;}
}

@media screen and (max-width: 960px) {
  #body, #level {float: none;}
  #body, #comments {width: 96.4%;}
  #level {width: 100%;}
  #categories {margin: 10px 0 0 0; background: url(/files/design/bg_categories3.jpg) 0 0 no-repeat; width: 72%; height: 185px; float: left; font-size: 14px;}
  #categories ul {width: 98%;}
  #categories ul li {margin: 0 0 0 7px; float: left;}
  #categories ul li.sep {display: block;}

  #ads3 {float: right;}
  #ask, #contact {height: 90px; width: 35.45%;}
  #ask {background: url(/files/design/bg_ask2.jpg) 0 0 no-repeat; margin: 10px 0 0 0; float: left;}
  #contact {background: url(/files/design/bg_contact2.jpg) 0 0 no-repeat; margin: 10px 0 0 10px; float: left;}

  #interestingly {margin: 10px 0 0 0; width: 60%;}
  #social {margin: 10px 0 0 10px; background: url(/files/design/bg_social2.jpg) 0 0 no-repeat; width: 38.7%; float: right;}
}


@media screen and (max-width: 945px) {#categories {width: 71.5%;}  #ask, #contact {width: 35.15%;}}
@media screen and (max-width: 930px) {#categories {width: 71.0%;}  #ask, #contact {width: 35.0%;}}
@media screen and (max-width: 930px) {#categories {width: 70.5%;}  #ask, #contact {width: 34.68%;}}
@media screen and (max-width: 915px) {#categories {width: 70.3%;}  #ask, #contact {width: 34.68%;}}
@media screen and (max-width: 900px) {#categories {width: 69.8%;}  #ask, #contact {width: 34.35%;}}
@media screen and (max-width: 885px) {#categories {width: 69%;}    #ask, #contact {width: 34%;}}
@media screen and (max-width: 870px) {#categories {width: 68.6%;}  #ask, #contact {width: 33.7%;} #ask .info, #contact .info  {line-height: 15px;}}
@media screen and (max-width: 855px) {#categories {width: 68.3%;}  #ask, #contact {width: 33.5%;}}
@media screen and (max-width: 840px) {#categories {width: 67.75%;} #ask, #contact {width: 33.3%;}}
@media screen and (max-width: 825px) {#categories {width: 67.3%;}  #ask, #contact {width: 33.0%;}}
@media screen and (max-width: 810px) {#categories {width: 66.5%;}  #ask, #contact {width: 32.65%;} #interestingly {width: 59.8%;}}
@media screen and (max-width: 795px) {#categories {width: 65.75%;} #ask, #contact {width: 32.24%;}}
@media screen and (max-width: 780px) {#categories {width: 65.2%;}  #ask, #contact {width: 31.9%;} #body .title {margin: 10px 0 0 59px;} #body .date {margin: 0 0 23px 60px;} #body .change {margin-bottom: 38px;}}
@media screen and (max-width: 765px) {#categories {width: 64.6%;}  #ask, #contact {width: 31.6%;}}
@media screen and (max-width: 750px) {#categories {width: 64%;}    #ask, #contact {width: 31.3%;}}
@media screen and (max-width: 745px) {#categories {width: 63.4%;}  #ask, #contact {width: 31%;}}

@media screen and (max-width: 730px) {
  #categories {width: 100%; float: none;}
  #ads3{float: left;}
  #ask, #contact {height: 120px; width: 62.5%; margin: 10px 0 0 0; float: right;}
  #ask .info, #contact .info  {line-height: 18px; clear: both;} 
  #body .footnotes {margin: 25px 0 0 2.9%;}
  #edu {height: auto !important;}
  #edu div {width: 100% !important;}
  #edu img {width: 100% !important; vertical-align: bottom;}
}

@media screen and (max-width: 710px) {#ask, #contact {width: 61.6%;} #interestingly {width: 59.5%;}}
@media screen and (max-width: 695px) {#ask, #contact {width: 60.9%;} .video embed, .video object, .video iframe {width: 100%;height: auto;}} /*elastic video*/
@media screen and (max-width: 680px) {#ask, #contact {width: 60.1%;}}
@media screen and (max-width: 665px) {#ask, #contact {width: 59.5%;} #interestingly {width: 65%;} #social {width: 33.2%;} }
@media screen and (max-width: 650px) {#ask, #contact {width: 58.2%;}}  

@media screen and (max-width: 635px) {
  #ask, #contact {width: 57.2%;}
  #social {float: none; margin: 10px 0 0 0; width: 100%; height: 84px;  background: url(/files/design/bg_social3.jpg) 0 0 no-repeat;}
  #social #google, #social #facebook, #social #twitter {margin-top: 10px;}
  #interestingly {float: none; width: 100%;}
}

@media screen and (max-width: 620px) {#ask, #contact {width: 56.2%;} }
@media screen and (max-width: 605px) {#ask, #contact {width: 55.2%;} footer {font-size: 14px; padding: 10px 0 0 0; height: 33px;}}
@media screen and (max-width: 590px) {#ask, #contact {width: 53.6%;} #body .footnotes {margin: 25px 0 0 3.6%;}}
@media screen and (max-width: 575px) {#ask, #contact {width: 52.2%;}}
@media screen and (max-width: 560px) {#ask, #contact {width: 51%;}}
@media screen and (max-width: 545px) {
  #ask, #contact {width: 49.8%;}
  #logo {float: none; margin: 0 auto 15px auto;}
  #searchblock {width: 100%;float:none;}

}

@media screen and (max-width: 530px) {
  #ask, #contact {width: 48.1%;}
  footer {height: 54px; text-align: center;}
  footer div {float: none; margin: 0 auto;}
  footer nav {float: none; margin: 5px 0 0 0;}
  footer nav ul {width: 275px;}
  #level {height: 28px;  float: none; font-size: 14px; margin: 10px 0 0 0;}
  #body .footnotes {margin: 25px 0 0 4%;}
  #searchblock {margin: 0;}
}

@media screen and (max-width: 515px) {#ask, #contact {width: 46.5%;} #categories {height: auto;}}
@media screen and (max-width: 500px) {#ask, #contact {width: 45.1%;} #body .title {margin: 0 0 0 65px;} #body .date {margin: -5px 0 23px 66px;} #body .change {margin-bottom: 38px;}}
@media screen and (max-width: 486px) {#ask, #contact {width: 44.1%;}}

@media screen and (max-width: 480px) {
  #ads3 {float: none; margin: 10px auto 0 auto;}
  #ask, #contact {width: 49%; margin: 10px 0 0 0;}
  #contact {float: left;}
  #ads_block {float: none; margin: 5px auto 10px auto; clear: both;}
  #body .footnotes {margin: 25px 0 0 5%;}

  #logo {display: none;}
  #position {margin: 10px auto; width: 97%;}
  
}


@media screen and (max-width: 470px) {
  #interestingly {font-size: 15px;}
  #comments article { font-size: 14px;}
  #body {font-size: 14px; padding: 12px 2.2% 2.5% 2.2%; width: 95.6%;}
  #body .title {margin: 5px 0 0 59px; font-size: 20px;}
  #body h1 {font-size: 20px; line-height: 20px;} 
  #body .date {margin: 0px 0 23px 60px;}
  #body .change {margin-bottom: 38px;} 
  #comments .title {font-size: 20px;} 
  #level {display: none;}
  #logotext {display: block;}
  #body .footnotes {margin: 25px 0 0 5.5%;}
  #interestingl {}
  #interestingly .title {margin: 10px 0 0 10px;}
  #interestingly .question { background: none;  padding: 0; margin: 3px 0 0 10px;}
  #interestingly .question ul {list-style: circle inside; }

}

@media screen and (max-width: 430px) {
  #body .title {margin: 8px 0 0 59px; font-size: 16px;} 
  #body .change {margin-bottom: 38px;}
  #ask, #contact {width: 100%; float: none;}
  

  #comments article figure {width: 50px;}
  #comments article figure img {width: 100%}
} 

@media screen and (max-width: 360px) {
  #interestingly .title, #interestingly {font-size: 14px;}  
}

@media screen and (max-width: 320px) {
  #position {width: 97%;}
  #body {padding: 12px 2.8% 2.8% 2.8%; width: 94.4%;}
  #interestingly .title {margin: 10px 0 0 7px;}
  #interestingly .question {margin: 10px 0 0 7px;}
}


/*tables*/
@media screen and (max-width: 650px) {
  div.type1{}
  div.type1 .table_tr {float: left; clear: none;}
  div.type1 .table_td {float: none; white-space: pre; width: 94%; padding: 3px 3% 3px 3%; border-bottom: 1px solid #B7B9AC; border-left: 1px solid #B7B9AC;}
  div.type1 .table_tr:first-child .table_td {border-left: 0;}
  div.type1 .table_tr .table_td:first-child {white-space: pre-wrap;}
  .trw33 {width:33%;}
  .trw25 {width:25%;}

  div.type2{ font-size: 10px;}
  div.type2 .table_td { font-size: 12px;}




  div.h30 {height: 30px;}
  div.h35 {height: 35px;}
  div.h40 {height: 40px;}
  div.h45 {height: 45px;}
  div.h50 {height: 50px;}
  div.h55 {height: 55px;}
  div.h60 {height: 60px;}
  div.h65 {height: 65px;}
  div.h70 {height: 70px;}

}

@media screen and (max-width: 380px) {
  div.type1 .table_tr .table_td:first-child {height: 35px; padding-bottom: 5px;}
}

@media screen and (max-width: 320px) {
  #ads_block {

  }

}