@media only screen and (min-width: 769px) and (max-width: 1041px) {
    .coub {
        width: 47%;
    }
    .coub .head .tit, .open-spoiler {
        width: 89%;
    }
    .coub.second .head .tit {
        width: 94.4%;
    }
    .coub div.head DIV.sbutton {
        width: 5%;
    }
	#content input, #content select{
    	width: 130px;
	}
    #content .pole-name input {
        height: 15px;
    }
    #content select {
        height: 21px;
    }
}

@media only screen and (max-width: 768px) {

    #logo {
        float: none;
        padding-left: 0px;
        padding-bottom: 10px;
        margin:0;
    }
    ul.menu {
        padding: 0;
    }
    #content {
        border: 0px;
        padding: 0px;
        margin-left: 3px;
    }
    #header, #footer {
        width: 92%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #content .pole-name {
        width: 50%;
    }
    #content input, #content select, #content button {
        width: 96%;
    }
    /*#content .pole-name input {
        height: 15px;
    }
    #content select {
        height: 21px;
    }*/

    .coub {
        width: 100%;
        height: auto;
        margin-left: 0px;
    }
    .coub.second .tit {
        width:88.7%;
    }
    .coub.second .open-spoiler {
        width:89%;
    }
    .coub:nth-child(2n){
        margin-left: 0px;
    }
    .coub div.head DIV, .open-spoiler {
        width: 79%;
        height: 39px;
    }
    .coub div.head DIV.sbutton {
        width: 10%;
    }
    .coub .open-spoiler {
        height: 39px;
        margin-top: -40px;
    }
    .coub .open-spoiler:hover {
        height: 36px;
    }
    .coub .head {
        height: 39px;
    }
    .coub div a.edit, .coub div a.delete {
        height: 34px;
        width: 34px;
    }

}

@media only screen and (max-width: 320px) {
    .menu li a {
        width: 91px;
    }
}