.moder-menu{width:770px;}
.mod-in-menu{float:left; padding:5px; text-align:center; border-top:1px solid #9e9393; border-left:1px solid #9e9393; border-right:1px solid #9e9393; margin-right:5px; border-top-left-radius:5px; border-top-right-radius:5px;     background-color: #e0e0e0; }
.active{background-color: #82bbdc;}
.active a{color:white;}
.coms{text-transform: uppercase;    text-align: center;    background-color: #097cbf;    width: 770px;    color: white;
    padding: 5px 0 5px 0;    border-top: 2px solid #dedada;    border-bottom: 2px solid #dedada;}
.line{ clear:both; width: 770px;    height: 50px;   background: linear-gradient(to top, #ffffff, rgb(123, 183, 218));}
#w400{width:770px}
.pagers li {margin-right:5px;}
@media screen and (max-width: 800px) {
.moder-menu{width:100%;}
.line{ clear:both; width: 100%;    height: 50px;   background: linear-gradient(to top, #ffffff, rgb(123, 183, 218));}
#w400{width:100%}
.coms{width:100%}
.mod-in-menu{ padding:5px; width:95%; margin:0 auto; text-align:center; border:1px solid #9e9393; border-radius:5px; background-color: #e0e0e0; margin-bottom:3px;}
.aryz-m{width:95%;margin:0 auto;}
.ul li{
	margin-right: 3px;
	margin-bottom: 3px;
    border: 1px solid #000;
    padding: 3px;
    background-color: #104E65;
    color: white; 
    font-weight: bold;
}
}