@media screen and (min-width: 601px) {
    div.appsmenu { display: none; }
    a.menuy { height:104px; }
    i.menuy { font-size:46px; }
    i.menuyy { font-size:38px; }
    div.menuy { font-size:13px; }
    svg.menuy { width:58; height:58; }
    svg.menuyy { width:44; height:44; }
    th.menuyy { padding-top:10px; padding-bottom:8px; padding-right:60px; }
    tr.table-mantep { font-size: 13px; }
    tr.table-manteps { font-size: 11px; height:44px; }
    label.table-mantep { font-size: 11px; }
    span.table-mantep {font-size: 10px; }
    div.box-mantep {font-size:35px;}
    p.box-mantep {font-size:13px; }
    .scnya {width: 444px;border: 0px solid black;padding: 10px;position:absolute;bottom:30;}
    .toogleapp { z-index:2;position:absolute;top:25px;right:25px; }
}

@media screen and (min-width:700px) and (max-width:768px) {
    .scnya {width: 700px;border: 0px solid black;padding: 10px;position:absolute;bottom:30;}
}

@media screen and (max-width: 600px) {
    div.appsmenu { display: block; }
    a.menuy { height:73px; }
    i.menuy { font-size:23px; }
    i.menuyy { font-size:23px; }
    div.menuy { font-size:10px; }
    svg.menuy { width:28; height:28; }
    svg.menuyy { width:28; height:28; }
    th.menuyy { padding-top:4px; padding-bottom:8px; padding-right:24px; }
    tr.table-mantep { font-size: 11px; }
    tr.table-manteps { font-size: 9px; height:44px; }
    label.table-mantep { font-size: 9px; }
    span.table-mantep {font-size: 9px; }
    div.box-mantep {font-size:20px;}
    p.box-mantep {font-size:8px;}
    p.detail-info {font-size:11px; }
    .shortcuticon {pointer-events: none;cursor: default;}
    .scnya {width: 95%;margin-left: auto;margin-right: auto;position:absolute;bottom:20;}
    .toogleapp { z-index:2;position:absolute;top:15px;right:15px; }
}

.hey:hover .image { opacity: 0.8;transform: scale(1.1); }
.hoy:hover { transform: scale(1.05); }
.hoyy:hover { background-color: #f5f5f5; }

.w3-animate-left{position:relative;animation:animateleft 0.8s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-leftt{position:relative;animation:animateleft 0.9s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-lefttt{position:relative;animation:animateleft 1s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-leftttt{position:relative;animation:animateleft 1.1s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-lefttttt{position:relative;animation:animateleft 1.2s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-leftttttt{position:relative;animation:animateleft 1.3s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.8s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-rightt{position:relative;animation:animateright 0.9s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-righttt{position:relative;animation:animateright 1s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-rightttt{position:relative;animation:animateright 1.1s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-righttttt{position:relative;animation:animateright 1.2s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-rightttttt{position:relative;animation:animateright 1.3s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.8s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-bottomm{position:relative;animation:animatebottom 0.9s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-bottommm{position:relative;animation:animatebottom 1s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-bottommmm{position:relative;animation:animatebottom 1.1s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-bottommmmm{position:relative;animation:animatebottom 1.2s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-bottommmmmm{position:relative;animation:animatebottom 1.3s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}

.homebar {
  position: fixed;
  bottom:-60px;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 3;
}
.homebar a {
  display: block;
  color: #206bc4;
  text-align: center;
  text-decoration: none;
}
.dot {
  background-color: #ffffff;
  height:90px;
  width:90px;
  border-radius: 50%;
  display: inline-block;
  z-index: 2;
  outline-style: solid;
  outline-color: #206bc4;
  outline-width: 6px;
}
.androbar {
  overflow: hidden;
  position: fixed;
  bottom: 0;
  right:0;
  left:0;
  width: 102%;
  height:55px;
}
.androbar a {
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
.androbar div.active {
  background-color: #0e54a6;
  color: white;
}