Web App тема

/* Стиль для экранов с макс. 770px шириной и ниже*/
@media screen and (max-width: 770px) {
.logo a {padding-top: 20px;background: url(images/minmin.png) no-repeat center;}
.panel ul li a {padding: 13px 5.1% 11px 5.1%; font-size: 11px;}
.panel ul li a i {font-size: 28px;}
.rightside {display: none;}
.hidetop {display: none;}
.content{width: 100%;}

}
/* Стиль для экранов с макс. 680px шириной и ниже*/
@media screen and (max-width: 680px) {
.panel ul li a i {font-size: 24px;}
.logo a {padding-top:15px;}
.towmenu { font-size: 13px;}
}
/***********************************************/

/* Стиль для экранов с макс. 540px шириной и ниже*/
@media screen and (max-width: 540px) {
.panel {max-width: 100%;}
.panel .links {}
.panel ul li a {display: inline-block;padding: 15px 3.7% 7px 3.7%;margin-right: 5px;}
.panel ul li a i {font-size: 22px; }
.content {padding:15px;font-size: small;width: 100%;background: #f0f2f2;}
.leftside,.logo {width: 55px;}
.logo a {padding-top:10px}
.phdr {margin-bottom: 5px;}
.footer {border-left: 53px solid #1D243D}
}
/***********************************************/


/* Вид для экранов до 380px ширины*/
@media screen and (max-width: 385px) {
.news {text-shadow:0 1px #fff;line-height: 18px;}
#toggle-bar {display: block; max-width: 100%; background: #17273E;padding: 10px}
span.mobile-login a,span.mobile-home a {
background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.01, #703953), to(#672943));
background: -webkit-linear-gradient(#703953 1%, #672943 100%);
background: -moz-linear-gradient(#703953 1%, #672943 100%);
background: -o-linear-gradient(#703953 1%, #672943 100%);
background: linear-gradient(#703953 1%, #672943 100%);
display: block;padding:10px 3px;width: 30%;text-align: center;border-radius: 3px;font-size: 12px;font-weight: bold;color: #fff;}
span.mobile-home a {float: left;}
span.mobile-login a {float: right;}
#nav#full { display:none}
nav#mobile {background:#272E3B;display:block;}
nav#mobile ul {margin:0;padding: 0;text-align: right;}
nav#mobile ul li {list-style:none;margin:0;padding: 0;}
nav#mobile ul li a {display:block;background:#EAEDF0;padding:10px 13px;font-size: 13px;color: #5A627E;border-bottom: 1px solid #BFC6CE;}
nav#mobile ul li a:hover {background: #E3E5E5;}
.panel {display: none;}
.logo {display: none;}
.leftside {display: none;}
.towmenu { display: none}
.footer {border: 0;}
}
/***********Designed by selemet************/