.form-control {
 z-index: 0 !important;
}
#msearch {
 display:inline-block;
 margin:0.5em 0 0 0;
}
#searchbut {
 color:#fff;
 font-size:3em;
 vertical-align:top;
 display:none;
 line-height:0;
 padding-right:1em;
 cursor:pointer;
}
#zadano {
  color:#222;
  font-size:2em;
  margin:0.5em 0;
}
#showpaid,#showunpaid {
  width:25%;
  cursor:pointer;
  font-size:1.5em;
  padding:0.25em;
}
#showpaid {
  background-color:#34bf49;
  color:#fff;
}
#showunpaid {
  background-color:#fff;
  color:#34bf49;
}
.mtr1 {
  border:none;
  background-color:#fff;
}
.mtd1 {
  width:60%;
  font-size:1.6em;
  color:#4275f4;
  padding:0.4em;
  line-height:1.1; 
}
.mtd1u {
  width:75%;
}
.mtd2 {
  width:15%;
}
.mdiv2 {
  font-size:1em;
  color:#fff;
  background-color:#34bf49;
  margin:20%;
  text-align:center;
}
.mdiv3 {
  font-size:1em;
  color:#ccc;
  margin:20% 10%;
}
.mtd4 {
  font-size:3em;
  color:#bd362f;
  padding:0.25em;
  width:15%;
}
#mlenta {
  background-color:#fff;
  color:#34bf49;
  text-align:center;
  padding:2em;
}
#contents {
  background-color:#fff;
  color:#4F4F4F;
  text-align:left;
}
.mysquare {
  display:inline-block;
  width:24%;
  font-size:0.8em;
}
#morda2 {
  width:70%;
  left:15%;
}
#logot {
  height:54px;
  width:auto;
}
#mordamenu {
  position:absolute;
  right:2em;
  top:0;
  margin:0;
}
#menubut {
 color:#fff;
 font-size:3em;
 display:none;
 line-height:0;
 padding-right:0.15em;
 cursor:pointer;
}
#menuclo {
 position:absolute;
 right:0;
 top:0;
 color:#fff;
 font-size:3em;
 display:none;
 line-height:0;
 padding-right:0.15em;
 cursor:pointer;
}
#mordamenu li {
  color:#fff;
  padding:0.8em 1em;
  font-size:1.6em;
  display:inline-block;
  line-height:0.5;
  border-left:solid 1px #fff;
}
#mordamenu a {
  color:#fff;
  cursor:pointer;
}
#mordamenu a:hover {
  text-shadow:0.5px 0.5px;
  transition:all 0.2s;
}

#lcommdiv textarea {
 width:100%;
}
#Mod126 .dropdown-menu {
position:static !important;
box-shadow:none !important;
width:100%;
}
.pull-left img {
width:100%;
}
#t3-footer ul.menu {
width:18.75%;
display:inline-block;
vertical-align:top;
}
#t3-footer ul.menu:first-of-type {
margin-left:12.75%
}
#t3-footer {
background-color:#fff;
padding:0;
}
.tyndex {
  float:left;
  width:50%;
  margin-right:1em;
  position:static;
  height:auto;
}
.botva {
  margin-top:0;
  height:auto;
  max-width:auto;
  margin-left:auto;
  margin-right:auto;
}
#morda {
  height:500px;
}
@media (min-width: 300px) {
  body {
    font-size: 11px;
  }
  .item-page .article-content {
    font-size: 11px;
  }
  h1, .com_content.view-article .page-header .page-title, .blog .page-header .page-title {
    font-size:16px;
  }
  h2 {
    font-size:14px;
  }
  h3 {
    font-size:12px;
  }
  .problem {
    font-size:12px;
    margin-bottom:12px;
  }
  .btn {
    font-size:11px;
  }
  textarea {
    font-size:11px;
  }
  .olist {
    list-style:none;
    padding:5px;
  }
  #t3-footer ul.menu {
    width:45%;
    display:inline-block;
    vertical-align:top;
  }
  #t3-footer ul.menu:first-of-type {
    margin-left:0;
  }
  #t3-footer {
    padding:0 0 0 80px;
  }
  #t3-footer span.separator {
    padding-top:15px;
    padding-bottom:15px;
  }
  #t3-footer .nav > li > a {
    padding: 7px 10px; 
  }
  .item-page {
    padding:5px;
  }
  .tyndex {
	position: absolute;
	bottom: 300px;
	float: none;
	width: auto;
	margin: 0;
    height:300px;
  }
  .botva {
    margin-top:600px;
    height:250px;
    max-width:auto;
    margin-left:auto;
    margin-right:auto;
  }
  #logot {
    height:32px; 
  }
  #menubut {
    display:inline-block; 
  }
  #searchbut {
    display:inline-block; 
  }
  #mordamenu li {
    display:none; 
  }
  .mtd1 {
    width:60%;
    font-size:1.2em;
    padding:0.4em;
    line-height:1.1; 
  }
  .mtd1u {
    width:75%;
  }
  .mtd2 {
    width:15%;
  }
  .mdiv2 {
    font-size:1em;
    margin:12% 8%;
    text-align:center;
  }
  .mdiv3 {
    font-size:1em;
    margin:10% 5%;
  }
  .mtd4 {
    text-align:center;
    font-size:1.6em;
    line-height:1.1;
    padding:0.5em 0.2em;
    width:15%;
  }
  #mlenta {
    padding:0.5em;
  }
  .twot {
    display:none;
  }
  .sbr {
   display:inline; 
  }
  #msearch {
    display:none;
  }
}
@media (min-width: 768px) {
  body {
    font-size: 12px;
  }
  .item-page .article-content {
    font-size: 12px;
  }
  p {
    font-size: 16px;
  }
  h1, .com_content.view-article .page-header .page-title, .blog .page-header .page-title {
    font-size:20px;
  }
  h2 {
    font-size:18px;
  }
  h3 {
    font-size:16px;
  }
  .problem {
    font-size:13px;
    margin-bottom:13px;
  }
  .btn {
    font-size:12px;
  }
  textarea {
    font-size:12px;
  }
  #t3-footer ul.menu {
    width:18.75%;
    display:inline-block;
    vertical-align:top;
  }
  #t3-footer ul.menu:first-of-type {
    margin-left:12.75%
  }
  #t3-footer {
    padding:0;
  }
  #t3-footer span.separator {
    padding-top:25px;
    padding-bottom:25px;
  }
  #t3-footer .nav > li > a {
    padding: 10px 15px; 
  }
  .item-page {
    padding:20px;
  }
  .tyndex {
    float:left;
    width:50%;
    margin-right:1em;
    position:static;
    height:auto;
  }
  .botva {
    margin-top:0;
    height:auto;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
  }
  #logot {
    height:40px; 
  }
  #menubut {
    display:none; 
  }
  #mordamenu li {
    display:inline-block; 
  }
  .twot {
    display:inline;
  }
  .sbr {
   display:none; 
  }
}
@media (min-width: 992px) {
  body {
    font-size: 13px;
  }
  .item-page .article-content {
    font-size: 13px;
  }
  p {
    font-size: 15px;
  }
  h1, .com_content.view-article .page-header .page-title, .blog .page-header .page-title {
    font-size:24px;
  }
  h2 {
    font-size:22px;
  }
  h3 {
    font-size:20px;
  }
  .problem {
    font-size:14px;
    margin-bottom:14px;
  }
  .btn {
    font-size:12px;
  }
  textarea {
    font-size:13px;
  }
  #t3-footer ul.menu {
    width:45%;
    display:inline-block;
    vertical-align:top;
  }
  #t3-footer ul.menu:first-of-type {
    margin-left:0;
  }
  #t3-footer {
    padding:0 0 0 250px;
  }
  #t3-footer span.separator {
    padding-top:25px;
    padding-bottom:25px;
  }
  #t3-footer .nav > li > a {
    padding: 10px 15px; 
  }
  .item-page {
    padding:20px;
  }
  .tyndex {
    float:left;
    width:50%;
    margin-right:1em;
    position:static;
    height:auto;
  }
  .botva {
    margin-top:0;
    height:auto;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
  }
  #logot {
    height:45px; 
  }
  #menubut {
    display:none; 
  }
  #mordamenu li {
    display:inline-block; 
  }
  .mtd1 {
    width:60%;
    font-size:1.6em;
    padding:0.4em;
    line-height:1.1; 
  }
  .mtd1u {
    width:75%;
  }
  .mtd2 {
    width:15%;
  }
  .mdiv2 {
    font-size:1em;
    margin:20%;
    text-align:center;
  }
  .mdiv3 {
    font-size:1em;
    margin:20% 10%;
  }
  .mtd4 {
    font-size:3em;
    padding:0.25em;
    width:15%;
  }
  #mlenta {
    padding:2em;
  }
}
@media (min-width: 1200px) {
  body {
    font-size: 12px;
  }
  .item-page .article-content {
    font-size: 15px;
    
  }
  p {
    font-size: 18px;
  }
  h1, .com_content.view-article .page-header .page-title, .blog .page-header .page-title {
    font-size:27px;
  }
  h2 {
    font-size:24px;
  }
  h3 {
    font-size:22px;
  }
  .problem {
    font-size:16px;
    margin-bottom:16px;
  }
  .btn {
    font-size:12px;
  }
  textarea {
    font-size:15px;
  }
  #t3-footer ul.menu {
    width:18.75%;
    display:inline-block;
    vertical-align:top;
  }
  #t3-footer ul.menu:first-of-type {
    margin-left:12.75%
  }
  #t3-footer {
    padding:0;
  }
  #t3-footer span.separator {
    padding-top:25px;
    padding-bottom:25px;
  }
  #t3-footer .nav > li > a {
    padding: 10px 15px; 
  }
  .item-page {
    padding:20px;
  }
  .tyndex {
    float:left;
    width:50%;
    margin-right:1em;
    position:static;
    height:auto;
  }
  .botva {
    margin-top:0;
    height:auto;
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
  }
  #logot {
    height:54px; 
  }
  #menubut {
    display:none; 
  }
  #mordamenu li {
    display:inline-block; 
  }
  #showpaid,#showunpaid {
    margin:1em;
  }
  #searchbut {
    display:none; 
  }
  #msearch {
    display:inline-block;
  }
}
@media (min-width: 1400px) {
  #morda2 {
  width:40%;
  left:30%;
  }
  #lpaid,#lunpaid {
    margin:0 15%; 
  }
  .mtd4 {
    font-size:2em;
    padding:1em 0.3em;
    width:15%;
  }
  #msearch {
    display:inline-block;
  }
}
@media (min-width: 1900px) {
  #morda {
    height:800px;
  }
  #morda2 {
  width:40%;
  left:30%;
  }
  #logot {
    height:54px; 
  }
  #menubut {
    display:none; 
  }
  #mordamenu li {
    display:inline-block; 
  }
  #lpaid,#lunpaid {
    margin:0 15%; 
  }
  .mtd1 {
    width:60%;
    font-size:2em;
    padding:0.4em;
    line-height:1.1; 
  }
  .mtd1u {
    width:75%;
  }
  .mtd2 {
    width:15%;
  }
  .mdiv2 {
    font-size:1.5em;
    margin:20% 10%;
    text-align:center;
  }
  .mdiv3 {
    font-size:1.5em;
    margin:20% 10%;
  }
  .mtd4 {
    font-size:2em;
    padding:1em 0.3em;
    width:15%;
  }
  #mlenta {
    padding:5em;
  }
  #zadano {
    font-size:2.5em;
    margin:1em 0;
  }
  #showpaid,#showunpaid {
    font-size:2em;
    margin:1em;
  }
  #msearch {
    display:inline-block;
  }
}