@media screen and (min-width: 1360px) {
.main {margin: 0 auto; width: 1340px;}
.main .content{width: 1040px; float:left;}
.main .menu{width: 300px; float:right;}
}

.main .content .box img{max-width: 100%;}

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

body {min-width: 350px;}
.cookie_agree p span{font-size: 12px;}
.userbar .bar {position: absolute; min-width: 350px;}
.userbar .bar .in{width: auto; padding: 5px 10px;}
.header {width: auto; padding: 25px 10px 35px 10px;}
.header h1{font-size: 38px; padding: 0;}
.header span{ padding: 0;}
.header span.title{font-size: 38px;}
.header span.subtitle{font-size: 22px;}
.main {width: auto; padding: 0 10px;}
.main .content{width: 100%; float: none;}
.main .content h1.category{margin: 0;}
.main .content .box{margin: 0 0 20px 0;}
.main .content .box img{max-width: 100%;}
.main .content .box .ad{padding: 0; margin: 0 -30px; text-align: center;}
.main .content .box .comments ul li p.right span.name{display: block;}
.main .content .box .comments ul li p.right span.date{display: block; float: none; padding: 2px 0 0 0;}
.main .content .box .comments ul li form p span{display: block; width: auto; float: none; padding: 0 0 5px 0;}
.main .content .box .comments ul li form p img{margin: 0;}
.main .content .box .comments ul li form p a{display: block; padding: 10px 0 10px 26px; margin: 5px 0 0 0;}
.main .content .box .comments ul li form p input.text{width: 80%;}
.main .content .box .comments ul li form p textarea{width: 80%;}
.main .content .box .login{position: static;}
.main .content .box .login .loginbox{position: static; display: block; margin: 0;}
.main .content .box .login .loginbox form{position: static; display: block; margin: 0; border-color: #f0f0f0;}
.main .content .box .login .loginbox form p span{display: block; width: auto; float: none; padding: 0 0 5px 0;}
.main .content .box .login .loginbox form p input.text{width: 80%;}
.main .content .box .login .loginbox form p select{width: 80%;}
.main .content ul.paging{margin: 0; padding: 15px 0 30px 0; background:url('../../images/line.png') repeat-x center bottom;}
.main .content ul.paging li a{padding: 10px 15px;}
.main .content ul.paging li.arr a{padding: 10px 10px;}
.main .menu{width: 100%; margin: 25px 0 0 0; float: none;}
.main .menu .search form input.text{padding: 10px 0; width: 220px;}
.main .menu .categories ul li{display: block;}
.main .menu .categories ul li a{display: block; font-size: 16px; padding: 5px 15px;}
.main .menu .links ul li{padding: 10px 15px 10px 40px; background:url('../../images/link.png') no-repeat left 9px; color: #444444;}
.main .menu .links ul li a{font-size: 16px;}
.main .menu .archive ul li a{padding: 13px 20px 14px 19px; font-size: 14px;}
.ownfooter {width: auto; padding: 25px 10px 0 10px;}
.footer {width: auto; padding: 15px 10px;}
.main .content .box .login .loginbox iframe{width: 100%; height: 350px; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
}